/* LANDING-20260907-COMPACT-007. Shared public-surface components only.
   Device decoration is HTML/CSS, not a raster/generated replacement of the UI. */

/* Bare sun/moon; preserve a 44px hit target and a keyboard-only focus outline. */
html :is(.site-header,.materials-header) .theme-toggle,
html[data-theme="light"] :is(.site-header,.materials-header) .theme-toggle,
html :is(.site-header,.materials-header) .theme-toggle:hover:not(:disabled) {
  width:44px; min-width:44px; height:44px; min-height:44px; padding:0;
  border:0; border-radius:8px; background:transparent; box-shadow:none;
  transform:none; color:var(--muted-strong); transition:color .2s ease;
}
html :is(.site-header,.materials-header) .theme-toggle:hover:not(:disabled),
html :is(.site-header,.materials-header) .theme-toggle:focus-visible { color:#eebf56; }
html :is(.site-header,.materials-header) .theme-toggle:focus-visible {
  outline:2px solid var(--accent-text); outline-offset:0; box-shadow:none;
}
html :is(.site-header,.materials-header) .theme-toggle svg { width:20px; height:20px; }
html .mobile-theme-row .mobile-theme-state { display:none; }
/* Keep the attached edge quiet and opaque; no floating rounded outline. */
html .site-header { border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent); box-shadow:0 5px 18px rgba(0,0,0,.035); }
html .site-header::before, html .site-header::after { pointer-events:none; }
html[data-theme="light"] .site-header { box-shadow:0 4px 16px rgba(55,61,72,.035); }

/* Library uses the same nav-shell/header height, but keeps Главная / Кабинет. */
body.materials-page .materials-header {
  position:fixed; inset:0 0 auto; z-index:120; display:block; width:100%; max-width:none;
  min-height:0; margin:0; background:var(--bg);
}
body.materials-page .materials-header .nav-shell { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.materials-page .materials-header .materials-top-nav { gap:24px; color:var(--muted-strong); }
body.materials-page .materials-header .materials-top-nav a { min-height:44px; display:inline-flex; align-items:center; }
body.materials-page .materials-header .materials-top-nav a:hover { color:var(--accent-text); }
body.materials-page main { padding-top:var(--landing-header-height); }
body.materials-page :is(.materials-library,.materials-workspace) { scroll-margin-top:calc(var(--landing-header-height) + 12px); }
@media (max-width:760px) {
  body.materials-page .materials-header .materials-brand-tools { gap:3px; }
  body.materials-page .materials-header .materials-brand-tools > .theme-toggle { display:grid; }
  body.materials-page .materials-header .materials-top-nav { gap:12px; font-size:12px; }
  body.materials-page .materials-header .brand { gap:7px; font-size:15px; }
  body.materials-page .materials-header .brand-mark { width:22px; height:26px; }
  body.materials-page .materials-header .nav-shell { padding-inline:12px; gap:6px; }
}

/* A closed details renders its summary, not a decoration appended to its body. */
summary.disclosure-glow-surface { isolation:isolate; border-radius:inherit; overflow:hidden; }
summary.disclosure-glow-surface > .cursor-glow-layer { z-index:2; }

/* One compact linked tile in the material section and footer. No nested CTA. */
body.landing-variant-b #channel-library .materials-entry,
body.landing-variant-b .footer-materials-block .materials-entry {
  --entry-signal:#f2c66d;
  display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px;
  width:264px; max-width:100%; min-width:0; min-height:66px; height:auto;
  margin:18px 0 0; padding:12px 16px; border-radius:13px;
  border:1px solid color-mix(in srgb,var(--line) 80%,transparent);
  background:linear-gradient(118deg, color-mix(in srgb,var(--surface-raised) 70%,var(--bg)),var(--surface));
  color:var(--muted-strong); text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.landing-variant-b .footer-materials-block .materials-entry { margin:0; }
body.landing-variant-b .materials-entry .materials-entry-copy { display:grid; gap:5px; min-width:0; }
body.landing-variant-b .materials-entry .materials-entry-copy small { color:var(--entry-signal); font-size:10px; line-height:1.2; letter-spacing:.07em; font-weight:750; text-transform:uppercase; }
body.landing-variant-b .materials-entry .materials-entry-copy strong { color:var(--text); font-size:14px; line-height:1.35; font-weight:700; }
body.landing-variant-b .materials-entry .materials-entry-arrow { flex:0 0 auto; color:var(--muted); font-size:20px; transition:color .2s ease,transform .2s ease; }
body.landing-variant-b .materials-entry:focus-visible { outline:2px solid var(--accent-text); outline-offset:3px; }
body.landing-variant-b .materials-entry:focus-visible .materials-entry-arrow { color:var(--entry-signal); }
html[data-theme="light"] body.landing-variant-b :is(#channel-library,.footer-materials-block) .materials-entry {
  --entry-signal:#98670c; background:linear-gradient(115deg,#fffaf0,#f2f2ef); box-shadow:inset 0 1px 0 #fff;
}
@media (hover:hover) and (pointer:fine) {
  body.landing-variant-b #channel-library .materials-entry:hover,
  body.landing-variant-b .footer-materials-block .materials-entry:hover {
    transform:translateY(-2px); border-color:color-mix(in srgb,var(--entry-signal) 38%,var(--line));
    box-shadow:0 8px 24px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.04);
  }
  body.landing-variant-b .materials-entry:hover .materials-entry-arrow { color:var(--entry-signal); transform:translateX(3px); }
}
@media (max-width:760px) {
  body.landing-variant-b.mobile-compact-b #channel-library .mobile-compact-flow > .materials-entry {
    width:264px; max-width:calc(100% - 24px); margin:12px; min-height:66px; padding:12px 16px;
  }
}

/* Owner-approved device treatment. Hardware is desktop-only; mobile retains
   the full-width real UI. Both skins share exactly the same dimensions. */
.product-phone { display:contents; }
.product-phone-speaker,.product-phone-key,.product-phone-home { display:none; }
@media (min-width:761px) {
  body.landing-variant-b :is(#demo,#buddy) :is(.demo-window,.buddy-window) {
    display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; align-content:start;
    gap:16px; border:0; border-radius:0; background:none; box-shadow:none; overflow:visible;
  }
  body.landing-variant-b :is(#demo,#buddy) :is(.demo-window-label,.buddy-window-label) {
    display:block; width:min(100%,300px); padding:0; min-height:0; border:0; background:none;
  }
  body.landing-variant-b :is(#demo,#buddy) :is(.demo-window-label,.buddy-window-label) > span { display:none; }
  body.landing-variant-b :is(#demo,#buddy) .demo-platform-switch {
    display:flex; gap:6px; width:100%; margin:0; padding:0; border:0; background:none; box-shadow:none;
  }
  body.landing-variant-b :is(#demo,#buddy) .demo-platform-switch button {
    min-height:38px; padding:8px 9px; font-size:11px; border:1px solid var(--line);
    border-radius:12px; background:var(--surface); color:var(--muted-strong);
  }
  body.landing-variant-b :is(#demo,#buddy) .demo-platform-switch button.is-active {
    border-color:color-mix(in srgb,var(--accent-text) 65%,var(--line));
    background:linear-gradient(145deg,var(--accent-soft),var(--surface)); color:var(--text);
    box-shadow:inset 0 -1px 0 var(--accent-text);
  }
  body.landing-variant-b :is(#demo,#buddy) .product-phone {
    /* One skin owns every hardware detail. No theme-specific geometry or UI filters. */
    --phone-edge:#59636f; --phone-rim:#242d38; --phone-face:#121923;
    --phone-shell:linear-gradient(112deg,#89929d 0%,#3a4451 1%,#1b242e 2.6%,#121923 15%,#10161e 58%,#202a35 97.4%,#65717e 99%,#333d49);
    --phone-shadow:0 16px 32px rgba(0,0,0,.25),0 3px 7px rgba(0,0,0,.16);
    --phone-glint:rgba(222,234,248,.24); --phone-screen-edge:#263342;
    --phone-speaker:#060a0f; --phone-speaker-edge:#344050;
    --phone-lens-edge:#465263; --phone-lens:#102036;
    --phone-key:linear-gradient(90deg,#65717f,#303b48); --phone-home:#6a7583;
    position:relative; display:block; width:min(100%,268px); height:500px; min-width:0;
    box-sizing:border-box; padding:25px 7px 17px; border:1px solid var(--phone-edge); border-radius:35px;
    background-color:var(--phone-face); background-image:var(--phone-shell);
    box-shadow:var(--phone-shadow),inset 0 0 0 2px var(--phone-rim),inset 0 1px 0 var(--phone-glint);
  }
  .product-phone > .product-phone-speaker {
    position:absolute; display:block; top:10px; left:50%; width:40px; height:4px; transform:translateX(-50%);
    border-radius:10px; background:var(--phone-speaker); box-shadow:inset 0 1px 1px var(--phone-speaker-edge); pointer-events:none;
  }
  .product-phone > .product-phone-speaker::after {
    content:''; position:absolute; right:-14px; top:0; width:5px; height:5px; border:1px solid var(--phone-lens-edge);
    border-radius:50%; background:radial-gradient(circle at 35% 30%,#466078 0%,var(--phone-lens) 38%,#080d16 100%);
  }
  .product-phone > .product-phone-key { display:block; position:absolute; width:3px; border-radius:2px; background:var(--phone-key); pointer-events:none; }
  .product-phone > .product-phone-key-volume { left:-3px; top:88px; height:50px; }
  .product-phone > .product-phone-key-power { right:-3px; top:112px; height:34px; }
  .product-phone > .product-phone-home { display:block; position:absolute; bottom:7px; left:50%; transform:translateX(-50%); width:65px; height:3px; border-radius:8px; background:var(--phone-home); pointer-events:none; }
  body.landing-variant-b :is(#demo,#buddy) .product-phone > :is(.window-content,.buddy-window-content) {
    display:block; height:100%; width:100%; min-width:0; min-height:0; overflow:hidden;
    border:1px solid var(--phone-screen-edge); border-radius:23px; background:var(--surface); box-sizing:border-box;
  }
  body.landing-variant-b #demo .product-phone .demo-product-panel {
    height:100%; min-height:0; padding:0; border:0; background:var(--surface); overflow:hidden;
  }
  body.landing-variant-b #demo .product-phone .demo-product-panel::before { content:none; }
  body.landing-variant-b #demo .product-phone [data-demo-screen] {
    width:100%; max-width:100%; height:100%; max-height:100%; inset:0; margin:0;
    overflow-y:auto; overflow-x:hidden; border:0; border-radius:0; box-sizing:border-box;
    box-shadow:none; scrollbar-width:thin;
  }
  body.landing-variant-b #demo .product-phone [data-demo-mode="web"] { padding:18px 13px; }
  body.landing-variant-b #demo .product-phone .training-select { align-content:center; }
  body.landing-variant-b #demo .product-phone .training-select button { min-height:70px; gap:9px; padding:10px; }
  body.landing-variant-b #demo .product-phone .training-select button b { font-size:12px; }
  body.landing-variant-b #demo .product-phone .record-screen { align-content:start; }
  body.landing-variant-b #demo .product-phone .record-ring { width:154px; height:154px; margin:16px 0; }
  body.landing-variant-b #demo .product-phone .record-screen strong { margin-top:12px; font-size:20px; }
  body.landing-variant-b #demo .product-phone .record-screen p { font-size:13px; }
  body.landing-variant-b #demo .product-phone .telegram-shell {
    width:100%; max-width:100%; height:100%; min-height:0; border:0; border-radius:0; box-shadow:none;
  }
  body.landing-variant-b #demo .product-phone .telegram-topbar { padding:10px; gap:6px; }
  body.landing-variant-b #demo .product-phone .telegram-peer { gap:7px; }
  body.landing-variant-b #demo .product-phone .telegram-peer strong { font-size:12px; }
  body.landing-variant-b #demo .product-phone .telegram-pinned { padding:7px 9px; gap:7px; grid-template-columns:26px minmax(0,1fr) 18px; }
  body.landing-variant-b #demo .product-phone .telegram-chat { padding:10px 8px; }
  body.landing-variant-b #demo .product-phone .telegram-input { padding:8px 7px; gap:5px; }
  body.landing-variant-b #demo .product-phone .tg-icon-btn { width:29px; min-width:29px; height:32px; }
  body.landing-variant-b #demo .product-phone .tg-menu-pill { padding:9px 10px; font-size:11px; }
  body.landing-variant-b #demo .product-phone .telegram-input-field { padding:8px; min-width:0; font-size:10px; }
  body.landing-variant-b #buddy .product-phone .buddy-preview {
    height:100%; min-height:0; padding:14px 12px; align-items:stretch; overflow:hidden;
  }
  body.landing-variant-b #buddy .product-phone .buddy-shot { height:100%; max-height:100%; overflow-y:auto; scrollbar-width:thin; }
  body.landing-variant-b #buddy .product-phone .buddy-shot-placeholder { min-height:325px; padding:18px 12px; border:0; background:transparent; }
  body.landing-variant-b #buddy .product-phone .buddy-shot img { max-height:none; border-radius:0; }
  body.landing-variant-b #buddy .product-phone .buddy-shot figcaption { font-size:10px; margin:10px auto 0; }
  html[data-theme="light"] body.landing-variant-b :is(#demo,#buddy) .product-phone {
    /* A light face, not a dark handset with a silver outline. The live screen
       keeps its own theme; Telegram images/content are never colour-inverted. */
    --phone-edge:#abb3bc; --phone-rim:#dfe3e6; --phone-face:#f5f4f0;
    --phone-shell:linear-gradient(112deg,#fff 0%,#bec6cd 1%,#e6e9eb 2.6%,#faf9f5 15%,#f1f2f0 58%,#e2e6e9 97.4%,#fbfcfc 99%,#adb7c1);
    --phone-shadow:0 16px 30px rgba(58,66,77,.12),0 3px 7px rgba(58,66,77,.09);
    --phone-glint:rgba(255,255,255,.95); --phone-screen-edge:#555f6a;
    --phone-speaker:#404750; --phone-speaker-edge:#838e99;
    --phone-lens-edge:#aeb8c2; --phone-lens:#172b3b;
    --phone-key:linear-gradient(90deg,#a6b0bb,#e1e5e8); --phone-home:#9ba5af;
  }
}

/* P57: borderless reviews. Text/images stay crisp; only the separation shadow
   is soft. The single RAF controller owns transforms; no CSS double easing. */
body.landing-variant-b .review-card-coverflow .review-card-media {
  border:0; border-radius:16px; background:transparent;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transition:box-shadow 560ms cubic-bezier(.22,.61,.36,1);
}
body.landing-variant-b .review-card-coverflow.is-active .review-card-media {
  border:0; box-shadow:0 20px 42px rgba(0,0,0,.28);
}
html[data-theme="light"] body.landing-variant-b .review-card-coverflow .review-card-media {
  border:0; background:transparent; box-shadow:0 12px 28px rgba(55,57,62,.10);
}
html[data-theme="light"] body.landing-variant-b .review-card-coverflow.is-active .review-card-media {
  border:0; box-shadow:0 20px 42px rgba(55,57,62,.17);
}
body.landing-variant-b .review-card-coverflow:focus-visible .review-card-media { outline:2px solid var(--accent-text); outline-offset:5px; }
@media (prefers-reduced-motion:reduce) {
  html :is(.site-header,.materials-header) .theme-toggle,
  body.landing-variant-b :is(#channel-library,.footer-materials-block) .materials-entry,
  body.landing-variant-b .materials-entry .materials-entry-arrow { transition:none; }
  body.landing-variant-b :is(#channel-library,.footer-materials-block) .materials-entry:hover,
  body.landing-variant-b .materials-entry:hover .materials-entry-arrow { transform:none; }
}

@media (min-width:1001px) {
  body.landing-variant-b :is(#demo,#buddy) .demo-layout { max-width:1000px; }
}

/* Fixed library chrome must not inherit its former floating-card outline. */
html body.materials-page header.site-header.materials-header {
  padding:0; border:0; border-radius:0;
  border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);
}

/* C008: compact additional opportunities. One unchanged selection of twelve.
   Native keeps per-card activation, NOT a shared/moving indicator. */
body.landing-variant-b #inside :is(.practice-core-grid,.practice-special-grid){
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:64px;gap:10px;
}
body.landing-variant-b #inside .practice-nav .practice-chip{
 box-sizing:border-box;min-width:0;width:100%;height:64px;min-height:64px;
 margin:0;padding:8px;font-size:14px;line-height:1.22;text-transform:none;
}
body.landing-variant-b #inside .practice-special-grid .practice-chip{
 display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;text-align:left;
}
body.landing-variant-b #inside .practice-special-grid :is(.practice-chip-icon,.duel-icon){
 position:static;display:flex;flex:0 0 20px;align-items:center;justify-content:center;
 width:20px;height:24px;min-width:0;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;
}
body.landing-variant-b #inside .practice-special-grid .practice-chip-icon svg{width:20px;height:24px;}
body.landing-variant-b #inside .practice-special-grid .practice-chip-copy{display:block;min-width:0;flex:1;margin:0;}
body.landing-variant-b #inside .practice-special-grid .practice-chip-copy strong{
 font:inherit;color:inherit;line-height:inherit;letter-spacing:0;margin:0;
}
body.landing-variant-b #inside .practice-special-grid :is(.practice-chip::before,.practice-chip::after,.practice-chip-orbit,.duel-signal){display:none;}
@media(max-width:760px){
 body.landing-variant-b #inside :is(.practice-core-grid,.practice-special-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;grid-auto-rows:64px;}
 body.landing-variant-b #inside .practice-special-grid .practice-chip{gap:6px;}
}
@media(max-width:360px){body.landing-variant-b #inside .practice-nav .practice-chip{font-size:13px;padding:7px;}}

/* C008: public Light accents. The exact R6 fill/hover stays #F5A04F.
   Large typography uses a related warm amber; small copy remains readable ink.
   No filter is applied to authored covers or screenshots. */
html[data-theme="light"] body:is(.landing-variant-b,.materials-page){
 --sand:#B96F15;--sand-soft:rgba(245,160,79,.12);--accent-text:#9D600C;
}
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) :is(.section-label,.eyebrow,.faq-group-title){
 color:var(--text)!important;
}
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) :is(.section-label,.eyebrow)::selection{background:#F5A04F;}
html[data-theme="light"] body.landing-variant-b :is(#channel-library,.footer-materials-block) .materials-entry{--entry-signal:#9D600C;}
html[data-theme="light"] .materials-page .materials-hero h1 span{color:#B96F15;background:none;-webkit-text-fill-color:currentColor;}
html[data-theme="light"] .materials-page :is(.materials-library,.materials-channels,.materials-footer-cta){
 background:linear-gradient(135deg,#FFFEFB,#F5F3EE);border-color:#DBD9D2;
 box-shadow:0 10px 32px rgba(34,42,52,.055),inset 0 1px 0 #fff;
}
html[data-theme="light"] .materials-page .materials-workspace{background:#FAF9F5;border-color:#DADCD9;}
html[data-theme="light"] .materials-page .materials-browser{background:#F5F5F1;border-right-color:#DADCD9;}
html[data-theme="light"] .materials-page .materials-reader{background:#FFFEFB;}
html[data-theme="light"] .materials-page :is(.audio-list-item,.guide-list-item,.material-list-item){
 background:transparent;box-shadow:none;border-color:#E0E1DD;
}
html[data-theme="light"] .materials-page :is(.audio-list-item,.guide-list-item,.material-list-item).is-active{
 background:#FCEBD8;border-color:#EDC59C;box-shadow:inset 3px 0 0 #F5A04F;
}
html[data-theme="light"] .materials-page .audio-list-icon{
 background:#EFEEE8;border:1px solid #DDDDD5;box-shadow:none;color:#3E4A58;
}
html[data-theme="light"] .materials-page .audio-list-icon :is(b,span){color:#3E4A58;}
html[data-theme="light"] .materials-page .audio-reader-cover{
 background:#F6F2E8;border-color:#DBDDD5;box-shadow:0 8px 22px rgba(43,50,58,.08);
}
html[data-theme="light"] .materials-page .audio-cover-placeholder{
 background:radial-gradient(circle at 95% 8%,rgba(245,160,79,.15),transparent 52%),linear-gradient(135deg,#F9F5EB,#EEEFEA);
 color:#546174;
}
html[data-theme="light"] .materials-page .audio-cover-placeholder > strong{color:#202C3B;}
html[data-theme="light"] .materials-page :is(.audio-cover-kicker,.audio-cover-caption){color:#586573;}
html[data-theme="light"] .materials-page .audio-cover-placeholder::before,
html[data-theme="light"] .materials-page .audio-cover-placeholder::after{border-color:rgba(132,116,87,.14);}
html[data-theme="light"] .materials-page .audio-wave-bars i{background:#B96F15;opacity:.76;}
html[data-theme="light"] .materials-page :is(.audio-reader-meta>span,.audio-reader-description>span,.article-reader-meta>span){color:#9D600C;}
html[data-theme="light"] .materials-page :is(.audio-player-shell,.audio-custom-player){background:#F4F5F1;border-color:#DDDFDA;box-shadow:none;}
html[data-theme="light"] .materials-page .audio-custom-play{background:#F5A04F;color:#241805;border-color:#E4AD77;box-shadow:none;}
html[data-theme="light"] .materials-page .audio-custom-play:hover{filter:none;box-shadow:0 4px 12px rgba(53,48,38,.09);}
html[data-theme="light"] .materials-page .audio-custom-mute{background:#FFFEFB;color:#334052;border-color:#D9DDD7;box-shadow:none;}
html[data-theme="light"] .materials-page .audio-custom-seek::-webkit-slider-runnable-track{
 background:linear-gradient(90deg,#E29249 0 var(--audio-progress),#DDE0DA var(--audio-progress) 100%);box-shadow:none;
}
html[data-theme="light"] .materials-page .audio-custom-seek::-webkit-slider-thumb{
 background:#F5A04F;border:2px solid #FFFEFB;box-shadow:0 1px 4px rgba(45,47,41,.17);
}
html[data-theme="light"] .materials-page .audio-custom-seek::-moz-range-track{background:#DDE0DA;}
html[data-theme="light"] .materials-page .audio-custom-seek::-moz-range-progress{background:#E29249;}
html[data-theme="light"] .materials-page .audio-custom-seek::-moz-range-thumb{background:#F5A04F;border:2px solid #FFFEFB;}
html[data-theme="light"] .materials-page :is(.audio-custom-play,.audio-custom-mute,.audio-custom-seek):focus-visible{outline:2px solid #4B83BD;outline-offset:3px;}
/* The native mock phone has no cursor-driven surface light, in either theme. */
[data-no-cursor-glow] .cursor-glow-layer,[data-no-cursor-glow]>.cursor-glow-layer{display:none!important;}
/* Clear the former top-aligned large-card internals after the compact rewrite. */
body.landing-variant-b #inside .practice-special-grid .practice-chip-copy{padding:0;gap:0;position:static;height:auto;}
body.landing-variant-b #inside .practice-special-grid .practice-chip-copy strong{min-height:0;height:auto;display:block;padding:0;}
body.landing-variant-b #inside .practice-special-grid .practice-chip::before,
body.landing-variant-b #inside .practice-special-grid .practice-chip::after{display:none;content:none;}
body.landing-variant-b #inside .practice-special-grid .duel-icon{filter:none;}


/* C009 OWNER APPROVED: local static B for the twelve directions.
   Not a segmented group: no moving layer, no second selected state.
   Keep every existing dimension/controller and the compact icon + title. */
html[data-theme] body.landing-variant-b #inside .practice-chip {
  transition:color .14s ease,border-color .14s ease !important;
  transform:none !important;
  -webkit-tap-highlight-color:transparent;
}
html[data-theme] body.landing-variant-b #inside .practice-chip:is(.is-active,[aria-selected="true"]) {
  background:#F5A04F !important; background-image:none !important;
  color:#241805 !important; border-color:#F5A04F !important; box-shadow:none !important;
}
html[data-theme] body.landing-variant-b #inside .practice-chip:is(.is-active,[aria-selected="true"]) :is(strong,svg,.practice-chip-icon,.duel-icon) {
  color:#241805 !important; stroke:currentColor !important;
}
html[data-theme] body.landing-variant-b #inside .practice-chip:is(.is-active,[aria-selected="true"]) > .cursor-glow-layer {
  display:none !important;
}
html[data-theme] body.landing-variant-b #inside .practice-chip:focus-visible {
  outline:2px solid var(--focus); outline-offset:2px;
}
@media(hover:hover) and (pointer:fine) {
  html[data-theme] body.landing-variant-b #inside .practice-chip:not(.is-active):hover {
    color:#F5A04F !important; background:var(--surface-raised) !important;
  }
}

/* C009 public Light palette. The exact approved R6 accent is intentional.
   --satin is the existing seven-stop platinum gradient of #final-cta.
   Use semantic local surfaces; do not recolour authored media, phone screens,
   semantic error/success states or another contour's design-system tokens. */
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) {
  --sand:#F5A04F; --accent-text:#F5A04F; --sand-soft:rgba(245,160,79,.12);
  --landing-card-fill:var(--satin);
  --landing-card-border:#D0CECA;
  --landing-card-shadow:0 16px 40px rgba(60,59,56,.085),inset 0 1px 0 rgba(255,255,255,.88);
  --landing-cursor-light:radial-gradient(260px circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(245,160,79,.055) 0%,rgba(136,133,126,.025) 40%,transparent 80%);
}
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) :is(.section-label,.section-label-topic,.card-kicker,.eyebrow,.demo-counter,.faq-group-title,.post-kicker,.trial-choice-kicker) {
  color:#F5A04F !important; -webkit-text-fill-color:currentColor;
}
html[data-theme="light"] body.landing-variant-b :is(#channel-library,.footer-materials-block) .materials-entry {
  --entry-signal:#F5A04F;
}
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) .materials-entry-copy small,
html[data-theme="light"] body.materials-page .materials-hero h1 span {
  color:#F5A04F !important; background:none; -webkit-text-fill-color:currentColor;
}
html[data-theme="light"] body.landing-variant-b :is(.system-card,.statement-bridge-card,.channel-browser,.practice-explorer,.practice-panels,.faq-item,.access-card,.access-common,.mobile-compact-details,.bot-analysis-preview,.materials-entry,#final-cta) {
  background:var(--landing-card-fill) !important;
  border-color:var(--landing-card-border) !important;
  box-shadow:var(--landing-card-shadow) !important;
}
/* Nested surfaces use the same material without stacked heavy shadows. */
html[data-theme="light"] body.landing-variant-b :is(.practice-panels,.faq-item,.mobile-compact-details,.bot-analysis-preview,.materials-entry) {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
}
html[data-theme="light"] body.landing-variant-b #inside .practice-chip:not(.is-active),
html[data-theme="light"] body.landing-variant-b #inside .practice-chip:not(.is-active):hover {
  background:var(--landing-card-fill) !important;
  border-color:var(--landing-card-border); box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] body:is(.landing-variant-b,.materials-page) [data-cursor-glow] > .cursor-glow-layer,
html[data-theme="light"] body.landing-variant-b .faq-item::before,
html[data-theme="light"] body.landing-variant-b .final-cta::after {
  background:var(--landing-cursor-light);
}

/* All four channel categories share a Light canvas. Guide/lecture/post images
   remain the original files; only their HTML frames/captions adapt. */
html[data-theme="light"] body.landing-variant-b #channel-library .channel-browser-stage {
  background:transparent;
}
html[data-theme="light"] body.landing-variant-b #channel-library .channel-browser-stage::before {
  background-image:linear-gradient(rgba(134,129,120,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(134,129,120,.10) 1px,transparent 1px);
  opacity:.12;
}
html[data-theme="light"] body.landing-variant-b #channel-library .stack-card {
  background:var(--landing-card-fill) !important; border-color:#CFCDCA !important;
  box-shadow:0 18px 42px rgba(60,59,56,.16),inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] body.landing-variant-b #channel-library .stack-card::after {
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.35),transparent 48%),radial-gradient(circle at 50% 100%,rgba(138,134,126,.07),transparent 44%);
}
html[data-theme="light"] body.landing-variant-b #channel-library :is(.stack-card-art,.stack-card figcaption) {
  background:var(--landing-card-fill) !important; color:var(--text);
}
html[data-theme="light"] body.landing-variant-b #channel-library .stack-card-art strong {
  color:#182230; text-shadow:none;
}
html[data-theme="light"] body.landing-variant-b #channel-library :is(.stack-card-art small,.stack-card figcaption time) {
  color:#536173;
}
html[data-theme="light"] body.landing-variant-b #channel-library :is(.stack-card-art>span,.stack-card figcaption span) {
  color:#F5A04F;
}
html[data-theme="light"] body.landing-variant-b #channel-library .waveform i {
  background:linear-gradient(180deg,#F5B779,#F5A04F); box-shadow:none;
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-shell {
  background:#F4F0EB; border-color:var(--landing-card-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(60,59,56,.06);
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-shell::before {
  background:linear-gradient(180deg,#F4F0EB,rgba(244,240,235,0));
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-shell::after {
  background:linear-gradient(0deg,#F4F0EB,rgba(244,240,235,0));
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-item {
  background:var(--landing-card-fill); border-color:var(--landing-card-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-item:is(:hover,:focus-visible) {
  background:var(--landing-card-fill); border-color:#F5A04F;
  box-shadow:0 8px 18px rgba(60,59,56,.08),inset 0 1px 0 #fff;
}
html[data-theme="light"] body.landing-variant-b #channel-library .posts-stream-item span {
  color:#182230;
}
html[data-theme="light"] body.landing-variant-b #channel-library :is(.stack-card img,.posts-stream-item img) {
  background:#E8E5E2; border-color:#D0CECA;
}

/* The public library follows the same platinum family. These are CSS-generated
   covers/reader shells, not imported pictures or the simulated product UI. */
html[data-theme="light"] body.materials-page :is(.materials-library,.materials-channel-card,.materials-footer-cta,.audio-reader-cover,.audio-cover-placeholder,.audio-player-shell,.audio-custom-player,.guide-cover-fallback,.article-reader-card) {
  background:var(--landing-card-fill) !important; border-color:var(--landing-card-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] body.materials-page :is(.materials-workspace,.materials-browser,.materials-reader) {
  border-color:var(--landing-card-border);
}
html[data-theme="light"] body.materials-page :is(.audio-reader-meta>span,.article-reader-meta>span,.audio-cover-kicker,.audio-cover-caption) {
  color:#F5A04F;
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] body.landing-variant-b #inside .practice-chip { transition:none !important; }
}

/* Small synthetic cover in the overview follows the same Light material. */
html[data-theme="light"] body.landing-variant-b .post-cover {
  background:var(--landing-card-fill); color:#182230; border-color:var(--landing-card-border);
}
html[data-theme="light"] body.landing-variant-b .post-cover :is(strong,p) { color:#182230; }
html[data-theme="light"] body.landing-variant-b .author-portrait { background:#E8E5E2; }

/* P56: keep the full three-column composition on wide tablets. */
@media(min-width:761px) and (max-width:1100px){
 body.landing-variant-b :is(#demo,#buddy) .demo-layout{grid-template-columns:minmax(0,1fr) 448px;gap:22px;max-width:1000px}
 body.landing-variant-b :is(#demo,#buddy) .section-heading{max-width:none}
 body.landing-variant-b :is(#demo,#buddy) .section-heading h2{font-size:clamp(27px,3.5vw,36px);line-height:1.14}
 body.landing-variant-b :is(#demo,#buddy) .section-heading>p:not(.section-label){font-size:14px;line-height:1.6}
 body.landing-variant-b :is(#demo,#buddy) :is(.demo-stage,.buddy-stage){grid-template-columns:168px 262px;gap:18px;width:100%;max-width:none;justify-self:stretch}
 body.landing-variant-b .product-step-rail :is(.demo-copy-panel,.buddy-copy) h3{font-size:18px}
}
@media(min-width:761px){body.landing-variant-b :is(#demo,#buddy) :is(.demo-stage,.buddy-stage){grid-template-columns:168px minmax(0,1fr)}}
/* One measured overflow menu instead of breakpoint-driven wholesale hiding. */
html .nav-shell[data-nav-fit] .nav-links{display:flex!important;flex:0 0 auto;min-width:0;gap:clamp(10px,1.5vw,22px);margin-left:auto}
html .nav-shell[data-nav-fit] .nav-links>a{display:inline-flex!important;flex:0 0 auto;white-space:nowrap}
html .nav-shell[data-nav-fit] .nav-links>a[data-nav-overflow="true"],html .site-header [data-nav-visible="false"]{display:none!important}
html .nav-shell[data-nav-fit] .menu-toggle{display:flex}
html .nav-shell[data-nav-fit="complete"] .menu-toggle{display:none!important}
html .site-header [data-mobile-menu] [data-in-header="true"]{display:none!important}


.nav-shell[data-nav-fit] > :not(.nav-links) { flex-shrink:0; }
.nav-shell[data-nav-fit] .nav-links { flex-shrink:0; }

html .nav-shell[data-nav-fit]{gap:10px}
html .nav-shell[data-nav-fit] .nav-links[data-nav-visible="false"]{display:none!important}


/* ===== P59 · OWNER-APPROVED UNIFIED NAV SHELL / LANDING HEADER / IPHONE =====
   Locked: account B, rail B, header B, phone A.
   Detail choices: landing account mist A, overflow dots B, hero status-line B,
   external-link glyph B, full-width account dividers A. */
.site-header .nav-shell{position:relative;gap:10px!important}
.site-header .brand{flex:0 0 auto}
.site-header .nav-links{margin-left:auto!important}
.site-header .nav-access-cta[data-header-overflowed="true"]{display:none!important}
.site-header .theme-toggle{flex:0 0 44px!important;margin:0!important}
.site-header .landing-account-hub{position:relative;flex:0 0 auto;z-index:4}
.site-header .landing-account-trigger{
  min-height:44px;height:44px;padding:5px 9px 5px 5px;border:0;border-radius:13px;
  display:inline-flex;align-items:center;gap:8px;color:var(--text);font:inherit;font-weight:700;
  background:color-mix(in srgb,var(--surface) 22%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);cursor:pointer;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
html[data-theme="light"] .site-header .landing-account-trigger{background:rgba(24,34,48,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.site-header .landing-account-trigger:hover,.site-header .landing-account-trigger:focus-visible{background:#F5A04F;color:#182230;box-shadow:none}
.site-header .landing-account-trigger:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.site-header .landing-account-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-raised);color:var(--text);font-size:10px;font-weight:850;letter-spacing:-.02em;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.site-header .landing-account-trigger:hover .landing-account-avatar,.site-header .landing-account-trigger:focus-visible .landing-account-avatar{background:rgba(24,34,48,.12);border-color:rgba(24,34,48,.16);color:#182230}
.site-header .landing-account-trigger-label{font-size:13px;white-space:nowrap}
.site-header .landing-account-chevron{width:16px;height:16px;flex:0 0 16px;opacity:.68;transition:transform .18s ease}
.site-header .landing-account-trigger[aria-expanded="true"] .landing-account-chevron{transform:rotate(180deg)}
.site-header .landing-account-panel{
  position:absolute;top:calc(100% + 10px);right:0;width:min(370px,calc(100vw - 24px));padding:8px;
  border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 96%,transparent);
  box-shadow:0 22px 54px rgba(0,0,0,.24);backdrop-filter:blur(18px);z-index:20;
}
.site-header .landing-account-panel[hidden]{display:none!important}
.site-header .landing-account-head{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:7px 9px 10px}
.site-header .landing-account-head>span:last-child{min-width:0;display:grid;gap:2px}
.site-header .landing-account-head strong{font-size:13px;color:var(--text)}
.site-header .landing-account-head small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header .landing-account-row{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:52px;padding:8px 10px;border-radius:11px;color:var(--text);text-decoration:none}
.site-header .landing-account-row:hover,.site-header .landing-account-row:focus-visible{background:var(--surface);outline:0}
.site-header .landing-account-row span:first-child{min-width:0;display:grid;gap:2px}
.site-header .landing-account-row b{font-size:13px;line-height:1.2}
.site-header .landing-account-row small{font-size:10.5px;line-height:1.25;color:var(--muted)}
.site-header .orator-external-glyph{width:16px;height:16px;color:var(--muted);transition:color .18s ease}
.site-header .landing-account-row:hover .orator-external-glyph,.site-header .landing-account-row:focus-visible .orator-external-glyph{color:#F5A04F}
.site-header .landing-account-local-arrow{font-size:15px;color:var(--muted);justify-self:center}
.site-header .landing-account-main-site{opacity:.82}
.site-header .landing-account-divider{height:1px;background:var(--line);margin:4px}
.site-header .landing-account-login-row b{color:#F5A04F}
.site-header .landing-overflow-trigger,.site-header .landing-overflow-trigger:hover,.site-header .landing-overflow-trigger:focus-visible{
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  border:0!important;border-radius:11px!important;box-shadow:none!important;transform:none!important;
}
.site-header .landing-overflow-trigger{align-items:center;justify-content:center;background:transparent!important;color:var(--muted-strong)!important}
.site-header .landing-overflow-trigger:hover,.site-header .landing-overflow-trigger:focus-visible{background:var(--accent-soft)!important;color:#F5A04F!important}
.site-header .landing-overflow-trigger:focus-visible{outline:2px solid var(--accent-text)!important;outline-offset:0!important}
.site-header .landing-overflow-trigger .menu-dots{display:block!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;font-size:16px;line-height:1;letter-spacing:1px;transform:translateY(-2px)}
.site-header .mobile-menu{
  position:absolute;top:calc(100% + 8px);right:max(12px,calc((100vw - 1200px)/2));left:auto;
  width:min(320px,calc(100vw - 24px));max-width:320px;margin:0;padding:8px;border:1px solid var(--line);
  border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 97%,transparent);box-shadow:0 22px 54px rgba(0,0,0,.24);backdrop-filter:blur(18px);
  max-height:calc(100dvh - var(--landing-header-height) - 24px);overflow-y:auto;z-index:18;
}
.site-header .mobile-menu.is-open{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
.site-header .mobile-menu>a:not(.button){display:flex;align-items:center;min-height:44px;padding:9px 11px;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text);font-size:13px}
.site-header .mobile-menu>a:not(.button):hover,.site-header .mobile-menu>a:not(.button):focus-visible{background:var(--surface)!important}
.site-header .mobile-menu>.button{min-height:44px;margin:6px 0 0;border-radius:11px}
.site-header [data-mobile-menu] [data-in-header="true"]{display:none!important}
.site-header .mobile-access-cta[data-in-header="true"]{display:none!important}
.hero .hero-eyebrow-status{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--muted-strong)!important}
.hero .hero-eyebrow-status::before,.hero .hero-eyebrow-status::after{content:none!important}

/* iPhone 15 Pro / Natural Titanium – one hardware grammar in all three desktop placements. */
@media(min-width:761px){
  body.landing-variant-b .hero .phone,
  body.landing-variant-b :is(#demo,#buddy) .product-phone{
    --iphone-shell:linear-gradient(112deg,#ded7ce 0%,#908578 4%,#b9afa2 10%,#8c8277 46%,#c5bbae 83%,#8d8175 96%,#ddd6cd);
    --iphone-shadow:0 24px 55px rgba(0,0,0,.28),0 5px 12px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(0,0,0,.28);
    position:relative!important;width:250px!important;height:525px!important;min-width:250px!important;box-sizing:border-box!important;
    padding:7px!important;border:0!important;border-radius:41px!important;background:var(--iphone-shell)!important;box-shadow:var(--iphone-shadow)!important;overflow:visible!important;
  }
  body.landing-variant-b .hero .phone::before,body.landing-variant-b .hero .phone::after{content:none!important}
  body.landing-variant-b .hero .phone-frame,
  body.landing-variant-b :is(#demo,#buddy) .product-phone>:is(.window-content,.buddy-window-content){
    width:100%!important;height:100%!important;border:0!important;border-radius:34px!important;overflow:hidden!important;background:var(--surface)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 8px 18px rgba(0,0,0,.18)!important;
  }
  body.landing-variant-b .hero .phone-frame{position:relative!important}
  body.landing-variant-b .hero .phone-island,
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-speaker{
    display:block!important;position:absolute!important;z-index:12!important;top:11px!important;left:50%!important;width:76px!important;height:22px!important;transform:translateX(-50%)!important;border:0!important;border-radius:13px!important;background:#030405!important;box-shadow:0 1px 2px rgba(0,0,0,.72)!important;
  }
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-speaker::after{content:none!important}
  body.landing-variant-b .hero .phone-frame::after,
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-home{
    content:""!important;display:block!important;position:absolute!important;z-index:14!important;bottom:7px!important;left:50%!important;width:86px!important;height:4px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.35))!important;opacity:.9!important;pointer-events:none!important;
  }
  body.landing-variant-b .hero .iphone-side-key,
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-key{display:block!important;position:absolute!important;z-index:3!important;width:3px!important;border-radius:3px!important;background:linear-gradient(90deg,#887e74,#c9c0b5)!important;pointer-events:none!important}
  body.landing-variant-b .hero .iphone-action-key{left:-3px!important;top:74px!important;height:20px!important}
  body.landing-variant-b .hero .iphone-volume-key{left:-3px!important;top:106px!important;height:64px!important}
  body.landing-variant-b .hero .iphone-power-key{right:-3px!important;top:118px!important;height:74px!important}
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-key-action{left:-3px!important;top:74px!important;height:20px!important}
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-key-volume{left:-3px!important;top:106px!important;height:64px!important}
  body.landing-variant-b :is(#demo,#buddy) .product-phone>.product-phone-key-power{right:-3px!important;top:118px!important;height:74px!important}
  body.landing-variant-b .hero .phone-topbar{padding-top:9px!important}
  body.landing-variant-b :is(#demo,#buddy) .product-phone{padding:7px!important}
  body.landing-variant-b #demo .product-phone .demo-product-panel{border-radius:0!important}
}
@media(max-width:760px){
  .site-header .nav-shell{padding-inline:12px!important;gap:6px!important}
  .site-header .landing-account-trigger{padding-right:5px}
  .site-header .landing-account-trigger-label,.site-header .landing-account-chevron{display:none}
  .site-header .landing-account-panel{right:-44px;width:min(360px,calc(100vw - 16px))}
  .site-header .mobile-menu{right:8px;width:calc(100vw - 16px);max-width:320px}
  .site-header .nav-access-cta{display:none!important}
}
@media(max-width:390px){
  .site-header .brand>span:last-child{display:none}
}

/* ===== P60 · RESPONSIVE THEME ACTION =====
   Owner choice A: Theme folds into the progressive overflow before links/CTA.
   The row keeps the shared Account-Hub grammar and exposes the current state. */
.site-header .theme-toggle[data-header-overflowed="true"]{display:none!important}
.site-header .landing-theme-menu-row[hidden]{display:none!important}
.site-header .landing-theme-menu-row{
  width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:11px;
  display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:12px;
  background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;
}
.site-header .landing-theme-menu-row:hover,.site-header .landing-theme-menu-row:focus-visible{background:var(--surface);outline:0}
.site-header .landing-theme-menu-row:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}
.site-header .landing-theme-menu-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--muted-strong)}
.site-header .landing-theme-menu-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-header .landing-theme-menu-row:hover .landing-theme-menu-icon,.site-header .landing-theme-menu-row:focus-visible .landing-theme-menu-icon{color:#F5A04F}
.site-header .landing-theme-menu-copy{display:grid;gap:2px;min-width:0}
.site-header .landing-theme-menu-copy b{font-size:13px;line-height:1.2;color:var(--text)}
.site-header .landing-theme-menu-copy small{font-size:10.5px;line-height:1.25;color:var(--muted)}
.site-header .landing-theme-menu-arrow{justify-self:center;color:var(--muted);font-size:15px}

/* ============================================================================
   P62 · OWNER-APPROVED DESIGN CLOSEOUT
   Account Hub B · Theme C · trigger hover A · dividers A · Open Materials C
   Channel Library C · Practice Explorer C. No further A/B/C review in native.
   ============================================================================ */

/* Account Hub: Theme exists only here. Product destinations form one satin group. */
body.landing-variant-b .site-header .theme-toggle,body.landing-variant-b .site-header [data-overflow-theme-row]{display:none!important}
.site-header .landing-account-panel{width:min(380px,calc(100vw - 24px))}
.site-header .landing-account-row{
 grid-template-columns:24px minmax(0,1fr) auto;column-gap:10px;min-height:48px;padding:7px 10px
}
.site-header .landing-account-row>span:nth-child(2){min-width:0;display:grid;gap:2px}
.site-header .landing-account-row-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--muted-strong)}
.site-header .landing-account-row-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header .landing-account-theme-row{cursor:pointer}
.site-header .landing-account-theme-row .orator-theme-rail{grid-column:3;align-self:center}
.site-header .landing-account-product-group{
 display:grid;gap:1px;margin:3px 0;padding:3px;border-radius:12px;
 background:color-mix(in srgb,var(--surface) 66%,transparent)
}
.site-header .landing-account-divider{margin:4px 0}
.site-header .landing-account-row:hover>.landing-account-row-icon,
.site-header .landing-account-row:focus-visible>.landing-account-row-icon,
.site-header .landing-account-row:hover>.orator-external-glyph,
.site-header .landing-account-row:focus-visible>.orator-external-glyph,
.site-header .landing-account-row:hover>.landing-account-local-arrow,
.site-header .landing-account-row:focus-visible>.landing-account-local-arrow{color:#F5A04F!important;opacity:1}
.site-header .landing-account-row .orator-external-glyph{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Open Materials C: a quiet text action, not another nested card. */
body.landing-variant-b #channel-library .open-materials-card{
 --card-signal:#F5A04F;width:100%;max-width:none;min-height:52px;margin:18px 0 0;padding:11px 2px;
 border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none
}
body.landing-variant-b #channel-library .open-materials-card:hover,
body.landing-variant-b #channel-library .open-materials-card:focus-visible{transform:none;background:transparent;border-color:var(--line-strong)}
body.landing-variant-b #channel-library .materials-entry-copy small{color:#F5A04F!important}
html[data-theme="light"] body.landing-variant-b #channel-library .open-materials-card{--card-signal:#F5A04F;background:transparent}

/* Channel Library C: actual R6 segmented controller above one compact browser shell. */
@media(min-width:761px){
 body.landing-variant-b #channel-library{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:42px}
 body.landing-variant-b #channel-library .channel-browser-shell{
  min-width:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--surface-raised) 96%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));
  box-shadow:0 28px 80px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)
 }
 body.landing-variant-b #channel-library .channel-browser-shell>.channel-browser-nav.seg-group.seg-formats{
  width:calc(100% - 16px)!important;margin:8px!important;--seg-h:42px;--seg-font:13px
 }
 body.landing-variant-b #channel-library .channel-browser-shell>.channel-browser{
  border:0!important;border-top:1px solid color-mix(in srgb,var(--line) 64%,transparent)!important;
  border-radius:0!important;box-shadow:none!important;background:
   radial-gradient(circle at 78% 9%,rgba(122,82,255,.20),transparent 29%),
   radial-gradient(circle at 16% 82%,rgba(69,125,255,.14),transparent 28%),
   linear-gradient(155deg,rgba(17,27,42,.95),rgba(7,12,20,.99))!important
 }
 body.landing-variant-b #channel-library .channel-browser-shell>.channel-browser::before{display:none!important}
 body.landing-variant-b #channel-library .channel-browser-stage,
 body.landing-variant-b #channel-library .channel-browser-stage[data-active-channel="0"],
 body.landing-variant-b #channel-library .channel-browser-stage[data-active-channel="1"],
 body.landing-variant-b #channel-library .channel-browser-stage[data-active-channel="2"],
 body.landing-variant-b #channel-library .channel-browser-stage[data-active-channel="3"]{
  height:452px!important;min-height:452px!important;max-height:452px!important;padding:10px!important
 }
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"],
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"]{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:9px;
  align-content:center;justify-items:center;padding:10px 12px;overflow:visible
 }
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"] .stack-card,
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"] .stack-card{
  position:relative;left:auto;top:auto;width:120px;margin:0;transform:none!important;z-index:1;
  border-radius:13px;overflow:hidden
 }
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"] .stack-card img,
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"] .stack-card img{border-radius:0}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"] .stack-card figcaption,
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"] .stack-card figcaption{
  min-height:34px;padding:8px 10px;border-radius:0
 }
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"] .stack-card:is(.is-front,:hover,:focus-visible),
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"] .stack-card:is(.is-front,:hover,:focus-visible){
  transform:translateY(-8px) scale(1.055)!important;z-index:50!important;
  border-color:rgba(132,168,255,.40);box-shadow:0 42px 96px rgba(0,0,0,.50),0 0 0 1px rgba(134,169,255,.12)
 }
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="0"] .stack-card:is(.is-neighbor-left,.is-neighbor-right,.is-neighbor-far-left,.is-neighbor-far-right),
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="1"] .stack-card:is(.is-neighbor-left,.is-neighbor-right,.is-neighbor-far-left,.is-neighbor-far-right){--spread-x:0px;--spread-y:0px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .audio-card{width:188px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .stack-card-art{min-height:194px;padding:14px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .stack-card-art strong{font-size:19px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .pos-2{--y:36px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .pos-4{--y:68px}
 body.landing-variant-b #channel-library .channel-panel[data-channel-screen="2"] .pos-6{--y:38px}
}
/* Posts keep one canvas only; fades move to the panel after the redundant shell is removed. */
body.landing-variant-b #channel-library .posts-stream-panel{position:relative;overflow:hidden}
body.landing-variant-b #channel-library .posts-stream-scroll{
 position:absolute;inset:12px 14px;width:auto;height:auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:none
}
body.landing-variant-b #channel-library .posts-stream-scroll::-webkit-scrollbar{display:none}
body.landing-variant-b #channel-library .posts-stream-panel::before,
body.landing-variant-b #channel-library .posts-stream-panel::after{
 content:"";position:absolute;z-index:4;left:0;right:0;height:44px;pointer-events:none
}
body.landing-variant-b #channel-library .posts-stream-panel::before{top:0;background:linear-gradient(180deg,rgba(8,13,22,.98),rgba(8,13,22,0))}
body.landing-variant-b #channel-library .posts-stream-panel::after{bottom:0;background:linear-gradient(0deg,rgba(8,13,22,.98),rgba(8,13,22,0))}
body.landing-variant-b #channel-library .posts-stream-list{padding:8px 2px 10px}

/* Practice Explorer C: same approved 8+4 design, only 48px equal button geometry. */
body.landing-variant-b #inside :is(.practice-core-grid,.practice-special-grid){grid-auto-rows:48px;gap:6px}
body.landing-variant-b #inside .practice-nav .practice-chip{
 width:100%;height:48px;min-height:48px;padding:5px 7px;font-size:12px;line-height:1.18
}
body.landing-variant-b #inside .practice-nav{gap:7px;margin-bottom:10px}
body.landing-variant-b #inside .practice-explorer{padding:13px}
@media(max-width:760px){
 body.landing-variant-b #inside :is(.practice-core-grid,.practice-special-grid){grid-auto-rows:48px;gap:6px}
 body.landing-variant-b #inside .practice-nav .practice-chip{height:48px;min-height:48px;font-size:12px}
 body.landing-variant-b #channel-library .channel-browser-shell{width:100%;min-width:0}
 body.landing-variant-b #channel-library .channel-browser-shell>.channel-browser-nav.seg-group.seg-formats{margin:0 0 8px!important}
}

/* ============================================================================
   P67 · OWNER-APPROVED MOBILE CLOSEOUT
   Channel Library mobile D · Practice Explorer mobile C.
   Desktop/tablet P62 geometry remains unchanged.
   ============================================================================ */
@media(max-width:760px){
  /* Practice C mobile: same 8+4 semantics, denser 40px controls. */
  body.landing-variant-b #inside :is(.practice-core-grid,.practice-special-grid){
    grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:40px;gap:5px
  }
  body.landing-variant-b #inside .practice-nav{gap:5px;margin-bottom:8px}
  body.landing-variant-b #inside .practice-nav .practice-chip{
    width:100%;height:40px;min-height:40px;margin:0;padding:3px 5px;font-size:10.5px;line-height:1.15
  }
  body.landing-variant-b #inside .practice-special-grid .practice-chip{
    display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;text-align:left
  }
  body.landing-variant-b #inside .practice-special-grid :is(.practice-chip-icon,.duel-icon){
    position:static;display:flex;flex:0 0 17px;align-items:center;justify-content:center;
    width:17px;height:20px;margin:0;padding:0;border:0;background:none;box-shadow:none
  }
  body.landing-variant-b #inside .practice-special-grid .practice-chip-icon svg{width:16px;height:19px}
  body.landing-variant-b #inside .practice-special-grid .practice-chip-copy{display:block;min-width:0;flex:1;margin:0;padding:0;position:static}
  body.landing-variant-b #inside .practice-special-grid .practice-chip-copy strong{min-height:0;height:auto;padding:0;margin:0;font:inherit;color:inherit;line-height:1.12}
  body.landing-variant-b #inside .practice-special-grid :is(.practice-chip::before,.practice-chip::after,.practice-chip-orbit,.duel-signal){display:none}

  /* The selected direction itself is not another nested card. The details fold is the only local frame. */
  body.landing-variant-b #inside .practice-panels{
    min-height:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
  }
  body.landing-variant-b #inside .practice-panel{padding:16px 0 0}
  body.landing-variant-b #inside .practice-panel h3{font-size:25px;line-height:1.12}
  body.landing-variant-b #inside .practice-panel>p{font-size:14px;line-height:1.55}
  body.landing-variant-b #inside [data-practice-mobile-details]{margin-top:14px}

  /* Materials disclosure is an action row, not a frame around another frame. */
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]{
    margin-top:16px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible
  }
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]>summary{
    min-height:44px;padding:10px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent);
    color:var(--text);font-size:14px;font-weight:720
  }
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]>:not(summary){margin-left:0;margin-right:0}
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]>.channel-library-note{
    margin-top:12px!important;margin-bottom:10px!important;font-size:13px!important;line-height:1.5!important
  }
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]>.channel-browser-shell{
    width:auto!important;min-width:0!important;max-width:100%!important;margin-top:10px!important;margin-bottom:0!important
  }
  body.landing-variant-b #channel-library .mobile-compact-flow[data-flow-section="materials"]>.open-materials-strip{
    width:100%!important;margin:12px 0 0!important
  }

  /* Channel mobile D: the four formats use the reviews-style coverflow language. */
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-shell>.channel-browser-nav.seg-group.seg-formats{
    margin:0 0 7px!important;--seg-h:42px;--seg-font:12px
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-shell>.channel-browser{
    border:1px solid rgba(155,184,235,.14)!important;border-radius:18px!important;overflow:hidden!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-stage{
    position:relative!important;padding:0!important;overflow:hidden!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-stage[data-active-channel="0"]{height:330px!important;min-height:330px!important;max-height:330px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-stage[data-active-channel="1"]{height:310px!important;min-height:310px!important;max-height:310px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-stage[data-active-channel="2"]{height:280px!important;min-height:280px!important;max-height:280px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-browser-stage[data-active-channel="3"]{height:268px!important;min-height:268px!important;max-height:268px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel{
    overflow:hidden!important;perspective:1500px!important;perspective-origin:50% 47%!important;
    cursor:grab!important;touch-action:pan-y!important;user-select:none!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel:active{cursor:grabbing!important}

  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="0"] .stack-card,
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="1"] .stack-card{
    position:absolute!important;left:50%!important;top:47%!important;width:158px!important;margin:0!important;
    border-radius:13px!important;overflow:hidden!important;transform-origin:center center!important;transform-style:preserve-3d!important;
    will-change:transform,opacity,filter!important;transition:filter .2s ease,opacity .2s ease!important;touch-action:pan-y!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="0"] .stack-card img,
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="1"] .stack-card img{border-radius:0!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="0"] .stack-card figcaption,
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="1"] .stack-card figcaption{
    min-height:30px!important;padding:7px 9px!important;border-radius:0!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="0"] .stack-card figcaption span,
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="1"] .stack-card figcaption span{font-size:8px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="1"] .stack-card figcaption time{font-size:7.5px!important}

  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="2"] .audio-card{
    position:absolute!important;left:50%!important;top:47%!important;width:218px!important;margin:0!important;
    border-radius:14px!important;overflow:hidden!important;transform-origin:center center!important;transform-style:preserve-3d!important;
    will-change:transform,opacity,filter!important;transition:filter .2s ease,opacity .2s ease!important;touch-action:pan-y!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="2"] .stack-card-art{min-height:181px!important;padding:13px!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .channel-panel[data-channel-screen="2"] .stack-card-art strong{font-size:17px!important}

  /* P62 removed the nested post frame; mobile D also disables the old infinite vertical strip. */
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-panel::before,
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-panel::after{display:none!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-scroll{
    position:static!important;inset:auto!important;width:100%!important;height:100%!important;overflow:visible!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-track{display:block!important;height:100%!important;min-height:0!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-track>.posts-stream-list:not([data-posts-list]){display:none!important}
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-list[data-posts-list]{
    position:relative!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-list[data-posts-list]>.posts-stream-item{
    position:absolute!important;left:50%!important;top:45%!important;width:230px!important;min-height:0!important;margin:0!important;
    display:block!important;padding:6px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(25,35,53,.96),rgba(13,20,32,.98))!important;
    transform-origin:center center!important;transform-style:preserve-3d!important;will-change:transform,opacity,filter!important;
    transition:filter .2s ease,opacity .2s ease!important;touch-action:pan-y!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-item img{
    width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:8px!important
  }
  body.landing-variant-b #channel-library.is-mobile-material-coverflow .posts-stream-item span{
    display:block!important;margin-top:6px!important;font-size:10.5px!important;line-height:1.28!important;font-weight:650!important
  }

  body.landing-variant-b #channel-library .material-cf-arrow{
    position:absolute;z-index:140;top:50%;width:34px;height:34px;margin-top:-17px;border:1px solid transparent;border-radius:50%;
    background:rgba(7,13,22,.42);backdrop-filter:blur(8px);color:var(--muted);opacity:.72;font:700 15px/1 var(--font,Inter,sans-serif);cursor:pointer
  }
  body.landing-variant-b #channel-library .material-cf-arrow:hover,
  body.landing-variant-b #channel-library .material-cf-arrow:focus-visible{
    color:#F5A04F;opacity:1;border-color:rgba(245,160,79,.20);background:rgba(245,160,79,.10)
  }
  body.landing-variant-b #channel-library .material-cf-prev{left:5px}
  body.landing-variant-b #channel-library .material-cf-next{right:5px}
  body.landing-variant-b #channel-library .material-cf-bottom{
    position:absolute;z-index:150;left:0;right:0;bottom:6px;display:grid;justify-items:center;gap:4px;pointer-events:none
  }
  body.landing-variant-b #channel-library .material-cf-dots{display:flex;align-items:center;justify-content:center;gap:5px;max-width:220px;pointer-events:auto}
  body.landing-variant-b #channel-library .material-cf-dots button{
    width:7px;height:7px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--muted) 42%,transparent);
    transition:width .2s ease,background .2s ease
  }
  body.landing-variant-b #channel-library .material-cf-dots button.is-active{width:22px;background:#F5A04F}
  body.landing-variant-b #channel-library .material-cf-counter{color:var(--muted);font-size:8.5px;font-weight:700}
}