.doc .wrap{max-width:none}
.doc article.post{padding:120px max(24px,calc((100% - 760px)/2)) 120px}
.doc .label{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:16px;letter-spacing:.01em;text-transform:none}
.doc h1{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.03em;font-weight:700}
.doc .dek{margin-top:24px;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--soft)}
.doc .meta{margin-top:20px;font-size:14px;color:var(--soft)}
.doc .body{margin-top:56px}
.doc .body h2{font-size:clamp(22px,2.8vw,30px);line-height:1.15;letter-spacing:-.02em;margin:48px 0 14px}
.doc .body h2:first-child{margin-top:0}
.doc .body h3{font-size:19px;margin:32px 0 10px}
.doc .body p,.doc .body li{font-size:18px;line-height:1.65;color:#2a2f34}
.doc .body p{margin-top:16px}
.doc .body ul,.doc .body ol{margin:16px 0 0 22px}
.doc .body li{margin-top:8px}
.doc .body strong{color:var(--ink)}
.doc .body a{color:var(--accent)}
.doc .body code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.doc .body blockquote,.doc .body pre{margin:24px 0;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:16px;line-height:1.55;max-width:none;font-weight:400;letter-spacing:0;white-space:pre-wrap}
.doc .body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.doc .body th,.doc .body td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.cta-block{margin-top:64px;padding:36px;background:var(--ink);color:#f5f3ee;border-radius:20px}
.cta-block p{font-size:19px;line-height:1.45;margin-bottom:22px;color:#f5f3ee}
.cta-block .cta{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;padding:12px 24px;border-radius:99px;font-weight:600}
.index-list{margin-top:48px;border-top:1px solid var(--line)}
.index-item{display:block;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.index-item h2{font-size:clamp(20px,2.4vw,26px);line-height:1.2;letter-spacing:-.02em;transition:color .15s}
.index-item p{margin-top:8px;font-size:17px;color:var(--soft);line-height:1.5}
.index-item:hover h2{color:var(--accent)}
@media(max-width:760px){.doc article.post{padding:72px 22px 80px}.cta-block{padding:26px}}
.doc .callout{margin:32px 0;padding:24px 28px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;font-size:16px;line-height:1.6;color:#2a2f34}
.doc .callout strong{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
