/* Shared mobile readability and touch refinements, October 2026. */
html{scroll-padding-top:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video{max-width:100%}button,input,select,textarea{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:#dfbe7833}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #edce8b;outline-offset:4px}
.article-prose>section>p,.article-list,.article-checklist>li{color:#ded5c5}.article-table td{color:#ded5c5}.article-search input::placeholder{color:#c3b9a9}
@media(max-width:1050px){.nav.is-open{max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain}.nav a{min-height:48px;display:flex;align-items:center}.menu-toggle{min-width:48px;min-height:48px}}
@media(max-width:820px){
.wrap{max-width:100%}.wrap>*{min-width:0}.hero h1 .accent-text,.hero h1 .accent-text .mobile-title-line{font-size:clamp(14px,4.6vw,23px)!important;white-space:nowrap!important;letter-spacing:0!important}.hero h1 .accent-text .mobile-title-line{display:inline!important}
.hero-actions .text-link{min-height:44px}.hero-points{flex-wrap:wrap}.section-intro,.fit-description{line-height:1.85}.calculator-heading,.calculator-layout,.calculator-form,.calculator-results,.calculator-grid,.calculator-field{min-width:0}.calculator-result output{overflow-wrap:anywhere;line-height:1.25}.calculator-result-annual output{font-size:clamp(25px,6vw,40px)}.calculator-form-title{gap:12px;flex-wrap:wrap}.calculator-reset{min-height:44px;padding:8px 10px}.quantity-button{min-width:44px;min-height:48px;touch-action:manipulation}.quantity-control input{min-width:0;font-size:20px}.calculator-slider input{min-height:44px}.calculator-results .btn,.deliverables-cta,.final-cta .btn,.journal-cta .btn{white-space:normal;text-align:center;height:auto;min-height:50px}.calculator-rates{flex-wrap:wrap;gap:12px}.footer-links{flex-wrap:wrap;gap:12px 24px}.footer-links a,.footer-bottom button{min-height:44px;display:inline-flex;align-items:center}.footer-bottom{gap:12px}.dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}.dialog .btn{white-space:normal}.mobile-action-bar .btn{min-height:48px}.article-table{max-width:100%;-webkit-overflow-scrolling:touch}.article-tools{row-gap:10px}.breadcrumbs{flex-wrap:wrap;line-height:1.7}.article-card{min-width:0}.reading-heading h1{overflow-wrap:break-word}.category-filters>button{touch-action:manipulation}.article-search input{font-size:18px}.lead-example-top{flex-wrap:wrap}.lead-example-summary p,.lead-example-note{overflow-wrap:break-word}
}
@media(max-width:480px){
.section h2,.lead-example-copy h2{font-size:clamp(27px,7.5vw,34px);line-height:1.4}.calculator-results{padding:24px 18px}.calculator-result output{font-size:clamp(34px,10vw,46px)}.calculator-result-annual output{font-size:clamp(24px,6.5vw,31px)}.calculator-form-title h3{font-size:23px}.calculator-rates{font-size:14px}.lead-example-fields{grid-template-columns:1fr 1fr}.lead-example-fields dd{overflow-wrap:break-word}.article-takeaway,.article-prose blockquote,.article-checklist{padding:20px 16px}.reading-heading h1{font-size:clamp(28px,8vw,34px);line-height:1.5}.journal-hero h1{font-size:36px}.journal-cta h2{font-size:30px}.article-prose>section>h2{font-size:26px}.mobile-action-bar{gap:7px;padding-inline:10px}.mobile-action-bar .btn{font-size:13px;padding-inline:8px;gap:6px}.mobile-action-bar .icon{width:17px;height:17px}
}
/* The long-form guide uses a standalone layout. */
.guide-page .layout>article{min-width:0}.guide-page .table-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.guide-page .toc a{min-height:44px;display:flex;align-items:center}.guide-page .checklist label{min-height:44px;cursor:pointer}.guide-page .checklist input{width:24px;height:24px}.guide-page .endlinks a{min-height:64px}.guide-page .button{min-height:48px}
@media(max-width:850px){.guide-page .toc nav{gap:2px 16px}.guide-page .toc a{font-size:15px;line-height:1.6}.guide-page .layout{padding-inline:20px}.guide-page header{gap:10px;padding:12px 16px}.guide-page .cover{padding-inline:20px}.guide-page h1{font-size:clamp(32px,8vw,50px);line-height:1.3}.guide-page .layout h2{font-size:clamp(26px,6.8vw,34px);line-height:1.45}.guide-page h3{font-size:23px;line-height:1.5}.guide-page .cta{gap:14px}.guide-page .flow span{min-width:100px}.guide-page .kpi-card strong{font-size:clamp(25px,6.5vw,36px)}}
@media(max-width:480px){.guide-page header{padding:10px 12px;gap:8px}.guide-page .brand{font-size:16px;gap:6px;white-space:nowrap}.guide-page .brand img{width:32px;height:32px}.guide-page header .button{font-size:12px;padding:9px 10px;min-height:44px}.guide-page .layout{padding-inline:16px}.guide-page .cover{padding-inline:16px}.guide-page .toc{padding:16px}.guide-page .journey-grid,.guide-page .kpi-grid{grid-template-columns:1fr}.guide-page .kpi-card strong{font-size:36px}.guide-page .map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-page .map-grid>div{min-width:0;padding:16px 8px}.guide-page .map-grid b{font-size:17px}.guide-page .map-grid small{font-size:14px}.guide-page .infographic figcaption{font-size:21px}.guide-page .checklist{padding:18px}.guide-page .funnel>div{min-width:0;width:max(65%,var(--w));max-width:100%}.guide-page .endlinks a{padding:18px}.meeting-ready-page main{padding-inline:16px}.meeting-ready-page .preparation{padding:20px 16px}.meeting-ready-page .questions li{gap:10px}.meeting-ready-page .status{font-size:13px;white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Prevent a wide chart/table from defining the width of the guide's grid track. */
@media(max-width:850px){.guide-page .layout{grid-template-columns:minmax(0,1fr)}.guide-page .layout>*{min-width:0;max-width:100%}.guide-page article>section,.guide-page figure,.guide-page .charts,.guide-page .infographic,.guide-page .visual-map{min-width:0;max-width:100%}.guide-page .toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-page p,.guide-page h1,.guide-page h2,.guide-page h3,.guide-page figcaption{overflow-wrap:break-word}.guide-page .cta>*{min-width:0;max-width:100%}.guide-page .cta .button{white-space:normal;text-align:center}}
@media(max-width:480px){.guide-page .table-scroll{border:0;overflow:visible}.guide-page .playbook{min-width:0;display:block;width:100%}.guide-page .playbook thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.guide-page .playbook tbody{display:grid;gap:16px}.guide-page .playbook tr{display:block;border:1px solid #dfbe7840;border-radius:12px;background:#080807;overflow:hidden}.guide-page .playbook td{display:block;width:100%;padding:14px 16px;overflow-wrap:break-word}.guide-page .playbook td:before{content:attr(data-label);display:block;color:#dfbe78;font-size:13px;font-weight:700;margin-bottom:5px}.guide-page .playbook td:first-child{background:#dfbe780b;font-size:18px}.guide-page .playbook td:last-child{border-bottom:0}.guide-page .toc nav{grid-template-columns:minmax(0,1fr)}.guide-page .toc a{padding-block:10px}.guide-page .flow{display:grid;grid-template-columns:1fr}.guide-page .flow span{min-width:0}.guide-page .infographic .info-note{font-size:14px}}
