/* ObliqueTech blog: Blog page, archives and single article. Builds on services.css (.ot-sv hero, cards, buttons, call-to-action) and the site tokens in main.css: one blue, --ot-accent, used sparingly. */
.ot-bl{--bl-sticky:calc(var(--ot-header-h) + 1.5rem)}
.admin-bar .ot-bl{--bl-sticky:calc(var(--ot-header-h) + 32px + 1.5rem)}
@media(max-width:782px){.admin-bar .ot-bl{--bl-sticky:calc(var(--ot-header-h) + 46px + 1.5rem)}}
.ot-bl a{text-underline-offset:3px}

/* ---- Hero ---- */
.ot-bl .ot-sv-hero{padding:3.5rem 0 3rem}
.ot-bl-hero__copy{max-width:52rem}
.ot-bl .ot-sv-hero__copy .ot-sv-pill{align-self:flex-start;margin:0}
.ot-bl .ot-sv-hero__copy .ot-sv-lead{max-width:40rem}
.ot-bl-hero--single{padding:2.5rem 0 3rem}
.ot-bl-hero--single h1{font-size:clamp(2rem,4.4vw,3.25rem)}

/* Hero numbers */
.ot-bl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem;padding:1.5rem;border:1px solid var(--ot-line);border-radius:.5rem;background:rgba(10,10,13,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(14px);animation:ot-sv-in .7s cubic-bezier(.2,.7,.2,1) .45s forwards}
.ot-bl-stat{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.ot-bl-stat__top{display:flex;align-items:baseline;gap:.5rem}
.ot-bl-stat__num{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.2;font-weight:600;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums}
.ot-bl-stat__bar{display:block;width:4rem;height:2px;margin:.125rem 0;border-radius:2px;background:rgba(255,255,255,.4)}
.ot-bl-stat:nth-child(2) .ot-bl-stat__bar{background:rgba(255,255,255,.26)}
.ot-bl-stat:nth-child(3) .ot-bl-stat__bar{background:rgba(255,255,255,.14)}
.ot-bl-stat__cap{font-size:14px;line-height:1.5;color:var(--ot-muted-2)}
@media(max-width:599px){.ot-bl-stats{grid-template-columns:minmax(0,1fr);gap:1.25rem}}

/* ---- Filter bar ---- */
.ot-bl-filter{position:sticky;top:var(--ot-header-h);z-index:30;border-block:1px solid var(--ot-line);background:rgba(5,5,7,.88);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.admin-bar .ot-bl-filter{top:calc(var(--ot-header-h) + 32px)}
@media(max-width:782px){.admin-bar .ot-bl-filter{top:calc(var(--ot-header-h) + 46px)}}
.ot-bl-filter__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-block:.75rem}
.ot-bl-pills{display:flex;align-items:center;gap:.25rem;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ot-bl-pills::-webkit-scrollbar{display:none}
.ot-sv a.ot-bl-pill{display:inline-flex;align-items:center;gap:.5rem;flex:none;padding:.375rem .875rem;border-radius:.25rem;background:#111115;color:var(--ot-muted-2);font-family:var(--ot-mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:background .2s,color .2s}
.ot-sv a.ot-bl-pill span{color:var(--ot-muted);font-variant-numeric:tabular-nums}
.ot-sv a.ot-bl-pill:hover{background:#1b1b21;color:#fff}
.ot-sv a.ot-bl-pill.is-active{background:#26262d;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.4)}
.ot-sv a.ot-bl-pill.is-active span{color:var(--ot-muted-2)}
.ot-bl-search{position:relative;display:flex;align-items:center;flex:0 1 16rem;min-width:11rem}
.ot-bl-search .ot-ico{position:absolute;left:.75rem;font-size:16px;color:var(--ot-muted);pointer-events:none}
.ot-bl-search input{width:100%;height:2.25rem;padding:0 .75rem 0 2.25rem;border:1px solid var(--ot-line);border-radius:.25rem;background:#111115;color:#fff;font-family:var(--ot-mono);font-size:12px;letter-spacing:.02em;transition:border-color .2s,background .2s}
.ot-bl-search input::placeholder{color:var(--ot-muted)}
.ot-bl-search input:focus{outline:none;border-color:var(--ot-line-hover);background:#17171c}
@media(max-width:599px){.ot-bl-search{flex:1 1 100%}}

/* ---- Featured article ---- */
.ot-bl-sec--feature{padding-block:2.5rem}
.ot-bl-feature{display:grid;overflow:hidden;border:1px solid var(--ot-line);border-radius:.75rem;background:var(--ot-card);box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}
@media(min-width:1024px){.ot-bl-feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.ot-bl-feature__body{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);background:#0d0d11}
.ot-bl-feature__main{display:flex;flex-direction:column;gap:1rem}
.ot-bl-feature__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ot-bl-feature h2{font-size:clamp(1.5rem,2.6vw,1.75rem);line-height:1.3;letter-spacing:-.02em;font-weight:600}
.ot-sv .ot-bl-feature h2 a{color:#fff}
.ot-sv .ot-bl-feature h2 a:hover{color:var(--ot-muted-2)}
.ot-bl-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.5rem}
.ot-bl-spec{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.625rem .75rem;border-radius:.25rem;background:#000}
.ot-bl-spec strong{font-size:14px;line-height:20px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ot-bl-feature__foot{display:flex;align-items:center;padding-top:.5rem}
.ot-bl-feature__media{position:relative;display:block;min-height:16rem;background:#000;overflow:hidden}
@media(min-width:1024px){.ot-bl-feature__media{min-height:30rem}}
.ot-bl-feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ot-bl-feature:hover .ot-bl-feature__media img{transform:scale(1.025)}
.ot-bl-feature__media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,17,.55),transparent 35%);pointer-events:none}
@media(max-width:1023px){.ot-bl-feature__media::after{background:linear-gradient(0deg,rgba(13,13,17,.4),transparent 40%)}}

/* Image placeholder: on-palette block, used when an article has no Featured Image */
.ot-bl-ph{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1rem;background:radial-gradient(ellipse 80% 90% at 80% 10%,rgba(255,255,255,.07),transparent 60%),linear-gradient(135deg,#15151a,#08080b)}
.ot-bl-ph::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}
.ot-bl-ph .ot-sv-label{position:relative}

/* ---- Cards ---- */
.ot-bl-grid{align-items:stretch}
.ot-sv-card.ot-bl-card{justify-content:flex-start;gap:1rem;padding:1.25rem}
.ot-bl-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--ot-line);border-radius:.25rem;background:#000}
.ot-bl-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ot-bl-card:hover .ot-bl-card__media img{transform:scale(1.04)}
.ot-bl-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ot-sv-card.ot-bl-card>h3{position:static;font-size:20px;line-height:1.35}
.ot-sv a.ot-bl-card__link{color:#fff;transition:color .2s}
.ot-sv a.ot-bl-card__link::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit}
.ot-sv a.ot-bl-card__link:hover{color:var(--ot-muted-2)}
.ot-bl-card__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.875rem;border-top:1px solid var(--ot-line)}

/* Pagination */
.ot-bl-pager{padding-top:1rem}
.ot-bl-pager .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}
.ot-sv .ot-bl-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .9rem;border-radius:.25rem;background:#141418;color:var(--ot-muted-2);font-family:var(--ot-mono);font-size:12px;font-weight:500;letter-spacing:.04em;transition:background .2s,color .2s}
.ot-sv .ot-bl-pager a.page-numbers:hover{background:#1f1f25;color:#fff}
.ot-sv .ot-bl-pager .page-numbers.current{background:#fff;color:#000;font-weight:600}
.ot-sv .ot-bl-pager .page-numbers.dots{background:none}

.ot-bl-empty{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;border:1px dashed var(--ot-line-2);border-radius:.5rem}

/* ---- Email signup ---- */
.ot-bl-sub{display:grid;gap:1.5rem;align-items:center;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--ot-line);border-radius:.75rem;background:var(--ot-card)}
@media(min-width:1024px){.ot-bl-sub{grid-template-columns:minmax(0,1fr) minmax(0,28rem);gap:3rem}}
.ot-bl-sub__copy{display:flex;flex-direction:column;gap:.5rem}
.ot-bl-sub__copy h2{font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.3;letter-spacing:-.02em;font-weight:600}
.ot-bl-sub__form{display:flex;flex-wrap:wrap;gap:.5rem}
.ot-bl-sub__form input[type=email]{flex:1 1 14rem;height:3rem;padding:0 1rem;border:1px solid var(--ot-line);border-radius:.25rem;background:#000;color:#fff;font-family:var(--ot-font);font-size:14px;transition:border-color .2s}
.ot-bl-sub__form input[type=email]::placeholder{color:var(--ot-muted)}
.ot-bl-sub__form input[type=email]:focus{outline:none;border-color:var(--ot-line-hover)}
.ot-bl-sub__form button{height:3rem;padding:0 1.5rem;border:0;border-radius:.25rem;background:var(--ot-cta);color:#fff;font-family:var(--ot-mono);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,transform .15s}
.ot-bl-sub__form button:hover{background:var(--ot-cta-hover)}
.ot-bl-sub__form button:active{transform:scale(.98)}
.ot-bl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ot-bl-sub__msg{grid-column:1/-1;padding:.625rem .875rem;border-radius:.25rem;font-size:14px;line-height:1.5}
.ot-bl-sub__msg--ok{background:rgba(255,255,255,.07);color:#fff}
.ot-bl-sub__msg--err{background:rgba(255,69,58,.1);color:#ff9f98}

/* ---- Single article ---- */
.ot-bl-crumbbar{border-bottom:1px solid var(--ot-line);background:#050507}
.ot-bl-crumbbar .ot-sv__wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-block:.75rem}
.ot-bl-crumbbar .ot-sd-crumb{margin:0}

.ot-bl-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;margin-top:2rem;padding:1.5rem;border:1px solid var(--ot-line);border-radius:.75rem;background:rgba(10,10,13,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(14px);animation:ot-sv-in .7s cubic-bezier(.2,.7,.2,1) .45s forwards}
@media(min-width:768px){.ot-bl-meta{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ot-bl-meta__item{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.ot-bl-meta__item strong{font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.015em;color:#fff;overflow-wrap:anywhere}
.ot-bl-frame{margin:1.5rem 0 0}
.ot-bl-frame .ot-sv-frame__img{opacity:1}

.ot-bl-article{display:grid;gap:2.5rem;justify-content:center}
@media(min-width:1024px){.ot-bl-article{grid-template-columns:minmax(0,46rem) 15rem;gap:4rem}}
.ot-bl-main{min-width:0}
.ot-bl-aside{display:flex;flex-direction:column;gap:1.75rem;min-width:0}
@media(min-width:1024px){.ot-bl-aside{position:sticky;top:var(--bl-sticky);align-self:start}}
.ot-bl-toc,.ot-bl-share{display:flex;flex-direction:column;gap:.75rem}
.ot-bl-toc ol,.ot-bl-share ul{display:flex;flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none}
.ot-sv .ot-bl-toc a{display:block;padding:.375rem 0 .375rem .875rem;border-left:1px solid var(--ot-line-2);color:var(--ot-muted);font-size:14px;line-height:1.45;transition:color .2s,border-color .2s}
.ot-sv .ot-bl-toc a:hover{color:#fff}
.ot-sv .ot-bl-toc a.is-active{border-left-color:#fff;color:#fff}
.ot-bl-toc__l3 a{padding-left:1.75rem!important}
.ot-sv .ot-bl-share a,.ot-bl-copy{padding:0;border:0;background:none;color:var(--ot-muted-2);font-family:var(--ot-font);font-size:14px;line-height:1.9;cursor:pointer;transition:color .2s}
.ot-sv .ot-bl-share a:hover,.ot-bl-copy:hover{color:#fff}

/* Article text */
.ot-bl-prose{font-size:16px;line-height:1.8;color:#c7c7cc;overflow-wrap:break-word}
.ot-bl-prose>*{margin-top:0;margin-bottom:1.35em}
.ot-bl-prose>:last-child{margin-bottom:0}
.ot-bl-prose h2,.ot-bl-prose h3,.ot-bl-prose h4{color:#fff;font-weight:600;scroll-margin-top:calc(var(--ot-header-h) + 2rem)}
.ot-bl-prose h2{margin:2.25em 0 .65em;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;letter-spacing:-.025em}
.ot-bl-prose h3{margin:1.9em 0 .55em;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.3;letter-spacing:-.02em}
.ot-bl-prose h4{margin:1.6em 0 .5em;font-size:1.125rem;line-height:1.4}
.ot-bl-prose>:first-child{margin-top:0}
.ot-sv .ot-bl-prose a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);transition:text-decoration-color .2s}
.ot-sv .ot-bl-prose a:hover{text-decoration-color:#fff}
.ot-bl-prose strong,.ot-bl-prose b{color:#fff;font-weight:600}
.ot-bl-prose ul,.ot-bl-prose ol{padding-left:1.4em}
.ot-bl-prose ul{list-style:disc}
.ot-bl-prose ol{list-style:decimal}
.ot-bl-prose li{margin-bottom:.5em}
.ot-bl-prose li::marker{color:var(--ot-muted)}
.ot-bl-prose blockquote{margin:2em 0;padding:1.25rem 1.5rem;border:1px solid var(--ot-line);border-left:2px solid rgba(255,255,255,.4);border-radius:.5rem;background:var(--ot-card);color:#fff;font-size:1.125rem;line-height:1.6}
.ot-bl-prose blockquote p{margin:0 0 .75em}
.ot-bl-prose blockquote p:last-child{margin-bottom:0}
.ot-bl-prose blockquote cite{display:block;margin-top:.75rem;font-family:var(--ot-mono);font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ot-muted)}
.ot-bl-prose img,.ot-bl-prose video,.ot-bl-prose iframe{max-width:100%;border-radius:.5rem}
.ot-bl-prose img{height:auto}
.ot-bl-prose figure{margin:2em 0}
.ot-bl-prose figcaption{margin-top:.625rem;font-family:var(--ot-mono);font-size:11px;line-height:1.6;letter-spacing:.04em;color:var(--ot-muted)}
.ot-bl-prose pre{margin:2em 0;padding:1rem 1.25rem;border:1px solid var(--ot-line);border-radius:.5rem;background:#000;font-size:13px;line-height:1.7;color:var(--ot-muted-2);overflow-x:auto}
.ot-bl-prose :not(pre)>code{padding:.15em .4em;border-radius:.25rem;background:rgba(255,255,255,.08);font-size:.9em;color:#fff}
.ot-bl-prose table{display:block;width:100%;overflow-x:auto;font-size:14px;line-height:1.5}
.ot-bl-prose th{color:#fff;font-weight:600}
.ot-bl-prose th,.ot-bl-prose td{padding:.7rem .9rem;border-bottom:1px solid var(--ot-line);text-align:left}
.ot-bl-prose hr{margin:2.5em 0;border:0;border-top:1px solid var(--ot-line)}
.ot-bl-prose .alignleft{float:left;margin:.25em 1.5em 1em 0}
.ot-bl-prose .alignright{float:right;margin:.25em 0 1em 1.5em}
.ot-bl-prose .aligncenter{margin-inline:auto}
.ot-bl-prose::after{content:'';display:block;clear:both}
.ot-bl-pages{margin-top:1.5rem;font-family:var(--ot-mono);font-size:12px;color:var(--ot-muted)}
.ot-bl-tags{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--ot-line)}
.ot-sv .ot-bl-tags a{color:var(--ot-ink);transition:color .2s}
.ot-sv .ot-bl-tags a:hover{color:#fff}
.ot-bl-tags li{transition:background .2s}
.ot-bl-tags li:hover{background:rgba(255,255,255,.14)}

/* Author */
.ot-bl-author{display:flex;flex-direction:column;gap:1.25rem;max-width:46rem;margin:3rem auto 0;padding:1.5rem;border:1px solid var(--ot-line);border-radius:.75rem;background:var(--ot-card)}
@media(min-width:640px){.ot-bl-author{flex-direction:row;align-items:flex-start}}
@media(min-width:1024px){.ot-bl-author{margin-left:calc((100% - 61rem) / 2);margin-right:auto}}
.ot-bl-author__badge{display:flex;flex:none;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.75rem;background:#17171c;font-size:20px;font-weight:600;letter-spacing:-.01em;color:#fff}
.ot-bl-author__body{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;min-width:0}
.ot-bl-author__body strong{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em;color:#fff}
.ot-bl-author__body .ot-sv-link{margin-top:.375rem}

/* Previous / next */
.ot-bl-nav-sec{padding-block:1.5rem;background:#050507}
.ot-bl-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem}
@media(min-width:768px){.ot-bl-nav{flex-direction:row;align-items:center}}
.ot-sv a.ot-bl-nav__item{display:flex;align-items:center;gap:1rem;max-width:100%;padding:1rem 1.25rem;border:1px solid var(--ot-line);border-radius:.5rem;background:var(--ot-card);color:#fff;transition:background .2s,border-color .2s}
.ot-sv a.ot-bl-nav__item:hover{background:#111115;border-color:var(--ot-line-hover);color:#fff}
.ot-bl-nav__item>span{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.ot-bl-nav__item strong{font-size:16px;line-height:1.4;font-weight:600;color:#fff}
.ot-bl-nav__item .ot-ico{font-size:22px;color:var(--ot-muted);transition:color .2s,transform .2s}
.ot-bl-nav__item:hover .ot-ico{color:#fff}
.ot-bl-nav__item--prev:hover .ot-ico{transform:translateX(-.25rem)}
.ot-bl-nav__item--next:hover .ot-ico{transform:translateX(.25rem)}
.ot-bl-nav__item--next{margin-left:auto;text-align:right}
.ot-bl-nav__item--next>span{align-items:flex-end}
.ot-sv a.ot-bl-nav__all{display:none;align-items:center;gap:.375rem;font-family:var(--ot-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ot-muted);transition:color .2s}
.ot-sv a.ot-bl-nav__all:hover{color:#fff}
.ot-bl-nav__all .ot-ico{font-size:18px}
@media(min-width:1024px){.ot-sv a.ot-bl-nav__all{display:inline-flex}}

.ot-bl-narrow{max-width:46rem}
.ot-bl-narrow :where(h2,h3){color:#fff}
.ot-bl-narrow a{color:#fff}

@media(prefers-reduced-motion:reduce){.ot-bl-stats,.ot-bl-meta{opacity:1;transform:none;animation:none}.ot-bl-feature__media img,.ot-bl-card__media img{transition:none}.ot-bl-feature:hover .ot-bl-feature__media img,.ot-bl-card:hover .ot-bl-card__media img{transform:none}}

/* ---- 404 ---- */
.ot-nf .ot-sv-hero{padding:4rem 0 3.5rem}
.ot-nf .ot-sv__wrap{display:flex;flex-direction:column;align-items:center}
.ot-nf-hero{align-items:center;text-align:center;max-width:44rem}
.ot-nf .ot-sv-hero__copy .ot-sv-pill{margin:0}
.ot-nf-code{font-size:clamp(6rem,19vw,11rem);line-height:.95;font-weight:700;letter-spacing:-.05em;background:linear-gradient(180deg,#fff 20%,#4a4a52);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;user-select:none}
.ot-nf-hero h1{font-size:clamp(1.75rem,3.6vw,2.5rem)}
.ot-nf-hero .ot-sv-actions{justify-content:center}
.ot-nf-term,.ot-nf-search{opacity:0;transform:translateY(14px);animation:ot-sv-in .7s cubic-bezier(.2,.7,.2,1) .45s forwards}
.ot-nf-search{animation-delay:.6s}
.ot-nf-term{width:100%;max-width:38rem;margin-top:2.25rem;overflow:hidden;border:1px solid var(--ot-line-2);border-radius:.5rem;background:#000;box-shadow:0 25px 50px -12px rgba(0,0,0,.7)}
.ot-nf-term__bar{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;border-bottom:1px solid var(--ot-line);background:#0a0a0d}
.ot-nf-term__bar span{width:.5rem;height:.5rem;border-radius:50%;background:#2c2c32}
.ot-nf-term__bar em{margin-left:.5rem;font-family:var(--ot-mono);font-size:11px;font-style:normal;letter-spacing:.04em;color:var(--ot-muted)}
.ot-nf-term__body{padding:1rem 1.125rem;font-family:var(--ot-mono);font-size:13px;line-height:1.9;color:var(--ot-muted-2);text-align:left;overflow-x:auto}
.ot-nf-term__body p{margin:0;white-space:nowrap}
.ot-nf-term__body b{font-weight:500;color:#fff}
.ot-nf-term__body .ot-nf-err{color:#ff9f98}
.ot-nf-prompt{display:inline-block;width:1.25rem;color:var(--ot-muted)}
.ot-nf-search{margin-top:1.75rem}
.ot-nf-routes{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.ot-nf-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.ot-nf-routes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ot-sv a.ot-nf-route,.ot-sv a.ot-nf-route:hover{color:inherit}
.ot-nf-route{justify-content:flex-start}
.ot-nf-route .ot-sv-link{margin-top:auto;padding-top:.5rem}

/* ---- Search ---- */
.ot-sr-form{position:relative;display:flex;align-items:center;width:100%;max-width:44rem;margin-top:1.75rem}
.ot-sr-form .ot-ico{position:absolute;left:1rem;font-size:20px;color:var(--ot-muted);pointer-events:none}
.ot-sr-form input[type=search]{width:100%;height:3.5rem;padding:0 7.5rem 0 3rem;border:1px solid var(--ot-line-2);border-radius:.375rem;background:rgba(10,10,13,.85);color:#fff;font-family:var(--ot-font);font-size:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s}
.ot-sr-form input[type=search]::placeholder{color:var(--ot-muted)}
.ot-sr-form input[type=search]:focus{outline:none;border-color:var(--ot-line-hover);background:#0d0d11}
.ot-sr-form button{position:absolute;right:.5rem;height:2.5rem;padding:0 1.25rem;border:0;border-radius:.25rem;background:var(--ot-cta);color:#fff;font-family:var(--ot-mono);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}
.ot-sr-form button:hover{background:var(--ot-cta-hover)}
.ot-sr-layout{display:grid;gap:2rem;align-items:start}
@media(min-width:1024px){.ot-sr-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:2.5rem}}
.ot-sr-list{display:flex;flex-direction:column;gap:1rem}
.ot-sr-main{display:flex;flex-direction:column;gap:2rem;min-width:0}
.ot-sv-card.ot-sr-item{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;justify-content:stretch;padding:1.25rem}
@media(min-width:768px){.ot-sv-card.ot-sr-item{grid-template-columns:12rem minmax(0,1fr)}}
.ot-sr-item__media{position:relative;display:block;min-height:9rem;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--ot-line);border-radius:.25rem;background:#000}
.ot-sr-item__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.ot-sr-item__body{display:flex;flex-direction:column;gap:.625rem;min-width:0}
.ot-sr-item h2{font-size:20px;line-height:1.35;letter-spacing:-.015em;font-weight:600}
.ot-sv-card.ot-sr-item .ot-sr-item__body{position:static}
.ot-sr-item .ot-bl-card__foot{flex-wrap:wrap}
.ot-sr-aside{display:flex;flex-direction:column;gap:1rem}
@media(min-width:1024px){.ot-sr-aside{position:sticky;top:var(--bl-sticky)}}
.ot-sv-card.ot-sr-box{justify-content:flex-start;gap:.75rem;align-items:flex-start}
.ot-sr-box h3{font-size:20px;line-height:1.3}
.ot-sr-topics{display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none}
.ot-sr-topics li{border-bottom:1px solid var(--ot-line)}
.ot-sr-topics li:last-child{border-bottom:0}
.ot-sv .ot-sr-topics a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 0;color:#fff;font-size:14px;transition:color .2s}
.ot-sv .ot-sr-topics a:hover{color:var(--ot-muted-2)}
.ot-sr-topics a span{font-family:var(--ot-mono);font-size:11px;color:var(--ot-muted)}
.ot-bl-empty h2{font-size:clamp(1.25rem,2vw,1.5rem)}
.ot-sr .ot-bl-filter{position:static}
@media(prefers-reduced-motion:reduce){.ot-nf-term,.ot-nf-search{opacity:1;transform:none;animation:none}}
.ot-bl-sub__fine{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;color:var(--ot-muted)}
.ot-sv .ot-bl-sub__fine a{color:var(--ot-muted-2);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3)}
.ot-sv .ot-bl-sub__fine a:hover{color:#fff}