.article-page{max-width:var(--max-width);padding-block:var(--space-5) var(--space-7)}
.article-page h1{font-family:var(--display);font-size:clamp(2.25rem,5vw,4rem);line-height:1.15;max-width:24ch;letter-spacing:-.035em;overflow-wrap:anywhere;margin-block:var(--space-3) var(--space-4)}
.article-byline{color:var(--muted);font-size:16px;margin-top:var(--space-3)}
.article-copy{max-width:76ch;line-height:1.8;overflow-wrap:anywhere}
.article-copy h2,.article-resources h2,.article-list h2{font-family:var(--text);font-size:var(--subhead);font-weight:600;line-height:1.35;letter-spacing:-.02em;margin-block:var(--space-5) var(--space-3)}
.article-copy h3{font-family:var(--text);font-size:1.25rem;line-height:1.4;margin-block:var(--space-4) var(--space-2)}
.article-copy p,.article-copy ul{margin-bottom:var(--space-3);font-size:var(--body-size)}
.article-copy ul{padding-left:24px}.article-copy li{padding-bottom:8px}
.article-copy a,.article-back,.article-list a,.article-resources a{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:var(--light-accent);text-decoration:underline;text-underline-offset:4px;max-width:100%}
.article-table{max-width:100%;overflow-x:auto;margin-block:var(--space-4);border:1px solid var(--border)}
.article-table table{border-collapse:collapse;width:100%;min-width:540px;font-size:16px;line-height:1.65}
.article-table th,.article-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.article-table th{background:var(--raised);color:var(--ink)}.article-table td:first-child{width:28%}
.article-list{list-style:none;padding:0;max-width:76ch}.article-list li{border-top:1px solid var(--border);padding-block:var(--space-3)}
.article-list h2{margin-top:0}.article-resources{padding-block:var(--space-4);border-top:1px solid var(--border)}
.article-resources ul{list-style:none;padding:0}.article-resources li{padding-bottom:12px}
@media(max-width:760px){.article-page{padding-block:var(--space-4) var(--space-5)}.article-page h1{font-size:clamp(2.25rem,9vw,3rem)}.article-copy h2{font-size:1.5rem}.article-copy h3{font-size:1.25rem}}

/* Shared article reading layout: current InboundOps Signal colors and typography. */
.io-article-guide{background:var(--ink);color:var(--bone)}
.io-guide-hero{padding-block:48px 64px;border-bottom:1px solid var(--line-dark)}
.io-guide-back{display:inline-flex;align-items:center;min-height:44px;color:var(--slate);font-size:14px;text-decoration:none}
.io-guide-back:hover{color:var(--bone)}
.io-guide-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--slate);margin:32px 0 24px;display:flex;align-items:center;gap:14px}
.io-guide-label:before{content:"";width:32px;height:3px;background:var(--signal)}
.io-guide-hero h1{font-family:var(--font-display);font-size:clamp(40px,5vw,76px);font-weight:800;line-height:1.04;letter-spacing:-.04em;font-stretch:normal;max-width:21ch;margin:0 0 32px;text-wrap:balance;overflow-wrap:normal}
.io-guide-lead{max-width:64ch;color:var(--bone);font-size:clamp(17px,1.4vw,20px);line-height:1.75;margin:0 0 24px}
.io-guide-author{font-family:var(--font-mono);font-size:12px;color:var(--slate);margin:0}
.io-guide-reading{background:var(--bone);color:var(--ink);padding-block:64px 96px}
.io-guide-grid{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,820px);gap:clamp(36px,5vw,80px);align-items:start;justify-content:space-between}
.io-guide-index{position:sticky;top:32px;max-height:calc(100dvh - 64px);overflow-y:auto;scrollbar-width:thin}
.io-guide-index-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-light);margin:0 0 16px}
.io-guide-index ol{list-style:none;margin:0;padding:0;counter-reset:guide}
.io-guide-index li{counter-increment:guide;border-top:1px solid var(--line-light)}
.io-guide-index a{display:flex;gap:12px;min-height:44px;padding:16px 0;color:var(--ink);font-size:13px;line-height:1.5;text-decoration:none}
.io-guide-index a:before{content:counter(guide,decimal-leading-zero);font-family:var(--font-mono);color:var(--slate-light);font-size:11px;padding-top:2px;flex:none}
.io-guide-index a:hover{text-decoration:underline;text-underline-offset:4px}
.io-guide-copy{max-width:none;min-width:0;line-height:1.8}
.io-guide-copy p,.io-guide-copy ul{font-size:17px;line-height:1.8;margin:0 0 24px}
.io-guide-copy h2{font-family:var(--font-display);font-weight:800;font-stretch:normal;font-size:clamp(28px,2.8vw,38px);line-height:1.18;letter-spacing:-.03em;margin:56px 0 24px;scroll-margin-top:32px}
.io-guide-copy h2:first-of-type{margin-top:40px}
.io-guide-copy h3{font-family:var(--font-body);font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.02em;margin:32px 0 16px}
.io-guide-copy a{display:inline;min-height:0;min-width:0;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.io-guide-copy a:hover{text-decoration-thickness:2px}
.io-guide-copy ul{padding-left:24px}.io-guide-copy li{padding-bottom:8px}
.io-guide-copy .article-table{border:1px solid var(--line-light);border-radius:8px;margin:32px 0;scrollbar-color:var(--slate-light) var(--bone-2)}
.io-guide-copy table{font-family:var(--font-body);font-size:14px;line-height:1.65;min-width:640px}
.io-guide-copy th,.io-guide-copy td{padding:18px 20px;border-color:var(--line-light)}
.io-guide-copy th{background:var(--bone-2);color:var(--ink);font-size:12px;font-weight:700}
.io-guide-copy tbody tr:nth-child(even){background:rgba(228,224,214,.45)}
.io-guide-copy td:first-child{font-weight:600;width:28%}
.io-guide-copy tr>:first-child:nth-last-child(2){width:48%;font-weight:400}
.io-guide-copy th:first-child:nth-last-child(2){font-weight:700}
.io-article-guide a:focus-visible,.io-article-guide .article-table:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:960px){.io-guide-grid{grid-template-columns:1fr}.io-guide-index{position:static;max-height:none;overflow:visible}.io-guide-index ol{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.io-guide-copy{max-width:76ch}}
@media(max-width:600px){.io-guide-hero{padding-block:24px 40px}.io-guide-label{margin-block:24px 20px;font-size:11px}.io-guide-hero h1{font-size:clamp(36px,9.5vw,52px);line-height:1.06;margin-bottom:24px}.io-guide-lead{font-size:16px;line-height:1.75}.io-guide-reading{padding-block:32px 56px}.io-guide-grid{gap:32px}.io-guide-index ol{grid-template-columns:1fr}.io-guide-index a{font-size:13px;padding-block:12px}.io-guide-copy p,.io-guide-copy ul{font-size:16px}.io-guide-copy h2{font-size:28px;margin-top:40px}.io-guide-copy h3{font-size:19px}.io-guide-copy th,.io-guide-copy td{padding:14px 16px}}