/* Compass Coaching — inner-2026.css (inner pages). Page-specific classes are prefixed per page. No motion. */
/* method */
.pg-head--rule{border-block-end:1px solid var(--ink)}
.mv-index{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s6)}
.mv-index a{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:44px;padding-inline:var(--s4);border:1px solid var(--line-strong);text-decoration:none;font-weight:500;background:var(--surface)}
.mv-index a span{font-family:var(--f-display);color:var(--brand-t)}
.mv-index a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.mv-index a:hover span{color:var(--needle-l)}
.mv-list{padding-block:var(--sec)}
.mv{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center;padding-block:var(--s7);border-block-end:1px solid var(--line)}
.mv:first-child{padding-block-start:0}
.mv:last-child{border-block-end:0;padding-block-end:0}
.mv-n{font-family:var(--f-display);font-size:clamp(4rem,3rem + 4vw,7.5rem);line-height:.9;color:var(--brand-t);font-variation-settings:"opsz" 144;letter-spacing:-.04em;font-variant-numeric:lining-nums}
.mv-t h2{margin-block:var(--s3) var(--s4)}
.mv-d{font-family:var(--f-display);font-variation-settings:"opsz" 24;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.5;max-inline-size:34ch}
.mv-i img{aspect-ratio:4/3}
@media (min-width:900px){.mv{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8)}.mv--r .mv-i{order:2}}
/* working together */
.wt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.wt-grid h2{margin-block-end:var(--s4)}
@media (min-width:960px){.wt-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}}
.ledger{display:grid;border-block-start:1px solid var(--ink)}
.ledger-r{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);padding-block:var(--s5);border-block-end:1px solid var(--line)}
.ledger-r dt{display:grid;gap:var(--s1)}
.ledger-k{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.ledger-v{font-family:var(--f-display);font-size:1.75rem;line-height:1.1}
.ledger-r dd{line-height:1.55;max-inline-size:52ch}
@media (min-width:640px){.ledger-r{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--s6)}}
.wt-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.wt-duo img{aspect-ratio:3/2}
.wt-duo-t h2{margin-block-end:var(--s3)}
@media (min-width:900px){.wt-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}.wt-duo-t{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:start}}
/* business / life */
.sd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7);align-items:start}
.sd-t h2{margin-block-end:var(--s5)}
.sd-list{list-style:none;padding:0;border-block-start:1px solid var(--ink)}
.sd-list li{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:var(--s3);align-items:baseline;padding-block:var(--s4);border-block-end:1px solid var(--line);font-family:var(--f-display);font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);line-height:1.3}
.sd-n{font-size:1rem;font-family:var(--f-body);font-weight:600;color:var(--brand-t);font-variant-numeric:tabular-nums}
.sd-also{margin-block-start:var(--s5);color:var(--muted)}
.sd-also a{color:var(--fg);font-weight:600;display:inline-flex;align-items:center;min-block-size:44px}
.sd-i{display:grid;gap:var(--s4)}
.sd-i .ph:first-child img{aspect-ratio:4/5}
.sd-i2{max-inline-size:60%;justify-self:end}
@media (min-width:960px){.sd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s8)}.sd-grid--r{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sd-grid--r .sd-i{order:-1}.sd-grid--r .sd-i2{justify-self:start}}
.sd-stories{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);margin-block-start:var(--s6)}
@media (min-width:860px){.sd-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-stories--one{grid-template-columns:minmax(0,1fr)}}
.sd-method{display:grid;gap:var(--s5)}
.sd-method ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.sd-method a{display:flex;align-items:center;gap:var(--s3);min-block-size:64px;padding-inline:var(--s4);border:1px solid var(--line-strong);text-decoration:none;font-family:var(--f-display);font-size:1.375rem;background:var(--surface)}
.sd-method a span{font-family:var(--f-body);font-size:1rem;font-weight:600;color:var(--brand-t)}
.sd-method a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sd-method a:hover span{color:var(--needle-l)}
@media (max-width:419.98px){.sd-method ol{grid-template-columns:minmax(0,1fr)}}
@media (min-width:860px){.sd-method{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.sd-method ol{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* stories */
.st-list{display:grid;gap:var(--s7)}
.st-row{display:grid;gap:var(--s3)}
.st-k{font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--brand-t)}
.story--big{padding:0;background:transparent;border:0;border-block-start:1px solid var(--ink);padding-block-start:var(--s5)}
.story--big .story-q p{font-size:clamp(1.875rem,1.4rem + 2vw,3.25rem);line-height:1.12;max-inline-size:24ch}
.story--big .story-n{font-size:1.125rem}
.story--big .story-x{font-size:1.125rem;max-inline-size:56ch}
@media (min-width:960px){.story--big{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s8);align-items:end}.story--big .story-x{border-block-start:0;padding-block-start:0}}
/* about */
.ab-head{padding-block:var(--s5) var(--sec)}
.ab-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:center}
.ab-i{max-inline-size:480px}
.ab-t h1{margin-block-end:var(--s5)}
.ab-t .btn-row{margin-block-start:var(--s6)}
@media (min-width:900px){.ab-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--s8)}.ab-i{order:2}}
.ab-m{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:center}
.ab-m h2{margin-block-end:var(--s4)}
.ab-m img{aspect-ratio:3/2}
@media (min-width:900px){.ab-m{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}}
/* book */
.bk-wrap{padding-block:var(--s5) var(--sec)}
.bk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7);align-items:start}
.bk-t h1{margin-block-end:var(--s4)}
.bk-t .ticks{margin-block:var(--s6)}
.bk-i{max-inline-size:360px}
.bk-i img{aspect-ratio:4/5}
.bk-done{display:grid;gap:var(--s4);border-block-start:3px solid var(--ok)}
.bk-done:focus{outline:none}
.bk-done:focus-visible{outline:3px solid var(--brand-t);outline-offset:3px}
.bk-done h2{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem)}
.bk-ref{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.bk-dl{display:grid;gap:0;border-block-start:1px solid var(--line)}
.bk-dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding-block:var(--s3);border-block-end:1px solid var(--line)}
.bk-dl dt{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.bk-dl dd{overflow-wrap:anywhere}
.bk-small{color:var(--muted)}
.bk-done .btn{justify-self:start}
@media (min-width:1000px){.bk-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:var(--s8)}.bk-f{position:sticky;inset-block-start:calc(var(--header) + var(--s5))}}
@media (min-width:1000px) and (max-height:820px){.bk-f{position:static}}
/* forms demo, credits, 404 */
.fd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:start}
.fd-col{display:grid;gap:var(--s5)}
@media (min-width:960px){.fd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cr{display:grid;gap:var(--s5)}
.cr h2{font-size:clamp(1.5rem,1.3rem + .8vw,2rem);margin-block-start:var(--s5)}
.cr h2:first-child{margin-block-start:0}
.cr-table a{display:inline-flex;align-items:center;min-block-size:44px;min-inline-size:44px}
@media (max-width:719px){.cr-table thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.cr-table tr{display:grid;padding-block:var(--s3);border-block-end:1px solid var(--line)}.cr-table td{border:0;padding:var(--s1) 0}}
.nf-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--s5);margin-block-start:var(--s5)}
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
