.article{width:min(820px,calc(100% - 40px));margin:auto;padding:70px 0}.article .lead{font:500 1.45rem/1.55 var(--serif);color:var(--ink)}.article h2{font:600 clamp(2rem,4vw,3rem)/1.05 var(--serif);margin:48px 0 16px}.article h3{font:600 1.5rem var(--serif);margin:30px 0 10px}.article p,.article li{color:#4f504f}.article img{height:min(520px,65vw);margin:35px 0}.article ul{padding-left:22px}.article-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:30px;margin-top:55px}.article-meta{color:var(--rose);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.article-title{font:600 clamp(2.5rem,6vw,4.8rem)/1.08 var(--serif);margin:24px 0;overflow-wrap:break-word}
.article .article-cover{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
.imported-content{font-size:1rem;line-height:1.8;overflow-wrap:break-word}
.article .imported-content img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:32px auto}
.imported-content a{text-decoration:underline;text-underline-offset:3px}
.table-scroll{max-width:100%;overflow-x:auto;margin:32px 0;border:1px solid var(--line);border-radius:4px}
.table-scroll:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.imported-content table{width:100%;min-width:560px;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.imported-content caption{text-align:left;padding:16px;font-weight:700;color:var(--ink)}
.imported-content th,.imported-content td{padding:10px 14px;border:1px solid var(--line);text-align:center;vertical-align:middle}
.imported-content th{background:var(--cream,#f7f5f1);font-weight:700}
.imported-content td p{margin:0}
.article-notes{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:.9rem;color:#4f504f}
@media(max-width:600px){.article{padding:42px 0}.article h2{font-size:1.85rem;line-height:1.2}.article-meta{font-size:.8rem;letter-spacing:.055em}.article-nav{flex-direction:column;gap:18px}.article .lead{font-size:1.22rem}.article-title{font-size:2.5rem}}

.related-guides{margin-top:40px;padding:24px;border:1px solid var(--line);background:var(--paper)}
.article .related-guides h2{font-size:1.6rem;line-height:1.2;margin:0 0 14px}
.related-guides ul{margin:0;padding-left:22px}.related-guides li+li{margin-top:8px}
.related-guides a,.guide-context a{text-decoration:underline;text-underline-offset:3px}
.guide-context{padding:16px 20px;border-left:3px solid var(--rose);background:var(--paper);font-size:.9375rem}
