/* Revision 02: ink establishes the frame; amber identifies the active layer. */
html{scroll-padding-top:56px}
.review-main .review-section{padding-inline:max(var(--page-gutter),calc((100% - var(--content-width))/2 + var(--page-gutter)))}
.review-header{border-top:4px solid var(--amber)}
.review-header .eyebrow{font-size:12px}
.review-intro{padding-block:40px;grid-template-columns:1fr auto;align-items:center}
.review-intro h1{font-size:clamp(2.5rem,4vw,4.5rem);max-width:none}
.review-intro .intro-meta{padding-top:18px;border-top:1px solid var(--dark-line);font-size:12px}
.review-intro>div:last-child{max-width:400px}
.review-nav{background:var(--ink);color:var(--paper);border-top:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.review-nav a{padding-block:16px;font-size:14px}
.review-nav a span{color:var(--amber);font-size:12px}
.review-nav a:focus-visible{outline-color:var(--amber)}
.section-heading{grid-template-columns:1fr;gap:16px;align-items:start}
.section-heading>p{justify-self:start;max-width:64ch}
.section-heading .eyebrow{color:var(--muted);font-size:12px}
.section-heading .eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:28px;height:3px;background:var(--amber);margin-right:12px}
.section-heading h2{font-size:clamp(2rem,3.6vw,3.25rem)}
#foundations{padding-top:48px;background:#fff}
#foundations .section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}
#foundations .section-heading>p{max-width:40ch}
#foundations .section-heading h2{font-size:clamp(1.75rem,2.5vw,2.5rem)}
.type-specimen{border-left:4px solid var(--amber);padding:40px 44px}
.display-type{font-size:clamp(2.3rem,5.1vw,5.4rem)}
.type-row dt,.palette dd,.spacing-scale div{font-size:12px}
.palette{grid-template-columns:repeat(4,minmax(0,1fr))}
.palette dt{height:48px}
.foundation-grid{padding-bottom:8px}
.ink-chapter{background:var(--ink);color:var(--paper);border-bottom-color:var(--dark-line)}
.ink-chapter .section-heading .eyebrow{color:var(--amber-light)}
.ink-chapter .section-heading>p{color:var(--gray);max-width:58ch}
#conversation{padding-top:56px;padding-bottom:48px}
#conversation .section-heading{margin-bottom:32px;gap:12px}
#conversation .section-heading h2{font-size:clamp(2.5rem,4.8vw,4.5rem);letter-spacing:-.045em}
#conversation .preview-bar{border-top:1px solid var(--dark-line);padding-top:16px;margin-bottom:16px}
#conversation .preview-bar>.eyebrow{color:var(--gray);font-size:12px}
#conversation .switcher{gap:0;border:1px solid #656366}
#conversation .switcher button{color:var(--gray);border-radius:0}
#conversation .switcher button[aria-pressed=true]{background:var(--amber);color:var(--ink)}
#conversation .switcher button:hover:not([aria-pressed=true]){background:#252527;color:var(--paper)}
.ink-chapter :focus-visible{outline-color:var(--amber-light)}
.ink-chapter .mobile-open-chat{border-color:var(--gray);color:var(--paper)}
.ink-chapter .mobile-open-chat:hover{background:#252527}
#conversation .section-foot{color:var(--gray);gap:40px;margin-top:24px}
#conversation .section-foot strong{color:var(--paper);font-size:14px}
.conversation{background:#fff;border:1px solid #656366;box-shadow:none}
.conversation-top{background:#19191c;color:var(--paper);border-bottom:1px solid #49494c;padding:12px 24px;border-left:4px solid var(--amber)}
.conversation-id{gap:12px}
.gf-mark{width:30px;height:30px;background:transparent;color:var(--amber);font-size:24px}
.conversation-top .eyebrow{font-size:12px;letter-spacing:.03em}
.conversation-tools button{color:var(--gray);font-size:14px;text-decoration:none;border:1px solid #656366;padding:8px 14px}
.conversation-tools button:hover{color:var(--paper);border-color:var(--gray)}
.conversation-top :focus-visible{outline-color:var(--amber-light)}
.transcript{padding:28px 40px;min-height:340px;max-height:540px}
.transcript:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}
.transcript :focus-visible{outline-color:var(--ink)}
.message{max-width:1000px}
.message+.message{margin-top:24px}
.message-label{font-size:12px;margin-bottom:10px}
.message-label--answer{color:var(--ink)}
.message-label--answer::before{background:var(--amber);width:18px;height:3px}
.question{font-size:clamp(1.1rem,1.7vw,1.375rem);color:var(--muted)}
.answer-lead{max-width:50ch;font-size:clamp(1.375rem,2.1vw,1.875rem);line-height:1.3}
.answer-split{gap:32px;margin-top:20px}
.answer-split>div{border-top:2px solid var(--ink);padding-top:12px}
.answer-split>div:first-child{border-color:var(--amber-deep)}
.answer-split h4{margin-bottom:12px;font-size:14px}
.answer-split li{font-size:16px;padding:8px 0}
.answer-source{font-size:12px;margin-top:12px}
.conversation-bottom{background:#19191c;color:var(--paper);padding:16px 24px;border-top:1px solid #49494c}
.prompts{gap:8px 24px;margin-bottom:12px}
.prompts button{color:var(--gray);font-size:14px;padding:6px 0;min-height:36px}
.prompts button::before{content:none}
.prompts button:hover{color:var(--paper)}
.composer{border:0;border-bottom:3px solid var(--amber);border-radius:0;padding:10px 10px 10px 18px;background:#fff;color:var(--ink)}
.composer:focus-within{outline:2px solid var(--amber);outline-offset:4px}
.composer-foot,.conversation-status{color:var(--gray);font-size:12px}
.conversation-status{font-size:14px}
.conversation-bottom :focus-visible{outline-color:var(--amber)}
.conversation-bottom .composer :focus-visible{outline-color:var(--ink)}
.conversation-dialog>.dialog-top{background:var(--ink);color:var(--paper);border-color:var(--dark-line)}
.conversation-dialog>.dialog-top .icon-button{color:var(--paper);border-color:var(--gray)}
.conversation-dialog>.dialog-top .icon-button:hover{background:#252527}
.conversation-dialog>.dialog-top :focus-visible{outline-color:var(--amber)}
.conversation-dialog .conversation{background:#fff}
.conversation-dialog .transcript{color:var(--ink)}
#relationships{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.55fr);gap:56px;padding-block:56px 64px}
#relationships .section-heading{align-content:start;margin:0;gap:20px}
#relationships .section-heading h2{font-size:clamp(2rem,3vw,3rem);max-width:12ch}
#relationships .section-heading>p{font-size:16px;max-width:32ch}
.relationship{padding:28px;border:1px solid #49494c;min-width:0;background:#151518}
.relationship-toolbar{margin-bottom:24px;gap:12px}
.relationship-toolbar .eyebrow{font-size:12px;color:var(--gray)}
.relationship-app{background:var(--ink);border:1px solid #656366;border-top:3px solid var(--amber);padding:20px;max-width:300px}
.relationship-node{padding:20px 14px;background:var(--ink)}
.relationship-node .eyebrow{font-size:12px}
.relationship-node[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.relationship-node[aria-pressed=true] .eyebrow{color:var(--ink)}
.relationship-detail{grid-template-columns:1fr;gap:12px;margin-top:24px}
.relationship-detail h3{font-size:24px}
.relationship .review-note{font-size:12px;margin-top:24px;border-color:var(--amber)}
#controls{background:#fff}
#controls>.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}
#controls>.section-heading>p{max-width:44ch}
.control-panels{grid-template-columns:1.15fr 1fr;gap:0}
.control-panel{border:0;border-left:3px solid var(--amber);background:var(--paper)}
.control-panel.dark{background:var(--ink);border-color:var(--amber)}
#tables{display:grid;grid-template-columns:minmax(210px,.52fr) minmax(0,1.5fr);gap:40px;background:var(--paper)}
#tables .section-heading{margin-bottom:0;align-content:start;gap:20px}
#tables .section-heading>p{font-size:16px}
#tables .section-heading h2{font-size:clamp(2rem,3vw,3rem)}
.table-shell{min-width:0;border-top:3px solid var(--ink)}
.table-heading{display:block;padding:24px}
.table-heading .eyebrow{display:block;margin-top:12px}
.table-hint{display:block;padding-inline:24px}
.table-notes{padding-inline:24px}
.data-table thead th{background:var(--ink);color:var(--paper);border-color:#49494c;font-size:12px}
.data-table thead th:first-child{background:var(--ink);color:var(--paper)}
.data-table tbody tr:last-child th{border-left:3px solid var(--amber-deep)}
#review{background:#fff}
#review .section-heading{display:block;border-bottom:1px solid var(--ink);padding-bottom:28px}
#review .section-heading>p{margin-top:20px}
.status-list{grid-template-columns:1.15fr 1fr}
.review-footer{border-top:4px solid var(--amber)}
.review-previous{color:var(--amber-light);text-underline-offset:4px}
@media(max-width:600px){.review-main #conversation .switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#conversation .switcher button{padding:10px 8px;line-height:1.35;text-align:left}}
@media(min-width:1450px){.display-type{font-size:5rem}}
@media(max-width:1100px){#relationships{grid-template-columns:1fr;gap:28px}#relationships .section-heading h2{max-width:none}#relationships .section-heading>p{max-width:64ch}#tables{grid-template-columns:1fr;gap:28px}.control-panels{grid-template-columns:1fr}}
@media(max-width:800px){.review-intro{grid-template-columns:1fr;gap:24px}.review-intro>div:last-child{max-width:60ch}#foundations .section-heading{display:block}#foundations .section-heading>p{margin-top:16px;max-width:60ch}#controls>.section-heading{grid-template-columns:1fr}#conversation .preview-bar{display:block}#conversation .preview-bar>.eyebrow{margin-bottom:12px}#conversation .switcher{display:inline-flex}}
@media(max-width:600px){.review-header .eyebrow{font-size:12px;max-width:145px}.review-intro h1{font-size:2.75rem}.review-intro .intro-meta{font-size:12px;flex-wrap:wrap;gap:12px}.review-intro p{font-size:16px}.review-nav a{font-size:14px}.review-section{padding-block:40px}#conversation{padding-block:40px}.type-specimen{padding:28px 20px}.display-type{font-size:clamp(2rem,8vw,3rem)}.specimen-label{flex-wrap:wrap;gap:8px}.specimen-label .eyebrow,.type-specimen .eyebrow{font-size:12px}.type-row{grid-template-columns:1fr;gap:8px}.palette{grid-template-columns:repeat(2,minmax(0,1fr))}.palette dt{height:48px}.foundation-grid{gap:24px}.switcher button{padding-inline:10px;font-size:14px}.conversation-top{padding:12px;border-left-width:3px;align-items:start;gap:8px}.conversation-id{gap:6px;min-width:0}.conversation-top .eyebrow{font-size:12px;overflow-wrap:normal}.gf-mark{width:22px;height:28px;font-size:21px}.conversation-tools{gap:6px}.conversation-tools button{padding:8px;min-width:44px;font-size:12px}.transcript{padding:24px 20px;max-height:500px;min-height:320px}.answer-split{gap:20px}.answer-split li{font-size:16px}.conversation-bottom{padding:14px 16px}.prompts{gap:0 16px}.prompts button{font-size:14px;min-height:44px}.composer-foot{font-size:12px}.relationship{padding:20px}.relationship-toolbar{align-items:center}.relationship-toolbar .eyebrow{max-width:14ch}#relationships{padding-block:40px;gap:24px}.relationship-app{max-width:none}.relationship-node{padding:16px}.section-foot{grid-template-columns:1fr;gap:20px}#tables{gap:24px}.status-list{grid-template-columns:1fr}.table-heading,.table-notes{padding-inline:20px}.table-hint{padding-inline:20px}.review-footer .container{display:block}}

/* --- FAQ conversation + foundation chart additions (review iteration) --- */
.answer-body{margin-top:8px;font-size:16px;max-width:60ch}
.answer-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
#demo-topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#demo-topics button{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;border:1px solid var(--control-line,#737e70);background:transparent;color:var(--paper);padding:8px 12px;min-height:36px;cursor:pointer}
#demo-topics button:hover{border-color:var(--amber-deep);color:var(--amber-deep)}
#demo-topics button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.relationship-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.relationship-apps .relationship-app{max-width:none}
.relationship-items{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
.relationship-items li{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);padding-top:8px;border-top:1px solid #49494c}
.relationship-items li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--amber-deep);margin-right:8px}
.message .data-table{margin-top:14px}
.message .data-table td,.message .data-table th{font-size:13px;padding:9px 10px}
@media(max-width:760px){.relationship-apps{grid-template-columns:1fr}.relationship-items{grid-template-columns:1fr}}

/* --- Compatible / running today / partner band --- */
.compat-group{margin-top:22px}
.compat-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.partner-band{border-top:2px solid var(--ink);margin-top:36px;padding-top:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.partner-note{font-size:13px;color:var(--gray)}
@media(max-width:760px){.partner-band{flex-direction:column;align-items:flex-start}}

/* --- Marquee lanes (mirrors the previous site's strips) --- */
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.marquee-track{display:flex;align-items:center;gap:var(--lane-gap,52px);width:max-content;animation:marquee-roll 38s linear infinite}
.marquee-rev{opacity:.85}
.marquee-rev .marquee-track{animation:marquee-roll-rev 44s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee-roll{to{transform:translateX(calc(-50% - var(--lane-gap,52px)/2))}}
@keyframes marquee-roll-rev{from{transform:translateX(calc(-50% - var(--lane-gap,52px)/2))}to{transform:translateX(0)}}
#compatible .marquee-track{--lane-gap:18px}
#compatible .compat-row{gap:18px}
.logo-strip{background:var(--ink);color:var(--paper);padding-block:44px 36px}
.logo-strip .eyebrow{color:var(--gray)}
.logo-marquee{margin-top:20px}
.logo-marquee .marquee-track{--lane-gap:64px}
.logo-set{display:flex;align-items:center;gap:64px}
.logo-set img{height:36px;width:auto;display:block}
.partner-foot{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.logo-strip .text-link{color:var(--amber-light,var(--paper))}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{-webkit-mask-image:none;mask-image:none}}

/* --- Tool items in the compat lanes: brand mark + label --- */
.m-item{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--ink);padding:6px 0;background:transparent}
.m-item img{width:18px;height:18px;display:block}

.compat-claim{margin-top:28px;max-width:68ch;font-size:16px}
.compat-claim strong{color:var(--amber-deep)}