.article-index>h1,.article-page h1{font-size:clamp(34px,4.8vw,60px);max-width:20ch;overflow-wrap:anywhere}.article-lead{font-size:20px;margin-top:24px;max-width:65ch}.article-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px 0;border-bottom:1px solid var(--line)}.article-row h2{font-size:clamp(24px,3vw,32px);overflow-wrap:anywhere}.article-row h2 a{text-decoration:none}.article-row p{margin-bottom:18px}.article-date{color:var(--muted);font-size:14px;margin:18px 0}.article-row img,.article-cover{display:block;width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:12px;margin-bottom:24px}.article-empty{padding:48px 0;max-width:65ch}.article-empty p{margin:20px 0}.article-page{max-width:800px}.article-page h1{margin-top:28px}.article-content{max-width:70ch;margin-top:32px;overflow-wrap:anywhere}.article-content p,.article-content ul,.article-content ol,.article-content figure,.article-content blockquote{margin:0 0 24px}.article-content h2,.article-content h3,.article-content h4{margin:40px 0 18px}.article-content img,.article-content video,.article-content iframe{max-width:100%;height:auto}.article-content table{display:block;max-width:100%;overflow-x:auto}.article-content pre{overflow-x:auto;padding:20px;background:var(--pale)}.article-content blockquote{border-left:1px solid var(--accent);padding-left:24px}.article-cta{margin-top:64px;padding:32px;background:var(--pale);border-radius:12px}.article-cta p{margin:20px 0}.article-pagination{display:flex;gap:18px;margin-top:36px}.article-pagination .current{font-weight:700;color:var(--accent)}body.admin-bar .site-header{top:32px}@media(max-width:780px){.article-row{grid-template-columns:1fr;gap:18px}.article-page~.footer{margin-top:24px}.site-header .nav:has(nav:not([id])){flex-wrap:wrap}.site-header nav:not([id]){display:flex;position:static;box-shadow:none;padding:0;gap:14px;flex-wrap:wrap;font-size:14px}body.admin-bar .site-header{top:46px}}@media print{.article-cta,.article-page>.inline-link{display:none}}
@media(max-width:760px){.site-header .nav nav:not([id]){width:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px}.site-header .nav nav:not([id]) a{padding:8px 0}.site-header .nav nav:not([id]) .button{margin-top:0;padding:9px 12px}}