/* /method/ only. Reference blue-white cards and numbered path.
   Design dials: variance 4, motion 2, density 5. Existing PHP/CSS and brand tokens. */
.method-page{--method-muted:#46536B;--method-accent:#1B4FD8;background:var(--bg);color:var(--ink)}
.method-page .container{max-width:1160px}
.method-page .method-hero{padding:38px 0 40px;text-align:left;background:linear-gradient(180deg,var(--bg),#EAF2FF);border-bottom:1px solid #DAE6F8}
.method-page .method-hero::before{left:75%;top:-200px;background:radial-gradient(circle,rgba(46,107,255,.10),transparent 65%)}
.method-page .page-hero h1{font-size:clamp(28px,3.4vw,42px);line-height:1.35;letter-spacing:-.6px}
.method-page .method-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}
.method-page .method-overview a{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:3px;align-items:center;padding:18px 20px;background:var(--card);border:1px solid #D4E2F7;border-radius:var(--radius);box-shadow:0 4px 12px rgba(12,27,51,.025);transition:border-color .18s,box-shadow .18s,transform .18s}
.method-page .method-overview a:hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}
.method-page a:focus-visible{outline:3px solid var(--method-accent);outline-offset:4px;border-radius:6px}
.method-page .method-overview-icon{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sky-2);color:var(--method-accent)}
.method-page .method-overview-icon svg{width:22px;height:22px}
.method-page .method-overview-key{font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--method-accent)}
.method-page .method-overview strong{font-size:17px;line-height:1.5}
.method-page .method-dimensions,.method-page .method-example,.method-page .method-faq{padding:64px 0}
.method-page .method-section-head{max-width:760px;margin-bottom:32px}
.method-page h2{font-size:clamp(23px,2.5vw,30px);font-weight:900;line-height:1.45;letter-spacing:-.3px}
.method-page .method-section-head p{margin-top:12px;font-size:15px;line-height:1.9;color:var(--method-muted)}
.method-page .method-model-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:32px;align-items:start}
.method-page .method-dimension-list{display:grid;gap:16px}
.method-page .method-dimension{padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);scroll-margin-top:92px;transition:border-color .18s,box-shadow .18s}
.method-page .method-dimension:hover{border-color:#BBD3FF;box-shadow:var(--shadow)}
.method-page .method-dimension:target{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,107,255,.08)}
.method-page .method-dimension h3{display:flex;align-items:center;gap:12px;font-size:20px;line-height:1.5;font-weight:700;margin-bottom:10px}
.method-page .method-dimension-number{font-family:var(--font-serif);font-size:27px;color:var(--brand);line-height:1.2;font-variant-numeric:tabular-nums}
.method-page .method-dimension-key{margin-left:auto;font-size:11px;letter-spacing:1px;font-weight:500;color:var(--method-accent)}
.method-page .method-dimension p,.method-page .method-dimension dd{font-size:14px;line-height:1.85;color:var(--method-muted)}
.method-page .method-dimension-examples{margin-top:16px}
.method-page .method-dimension h4{font-size:12px;font-weight:500;color:var(--method-muted);margin-bottom:7px}
.method-page .method-dimension-examples ul{display:flex;flex-wrap:wrap;gap:7px}
.method-page .method-dimension-examples li{padding:4px 10px;background:#F8FAFD;border:1px solid var(--line-soft);border-radius:6px;font-size:12px;line-height:1.7;color:var(--method-muted)}
.method-page .method-dimension-plan{margin-top:16px}
.method-page .method-dimension-plan>div{display:flex;align-items:baseline;gap:10px}
.method-page .method-dimension-plan>div+div{margin-top:12px}
.method-page .method-dimension dt{flex:none;font-size:12px;font-weight:700;color:var(--method-accent)}
.method-page .method-dimension dd{font-size:13px}
.method-page .method-dimension-plan .method-evidence{padding:10px 12px;background:var(--sky-2);border-left:3px solid var(--brand);border-radius:0 7px 7px 0}
.method-page .method-path{position:sticky;top:92px;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(12,27,51,.035)}
.method-page .method-path-heading{display:flex;align-items:center;gap:14px}
.method-page .method-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--sky);color:var(--method-accent)}
.method-page .method-icon svg{width:22px;height:22px}
.method-page .method-path h3{font-size:21px;font-weight:700;line-height:1.5}
.method-page .method-path-intro{font-size:13px;color:var(--method-muted);margin-top:15px;line-height:1.85}
.method-page .method-path-list{list-style:none;margin:24px 0;padding:0}
.method-page .method-path-list li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding-bottom:22px}
.method-page .method-path-list li:last-child{padding-bottom:0}
.method-page .method-path-list li:not(:last-child)::before{content:"";position:absolute;top:30px;bottom:0;left:14px;width:2px;background:#DCE8FC}
.method-page .method-path-list li>span{display:grid;place-items:center;width:30px;height:30px;background:var(--sky-2);border:1px solid #CCDDFF;border-radius:50%;font-size:11px;font-weight:700;color:var(--method-accent)}
.method-page .method-path-list h4{font-size:14px;font-weight:700;line-height:30px}
.method-page .method-path-list p{font-size:12px;color:var(--method-muted);margin-top:2px;line-height:1.75}
.method-page .method-path-note{padding:14px 16px;border-radius:var(--radius-s);background:var(--sky-2)}
.method-page .method-path-note strong{font-size:13px;color:var(--method-accent)}
.method-page .method-path-note p{font-size:12px;line-height:1.85;color:var(--method-muted);margin-top:5px}
.method-page .method-text-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:var(--method-accent);font-size:13px;font-weight:600;line-height:1.8;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.method-page .method-text-link:hover{text-decoration-color:currentColor}
.method-page .method-text-link>span{font-size:18px;transition:transform .18s}
.method-page .method-text-link:hover>span{transform:translateX(3px)}
.method-page .method-application,.method-page .method-measure{padding:64px 0;background:var(--card);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.method-page .method-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.method-page .method-workflow li{padding:22px 18px;background:#F8FAFE;border:1px solid var(--line);border-radius:var(--radius)}
.method-page .method-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sky);font-size:13px;font-weight:700;color:var(--method-accent);font-variant-numeric:tabular-nums;margin-bottom:16px}
.method-page .method-workflow h3{font-size:15px;font-weight:700;line-height:1.6;margin-bottom:9px}
.method-page .method-workflow p{font-size:13px;color:var(--method-muted);line-height:1.85}
.method-page .method-output{display:flex;gap:22px;align-items:baseline;margin-top:22px;background:var(--sky-2);border:1px solid #DBE7FC;border-radius:var(--radius-s);padding:17px 22px;font-size:13px;color:var(--method-muted);line-height:1.85}
.method-page .method-output strong{flex:none;color:var(--method-accent);font-weight:700}
.method-page #method-example,.method-page #method-faq{scroll-margin-top:80px}
.method-page .method-example-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);border:1px solid #D1E0F5;border-radius:16px;background:var(--card);overflow:hidden}
.method-page .method-example-question{padding:34px;background:linear-gradient(145deg,#E3EEFF,#F2F7FF)}
.method-page .method-example-label{display:inline-block;color:var(--method-accent);font-size:12px;font-weight:600}
.method-page .method-example-question h3{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin-top:22px;font-weight:900}
.method-page .method-example-question>p{max-width:22em;margin-top:16px;font-size:14px;line-height:1.9;color:var(--method-muted)}
.method-page .method-example-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.method-page .method-example-tags span{font-size:11px;line-height:1.8;color:var(--method-accent);padding:4px 10px;background:rgba(255,255,255,.8);border:1px solid #CDDCF7;border-radius:6px}
.method-page .method-example-question .method-text-link{margin-top:28px}
.method-page .method-example-record{padding:12px 28px}
.method-page .method-example-record>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px 0}
.method-page .method-example-record>div+div{border-top:1px solid var(--line-soft)}
.method-page .method-example-record dt{font-size:13px;font-weight:700;line-height:1.9}
.method-page .method-example-record dd{font-size:13px;line-height:1.9;color:var(--method-muted)}
.method-page .method-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.method-page .method-metric{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.method-page .method-metric h3{font-size:19px;font-weight:700;margin-top:18px}
.method-page .method-metric>p{font-size:14px;color:var(--method-muted);line-height:1.85;margin-top:8px}
.method-page .method-metric-formula{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:17px 14px;margin-top:22px;background:var(--sky-2);border-radius:var(--radius-s);color:var(--method-accent);font-size:13px;font-weight:500;text-align:center;line-height:1.7}
.method-page .method-metric-formula span:first-child{padding-bottom:8px;border-bottom:1px solid #7B9FDC}
.method-page .method-metric .method-metric-note{margin-top:14px;font-size:12px}
.method-page .method-metric-consult{background:#F7FAFF}
.method-page .method-consult-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-top:22px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);color:var(--method-accent);font-size:13px;line-height:1.7}
.method-page .method-consult-flow span:nth-child(2){font-size:17px;line-height:1.1}
.method-page .method-measure-protocol{display:flex;gap:18px;align-items:flex-start;padding:22px 26px;margin-top:24px;background:var(--sky-2);border:1px solid #DBE7FC;border-radius:var(--radius)}
.method-page .method-measure-protocol h3{font-size:15px;font-weight:700;margin-bottom:8px}
.method-page .method-measure-protocol p{font-size:13px;color:var(--method-muted);line-height:1.9}
.method-page .method-faq-list{display:grid;gap:14px}
.method-page .method-faq-list section{display:flex;gap:18px;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.method-page .method-faq-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:var(--sky-2);color:var(--method-accent);font-size:15px;font-weight:700}
.method-page .method-faq-list h3{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.8}
.method-page .method-faq-list p{font-size:14px;color:var(--method-muted);line-height:1.9}
.method-page .method-contact{padding:64px 0;background:var(--dark);color:#fff}
.method-page .method-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.method-page .method-contact-copy h2{font-size:clamp(25px,2.6vw,34px);line-height:1.55;color:#fff}
.method-page .method-contact-copy p{font-size:15px;color:#C4D3E9;line-height:1.9;margin-top:20px;max-width:27em}
.method-page .method-contact-copy ul{margin-top:28px;color:#D7E3F4;font-size:14px;line-height:1.9}
.method-page .method-contact-copy li{display:flex;align-items:baseline;gap:12px}
.method-page .method-contact-copy li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#7EA8FF}
.method-page .method-contact-copy li+li{margin-top:14px}
.method-page #mdLeadFormWrap{min-width:0}
.method-page .lead-form{border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18);padding:28px}
.method-page .field{min-width:0}
.method-page .field span{font-size:13px;color:var(--method-muted)}
.method-page .field input,.method-page .field select,.method-page .field textarea{font-size:14px;min-width:0}
.method-page .field input::placeholder,.method-page .field textarea::placeholder{color:var(--method-muted);opacity:1}
.method-page .form-note{color:var(--method-muted);font-size:12px}
.method-page .btn-primary{background:var(--method-accent);box-shadow:0 6px 18px rgba(46,107,255,.18);color:#fff}
.method-page .btn-primary:hover{background:#1643B8}
.method-page .btn-primary:focus-visible{outline:3px solid var(--method-accent);outline-offset:3px}
.method-page .form-success{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px 28px}
.method-page .form-success p{color:var(--method-muted);font-size:14px}
@media(max-width:1100px){
 .method-page .method-overview a{padding:16px 14px;column-gap:10px}
 .method-page .method-overview{gap:10px}
 .method-page .method-model-grid{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}
 .method-page .method-path,.method-page .method-dimension{padding:22px}
 .method-page .method-workflow{gap:10px}
 .method-page .method-workflow li{padding:20px 14px}
 .method-page .method-contact-grid{gap:36px}
}
@media(max-width:900px){
 .method-page .method-overview a{grid-template-columns:1fr;justify-items:center;gap:7px}
 .method-page .method-overview-icon{grid-row:auto}
 .method-page .method-model-grid{grid-template-columns:minmax(0,1fr)}
 .method-page .method-path{position:static}
 .method-page .method-path h3 br{display:none}
 .method-page .method-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .method-page .method-path-list li{padding-bottom:0}
 .method-page .method-path-list li::before{display:none}
 .method-page .method-workflow{grid-template-columns:minmax(0,1fr);gap:12px}
 .method-page .method-workflow li{display:grid;grid-template-columns:34px 150px minmax(0,1fr);gap:18px;align-items:start;padding:20px}
 .method-page .method-step-number{margin:0}
 .method-page .method-workflow h3{margin:4px 0 0}
 .method-page .method-example-question{padding:26px}
 .method-page .method-example-record{padding:8px 22px}
 .method-page .method-example-record>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
 .method-page .method-metric-grid{gap:12px}
 .method-page .method-metric{padding:20px 16px}
 .method-page .method-metric-formula{padding:14px 8px;font-size:12px}
 .method-page .method-contact-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .method-page .method-contact-copy p{max-width:none}
 .method-page .method-contact-copy h2 br{display:none}
}
@media(max-width:767px){
 .method-page .method-hero{padding:24px 0 28px}
 .method-page .method-overview{margin-top:22px;gap:6px}
 .method-page .method-overview a{padding:12px 3px;border-radius:10px;gap:5px}
 .method-page .method-overview-icon{width:32px;height:32px;border-radius:8px}
 .method-page .method-overview-icon svg{width:18px;height:18px}
 .method-page .method-overview-key{font-size:9px;letter-spacing:0}
 .method-page .method-overview strong{font-size:14px}
 .method-page .method-dimensions,.method-page .method-application,.method-page .method-example,.method-page .method-measure,.method-page .method-faq,.method-page .method-contact{padding:40px 0}
 .method-page .method-section-head{margin-bottom:24px}
 .method-page .method-section-head p{font-size:14px}
 .method-page .method-dimension{padding:20px 18px}
 .method-page .method-dimension h3{font-size:19px;gap:10px}
 .method-page .method-dimension-key{font-size:10px}
 .method-page .method-dimension-plan>div{display:block}
 .method-page .method-dimension dt{margin-bottom:4px}
 .method-page .method-path{padding:22px 20px}
 .method-page .method-path-list{grid-template-columns:minmax(0,1fr);gap:0}
 .method-page .method-path-list li{padding-bottom:22px}
 .method-page .method-path-list li:not(:last-child)::before{display:block}
 .method-page .method-workflow li{grid-template-columns:34px minmax(0,1fr);gap:0 14px;padding:20px}
 .method-page .method-step-number{grid-row:span 2}
 .method-page .method-workflow h3{margin:3px 0 8px}
 .method-page .method-workflow p{grid-column:2}
 .method-page .method-output{display:block;padding:16px 18px;margin-top:20px}
 .method-page .method-output strong{display:block;margin-bottom:5px}
 .method-page .method-example-grid{grid-template-columns:minmax(0,1fr)}
 .method-page .method-example-question{padding:24px}
 .method-page .method-example-question h3{font-size:27px;margin-top:14px}
 .method-page .method-example-question h3 br{display:none}
 .method-page .method-example-question>p{margin-top:10px}
 .method-page .method-example-tags,.method-page .method-example-question .method-text-link{margin-top:18px}
 .method-page .method-example-record{padding:8px 24px}
 .method-page .method-example-record>div{padding:16px 0}
 .method-page .method-metric-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .method-page .method-metric{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:24px}
 .method-page .method-metric h3{margin:0;align-self:center}
 .method-page .method-metric>p,.method-page .method-metric-formula,.method-page .method-consult-flow{grid-column:1 / -1}
 .method-page .method-metric>p{margin-top:14px}
 .method-page .method-metric-formula{margin-top:16px;font-size:13px}
 .method-page .method-measure-protocol{padding:20px;gap:12px}
 .method-page .method-measure-protocol>.method-icon{display:none}
 .method-page .method-faq-list section{padding:20px 18px;gap:12px}
 .method-page .method-faq-mark{width:25px;height:25px;font-size:13px}
 .method-page .method-contact-copy ul{margin-top:22px}
 .method-page .lead-form{padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){
 .method-page .method-overview a,.method-page .method-dimension,.method-page .method-text-link>span,.method-page .btn{transition:none}
 .method-page .method-overview a:hover,.method-page .method-text-link:hover>span,.method-page .btn:hover{transform:none}
}