/* PBL V8.5.11 — SEO + Content */
.seo-admin-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px;padding:26px 28px;border:1px solid #d6e3ec;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5fbff 100%)}
.seo-admin-hero h2{margin:5px 0 8px;font-size:32px}.seo-admin-hero p{max-width:760px;color:#61778a;margin:0}.seo-admin-actions{display:flex;gap:10px;flex-wrap:wrap}
.seo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.seo-tabs a{padding:11px 15px;border:1px solid #d6e3ec;border-radius:12px;background:#fff;color:#123048;text-decoration:none;font-weight:700}.seo-tabs a.active{background:#0b91cc;color:#fff;border-color:#0b91cc}
.seo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.seo-kpis>div{background:#fff;border:1px solid #d6e3ec;border-radius:18px;padding:20px}.seo-kpis small{display:block;color:#71879a;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:11px}.seo-kpis strong{display:block;font-size:31px;margin:5px 0}.seo-kpis span{color:#6c8294;font-size:13px}
.seo-health{display:grid;gap:10px}.seo-health>div{display:grid;grid-template-columns:minmax(160px,230px) 1fr;gap:16px;padding:13px 15px;border:1px solid #dbe7ee;border-radius:12px}.seo-health .ok b{color:#1c7b4f}.seo-health .warn b{color:#9a6508}.seo-health span{color:#657b8d}
.seo-admin-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.6fr);gap:18px;align-items:start}.seo-page-list{display:grid;gap:8px}.seo-page-list a{display:grid;gap:3px;padding:12px 13px;border:1px solid #d8e5ed;border-radius:12px;text-decoration:none;color:#102639;background:#fff}.seo-page-list a.active{border-color:#2ba7df;background:#eff9ff}.seo-page-list small{color:#72879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seo-form{display:grid;gap:14px}.seo-form label{display:grid;gap:7px;font-weight:700;color:#183248}.seo-form label small{font-weight:500;color:#73899b}.seo-form input,.seo-form textarea,.seo-form select{width:100%;box-sizing:border-box;border:1px solid #cbdbe6;border-radius:11px;padding:12px 13px;font:inherit;background:#fff;color:#102639}.seo-form textarea{resize:vertical}.seo-form .code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.seo-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-checks{display:flex;gap:18px;flex-wrap:wrap}.seo-checks label{display:flex;align-items:center;gap:8px}.seo-checks input{width:auto}.seo-generated-link{margin-top:16px;padding:14px;border-radius:12px;background:#edf9ff;border:1px solid #bfe5f6}.seo-generated-link code,.seo-link-list code{display:block;overflow-wrap:anywhere;font-size:12px;color:#23536d;margin-top:5px}.seo-link-list{display:grid;gap:10px}.seo-link-list>div{padding:12px 13px;border:1px solid #d8e5ed;border-radius:12px}.seo-link-list small{display:block;color:#6d8293;margin-top:3px}
.pbl-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pbl-insight-card{display:flex;flex-direction:column;min-height:255px;padding:24px;border:1px solid #d6e3ec;border-radius:20px;background:#fff;text-decoration:none;color:#102639;box-shadow:0 12px 34px rgba(16,44,63,.05);transition:transform .2s ease,box-shadow .2s ease}.pbl-insight-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,44,63,.1)}.pbl-insight-card h2{font-size:24px;margin:7px 0 9px}.pbl-insight-card p{color:#647b8e;flex:1}.pbl-insight-card small{color:#7a8d9c;margin:10px 0}.pbl-insight-card b{color:#1098d4}
.pbl-article-hero{padding:74px 0 54px;background:linear-gradient(180deg,#f3faff,#fff);border-bottom:1px solid #dfebf2}.pbl-article-hero .container{max-width:980px}.pbl-article-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;max-width:900px;margin:10px 0 16px}.pbl-article-hero p{font-size:20px;line-height:1.6;max-width:780px;color:#637a8d}.pbl-article-meta{display:flex;gap:16px;color:#7b8f9e;font-size:14px;margin-top:20px}.pbl-article-layout{max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:46px;align-items:start}.pbl-article-body{font-size:18px;line-height:1.85;color:#20394e}.pbl-article-body h2{font-size:30px;line-height:1.2;margin:42px 0 14px;color:#0b2032}.pbl-article-body h3{font-size:23px;margin:30px 0 10px}.pbl-article-body ul{padding-left:24px}.pbl-article-cta{position:sticky;top:28px;padding:22px;border:1px solid #d4e3ec;border-radius:18px;background:#f5fbff}.pbl-article-cta h2{font-size:24px}.pbl-article-cta p{color:#667d8f}.pbl-article-cta .btn{display:inline-flex;margin-top:8px}
@media(max-width:960px){.seo-admin-grid,.pbl-article-layout{grid-template-columns:1fr}.seo-kpis{grid-template-columns:repeat(2,1fr)}.pbl-insights-grid{grid-template-columns:1fr 1fr}.pbl-article-cta{position:static}.seo-admin-hero{flex-direction:column}}
@media(max-width:640px){.seo-kpis,.seo-two,.pbl-insights-grid{grid-template-columns:1fr}.seo-health>div{grid-template-columns:1fr}.seo-admin-hero{padding:20px}.pbl-article-hero{padding:52px 0 34px}}
@media(prefers-reduced-motion:reduce){.pbl-insight-card{transition:none}}
/* V8.5.12 controlled-input UX */
.seo-help{display:block;font-size:12px!important;line-height:1.45;color:#758a9b!important;font-weight:500!important}.optional{font-size:11px;color:#7f92a2;font-weight:600}.seo-advanced{border:1px solid #d7e5ee;border-radius:12px;background:#f9fcfe;padding:0}.seo-advanced summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#25475e}.seo-advanced[open]{padding-bottom:14px}.seo-advanced[open] summary{margin-bottom:10px}.seo-advanced label{margin:0 14px 12px}.seo-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.seo-check input{width:auto!important}.seo-auto-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px;border:1px solid #cce5f1;border-radius:14px;background:#f1faff}.seo-auto-preview>small{grid-column:1/-1;color:#0b8fc9;font-weight:900;letter-spacing:.08em;font-size:10px}.seo-auto-preview>div{display:grid;gap:4px}.seo-auto-preview span{font-size:11px;color:#718698;font-weight:700;text-transform:uppercase}.seo-auto-preview code{overflow-wrap:anywhere;color:#173a51;font-size:12px}.seo-generated-link>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.seo-copy-link{border:0;border-radius:8px;background:#0b91cc;color:#fff;padding:7px 10px;font-weight:800;cursor:pointer}.seo-form [hidden]{display:none!important}
@media(max-width:720px){.seo-auto-preview{grid-template-columns:1fr}.seo-auto-preview>small{grid-column:auto}}
