/* Additional content pages; existing landing design is preserved. */
.seo-directory{border-top:1px solid var(--ink-3)}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.seo-card{display:block;background:var(--ink-2);padding:24px;border:1px solid var(--ink-3);border-radius:var(--r-md);transition:border-color .2s}
.seo-card:hover{border-color:var(--blue-soft)}
.seo-card h3{margin-bottom:12px}.seo-card p{color:var(--t-mute)}
.seo-link{display:inline-block;color:var(--blue-soft);text-decoration:underline;text-underline-offset:4px;margin-top:14px}
.content-page main{padding-top:40px}.content-page header{position:sticky;top:0}
.content-page .article-hero{padding:48px 0 64px}.content-page h1{font-size:clamp(34px,5.5vw,60px);max-width:960px}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:var(--t-mute);font-size:14px;margin-bottom:28px}
.breadcrumbs a{text-decoration:underline}.article-label{display:block;color:var(--blue-soft);margin-bottom:14px}
.content-page .sub{max-width:860px;font-size:19px}.article-shot{margin:36px 0 0;max-width:980px}
.article-shot img{width:100%;max-width:100%;height:auto;border-radius:14px;border:1px solid var(--ink-3)}
.article-shot figcaption{font-size:14px;color:var(--t-mute);margin-top:10px}
.article-body{max-width:900px;margin:auto}.article-body section{padding:32px 0}
.article-body h2{font-size:clamp(25px,4vw,34px);margin-bottom:20px}
.article-body p{margin:16px 0;color:var(--t-mute);font-size:18px}
.article-body ul,.article-body ol{padding-left:24px;color:var(--t-mute);font-size:18px}
.article-body li{margin:10px 0}.article-body a:not(.btn){color:var(--blue-soft);text-decoration:underline}
.article-body table{width:100%;border-collapse:collapse}.table-scroll{overflow-x:auto}
.article-body th,.article-body td{padding:16px;text-align:left;border:1px solid var(--ink-3);min-width:160px}
.article-body .faq-item p{font-size:17px}.content-page .demo-actions{flex-wrap:wrap}
.skip-link{position:fixed;top:-100px;left:16px;z-index:1000;padding:12px;background:var(--ink-2)}.skip-link:focus{top:16px}
@media(max-width:800px){.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.seo-grid{grid-template-columns:1fr}.content-page .article-hero{padding-top:24px}.content-page .nav{gap:12px}.content-page .nav .btn{font-size:13px;padding:10px}.article-body p,.article-body li{font-size:16px}}