/* PUBPET editorial extension: reuse existing Hallmark palette, identity and shell. */
.article-index-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.article-index-nav a{padding:8px 16px;min-height:44px;display:flex;align-items:center;white-space:nowrap;background:var(--panel);border:1px solid var(--rule);font-size:14px}.article-index-nav a:hover{border-color:var(--accent);color:var(--accent)}.article-topic{margin:40px 0;scroll-margin-top:90px}.article-topic>h2{font-size:24px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{background:var(--panel);border:1px solid var(--rule);padding:24px;display:flex;flex-direction:column;align-items:start}.article-card .article-category{font-size:12px;color:var(--accent);margin:0 0 12px}.article-card h3{font-size:21px;line-height:1.55;margin:0 0 12px}.article-card h3 a:hover{color:var(--link)}.article-card>p{font-size:14px;line-height:1.9}.article-read{font-size:14px;margin-top:auto;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.article-footer-nav{margin:16px 0;font-size:14px}.article-footer-nav a{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}.article-byline{font-size:13px!important;color:var(--muted)}.article-lead{font-size:17px!important;line-height:1.9!important;color:var(--ink)!important}.article-figure{margin:24px 0 36px}.article-figure img{width:100%;height:auto;background:var(--panel)}.article-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px}.article-layout{grid-template-columns:240px minmax(0,1fr)}.article-layout .toc a{white-space:normal;line-height:1.7;font-size:13px;padding:12px 0}.article-next{border-top:1px solid var(--rule);padding-top:28px}.article-next ul{padding-left:22px}.article-next li{margin-bottom:16px}.article-next a{line-height:1.9}.seo-article .guide-step p{max-width:65ch;line-height:2}.seo-article .guide-step{margin-bottom:36px}.article-card a:active,.article-index-nav a:active{color:var(--accent)}
@media(max-width:760px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-card{padding:20px}.article-layout{grid-template-columns:minmax(0,1fr)}.article-layout .toc nav{display:block}.article-card h3{font-size:20px}.article-lead{font-size:16px!important}.article-breadcrumb{flex-wrap:wrap;gap:8px}.article-topic>h2{font-size:22px}}
