.seo-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.seo-overview h2{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.25;margin:15px 0}.seo-overview p{margin-bottom:0}.seo-settings{margin:28px 0}.seo-settings summary,.seo-preview summary{cursor:pointer;font-weight:700}.seo-form{display:grid;gap:18px;margin-top:22px}.seo-form label,.seo-batch-controls>label{display:grid;gap:8px;font-size:.9rem;font-weight:600}.seo-form textarea,.seo-form select,.seo-form input,.seo-batch-controls select{width:100%;max-width:100%;min-width:0}.seo-form>.button{justify-self:start}.seo-check{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:400!important;line-height:1.5}.seo-check input{width:18px!important;flex:0 0 18px;margin-top:3px}.seo-batch-controls{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;margin-bottom:20px}.seo-batch-controls>p{grid-column:1/-1;margin:0}.seo-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line,#263748)}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.seo-columns>*{min-width:0}.seo-checks{list-style:none;padding:0}.seo-checks li{display:flex;gap:12px;margin:15px 0;line-height:1.5}.seo-pass{color:var(--accent,#48dce8)}.seo-missing{color:#f3c27c}.seo-generate{display:flex;align-items:center;gap:24px;margin:28px 0;background:linear-gradient(115deg,#112a36,#101427)}.seo-generate>div{flex:1}.seo-generate .button{flex-shrink:0}.seo-preview{border-top:1px solid var(--line,#263748);padding-top:24px;margin:24px 0}.seo-preview .prose{max-width:80ch;margin:24px auto;overflow-wrap:anywhere}.seo-comparison>div{background:rgba(128,160,190,.04);border-radius:12px;padding:20px}.seo-toc{margin:28px 0;max-width:80ch}.seo-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding-left:24px}.seo-toc a{color:var(--accent,#48dce8);line-height:1.55}.seo-description{max-width:80ch;margin-inline:auto}.seo-description h2{scroll-margin-top:100px;margin-top:2.3em}.seo-description h3{margin-top:1.8em}.seo-purchase-reminder{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0}.seo-purchase-reminder h2{margin-top:0}.seo-purchase-reminder .button{flex-shrink:0}
.seo-overview>.panel,.seo-columns>.panel{margin:0}
@media(max-width:1050px){.seo-overview{grid-template-columns:1fr}.seo-columns{grid-template-columns:1fr}.seo-generate{align-items:stretch;flex-direction:column}.seo-overview h2{margin:10px 0}}
@media(max-width:600px){.seo-batch-controls{grid-template-columns:1fr}.seo-toc ol{grid-template-columns:1fr}.seo-purchase-reminder{align-items:stretch;flex-direction:column}.seo-line{flex-direction:column}.seo-generate .button{white-space:normal}.seo-form>.button{width:100%}.seo-overview .panel,.seo-columns .panel{padding:20px}.seo-comparison>div{padding:16px}}

.seo-description table,.seo-preview table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}.seo-description th,.seo-description td,.seo-preview th,.seo-preview td{padding:14px;border:1px solid var(--line,#263748);text-align:left;min-width:140px}.seo-description th,.seo-preview th{background:#142534}.seo-batch-controls [hidden]{display:none!important}
