.oott-specialized{--sb-gold:#f4c04d;--sb-blue:#38bdf8;--sb-ink:#07121e;--sb-panel:#0d1b2a;--sb-border:rgba(148,163,184,.25)}
.oott-specialized .oott-e-hero{background:radial-gradient(circle at 82% 18%,rgba(56,189,248,.18),transparent 36%),linear-gradient(135deg,#07121e,#13283c);border:1px solid var(--sb-border)}
.oott-specialized .oott-e-kicker{color:#8ddcff}
.oott-sb-figure{margin:1.75rem 0;border:1px solid var(--sb-border);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0b1724,#132437);box-shadow:0 18px 45px rgba(2,8,23,.24)}
.oott-sb-figure img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#f8fafc}
.oott-sb-hero img{aspect-ratio:16/9;object-fit:cover;background:#07121e}
.oott-sb-figure figcaption{padding:1rem 1.15rem;color:#dcecff;background:linear-gradient(90deg,#0b1724,#10283e)}
.oott-sb-figure figcaption span,.oott-sb-figure figcaption strong,.oott-sb-figure figcaption small{display:block}
.oott-sb-figure figcaption span{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}
.oott-sb-figure figcaption strong{margin:.3rem 0;font-size:1.08rem}
.oott-sb-figure figcaption small{color:#b8c9d9;line-height:1.55}
.oott-sb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.75rem 0}
.oott-sb-pair .oott-sb-figure{margin:0}
.oott-sb-pair .oott-sb-figure img{height:320px;object-fit:contain}
.oott-sb-visual{margin:1.75rem 0;padding:1.2rem;border-radius:22px;border:1px solid var(--sb-border);background:linear-gradient(145deg,#0b1724,#132437);color:#eaf6ff}
.oott-sb-visual h3{margin:.1rem 0 1rem;color:white}
.oott-sb-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.oott-sb-flow div{position:relative;padding:1rem .75rem;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(125,211,252,.22);min-height:112px}
.oott-sb-flow div:not(:last-child)::after{content:'→';position:absolute;right:-.65rem;top:38%;z-index:2;color:var(--sb-gold);font-weight:900;font-size:1.25rem}
.oott-sb-flow b,.oott-sb-flow span{display:block}
.oott-sb-flow b{color:#fff;margin-bottom:.35rem}
.oott-sb-flow span{font-size:.86rem;color:#bad0e2;line-height:1.45}
.oott-sb-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:#3b1c22;color:#ffd6db;border:1px solid rgba(251,113,133,.35);font-weight:800;font-size:.82rem}
.oott-sb-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.3rem 0}
.oott-sb-model-grid article{padding:1rem;border-radius:16px;background:#f7fafc;border:1px solid #d9e2ec;color:#102235}
.oott-sb-model-grid h3{margin:0 0 .45rem;color:#082f49;font-size:1rem}
.oott-sb-model-grid p{margin:0;font-size:.88rem;line-height:1.5}
.oott-sb-test{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;counter-reset:sbtest}
.oott-sb-test div{counter-increment:sbtest;padding:1rem .65rem;border-radius:14px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(244,192,77,.25)}
.oott-sb-test div::before{content:counter(sbtest);display:grid;place-items:center;width:2rem;height:2rem;margin:0 auto .5rem;border-radius:50%;background:var(--sb-gold);color:#111827;font-weight:900}
.oott-sb-test b{display:block;color:white}
.oott-sb-test span{display:block;color:#bfd0df;font-size:.8rem;margin-top:.3rem}
.oott-specialized .oott-e-table{font-size:.93rem}
.oott-specialized .oott-e-warning{border-left-color:var(--sb-gold)}
.oott-specialized .oott-e-aside{align-self:stretch}
.oott-specialized .oott-e-toc{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain}
.oott-sb-overview{margin:2rem 0 2.5rem;overflow:hidden;border:1px solid #cbd8e5;border-radius:24px;background:linear-gradient(145deg,#f8fbff,#eef5fb);box-shadow:0 16px 38px rgba(15,23,42,.1)}
.oott-sb-overview>header{padding:1.35rem 1.4rem;background:linear-gradient(120deg,#071827,#12334b);color:#dcecff}
.oott-sb-overview>header>span{display:block;color:#7dd3fc;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.oott-sb-overview>header h2{margin:.35rem 0;color:#fff;font-size:clamp(1.45rem,3vw,2rem)}
.oott-sb-overview>header p{margin:0;max-width:65ch;color:#c2d7e7;line-height:1.55}
.oott-sb-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}
.oott-sb-overview-card{--overview-accent:#38bdf8;position:relative;overflow:hidden;padding:1.1rem;border:1px solid color-mix(in srgb,var(--overview-accent) 38%,#d3dde7);border-radius:18px;background:#fff;box-shadow:0 7px 16px rgba(15,23,42,.06)}
.oott-sb-overview-card::before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--overview-accent)}
.oott-sb-overview-card--dreamlink{--overview-accent:#f59e0b}.oott-sb-overview-card--buzztv{--overview-accent:#22c55e}.oott-sb-overview-card--mag{--overview-accent:#38bdf8}.oott-sb-overview-card--tvip{--overview-accent:#a78bfa}
.oott-sb-overview-index{position:absolute;right:1rem;top:.8rem;color:color-mix(in srgb,var(--overview-accent) 72%,#334155);font-size:1.35rem;font-weight:900;opacity:.5}
.oott-sb-overview-card h3{margin:0 2.8rem .75rem 0;color:#0b243c;font-size:1.25rem}
.oott-sb-overview-card>b,.oott-sb-overview-card>div strong{display:block;color:#475569;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.oott-sb-overview-card>p{min-height:4.3em;margin:.3rem 0 .9rem;color:#293f54;font-size:.91rem;line-height:1.5}
.oott-sb-overview-card>div{padding:.75rem;border-radius:12px;background:color-mix(in srgb,var(--overview-accent) 9%,#fff)}
.oott-sb-overview-card>div p{margin:.25rem 0 0;color:#334a60;font-size:.84rem;line-height:1.48}
.oott-sb-overview-rule{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;margin:0 1rem 1rem;padding:1rem 1.1rem;border-radius:15px;border:1px solid rgba(244,192,77,.45);background:#fff9e8;color:#26384a}
.oott-sb-overview-rule b{color:#9a5a00;white-space:nowrap}.oott-sb-overview-rule p{margin:0;color:#26384a;line-height:1.55}
.oott-sb-family-stack{display:grid;gap:1.6rem;margin:1.5rem 0 2.5rem}
.oott-sb-family{--family-accent:#38bdf8;overflow:hidden;border:1px solid color-mix(in srgb,var(--family-accent) 34%,#cbd5e1);border-radius:24px;background:#f8fafc;box-shadow:0 14px 34px rgba(15,23,42,.1)}
.oott-sb-family--dreamlink{--family-accent:#f59e0b}
.oott-sb-family--buzztv{--family-accent:#22c55e}
.oott-sb-family--mag{--family-accent:#38bdf8}
.oott-sb-family--tvip{--family-accent:#a78bfa}
.oott-sb-family>header{position:relative;padding:1.25rem 1.35rem 1.2rem;border-top:5px solid var(--family-accent);background:linear-gradient(115deg,color-mix(in srgb,var(--family-accent) 13%,#fff),#fff 64%)}
.oott-sb-family>header::after{content:'';position:absolute;right:1.35rem;top:1.2rem;width:2.6rem;height:.42rem;border-radius:999px;background:var(--family-accent)}
.oott-sb-family-kicker{display:block;padding-right:3.4rem;color:#334155;font-size:.72rem;font-weight:850;letter-spacing:.095em;text-transform:uppercase}
.oott-sb-family>header h3{margin:.35rem 0 .35rem;color:#081a2c;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.08}
.oott-sb-family>header p{max-width:68ch;margin:0;color:#42556a;line-height:1.6}
.oott-sb-family-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:1.1rem;padding:1.15rem}
.oott-sb-family-media{display:grid;gap:.8rem;padding:1.15rem}
.oott-sb-family-body>.oott-sb-family-media{padding:0}
.oott-sb-family-media--single{grid-template-columns:1fr}
.oott-sb-family-media--two,.oott-sb-family-media--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.oott-sb-family-media--three{grid-template-columns:repeat(2,minmax(0,1fr))}
.oott-sb-family-media--three .oott-sb-figure:first-child{display:flex;grid-row:span 2;flex-direction:column}
.oott-sb-family-media .oott-sb-figure{margin:0;border-radius:15px;box-shadow:0 8px 18px rgba(2,8,23,.16)}
.oott-sb-family-media .oott-sb-figure img{height:220px;max-height:none;object-fit:contain}
.oott-sb-family-media--single .oott-sb-figure img{height:300px}
.oott-sb-family-media--three .oott-sb-figure:first-child img{flex:1;height:auto;min-height:300px}
.oott-sb-family-media .oott-sb-figure figcaption{padding:.75rem .8rem}
.oott-sb-family-media .oott-sb-figure figcaption span{font-size:.64rem}
.oott-sb-family-media .oott-sb-figure figcaption strong{font-size:.94rem;line-height:1.25}
.oott-sb-family-media .oott-sb-figure figcaption small{font-size:.76rem;line-height:1.4}
.oott-sb-family-copy{display:grid;align-content:start;gap:.8rem}
.oott-sb-family-copy--split{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1.15rem 1.15rem}
.oott-sb-fact,.oott-sb-safe{padding:1rem 1.05rem;border-radius:16px}
.oott-sb-fact{border:1px solid #d8e1ea;background:#fff}
.oott-sb-safe{border:1px solid color-mix(in srgb,var(--family-accent) 40%,#d8e1ea);background:color-mix(in srgb,var(--family-accent) 9%,#fff)}
.oott-sb-fact b,.oott-sb-safe b{display:block;margin-bottom:.4rem;color:#0b243c;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.oott-sb-fact p,.oott-sb-safe p{margin:0;color:#34495e;font-size:.93rem;line-height:1.6}
@media(max-width:820px){.oott-sb-flow,.oott-sb-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oott-sb-test{grid-template-columns:1fr}.oott-sb-flow div::after{display:none}}
@media(max-width:900px){.oott-specialized .oott-e-toc{position:relative;top:auto;max-height:none;overflow:visible}}
@media(max-width:760px){.oott-sb-family-body{grid-template-columns:1fr}.oott-sb-family-copy--split{grid-template-columns:1fr}.oott-sb-family-media--single .oott-sb-figure img{height:280px}}
@media(max-width:560px){.oott-sb-pair,.oott-sb-flow,.oott-sb-model-grid,.oott-sb-overview-grid{grid-template-columns:1fr}.oott-sb-pair .oott-sb-figure img{height:auto;max-height:420px}.oott-sb-hero img{aspect-ratio:4/3}.oott-sb-figure{border-radius:16px}.oott-sb-visual{border-radius:16px;padding:.9rem}.oott-specialized .oott-e-table{font-size:.82rem}.oott-sb-overview{border-radius:18px}.oott-sb-overview>header{padding:1.05rem}.oott-sb-overview-grid{padding:.75rem;gap:.75rem}.oott-sb-overview-card{padding:.95rem}.oott-sb-overview-card>p{min-height:0}.oott-sb-overview-rule{grid-template-columns:1fr;margin:0 .75rem .75rem;padding:.9rem}.oott-sb-overview-rule b{white-space:normal}.oott-sb-family-stack{gap:1.15rem}.oott-sb-family{border-radius:18px}.oott-sb-family>header{padding:1rem;border-top-width:4px}.oott-sb-family>header::after{right:1rem;top:1rem;width:2rem}.oott-sb-family-body,.oott-sb-family-media{padding:.8rem}.oott-sb-family-body>.oott-sb-family-media{padding:0}.oott-sb-family-media,.oott-sb-family-copy{gap:.65rem}.oott-sb-family-media .oott-sb-figure img{height:155px}.oott-sb-family-media--single .oott-sb-figure img{height:240px}.oott-sb-family-media--three .oott-sb-figure:first-child img{min-height:306px}.oott-sb-family-media .oott-sb-figure figcaption{padding:.62rem}.oott-sb-family-media .oott-sb-figure figcaption small{font-size:.7rem}.oott-sb-family-copy--split{padding:0 .8rem .8rem}.oott-sb-fact,.oott-sb-safe{padding:.85rem}.oott-sb-fact p,.oott-sb-safe p{font-size:.88rem}}
@media(max-width:350px){.oott-sb-family-media--two,.oott-sb-family-media--three,.oott-sb-family-media--four{grid-template-columns:1fr}.oott-sb-family-media--three .oott-sb-figure:first-child{grid-row:auto}.oott-sb-family-media--three .oott-sb-figure:first-child img{min-height:0;height:220px}.oott-sb-family-media .oott-sb-figure img{height:220px}}

/* OFFICIALOTT SPECIALIZED FULL-BLEED HERO — user-approved layout restoration */
html,body.oott-specialized{overflow-x:hidden;overflow-x:clip}
.oott-specialized main.oott-e-wrap>.oott-e-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding-left:max(16px,calc((100vw - 1180px)/2));
  padding-right:max(16px,calc((100vw - 1180px)/2));
  border:0;
}
@media(max-width:650px){.oott-specialized main.oott-e-wrap>.oott-e-hero{padding-left:16px;padding-right:16px}}
