/* October 30 audit release. Shared website shell, readable samples, and reflow. */
:root{--audit-small:.8125rem}
.hdr .brand{flex:0 1 auto;max-width:none;min-width:150px}
.hdr .brand strong{font-size:1rem;white-space:nowrap;overflow:visible;text-overflow:clip}
.hdr .brand .where{display:none!important}
.hdr.is-compact .brand .by{display:block;font-size:.8125rem}
.hdr .brand small{font-size:.8125rem}
.hdr .hdr-card{gap:1rem}
.hdr nav{gap:.8rem}
.hdr .cta{min-width:44px}
.hdr .cta .cta-text{display:inline}
.ftr .brand small{font-size:.8125rem}
.display-settings{position:relative;max-width:100%}
.display-settings summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.display-settings .tools{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}
.display-settings button{min-height:44px;padding:.6rem}
.palette-empty[hidden]{display:none}
.palette-empty{font-size:1rem}
.palette-list .group,.palette-foot,.palette-list .hint{font-size:.8125rem}
.palette-list strong,.palette-list div>span{white-space:normal;overflow-wrap:anywhere}
.palette-list li[role=option]{min-height:56px}
.ftr .legal p{line-height:1.8}
main :is(.grid-2,.grid-3,.steps,.cards,.product-grid)>*{min-width:0}
main :is(p,li,dd,td,th,a){overflow-wrap:break-word}
main a[href^="mailto:"],.legacy-content a{overflow-wrap:anywhere}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.legacy-content{padding-top:8rem;padding-bottom:4rem;max-width:1180px;color:var(--fg)}
.legacy-content h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.08;letter-spacing:-.04em;max-width:22ch;margin:1.5rem 0}
.legacy-content h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2;margin:1.5rem 0 1rem}
.legacy-content h3{font-size:1.3rem;line-height:1.4;margin:1rem 0 .5rem}
.legacy-content section{padding:2rem 0;max-width:100%}
.legacy-content .section .wrap{padding:0}
.legacy-content p{max-width:75ch;margin:.85rem 0;line-height:1.7}
.legacy-content :is(ul,ol){padding-left:1.5rem;line-height:1.7}
.legacy-content .breadcrumb{font-size:.9rem}
.legacy-content .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.legacy-content :is(.product-card,.card,.notice,.boundary,.info-card){padding:1.5rem;border:1px solid var(--rule-2);border-radius:1rem;background:var(--panel);min-width:0}
.legacy-content .pill,.legacy-content .status,.legacy-content .badge{font-size:.9rem;padding:.3rem .6rem;border:1px solid var(--rule-2);border-radius:1rem;display:inline-block}
.legacy-content .product-mark:empty{display:none}
.legacy-content details{border-bottom:1px solid var(--rule-2);padding:1rem 0}
.legacy-content summary{cursor:pointer;font-weight:650;padding:.5rem 0;min-height:44px}
.legacy-content table{width:100%;border-collapse:collapse}
.legacy-content :is(td,th){padding:1rem;text-align:left;border-bottom:1px solid var(--rule-2)}
.policy-scope{border:1px solid var(--rule-2);border-radius:1rem;background:var(--panel);padding:1.5rem!important;margin:2rem auto;max-width:75ch}
.policy-scope h2{font-size:1.5rem}
.policy-scope p{font-size:1rem;line-height:1.65}
.access-note{padding:1.25rem;border-left:4px solid var(--csm);background:var(--panel)}
.action-note{font-size:.9em;font-weight:500}
.compact-intro{padding-bottom:1rem}
.compact-product{padding-block:2rem}
.compact-product h2{font-size:clamp(1.65rem,3vw,2.2rem);max-width:30ch}
.compact-product-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}
.compact-product-head p{max-width:65ch}
.product-detail{margin-top:1.2rem;border-top:1px solid var(--rule-2);padding-top:1rem}
.product-detail>summary{cursor:pointer;min-height:44px;line-height:1.6}
.preserved-product-detail>.wrap{padding:1.5rem 0}
.preserved-product-detail .grid-2{align-items:start}
.preserved-product-detail h3{font-size:1.5rem}
#finder-section{padding-block:3rem}
#finder-section fieldset{grid-column:1/-1}
#finder-section h2{font-size:clamp(2rem,4vw,3rem)}
#finder-section legend{font-size:1.1rem}
#finder .finder-result p{max-width:70ch}
#finder .finder-result .btn-row{flex-wrap:wrap}
#check,#start,#publisher,#faq{padding-block:3rem}
#check h2,#start h2,#publisher h2{font-size:clamp(2rem,4vw,3rem)}
#check .grid-3{margin-top:1.5rem;gap:2rem}
#check article>a{display:inline-flex;align-items:center;min-height:44px}
.hero .status-line{max-width:60ch;font-size:.95rem;line-height:1.6}
.hero-caption{font-size:.9rem}
.hero-caption strong{display:block;font-size:1.25rem;margin-bottom:.3rem}
.ui,.ui :is(small,.tag,.stepper,.ui-sub,.label,.muted),.ui-head span{font-size:max(.8125rem,1em)}
.ui .stepper{font-size:.8125rem;line-height:1.5;flex-wrap:wrap}
.ui :is(.chip,.tag){font-size:.8125rem}
.ui .ui-top,.ui header{flex-wrap:wrap;gap:.5rem}
.diagram-summary{font-size:.95rem!important;line-height:1.6!important;max-width:70ch}
.js .reveal{opacity:.65;transition-duration:320ms}
.js .reveal.is-in{opacity:1}
.js .build .truths>li{opacity:1!important;transform:none!important}
.csm-local-nav{margin-top:5rem;gap:.25rem .5rem;padding-block:.75rem}
.csm-local-nav a{min-height:44px;display:inline-flex;align-items:center;padding:.5rem .65rem;font-size:.9rem}
.csm-import>section,.csm-import>header,.csm-import>article{padding-block:2.5rem}
.csm-import h1{font-size:clamp(2.3rem,5vw,4.25rem);max-width:20ch}
.csm-import>section .wrap{max-width:100%;padding-inline:0}
.csm-import .marketing-hero-copy{max-width:75ch}
.csm-import .welcome-hero-actions,.marketing-proof-line{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.marketing-proof-line>span{display:flex;gap:.5rem;align-items:center;font-size:.9rem}
.csm-import .marketing-price{display:flex;align-items:baseline;gap:.5rem}
.csm-import .marketing-price strong{font-size:2.5rem}
.csm-import .marketing-outcome-strip li{font-size:1.2rem}
.csm-import .csm-extra{max-width:1024px;margin:1rem auto;padding:1rem 1.25rem}
.csm-extra>summary{font-size:1.25rem;min-height:44px}
.csm-extra>section{padding:1.25rem 0}
.csm-extra .section-head{margin-bottom:1.5rem}
.csm-import summary{display:list-item;min-height:44px}
.csm-import [class*="_signal_"]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.5rem 0}
.csm-import [class*="_signal_"]>span{min-width:7rem}
.csm-import [class*="_signal_"]>strong{margin-left:auto}
.csm-import [class*="_signal_"]>div{flex:1;min-width:6rem}
[data-csm-preview]{font-size:1rem;max-width:100%;margin:2rem 0}
[data-csm-preview] [data-preview-part=window]{background:var(--panel);border:1px solid var(--rule-2);border-radius:1rem;overflow:clip}
[data-csm-preview] [data-preview-part=toolbar]{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:1rem;border-bottom:1px solid var(--rule-2)}
[data-csm-preview] [data-preview-part=toolbar] strong,[data-csm-preview] [data-preview-part=toolbar] small{display:block}
[data-csm-preview] [data-preview-part=mark]{background:var(--csm);color:#fff;padding:.65rem;border-radius:.7rem;font-size:.9rem;font-weight:750}
[data-csm-preview] [data-preview-part=sample]{margin-left:auto;font-size:.85rem}
.csm-import [data-csm-preview] [data-preview-part=phases]{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;border-bottom:1px solid var(--rule-2)}
.csm-import [data-csm-preview] [data-preview-part=phases] li{display:flex;gap:.5rem;align-items:center;padding:1rem .7rem;font-size:.9rem;margin:0;line-height:1.4;min-width:0}
[data-csm-preview] [data-preview-part=phases] li[aria-current]{background:color-mix(in srgb,var(--csm) 16%,transparent);font-weight:700}
[data-csm-preview] [data-preview-part=phases] li>span{border:1px solid var(--rule-2);border-radius:50%;min-width:1.5rem;text-align:center}
[data-csm-preview] [data-preview-part=body]{display:grid;grid-template-columns:10rem minmax(0,1fr)}
[data-csm-preview] [data-preview-part=rail]{display:flex;flex-direction:column;gap:.8rem;padding:1.25rem;border-right:1px solid var(--rule-2);font-size:.85rem}
[data-csm-preview] [data-preview-part=rail] small{font-size:.8125rem}
[data-csm-preview] [data-preview-part=content]{padding:1.5rem;min-width:0}
[data-csm-preview] [data-preview-part=heading]{display:flex;gap:1rem;justify-content:space-between;align-items:start;flex-wrap:wrap}
[data-csm-preview] [data-preview-part=heading] p{font-size:.8125rem;letter-spacing:.06em;margin:0}
[data-csm-preview] [data-preview-part=heading] h3{font-size:1.5rem;margin:.5rem 0}
[data-csm-preview] [data-preview-part=status]{font-size:.85rem;border:1px solid var(--rule-2);padding:.4rem .6rem;border-radius:1rem}
[data-csm-preview] [data-preview-part=readiness]{margin:1.25rem 0;padding:1rem;border:1px solid var(--rule-2);border-radius:.75rem}
[data-csm-preview] [data-preview-part=readiness]>div{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}
[data-csm-preview] meter{width:100%;height:1rem;margin-top:.7rem}
[data-csm-preview] [data-preview-part=cards]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
[data-csm-preview] [data-preview-part=cards]>section{border:1px solid var(--rule-2);padding:1rem;border-radius:.75rem;min-width:0}
[data-csm-preview] [data-preview-part=cards] p{font-size:.8125rem;font-weight:700;margin:0}
[data-csm-preview] [data-preview-part=cards] h4{font-size:1.1rem;line-height:1.4;margin:.75rem 0}
[data-csm-preview] [data-preview-part=cards] :is(strong,small){display:block;margin-top:.75rem;font-size:.9rem}
[data-csm-preview] figcaption{font-size:.9rem;margin-top:1rem;line-height:1.5}
.story-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;align-items:center}
.story-controls button{min-height:44px;min-width:44px;border:1px solid var(--rule-2);border-radius:.5rem;background:var(--panel);color:var(--fg);padding:.5rem .8rem;font:inherit;cursor:pointer}
.story-controls button[aria-pressed=true]{background:var(--fg);color:var(--bg)}
.story-controls button:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
.story-controls[hidden]{display:none}
.pin[data-pin-mode=phone] .pin-steps>li{min-height:0;padding:1.5rem 0;opacity:1}
.pin[data-pin-mode=phone] .pin-steps>li[hidden]{display:none!important}
.pin[data-pin-mode=static] .pin-steps>li{min-height:0;padding:1.5rem 0;opacity:1}
.pin[data-pin-mode=static] .pin-visual{position:static}
@media(min-width:861px) and (max-width:1080px){.hdr nav{gap:.45rem}.hdr .brand{min-width:150px}.hdr .brand strong{font-size:.95rem}.hdr nav>a,.hdr summary{font-size:.85rem}.hdr .cta-text{display:none!important}}
@media(max-width:860px){.hdr .hdr-card{gap:.35rem;padding:.5rem .6rem}.hdr .brand{min-width:0;flex:1}.hdr .brand>.mark{display:none}.hdr .brand strong{font-size:1rem;letter-spacing:-.035em}.hdr .brand small{display:none!important}.hdr nav{gap:.15rem;flex:0 0 auto}.hdr .iconbtn,.hdr .cta{width:40px;min-width:40px;height:44px;padding:0;justify-content:center}.hdr .cta .cta-text,.hdr kbd{display:none!important}.hdr .cta .cta-icon{display:block}.chapters{position:static;top:auto;max-height:none}.chapters .wrap{padding:.5rem 1rem}.chapters .chapter-brand{display:none}.chapters a{min-height:44px}.hero{padding-top:7rem;min-height:0}.hero .wrap{gap:1.25rem}.hero .hero-visual{max-width:28rem;margin:auto}.hero h1{font-size:clamp(2.5rem,9vw,3.7rem)}.hero .lede{font-size:1.1rem}.hero-visual svg{max-height:220px}.hero .btn-row{gap:.6rem}.compact-product-head{grid-template-columns:1fr;gap:.5rem}.grid-3,.legacy-content .product-grid{grid-template-columns:1fr}.compact-product{padding-block:1.5rem}.section{padding-block:3rem}.legacy-content{padding-top:6rem}.ui .ui-body{min-height:0}.pin[data-pin-mode=phone] .pin-visual{position:static;max-width:100%;height:auto}.pin[data-pin-mode=phone] .pin-layout{gap:1rem}.pin[data-pin-mode=phone] .ui{max-height:none}.pin[data-pin-mode=phone] .pin-steps{margin-top:0}.palette-foot kbd,.kbd-mac,.kbd-win{display:none}.csm-local-nav{margin-top:4.5rem}}
@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.csm-import [data-csm-preview] [data-preview-part=phases]{grid-template-columns:repeat(2,minmax(0,1fr))}.csm-import [data-csm-preview] [data-preview-part=phases] li{padding:.75rem}.csm-import [data-csm-preview] [data-preview-part=body]{grid-template-columns:minmax(0,1fr)}[data-csm-preview] [data-preview-part=rail]{display:none}[data-csm-preview] [data-preview-part=content]{padding:1rem}[data-csm-preview] [data-preview-part=cards]{grid-template-columns:minmax(0,1fr)}[data-csm-preview] [data-preview-part=toolbar]{gap:.6rem}[data-csm-preview] [data-preview-part=sample]{margin-left:0}.csm-import>section,.csm-import>header,.csm-import>article{padding-block:2rem}.csm-import .csm-extra{margin-inline:1rem}.ftr .cols{gap:1.5rem}.legacy-content table,.legacy-content tbody,.legacy-content tr,.legacy-content td,.legacy-content th{display:block}.board text{font-size:14px}.diagram-summary{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.story-controls{display:none!important}}
:root[data-motion=reduce] .reveal{opacity:1;transform:none;transition:none}
@media print{.story-controls{display:none!important}.pin .pin-steps>li[hidden]{display:block!important}.product-detail{display:block}.product-detail>div{display:block}.display-settings{display:none!important}}
/* The base sheet's phone fallback exposes all scenes. Interactive phone mode owns visibility. */
.pin[data-pin-mode=phone] [data-show-step][hidden]{display:none!important}
.pin[data-pin-mode=phone] .ui [data-show-step]+[data-show-step]{border-top:0;margin-top:0;padding-top:0}
.pin[data-pin-mode=phone]>.wrap{gap:1rem}
.pin[data-pin-mode=phone] .ui .row{gap:.75rem;flex-wrap:wrap}
.csm-import .marketing-hero .welcome-hero-actions .button{display:block;width:fit-content;max-width:100%;text-align:center}
.csm-import .marketing-price-card{margin-block:1rem;padding:1.25rem}
.csm-import #questions details{margin:.5rem 0;padding:.65rem 1rem}
.csm-import #questions summary{font-size:1.05rem}
.csm-import #start h2{font-size:clamp(1.8rem,4vw,2.8rem)}
@media(max-width:380px){.hdr .brand strong{font-size:.9rem;letter-spacing:-.04em}.hdr .hdr-card{padding-inline:.4rem;gap:.2rem}.hdr .iconbtn,.hdr .cta{width:36px;min-width:36px}.hdr nav{gap:0}}
@media(max-width:860px){.ftr .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.ftr .cols>.about{grid-column:1/-1}.ftr{padding-block:2rem}.ftr h2{font-size:1rem}.ftr li{font-size:.9rem}.ftr .cols>div:nth-child(4){grid-column:1/-1}.ftr .cols>div:nth-child(4)>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.ftr .legal{margin-top:1.5rem}.ftr .legal p{font-size:.85rem}#tuesday{padding-block:2rem}#publisher{padding-block:2rem}#publisher h2{font-size:2rem}.compact-product-head p{margin-bottom:.5rem}}

/* Product pages share the published baseline hero but use a flat, one-column content list. */
.hero-compact > .wrap {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

.hero-compact .breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 12px;
  padding: 0;
  font-size: 0.9rem;
}

.hero-compact .breadcrumbs li + li::before {
  content: "/";
  color: var(--fg-3);
  padding: 0 6px 0 2px;
}

.hero-compact .breadcrumbs a {
  display: inline-block;
  min-height: 44px;
  padding: 10px 2px;
}

.hero-compact .breadcrumbs a[aria-current="page"] {
  color: var(--fg-3);
  text-decoration: none;
}
