/* Programmatic landing pages (seo_pages.py). Uses site.css tokens; only layout extras live here. */
.seo-page .seo-answer{max-width:72ch}
.seo-body{max-width:960px}
.seo-sec{margin-top:28px}
.seo-links{margin-top:24px}
.seo-table td,.seo-table th{vertical-align:top}
.seo-table th[scope=row]{text-align:left;white-space:nowrap;color:var(--muted);font-weight:500}
.seo-list{list-style:none;padding:0;margin:0}
.seo-list li{padding:8px 0;border-top:1px solid var(--line)}
.seo-list li:first-child{border-top:0}
.seo-thai{display:block;font-size:clamp(28px,6vw,44px);line-height:1.2;margin-bottom:4px}
.seo-pron{font-size:.55em;font-weight:500;color:var(--muted);white-space:nowrap}
.seo-def dd{margin-left:0}
.seo-prevnext{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.seo-pc-form label{display:block;margin-bottom:6px}
.seo-pc-row{display:flex;gap:8px;flex-wrap:wrap}
.seo-pc-row input{flex:1 1 180px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;font:inherit;text-transform:uppercase}
#pc-out h3{margin:16px 0 6px}
@media (max-width:700px){.seo-prevnext{flex-direction:column}}