.hwb-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.hwb-hero .hero-top{margin-bottom:0}
.hwb-hero .hero-top h1{max-width:22ch}

.hwb-short-label{display:block;margin:48px 0 14px}
.hwb-short{list-style:none;margin:0;padding:0}
.hwb-short .card h3{font-size:18px}

.hwb-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--text)}
.hwb-steps > li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}
.hwb-steps .n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--accent-text);padding-top:5px;font-variant-numeric:tabular-nums}
.hwb-steps strong{font-weight:600}

.hwb-twin .diagram{margin:0 0 48px}
.hwb-twin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.hwb-twin-facts{margin:0;border-top:1px solid var(--text)}
.hwb-twin-facts > div{padding:16px 0;border-bottom:1px solid var(--line)}
.hwb-twin-facts dt{margin:0 0 4px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.hwb-twin-facts dd{margin:0;max-width:58ch}

.hwb-brief{margin:0;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--aik-radius-card);padding:20px 24px 12px}
.hwb-brief figcaption{display:block;margin:0 0 8px}
.hwb-brief ol{list-style:none;margin:0;padding:0;counter-reset:brief-line}
.hwb-brief li{counter-increment:brief-line;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}
.hwb-brief li::before{content:counter(brief-line,decimal-leading-zero);color:var(--accent-text);font-variant-numeric:tabular-nums}
.hwb-brief-note{margin:14px 0 0;font-size:14.5px;color:var(--muted)}
.hwb-twin-plain{margin:40px 0 0}

.hwb-lessons{margin:0 0 56px}
.hwb-lessons table{width:100%;min-width:640px;margin:0;border-collapse:collapse}
.hwb-lessons th,.hwb-lessons td{padding:14px 16px 14px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:15px}
.hwb-lessons thead th{border-bottom:1px solid var(--text);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hwb-lessons tbody tr:last-child td{border-bottom:0}
.hwb-lessons td:first-child{width:50%;padding-right:32px;color:var(--muted)}
.hwb-lessons td:last-child{font-weight:500;padding-right:0}

.hwb-runs{margin:0 0 56px}
.hwb-runs .label{display:block;margin:0 0 10px}
.hwb-runs dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--text);border-bottom:1px solid var(--line)}
.hwb-runs dl > div{padding:18px 20px 20px;border-left:1px solid var(--line)}
.hwb-runs dl > div:first-child{padding-left:0;border-left:0}
.hwb-runs dt{font-family:var(--aik-font-heading);font-weight:600;font-size:30px;line-height:1.05;color:var(--accent-text);margin:0 0 8px}
.hwb-runs dd{margin:0;font-size:14.5px;line-height:1.45}
.hwb-practice-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:start}
.hwb-practice-grid h3{margin:0 0 14px}
.hwb-stops{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--aik-radius-card);padding:20px 24px 8px}
.hwb-stops h3{margin:0 0 6px}
.hwb-stops > p{margin:0 0 10px;font-size:15px;color:var(--muted)}
.hwb-stops ul{list-style:none;margin:0;padding:0}
.hwb-stops li{padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.hwb-stops li strong{font-weight:600}

.hwb-workflow .diagram{margin:0 0 48px}
.hwb-workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.hwb-workflow-grid h3{margin:0 0 14px}
.hwb-workflow-more{margin:20px 0 0;font-size:15px;color:var(--muted);max-width:58ch}
.hwb-workflow-notes .plain-words{margin-bottom:28px}
.hwb-workflow-notes p{max-width:62ch}

.hwb-pr{margin:0;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--aik-radius-card);padding:20px 24px 6px}
.hwb-pr figcaption{display:block;margin:0 0 8px}
.hwb-pr dl{margin:0}
.hwb-pr dl > div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.hwb-pr dt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--accent-text);padding-top:2px}
.hwb-pr dd{margin:0;font-size:15px}
.hwb-pr-why{margin:16px 0 0;font-size:14.5px;color:var(--muted)}

.hwb-caught{list-style:none;margin:48px 0 0;padding:0}
.hwb-caught .card h3{font-size:18px}

.hwb-figures{--text:var(--aik-off-white);--muted:var(--aik-grey);--line:var(--aik-line);--accent-text:var(--aik-gold);color-scheme:dark;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--aik-black) url(../assets/patterns/leg-lines-dark.svg);border:1px solid var(--aik-line);border-radius:var(--aik-radius-card);overflow:hidden;color:var(--text)}
.hwb-figures li{display:flex;flex-direction:column;gap:10px;min-width:0;padding:26px 24px 22px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.hwb-figures li:nth-child(-n+3){border-top:0}
.hwb-figures li:nth-child(3n+1){border-left:0}
.hwb-figures strong{font-family:var(--aik-font-heading);font-weight:600;font-size:34px;line-height:1.05;color:var(--aik-gold)}

.hwb-fig-what{font-size:16px;font-weight:500;line-height:1.4}
.hwb-fig-means{font-size:14.5px;line-height:1.5;color:var(--muted)}
.hwb-fig-eng{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}
.hwb-fig-eng code{font-size:12px;color:inherit}
.hwb-fig-when{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hwb-evidence-more{margin:20px 0 0;font-size:15px;color:var(--muted);max-width:76ch}

.hwb-chat-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}
.hwb-probe{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--aik-radius-card);padding:20px 24px 22px}
.hwb-probe-title{display:block;margin:0 0 14px}
.hwb-probe-form{margin:0 0 12px}
.hwb-probe-form label{display:block;margin:0 0 8px;font-size:14px}
.hwb-probe-form .btn{flex:none;min-height:44px}
.hwb-probe-examples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px}
.hwb-probe-or{margin-right:4px;font-size:13px;color:var(--muted)}
.hwb-probe-chip{min-height:32px;padding:5px 12px;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.3;cursor:pointer}
.hwb-probe-chip:hover{border-color:var(--text)}
.hwb-probe-readout{margin:0}
.hwb-probe-readout > div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.hwb-probe-readout dt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--accent-text);padding-top:2px}
.hwb-probe-readout dd{margin:0;font-size:15px;overflow-wrap:anywhere}
.hwb-probe-readout .hwb-probe-rule{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;color:var(--muted)}
.hwb-probe-answer{margin-top:4px;padding:14px 0 0 14px;border-top:1px solid var(--line);position:relative}
.hwb-probe-answer::before{content:"";position:absolute;left:0;top:14px;bottom:0;width:2px;background:var(--accent)}
.hwb-probe-answer p{margin:0 0 8px;font-size:15px}
.hwb-probe-answer .label{display:block;margin:0 0 6px;font-size:12px}
.hwb-probe-answer p:last-child{margin-bottom:0}
.hwb-chat-figures{margin:0 0 32px;border-top:1px solid var(--text)}
.hwb-chat-figures > div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.hwb-chat-figures dt{font-family:var(--aik-font-heading);font-weight:600;font-size:28px;line-height:1.05;color:var(--accent-text)}
.hwb-chat-figures dd{margin:0;font-size:15px}
.hwb-chat-notes h3{margin:0 0 14px}
.hwb-chat-scale{margin:28px 0 0;padding-left:16px;border-left:2px solid var(--accent);max-width:56ch}
.hwb-chat-scale .label{display:block;margin-bottom:4px}

.hwb-todo-line{margin:12px 0 0}
.hwb-stack{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid var(--text)}
.hwb-stack > div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.hwb-stack dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);padding-top:3px}
.hwb-stack dd{margin:0;font-size:16px;font-weight:500}
.hwb-stack .gloss{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--muted)}
.hwb-keep{white-space:nowrap}
.hwb-stack-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin-top:36px}
.hwb-stack-notes p{margin:0;padding-left:16px;border-left:2px solid var(--accent);max-width:52ch}
.hwb-stack-notes .label{display:block;margin-bottom:4px}

.hwb-faq-more{margin:24px 0 0;font-size:15px;color:var(--muted)}

.hwb-close-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:center}
.hwb-close h2{font-size:32px;margin-bottom:12px}
.hwb-close .hero-actions{margin-top:24px}

.hwb-show-label{display:block;margin:28px 0 8px}
.hwb-show{list-style:none;margin:0;padding:0;max-width:62ch;border-top:1px solid var(--line)}
.hwb-show li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid var(--line);font-size:15px}
.hwb-show li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:1px;background:var(--accent)}
.hwb-close-motif{width:100%;aspect-ratio:1/1;background:url(../assets/patterns/one-and-many-dark.svg) center/contain no-repeat}
:root[data-theme="light"] .hwb-close-motif{background-image:url(../assets/patterns/one-and-many-paper.svg)}

@media (max-width:960px){
  .hwb-hero-grid{grid-template-columns:1fr;gap:32px}
  .hwb-workflow-grid,.hwb-twin-grid,.hwb-practice-grid,.hwb-chat-grid{grid-template-columns:1fr;gap:36px}
  .hwb-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hwb-figures li:nth-child(n){border-top:1px solid var(--line);border-left:1px solid var(--line)}
  .hwb-figures li:nth-child(-n+2){border-top:0}
  .hwb-figures li:nth-child(odd){border-left:0}
  .hwb-stack{grid-template-columns:1fr}
  .hwb-runs dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hwb-runs dl > div:nth-child(n){padding:16px 16px 18px 0;border-left:0;border-top:1px solid var(--line)}
  .hwb-runs dl > div:nth-child(-n+2){border-top:0}
  .hwb-runs dl > div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
  .hwb-close-grid{grid-template-columns:minmax(0,1fr) 200px;gap:32px}
}
@media (max-width:720px){
  .hwb-short-label{margin-top:36px}
  .hwb-steps > li{grid-template-columns:32px minmax(0,1fr)}
  .hwb-pr{padding:16px 16px 4px}
  .hwb-pr dl > div{grid-template-columns:1fr;gap:4px}
  .hwb-twin .diagram{margin-bottom:36px}
  .hwb-brief{padding:16px 16px 8px}
  .hwb-stops{padding:16px 16px 4px}

  .hwb-lessons{margin-bottom:40px;padding:2px 16px}
  .hwb-lessons table{min-width:0}
  .hwb-lessons thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .hwb-lessons tbody tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}
  .hwb-lessons tbody tr:last-child{border-bottom:0}
  .hwb-lessons tbody td{display:block;width:auto;padding:0;border:0}
  .hwb-lessons tbody td:first-child{width:auto;padding:0 0 8px}
  .hwb-caught{margin-top:36px}
  .hwb-runs{margin-bottom:40px}
  .hwb-runs dt{font-size:26px}
  .hwb-probe{padding:16px 16px 18px}
  .hwb-probe-readout > div{grid-template-columns:1fr;gap:2px}
  .hwb-chat-figures > div{grid-template-columns:72px minmax(0,1fr)}
  .hwb-figures{grid-template-columns:1fr}
  .hwb-figures li:nth-child(n){border-left:0;border-top:1px solid var(--line);padding:20px}
  .hwb-figures li:first-child{border-top:0}
  .hwb-figures strong{font-size:30px}
  .hwb-stack > div{grid-template-columns:1fr;gap:4px}
  .hwb-stack-notes{grid-template-columns:1fr;margin-top:28px}
  .hwb-close-grid{grid-template-columns:1fr}
  .hwb-close-motif{display:none}
  .hwb-close h2{font-size:26px}
}