/* Normal-zoom typography and bounded layouts; no page-level zoom or scaling. */
html{scroll-padding-top:90px}body{overflow-wrap:break-word}main,main *{box-sizing:border-box}main img{max-width:100%}main :is(.wrap,.content-wrap,.detail-wrap,.hero-grid,.article-content,.article-hero-in){min-width:0}body .xnav .xnav-in{min-height:70px}body .xnav .xlinks{gap:14px}body .xnav .xlinks>a,body .xnav .xitem>a{font-size:14px!important}body .xnav .xcta{font-size:14px!important;padding:13px 20px!important}body .xmega a{transition:background-color .15s ease,color .15s ease!important}body .xmega a:hover,body .xmega a:focus-visible{background:#19304a!important;color:#ff9b60!important}body .xmega a:hover b,body .xmega a:focus-visible b{color:#ff9b60!important}body .xmega a:hover small{color:#d5ddeb!important}
body .reference-hero{padding:54px 24px 40px!important}body .reference-hero h1{font-size:clamp(36px,4.1vw,56px)!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.035em!important}body .reference-hero .intro{font-size:clamp(17px,1.6vw,20px)!important;line-height:1.6!important;max-width:740px!important;margin:22px auto 26px!important}body .reference-hero .hero-grid{gap:38px!important}body .reference-product-stage{max-width:790px!important;margin:26px auto 0!important}body .reference-hero .hero-actions a{font-size:14px!important;padding:12px 18px!important}body .studio-home h2{font-size:clamp(27px,2.65vw,36px)!important;line-height:1.2!important}body .cl-home-about p,body .cl-home-why p{font-size:16px!important;line-height:1.7!important}
/* A legacy .studio-home section rule used !important and removed side padding. */
body #cl-calculator{width:calc(100% - 40px)!important;max-width:1120px!important;margin:48px auto!important;padding:clamp(20px,3vw,36px)!important;background:#f7f8fa!important;height:auto!important;min-height:0!important;display:block!important}body #cl-calculator .clc-panel{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body #cl-calculator .clc-form,body #cl-calculator .clc-output{min-width:0;max-width:100%;padding:24px!important}body #cl-calculator h1,body #cl-calculator h2{font-size:clamp(27px,2.7vw,36px)!important}body #cl-calculator [hidden]{display:none!important}
/* Editorial photos fill the frame, without the previous contain/letterbox effect. */
body .article-hero{padding:28px 24px 36px!important}body .article-hero-in{width:100%;max-width:1040px!important;margin:auto}body .article-hero .article-feature{width:100%!important;max-width:1040px!important;margin:16px auto 26px!important;border-radius:14px;overflow:hidden}body .article-hero .article-feature img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;max-height:none!important;object-fit:cover!important;object-position:center 42%!important;transform:none!important;border-radius:14px!important}body .article-feature figcaption{display:block!important;font-size:11px!important;line-height:1.5;color:#697586;margin-top:8px}body .article-hero h1{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.17!important;max-width:900px!important;font-weight:600!important;letter-spacing:-.025em!important}body .article-hero p{font-size:18px!important;line-height:1.65!important;max-width:790px!important}body .article-long{max-width:1120px!important;grid-template-columns:minmax(180px,230px) minmax(0,740px)!important;gap:44px!important}body .article-content p,body .article-content li{font-size:17px!important;line-height:1.8!important}body .article-content h2{font-size:clamp(25px,2.4vw,32px)!important;line-height:1.25!important;scroll-margin-top:95px}body .article-content .editorial-chapter{padding:0!important;margin:0 0 36px!important;min-height:0!important}body .article-content h3{font-size:21px!important}body .article-toc{top:94px!important;font-size:13px;line-height:1.5}body .article-toc a{padding-block:7px!important}body .post-art,body .common-resource-art,body .feedback-topic-cover{aspect-ratio:16/10!important;height:auto!important;max-height:none!important;overflow:hidden}body .post-art img,body .common-resource-art img,body .feedback-topic-cover img{width:100%!important;height:100%!important;aspect-ratio:16/10!important;max-height:none!important;object-fit:cover!important;object-position:center 42%;transform:none!important;background:transparent!important}body .common-resource-grid h3{font-size:18px!important}.article-table-wrap{max-width:100%;overflow:auto;margin:24px 0}.article-table-wrap table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.article-table-wrap th,.article-table-wrap td{padding:12px;text-align:left;vertical-align:top;border:1px solid #dfe4eb}.article-table-wrap th{background:#f5f7fa;color:#14253f}.article-summary{padding:22px 24px;border:1px solid #ecdcca;background:#fff8f1;border-radius:12px;margin:0 0 32px}.article-summary strong{color:#944015}.editorial-new .related-posts{padding:36px 24px!important}
body .guide-panel{width:min(370px,calc(100vw - 32px));max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px)}body .guide-launch{font-size:13px;padding:9px 14px 9px 9px;max-width:calc(100vw - 24px)}body .guide-panel .guide-lead{margin:0;padding:18px!important}body .guide-panel .guide-step label{font-size:13px}body .guide-panel input:not([type=checkbox]),body .guide-panel textarea,body .guide-panel select{font-size:16px;max-width:100%;box-sizing:border-box}body .guide-panel .guide-consent{display:flex;gap:9px;align-items:flex-start}body .guide-panel .guide-consent input{width:17px;height:17px;flex:0 0 17px}body .guide-panel [hidden]{display:none!important}
@media(min-width:901px) and (max-width:1200px){body .xnav .xnav-in{padding-inline:22px!important}body .xnav .xlinks{gap:8px}body .xnav .xitem>a{font-size:13px!important}body .xnav .xlogo img{max-width:112px!important}}
@media(max-width:900px){body .article-long{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}body .article-toc{position:static!important;max-height:none!important;display:block!important;width:100%!important}body .common-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body .reference-hero{padding:36px 20px 28px!important}body .reference-hero .intro{font-size:17px!important}body .reference-product-stage{width:100%!important;max-width:100%!important}body #cl-calculator{width:calc(100% - 32px)!important;padding:20px!important;margin:32px auto!important}body #cl-calculator .clc-panel{grid-template-columns:minmax(0,1fr)!important}body #cl-calculator .clc-form,body #cl-calculator .clc-output{padding:18px!important}body .article-hero{padding:20px 18px 28px!important}body .article-content p,body .article-content li{font-size:16px!important}body .article-hero p{font-size:17px!important}body .article-hero .article-feature img{aspect-ratio:3/2!important}body .guide-panel{right:12px;bottom:76px}body .guide-launch{right:12px;bottom:12px}}
@media(max-width:480px){body .common-resource-grid{grid-template-columns:minmax(0,1fr)!important}body .article-long{padding-inline:18px!important}body .hero-actions{flex-wrap:wrap}body .article-cta{display:flex!important;flex-direction:column;align-items:flex-start;gap:18px}body #cl-calculator .clc-fields{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){body .floating-metric,body .reference-hero:before,body .reference-hero:after{animation:none!important}html{scroll-behavior:auto!important}}