/* SEO Autopilot — thin layer on top of Bootstrap 5.3 (assets/vendor/bootstrap.min.css).
   Brand colour, a few components Bootstrap does not have (stat tile, status pill, auto grid), legacy aliases. */
:root,[data-bs-theme=light]{
  --brand:#c2410c;--brand-rgb:194,65,12;--brand-hover:#9a3412;--brand-subtle:#fff1e8;
  --bs-primary:var(--brand);--bs-primary-rgb:var(--brand-rgb);--bs-link-color:var(--brand);--bs-link-color-rgb:var(--brand-rgb);--bs-link-hover-color:var(--brand-hover);--bs-link-hover-color-rgb:154,52,18;
  --bs-body-bg:#f6f5f2;--bs-body-bg-rgb:246,245,242;--bs-border-color:#e7e3dc;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--bs-body-font-size:.9rem;
  --surface:#fff;
  /* aliases used by inline styles in the views */
  --bg:var(--bs-body-bg);--card:var(--surface);--ink:var(--bs-body-color);--mut:var(--bs-secondary-color);--line:var(--bs-border-color);--acc:var(--brand);--acc2:var(--brand-subtle);
  --ok:#15803d;--okb:#e8f6ec;--err:#b91c1c;--errb:#fdecec;--warn:#a16207;--warnb:#fdf6e3;
}
[data-bs-theme=dark]{
  --brand:#fb923c;--brand-rgb:251,146,60;--brand-hover:#fdba74;--brand-subtle:#3a2416;
  --bs-primary:var(--brand);--bs-primary-rgb:var(--brand-rgb);--bs-link-color:var(--brand);--bs-link-color-rgb:var(--brand-rgb);--bs-link-hover-color:var(--brand-hover);--bs-link-hover-color-rgb:253,186,116;
  --bs-body-bg:#141312;--bs-body-bg-rgb:20,19,18;--bs-border-color:#34312d;--surface:#1e1d1b;
  --ok:#4ade80;--okb:#12301d;--err:#f87171;--errb:#3a1717;--warn:#facc15;--warnb:#352c0f;
}
a{text-decoration:none}a:hover{text-decoration:underline}
h1,.h1{font-size:1.45rem;font-weight:700;margin:.25rem 0 1rem}h2,.h2{font-size:1.1rem;font-weight:650;margin:1.25rem 0 .6rem}h3,.h3{font-size:.98rem;font-weight:650;margin:.9rem 0 .4rem}
.card{--bs-card-bg:var(--surface);--bs-card-border-color:var(--bs-border-color);--bs-card-border-radius:12px}
.card>h2:first-child,.card>.d-flex:first-child h2{margin-top:0}
.btn:hover{text-decoration:none}.app-nav .btn,td .btn,th .btn{white-space:nowrap}.grid>*,.grid2>*{min-width:0}.table-responsive{max-width:100%}
.btn-primary{--bs-btn-bg:#c2410c;--bs-btn-border-color:#c2410c;--bs-btn-hover-bg:#9a3412;--bs-btn-hover-border-color:#9a3412;--bs-btn-active-bg:#7c2d12;--bs-btn-active-border-color:#7c2d12;--bs-btn-disabled-bg:#c2410c;--bs-btn-disabled-border-color:#c2410c;--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff;--bs-btn-focus-shadow-rgb:194,65,12}
.btn-outline-secondary{--bs-btn-color:var(--bs-body-color);--bs-btn-border-color:var(--bs-border-color);--bs-btn-bg:var(--surface);--bs-btn-hover-bg:var(--bs-tertiary-bg);--bs-btn-hover-color:var(--bs-body-color);--bs-btn-hover-border-color:var(--brand);--bs-btn-active-bg:var(--bs-secondary-bg);--bs-btn-active-color:var(--bs-body-color)}
.form-control,.form-select{--bs-body-bg:var(--surface)}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.2)}
.form-check-input:checked{background-color:#c2410c;border-color:#c2410c}
label{display:block;margin:.55rem 0;font-weight:500}label small{font-weight:400;color:var(--bs-secondary-color)}label>.form-control,label>.form-select{margin-top:.25rem}
textarea.form-control{min-height:84px}
.chk{display:flex;align-items:center;gap:.5rem;font-weight:400;margin:.4rem 0}.chk .form-check-input{margin:0;flex:none}
.table{--bs-table-bg:transparent;font-size:.82rem}.table th{color:var(--bs-secondary-color);font-weight:600;font-size:.76rem;white-space:nowrap}.table td,.table th{vertical-align:top}
.table>:not(caption)>*>*{border-bottom-color:var(--bs-border-color)}.table tr:last-child>*{border-bottom:0}
code,pre{background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);border-radius:6px;padding:1px 5px;font-size:.78rem;color:inherit}pre{padding:10px;overflow:auto;white-space:pre-wrap;word-break:break-all}
details summary{cursor:pointer}
/* layout */
.app-nav{background:var(--surface);border-bottom:1px solid var(--bs-border-color)}
.app-nav .navbar-brand{font-weight:700;font-size:1rem}.app-nav .nav-link{color:var(--bs-secondary-color)}.app-nav .nav-link.active{color:var(--bs-body-color);font-weight:600}.app-nav .nav-link:hover{text-decoration:none;color:var(--bs-body-color)}
main.app{max-width:1400px;margin:0 auto;padding:1.25rem 1rem 4rem}
.side-nav .nav-link{color:var(--bs-body-color);padding:.35rem .7rem;border-radius:8px;font-size:.86rem}.side-nav .nav-link:hover{background:var(--bs-tertiary-bg);text-decoration:none}
.side-nav .nav-link.active{background:var(--brand-subtle);color:var(--brand);font-weight:600}
.side-nav .side-h{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color);margin:.9rem .7rem .25rem}
@media(min-width:992px){.side-nav{position:sticky;top:4.5rem}}
/* components */
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.grid2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));margin-bottom:1rem}
.grid>.card,.grid2>.card,.grid2>form.card{margin-bottom:0!important}.grid2>div>.card:last-child{margin-bottom:0!important}
.stat{background:var(--surface);border:1px solid var(--bs-border-color);border-radius:12px;padding:14px;display:block}.stat b{display:block;font-size:1.5rem;line-height:1.2}.stat span{color:var(--bs-secondary-color);font-size:.76rem}a.stat:hover{border-color:var(--brand);text-decoration:none}
.pill{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.7rem;background:var(--bs-secondary-bg);color:var(--bs-body-color);white-space:nowrap;line-height:1.5}
.pill.ok{background:var(--okb);color:var(--ok)}.pill.err{background:var(--errb);color:var(--err)}.pill.warn{background:var(--warnb);color:var(--warn)}.pill.acc{background:var(--brand-subtle);color:var(--brand)}a.pill:hover{text-decoration:none;filter:brightness(.97)}
.bar{height:6px;background:var(--bs-secondary-bg);border-radius:9px;overflow:hidden;min-width:60px}.bar i{display:block;height:100%;background:var(--brand)}
ul.iss{margin:0;padding-inline-start:16px;font-size:.78rem;color:var(--bs-secondary-color)}
.answer-preview{border:1px solid var(--bs-border-color);border-radius:8px;padding:8px 12px;margin-top:6px;background:var(--bs-tertiary-bg)}.answer-preview h2{font-size:.9rem;margin:8px 0 4px}.answer-preview h3{font-size:.82rem;margin:8px 0 2px}.answer-preview p,.answer-preview ul{margin:2px 0 6px}
/* auth + wizard */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:400px}
.choice{display:block;border:1px solid var(--bs-border-color);border-radius:12px;padding:14px 16px;background:var(--surface);cursor:pointer;margin:0;height:100%;font-weight:400}
.choice:hover{border-color:var(--brand)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice:has(input:checked){border-color:var(--brand);background:var(--brand-subtle);box-shadow:0 0 0 1px var(--brand)}
.choice:has(input:focus-visible){outline:3px solid rgba(var(--brand-rgb),.45);outline-offset:2px}.choice b{display:block}.choice span{color:var(--bs-secondary-color);font-size:.8rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--bs-border-color);border-radius:99px;padding:.3rem .75rem;background:var(--surface);cursor:pointer;margin:0 .3rem .4rem 0;font-weight:400;font-size:.85rem}
.chip input{position:absolute;opacity:0;pointer-events:none}.chip:has(input:checked){border-color:var(--brand);background:var(--brand-subtle);color:var(--brand);font-weight:600}.chip:has(input:focus-visible){outline:3px solid rgba(var(--brand-rgb),.45);outline-offset:2px}
.wz-step{display:none}.wz-step.on{display:block}
.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0;border-bottom:1px solid var(--bs-border-color)}.steps li:last-child{border-bottom:0}
.steps .ic{width:1.3rem;text-align:center;flex:none}.steps .d{color:var(--bs-secondary-color);font-size:.78rem}
@media (prefers-reduced-motion:no-preference){.spin{display:inline-block;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}
@media print{.app-nav,.side-nav,.btn{display:none!important}}