/* v2: offer section, sample report, thank-you, hero microcopy. Tokens from style.css. */
.hero-micro{margin:14px 0 0;font-size:.88rem;color:var(--ink-soft);line-height:1.5}
.hero-micro a{color:var(--accent);font-weight:600}
.hero-micro a:hover{text-decoration:underline}

/* state cards are links now */
a.state-card{text-decoration:none;color:inherit;display:flex}

/* homepage: Architecture Review offer */
.offer-sec{padding-block:clamp(56px,8vw,96px);background:var(--bg-subtle);border-block:1px solid var(--line-subtle)}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.offer-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px}
.offer-card .mono{font-size:.72rem;letter-spacing:.08em;color:var(--violet-500)}
.offer-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;margin:8px 0 10px;color:var(--ink)}
.offer-card ul{margin:0;padding-left:1.1em;color:var(--ink-body);line-height:1.6;font-size:.94rem}
.offer-card li+li{margin-top:4px}
.offer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.offer-foot{margin:16px 0 0;color:var(--ink-soft);font-size:.9rem;max-width:640px}
@media(max-width:860px){.offer-grid{grid-template-columns:1fr}}

/* sample report */
.sr-banner{margin-top:24px;max-width:680px;padding:14px 18px;border:1px dashed var(--violet-300);background:var(--violet-100);color:var(--indigo-900);border-radius:var(--radius-sm);font-size:.92rem;line-height:1.5}
.sr-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin-top:28px}
.sr-label{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint)}
.sr-summary p{margin:4px 0 0;color:var(--ink-body);line-height:1.6;font-size:.95rem}
.sr-legend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:var(--ink-soft);font-size:.88rem;margin:6px 0 28px}
.sr-list{display:grid;gap:18px}
.sr-finding{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:var(--radius-md);padding:24px 26px}
.sr-finding header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sr-id{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--ink-faint)}
.sr-finding h3{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;line-height:1.3;margin:0 0 14px;color:var(--ink)}
.sr-finding dl{margin:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 20px}
.sr-finding dt{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding-top:3px}
.sr-finding dd{margin:0;color:var(--ink-body);line-height:1.6;font-size:.94rem}
.sr-tag{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:600;letter-spacing:.07em;padding:3px 9px;border-radius:999px}
.sr-now{border-left-color:#B42318}.sr-now .sr-tag,.sr-now-t{background:#FDECEA;color:#8A1A10}
.sr-next{border-left-color:#B7791F}.sr-next .sr-tag,.sr-next-t{background:#FDF3DC;color:#744A0C}
.sr-watch{border-left-color:var(--violet-500)}.sr-watch .sr-tag,.sr-watch-t{background:var(--violet-100);color:var(--indigo-700)}
.sr-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s}
.sr-steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px}
.sr-steps li::before{content:"0" counter(s);font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--violet-500)}
.sr-steps h3{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;margin:6px 0 6px}
.sr-steps p{margin:0;color:var(--ink-soft);font-size:.94rem;line-height:1.6}
@media(max-width:760px){.sr-summary,.sr-steps{grid-template-columns:1fr}.sr-finding dl{grid-template-columns:1fr;gap:2px}.sr-finding dd{margin-bottom:10px}}

/* thank you */
.ty-grid{display:grid;gap:20px;margin-top:36px}
.ty-steps{margin:8px 0 0;padding-left:1.2em;color:var(--ink-body);line-height:1.65}
.ty-steps li+li{margin-top:6px}
.rv-card .btn+.btn{margin-top:10px}

/* narrow screens: inline two-column diagrams in case studies must stack */
.case-narrative-body,.case-narrative-aside{min-width:0}
@media(max-width:600px){.case-narrative-body div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}}