/* Clear section boundaries in the existing quiet blue visual system. */
.home-content .home-section-label{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:7px 17px;border:1px solid #b8d1e3;border-radius:5px;background:#fff;color:#32698e;font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.045em}
.home-content #features_heading{border-top:1px solid #bfd5e5;margin-top:32px;padding-top:68px}
.home-content #features_heading h2.home-section-label{font-size:15px;margin:0 auto}
.home-content #official-line{border-top:1px solid #cedfdc;border-bottom:1px solid #cedfdc}
.home-content #kanna_report{border-bottom:1px solid #c5d8e6}
.home-content #kanna_report .css-1fhtstu{padding:88px 0}
.home-content #kanna_report .home-section-label{margin-bottom:6px}
.home-content #case_studies.content-hub{padding:80px 0 88px;background:#f1f5f8}
.home-content .content-hub-heading .home-section-label{margin:0 0 20px;font-size:14px}
.home-content #pre-account-register .css-19gseym{border-top:1px solid #bad2e2;background:#e5f1f9}
.home-content #pre-account-register .css-8t8gog{padding:80px 0}
.home-content #pre-account-register .own-community-eyebrow.home-section-label{font-size:14px;letter-spacing:.045em;margin:0}

/* Production management and Excel are distinct groups, with articles inside production. */
.content-topics{grid-template-columns:minmax(0,1fr);gap:38px}
.content-topic{padding:28px;background:#e4eff7;border:1px solid #c3d9e8;border-top:4px solid #477da3;border-radius:14px}
#excel-content{background:#eaf0f5;border-top-color:#64869f}
.content-topic-heading{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;align-items:center;padding:0 0 26px;margin:0;border:0}
.content-topic-icon{grid-column:1;grid-row:1/span 2;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid #c1d6e5;color:#37789f}
.content-topic-icon svg{width:29px;height:29px}
.home-content .content-topic-heading h3{grid-column:2;font-size:32px;line-height:1.4;font-weight:900;margin:0 0 7px;color:#143e5c}
.home-content .content-topic-heading p{grid-column:2;font-size:14px;line-height:1.7;color:#46667d;margin:0}
.video-collection-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#excel-content .video-collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.content-topic .video-collection{display:flex;flex-direction:column;padding:24px 22px 0;box-shadow:none}
.content-topic .video-collection-copy{padding-left:0;padding-top:43px;min-height:170px}
.home-content .content-topic .video-collection h4{font-size:22px;line-height:1.55;letter-spacing:-.03em}
.content-topic .video-collection-previews{min-height:134px;padding:12px;gap:8px;margin-top:18px}
.content-topic .video-collection--short .video-collection-previews{padding:12px;gap:8px}
.content-topic .video-collection-action{font-size:14px;min-height:50px;margin:20px 0 22px;padding:10px 14px;gap:12px}
#excel-content .video-collection-copy{padding-left:49px;padding-top:0;min-height:90px}
.home-content #excel-content .video-collection h4{font-size:25px}
.content-topic .article-collection-section{display:flex;margin:0;min-width:0}
.content-topic .article-collection{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:24px 22px 22px;gap:0;box-shadow:none}
.content-topic .article-collection-copy{display:block;min-height:170px}
.home-content .content-topic .article-collection-eyebrow{font-size:13px;margin:0 0 12px;line-height:1.6}
.home-content .content-topic .article-collection h3{font-size:22px;line-height:1.55;letter-spacing:-.03em;margin:0 0 10px}
.home-content .content-topic .article-collection-copy>p:not(.article-collection-eyebrow){font-size:13px;line-height:1.9}
.content-topic .article-collection-previews{width:100%;min-height:134px;align-items:center;gap:8px;margin:18px 0 0;padding:12px 0}
.content-topic .article-collection-previews figcaption{font-size:11px}
.content-topic .article-collection .video-collection-action{max-width:none;margin:20px 0 0}

/* Official account destinations, kept self-hosted and separate from share buttons. */
.owner-social{margin-top:24px;padding-top:22px;border-top:1px solid #dce7ef}
.home-content #isms .owner-social-label{font-size:13px;line-height:1.7;margin:0 0 13px;color:#577186}
.owner-social-links{display:flex;flex-wrap:wrap;gap:9px}
.owner-social-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;border:1px solid #cddde8;border-radius:6px;background:#fff;color:#234b67;font-size:13px;font-weight:700;line-height:1.5}
.owner-social-button img{display:block;width:18px;height:18px;object-fit:contain;opacity:.75}
.owner-social-button:hover{background:#edf5fb;border-color:#8fb0c8}
.owner-social-button--line{background:#f1f8f4;border-color:#c6dfd0;color:#2c6b4e}
.owner-social-button--line:hover{background:#e7f4ec;border-color:#8db8a0}
.home-content #isms .css-1lf9a7t{align-items:flex-start}
@media(min-width:768px) and (max-width:1100px){
 #production-content .video-collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .content-topic .article-collection-section{grid-column:1/-1}
 .content-topic .article-collection{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}
 .content-topic .article-collection-copy{min-height:0}.content-topic .article-collection-previews{margin:0;grid-column:2;grid-row:1/span 2}
 .content-topic .article-collection .video-collection-action{grid-column:1;grid-row:2}
 #excel-content .video-collection-copy{padding-left:0;padding-top:43px;min-height:140px}
 .home-content #excel-content .video-collection h4{font-size:22px}
}
@media(max-width:767px){
 .home-content #features_heading{margin-top:20px;padding-top:45px}
 .home-content #features_heading h2.home-section-label,.home-content .home-section-label,.home-content .content-hub-heading .home-section-label,.home-content #pre-account-register .own-community-eyebrow.home-section-label{font-size:12px;padding:6px 13px}
 .home-content #kanna_report .css-1fhtstu{padding:56px 0}.home-content #kanna_report .home-section-label{margin:0 auto}
 .home-content #case_studies.content-hub{padding:52px 0 60px}.home-content #pre-account-register .css-8t8gog{padding:56px 0}
 .content-topics{gap:30px}.content-topic{padding:22px 14px 16px;border-radius:11px}
 .content-topic-heading{grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:0 6px 22px}
 .content-topic-icon{width:42px;height:42px;border-radius:9px}.content-topic-icon svg{width:25px;height:25px}
 .home-content .content-topic-heading h3{font-size:28px;margin-bottom:7px}.home-content .content-topic-heading p{font-size:12px;line-height:1.8}
 .video-collection-list,#excel-content .video-collection-list{grid-template-columns:minmax(0,1fr);gap:18px}
 .content-topic .video-collection,.content-topic .article-collection{padding:22px 17px 0;border-radius:9px}
 .content-topic .article-collection{padding-bottom:22px}
 .content-topic .video-collection-copy,#excel-content .video-collection-copy{min-height:0;padding-left:0;padding-top:41px}
 .content-topic .article-collection-copy{min-height:0}
 .home-content .content-topic .video-collection h4,.home-content #excel-content .video-collection h4,.home-content .content-topic .article-collection h3{font-size:21px}
 .content-topic .video-collection-previews,.content-topic .video-collection--short .video-collection-previews{padding:8px;gap:7px;min-height:90px}
 .content-topic .article-collection-previews{min-height:100px;padding:8px 0;gap:6px}
 .content-topic .article-collection-previews figcaption{font-size:10px}
 .content-topic .video-collection-action{font-size:12px;padding:10px 12px;gap:10px}
 .owner-social{margin-top:22px;padding-top:20px}.owner-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.owner-social-button{padding:10px 8px;font-size:12px}.owner-social-button--line{grid-column:1/-1}
}
