.sheet{display:grid;grid-template-columns:72px 1fr;min-height:calc(100vh - 56px)}
.spine{background:var(--navy)}
.paper{background:var(--white);padding:40px 36px 56px}
.paper h1{font-size:clamp(28px,4vw,44px);margin:8px 0 12px;color:var(--navy)}
.lines{display:grid;gap:0;border:1px solid var(--line)}
.line{
  display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;
  padding:16px;border-bottom:1px solid var(--line);
}
.line:last-child{border-bottom:0}
.code{font-weight:800;color:var(--accent)}
.line h2{font-size:16px}
.line p{font-size:13px;color:var(--muted)}
.note{margin-top:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center;padding:16px;background:#f4f7fb;border:1px dashed var(--navy)}
.chart{width:100%;border-collapse:collapse;margin-top:24px;font-size:14px}
.chart th,.chart td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line)}
.chart th{color:var(--navy)}
@media(max-width:720px){.sheet{grid-template-columns:1fr}.spine{display:none}.line,.note{grid-template-columns:1fr}}