/* Hidden Uprising — homepage-only layout and animation */

.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:calc(var(--nav) + 80px) 34px 90px;overflow:hidden}.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:90px}.copy{max-width:920px}.kicker{display:flex;align-items:center;gap:13px;color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;margin-bottom:28px;animation:up .8s .08s both}.kicker:before{content:"";width:46px;height:1px;background:var(--cyan);box-shadow:0 0 12px rgba(var(--cyan-rgb),.42)}
    h1{font-size:clamp(4.2rem,8.7vw,9.6rem);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;animation:up .9s .14s both}.outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.34)}.desc{max-width:690px;margin-top:30px;color:var(--muted);font-size:1.04rem;line-height:1.8;animation:up .9s .22s both}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px;animation:up .9s .3s both}
    
    .visual{position:relative;min-height:560px;display:grid;place-items:center;animation:fade 1.2s .3s both}.sigil{position:relative;width:min(500px,36vw);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d}.ring{position:absolute;inset:4%;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:spin 28s linear infinite}.ring:before,.ring:after{content:"";position:absolute;left:50%;top:-9px;width:17px;height:17px;border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);transform:translateX(-50%) rotate(45deg);filter:drop-shadow(0 0 7px rgba(var(--cyan-rgb),.55))}.ring:after{top:auto;bottom:-9px;transform:translateX(-50%) rotate(225deg)}.orbit{position:absolute;inset:12%;border:1px solid rgba(var(--cyan-rgb),.48);transform:rotate(45deg);box-shadow:inset 0 0 70px rgba(var(--cyan-rgb),.025),0 0 48px rgba(var(--cyan-rgb),.04)}.orbit:before{content:"";position:absolute;inset:16%;border:1px solid rgba(255,255,255,.12)}.cross{position:absolute;width:86%;height:86%}.cross:before,.cross:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.cross:after{left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(255,255,255,.18),transparent)}.server-emblem{position:relative;z-index:3;width:42%;aspect-ratio:1;display:grid;place-items:center;animation:emblemFloat 5.6s ease-in-out infinite}.server-emblem:before{content:"";position:absolute;inset:-18%;border:1px solid rgba(var(--cyan-rgb),.22);transform:rotate(45deg);animation:emblemPulse 3.8s ease-in-out infinite}.server-emblem:after{content:"";position:absolute;inset:-34%;border-radius:50%;background:radial-gradient(circle,rgba(var(--cyan-rgb),.11),transparent 67%);filter:blur(9px);z-index:-1}.server-emblem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.18)) drop-shadow(0 0 32px rgba(var(--cyan-rgb),.2));animation:emblemBreath 4s ease-in-out infinite}.sigil-label{position:absolute;bottom:4%;right:-4%;color:var(--muted);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;writing-mode:vertical-rl}@keyframes emblemFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}@keyframes emblemPulse{0%,100%{opacity:.35;transform:rotate(45deg) scale(.96)}50%{opacity:.8;transform:rotate(45deg) scale(1.04)}}@keyframes emblemBreath{0%,100%{filter:drop-shadow(0 0 18px rgba(255,255,255,.16)) drop-shadow(0 0 26px rgba(var(--cyan-rgb),.17))}50%{filter:drop-shadow(0 0 24px rgba(255,255,255,.24)) drop-shadow(0 0 42px rgba(var(--cyan-rgb),.34))}}
    .hero-index{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:min(calc(100% - 68px),var(--max));display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase}.hero-index i{flex:1;height:1px;margin:0 18px;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.42),rgba(255,255,255,.04))}
    @keyframes spin{to{transform:rotate(360deg)}}@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}
    
    .worlds{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card{position:relative;min-height:250px;padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.028),transparent 50%),var(--panel);overflow:hidden;transition:.28s var(--ease)}.card:hover{transform:translateY(-6px);border-color:rgba(var(--cyan-rgb),.4)}.card:before{content:"";position:absolute;width:220px;height:220px;right:-76px;bottom:-96px;border:1px solid rgba(255,255,255,.06);transform:rotate(45deg)}.card:after{content:"";position:absolute;left:34px;right:34px;top:78px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}.card.minecraft{min-height:520px;grid-row:span 2}.meta{position:relative;z-index:2;display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem;letter-spacing:.17em;text-transform:uppercase}.card h3{position:relative;z-index:2;margin-top:74px;font-size:clamp(2.4rem,5.3vw,5.7rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.card p{position:relative;z-index:2;max-width:580px;margin-top:24px;color:var(--muted);line-height:1.75}.world-link{position:absolute;left:34px;bottom:30px;z-index:2;display:flex;align-items:center;gap:14px;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.world-link:after{content:"";width:42px;height:1px;background:var(--cyan);transition:.22s}.world-link:hover:after{width:74px}.watermark{position:absolute;right:28px;bottom:-22px;color:rgba(255,255,255,.025);font-size:clamp(8rem,16vw,17rem);line-height:.8;font-weight:800;letter-spacing:-.09em}
    .intel-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.intel{min-height:210px;padding:28px;border-right:1px solid var(--line);background:rgba(255,255,255,.012)}.intel:last-child{border:0}.label{color:var(--muted);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase}.value{margin-top:30px;font-size:2.2rem;letter-spacing:-.04em}.note{margin-top:9px;color:var(--muted);font-size:.75rem;line-height:1.55}.bar{width:100%;height:2px;margin-top:34px;background:rgba(255,255,255,.07)}.bar span{display:block;width:var(--fill);height:100%;background:var(--cyan);box-shadow:0 0 16px rgba(var(--cyan-rgb),.45)}
    .cta{padding-bottom:140px}.cta-panel{position:relative;min-height:370px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:46px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(var(--cyan-rgb),.09),transparent 44%),rgba(6,14,18,.92);overflow:hidden}.cta-panel:before,.cta-panel:after{content:"";position:absolute;width:160px;height:1px;background:var(--cyan)}.cta-panel:before{top:0;left:0}.cta-panel:after{right:0;bottom:0}.cta-copy span{color:var(--cyan);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}.cta-copy h2{margin-top:18px;max-width:850px;font-size:clamp(2.8rem,6vw,6.4rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.cta-copy p{max-width:620px;margin-top:24px;color:var(--muted);line-height:1.75}
    

    /* ----------------------------------------------------------
       Animated emblem + recurring visual language
       ---------------------------------------------------------- */
    .visual{min-height:650px}
    .sigil{width:min(610px,43vw)}
    .server-emblem{width:50%}
    .server-emblem img{
      transform:scale(1.08);
      filter:
        drop-shadow(0 0 22px rgba(255,255,255,.24))
        drop-shadow(0 0 44px rgba(var(--cyan-rgb),.34));
    }
    .particle-field{
      position:absolute;
      inset:-8%;
      z-index:2;
      pointer-events:none;
      overflow:visible;
    }
    .particle{
      position:absolute;
      width:3px;
      height:3px;
      border-radius:50%;
      background:var(--cyan);
      box-shadow:0 0 10px rgba(var(--cyan-rgb),.95);
      opacity:0;
      animation:particleDrift var(--duration,4.8s) var(--delay,0s) ease-out infinite;
    }
    @keyframes particleDrift{
      0%{
        opacity:0;
        transform:translate3d(0,0,0) scale(.3);
      }
      14%{opacity:.85}
      72%{opacity:.36}
      100%{
        opacity:0;
        transform:
          translate3d(var(--tx,40px),var(--ty,-120px),0)
          scale(var(--scale,1.4));
      }
    }
    .energy-arc{
      position:absolute;
      inset:21%;
      border:1px solid transparent;
      border-top-color:rgba(var(--cyan-rgb),.82);
      border-right-color:rgba(var(--cyan-rgb),.18);
      border-radius:50%;
      animation:spin 8s linear infinite reverse;
      filter:drop-shadow(0 0 7px rgba(var(--cyan-rgb),.48));
    }
    .energy-arc.second{
      inset:27%;
      border-top-color:rgba(255,255,255,.46);
      border-left-color:rgba(var(--cyan-rgb),.32);
      border-right-color:transparent;
      animation-duration:12s;
      animation-direction:normal;
    }

    .transmissions{
      display:grid;
      grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
      gap:18px;
    }
    .feature-update,
    .update-card,
    .roadmap-panel{
      position:relative;
      overflow:hidden;
      border:1px solid var(--line);
      background:
        linear-gradient(145deg,rgba(var(--cyan-rgb),.035),transparent 46%),
        var(--panel);
      transition:transform .28s var(--ease),border-color .28s ease,background .28s ease;
    }
    .feature-update:hover,
    .update-card:hover,
    .roadmap-panel:hover{
      transform:translateY(-5px);
      border-color:rgba(var(--cyan-rgb),.43);
      background:
        linear-gradient(145deg,rgba(var(--cyan-rgb),.065),transparent 48%),
        var(--panel);
    }
    .feature-update{
      min-height:500px;
      padding:42px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .feature-update:before,
    .update-card:before,
    .roadmap-panel:before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:112px;
      height:1px;
      background:var(--cyan);
      box-shadow:0 0 18px rgba(var(--cyan-rgb),.32);
    }
    .feature-update:after{
      content:"";
      position:absolute;
      width:280px;
      height:280px;
      right:-145px;
      bottom:-145px;
      border:1px solid rgba(var(--cyan-rgb),.12);
      border-radius:50%;
      box-shadow:
        0 0 0 34px rgba(var(--cyan-rgb),.018),
        0 0 0 76px rgba(255,255,255,.012);
    }
    .update-stack{
      display:grid;
      grid-template-rows:repeat(2,1fr);
      gap:18px;
    }
    .update-card{
      min-height:241px;
      padding:30px;
    }
    .transmission-meta{
      position:relative;
      z-index:2;
      display:flex;
      justify-content:space-between;
      gap:18px;
      color:var(--muted);
      font-size:.64rem;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .transmission-state{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--cyan);
    }
    .transmission-state:before{
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:var(--cyan);
      box-shadow:0 0 12px rgba(var(--cyan-rgb),.72);
      animation:statusPulse 2.2s ease-in-out infinite;
    }
    @keyframes statusPulse{
      50%{opacity:.36;transform:scale(.72)}
    }
    .feature-update h3{
      position:relative;
      z-index:2;
      max-width:860px;
      margin-top:76px;
      font-size:clamp(3rem,6vw,6.6rem);
      line-height:.87;
      letter-spacing:-.06em;
      text-transform:uppercase;
    }
    .update-card h3{
      position:relative;
      z-index:2;
      margin-top:48px;
      font-size:clamp(1.6rem,2.7vw,2.8rem);
      line-height:.96;
      letter-spacing:-.04em;
      text-transform:uppercase;
    }
    .feature-update p,
    .update-card p{
      position:relative;
      z-index:2;
      max-width:680px;
      margin-top:20px;
      color:var(--muted);
      line-height:1.72;
    }
    .transmission-link{
      position:relative;
      z-index:2;
      display:inline-flex;
      width:max-content;
      align-items:center;
      gap:14px;
      margin-top:34px;
      font-size:.68rem;
      font-weight:750;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .transmission-link:after{
      content:"";
      width:42px;
      height:1px;
      background:var(--cyan);
      transition:width .22s ease;
    }
    .transmission-link:hover:after{width:78px}

    .direction-grid{
      display:grid;
      grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
      gap:18px;
    }
    .direction-copy{
      min-height:480px;
      padding:42px;
      border:1px solid var(--line);
      background:var(--panel);
      position:relative;
      overflow:hidden;
    }
    .direction-copy:after{
      content:"";
      position:absolute;
      inset:auto -100px -150px auto;
      width:350px;
      height:350px;
      border:1px solid rgba(var(--cyan-rgb),.1);
      transform:rotate(45deg);
    }
    .direction-copy .eyeline{
      color:var(--cyan);
      font-size:.66rem;
      letter-spacing:.2em;
      text-transform:uppercase;
    }
    .direction-copy h3{
      position:relative;
      z-index:2;
      margin-top:54px;
      font-size:clamp(2.6rem,4.8vw,5.2rem);
      line-height:.9;
      letter-spacing:-.055em;
      text-transform:uppercase;
    }
    .direction-copy p{
      position:relative;
      z-index:2;
      margin-top:24px;
      max-width:600px;
      color:var(--muted);
      line-height:1.8;
    }
    .roadmap-panel{
      min-height:480px;
      padding:34px;
    }
    .roadmap-list{
      position:relative;
      z-index:2;
      display:grid;
      gap:0;
      margin-top:24px;
    }
    .roadmap-item{
      display:grid;
      grid-template-columns:74px 1fr auto;
      gap:18px;
      align-items:center;
      min-height:100px;
      border-top:1px solid var(--line);
      transition:padding .22s var(--ease),background .22s ease;
    }
    .roadmap-item:last-child{border-bottom:1px solid var(--line)}
    .roadmap-item:hover{
      padding-left:12px;
      background:linear-gradient(90deg,rgba(var(--cyan-rgb),.04),transparent);
    }
    .roadmap-index{
      color:var(--cyan);
      font-size:.66rem;
      letter-spacing:.18em;
    }
    .roadmap-main strong{
      display:block;
      font-size:.88rem;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
    .roadmap-main span{
      display:block;
      margin-top:8px;
      color:var(--muted);
      font-size:.75rem;
      line-height:1.5;
    }
    .roadmap-status{
      color:var(--muted);
      font-size:.62rem;
      letter-spacing:.14em;
      text-transform:uppercase;
      text-align:right;
    }
    .roadmap-status.active{color:var(--cyan)}
    .motif-node{
      position:absolute;
      width:9px;
      height:9px;
      border-top:1px solid var(--cyan);
      border-right:1px solid var(--cyan);
      transform:rotate(45deg);
      opacity:.76;
      animation:nodeFloat 4s ease-in-out infinite;
    }
    .motif-node.a{right:7%;top:18%}
    .motif-node.b{right:22%;bottom:14%;animation-delay:-1.4s}
    @keyframes nodeFloat{
      50%{transform:rotate(45deg) translate(7px,-7px);opacity:.34}
    }

/* v0.02 — subtle interactive tile language */
.update-card,.roadmap-panel,.direction-copy,.cta-panel{
  position:relative;
  isolation:isolate;
  transition:transform .32s var(--ease),border-color .32s ease,background-color .32s ease;
}
.update-card:before,.roadmap-panel:before,.direction-copy:before,.cta-panel:before{
  content:"";
  position:absolute;
  z-index:2;
  top:-1px;
  left:0;
  width:112px;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),transparent);
  box-shadow:0 0 14px rgba(var(--cyan-rgb),.25);
  transition:width .45s var(--ease),opacity .3s ease;
}
.update-card:after,.roadmap-panel:after,.direction-copy:after,.cta-panel:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(115deg,transparent 20%,rgba(var(--cyan-rgb),.035) 48%,transparent 72%);
  transform:translateX(-105%);
  transition:transform .8s var(--ease);
}
.update-card:hover,.roadmap-panel:hover,.direction-copy:hover{transform:translateY(-4px);border-color:rgba(var(--cyan-rgb),.24)}
.update-card:hover:before,.roadmap-panel:hover:before,.direction-copy:hover:before,.cta-panel:hover:before{width:36%}
.update-card:hover:after,.roadmap-panel:hover:after,.direction-copy:hover:after,.cta-panel:hover:after{transform:translateX(105%)}
.roadmap-item{position:relative;transition:background-color .22s ease,padding-left .22s var(--ease)}
.roadmap-item:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--cyan);transition:.22s var(--ease)}
.roadmap-item:hover{padding-left:10px;background:rgba(255,255,255,.018)}
.roadmap-item:hover:before{width:6px}
.transmission-link{position:relative}
.transmission-link:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transform:scaleX(.28);transform-origin:left;transition:.28s var(--ease)}
.transmission-link:hover:after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.update-card,.roadmap-panel,.direction-copy,.cta-panel,.update-card:after,.roadmap-panel:after,.direction-copy:after,.cta-panel:after{transition:none!important}}

/* v0.08 — section headings no longer reserve a right-side description column. */
.section .head{grid-template-columns:auto 1fr!important}
.section .head > p{display:none!important}

/* v0.10 — theme-aware home surfaces */
html[data-resolved-theme="light"] .feature-update,
html[data-resolved-theme="light"] .update-card,
html[data-resolved-theme="light"] .direction-copy,
html[data-resolved-theme="light"] .roadmap-panel{background:rgba(248,252,253,.75);color:var(--text);border-color:var(--line2)}
html[data-resolved-theme="light"] .cta-panel{background:linear-gradient(135deg,rgba(14,31,37,.98),rgba(20,40,47,.96));color:#f4fbfc}
html[data-resolved-theme="light"] .cta-panel h2{color:#f4fbfc!important}
html[data-resolved-theme="light"] .cta-panel p{color:#a9bac0!important}
html[data-resolved-theme="light"] .roadmap-item:hover{background:rgba(var(--cyan-rgb),.09)}


/* v0.29 — transmission console and admin editing */
.transmission-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.7fr);gap:18px}
.transmission-feature{min-height:620px;display:grid;grid-template-rows:minmax(210px,.72fr) 1fr;padding:0}
.feature-media{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
linear-gradient(135deg,rgba(var(--cyan-rgb),.12),transparent 45%),
linear-gradient(45deg,rgba(255,255,255,.025),transparent),
var(--panel)}
.feature-media:not(.empty){background-image:linear-gradient(to bottom,transparent 45%,rgba(3,10,14,.92)),var(--feature-image);background-size:cover;background-position:center}
.feature-media.empty:before{content:"HU / TRANSMISSION";position:absolute;right:36px;bottom:24px;color:rgba(255,255,255,.045);font-size:clamp(2.2rem,5vw,5rem);font-weight:800;letter-spacing:-.06em}
.feature-content{position:relative;display:flex;flex-direction:column;padding:38px 42px 36px}
.feature-content h3{margin-top:48px}
.feature-subtext{margin-top:18px!important;color:var(--text)!important;font-size:1rem;font-weight:600}
.feature-actions{display:flex;align-items:center;gap:22px;margin-top:auto;padding-top:34px}
.feature-pin{position:absolute;right:42px;top:78px;display:none;color:var(--cyan);font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.feature-pin.visible{display:block}
.transmission-feature.switching .feature-content>*{opacity:0;transform:translateY(8px)}
.transmission-feature .feature-content>*{transition:opacity .18s ease,transform .18s ease}
.transmission-feed{border:1px solid var(--line);background:linear-gradient(145deg,rgba(var(--cyan-rgb),.025),transparent 48%),var(--panel);overflow:hidden}
.transmission-feed-head{display:flex;justify-content:space-between;padding:24px 26px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}
.transmission-feed-head a{color:var(--cyan)}
.transmission-feed-list{max-height:620px;overflow:auto}
.transmission-feed-item{position:relative;width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;min-height:112px;padding:20px 24px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:padding .22s var(--ease),background .22s ease}
.transmission-feed-item:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--cyan);box-shadow:0 0 12px rgba(var(--cyan-rgb),.5);transition:.22s var(--ease)}
.transmission-feed-item:hover,.transmission-feed-item.active{padding-left:32px;background:linear-gradient(90deg,rgba(var(--cyan-rgb),.06),transparent)}
.transmission-feed-item:hover:before,.transmission-feed-item.active:before{width:12px}
.feed-index{color:var(--cyan);font-size:.64rem;letter-spacing:.16em}
.feed-copy strong{display:block;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}
.feed-copy span{display:block;margin-top:8px;color:var(--muted);font-size:.67rem}
.feed-pin{color:var(--cyan);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}
.head{align-items:center}
.admin-inline-action,.roadmap-edit,.account-dropdown-action{border:0;background:transparent;color:var(--cyan);font:inherit;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.admin-inline-action{margin-left:auto;padding:12px 16px;border:1px solid rgba(var(--cyan-rgb),.3)}
.admin-inline-action.compact{margin-left:0}
.roadmap-item{grid-template-columns:74px 1fr auto auto}
.roadmap-edit{opacity:.55;transition:.2s}.roadmap-item:hover .roadmap-edit{opacity:1}
.roadmap-item.unpublished{opacity:.48}
.account-dropdown-action{display:block;width:100%;padding:14px 13px;text-align:left;color:var(--muted)}
.account-dropdown-action:hover,.account-dropdown-action.active{color:var(--cyan);background:rgba(var(--cyan-rgb),.045)}
.account-dropdown-action+ a{border-top:1px solid var(--line)}
.admin-modal[hidden]{display:none}.admin-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .24s ease}.admin-modal.open{opacity:1}
.admin-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.admin-modal-panel{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(var(--cyan-rgb),.4);background:var(--panel);box-shadow:0 30px 110px rgba(0,0,0,.65);transform:translateY(18px) scale(.985);transition:transform .24s var(--ease)}
.admin-modal.open .admin-modal-panel{transform:none}.compact-panel{width:min(720px,100%)}
.admin-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;border-bottom:1px solid var(--line)}
.admin-modal-head span,.admin-form-grid label>span{display:block;color:var(--cyan);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.admin-modal-head h2{margin-top:8px;font-size:2rem;text-transform:uppercase}.admin-modal-head button{border:0;background:transparent;color:var(--muted);cursor:pointer}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px 32px}.admin-form-grid .wide{grid-column:1/-1}
.admin-form-grid input,.admin-form-grid textarea,.admin-form-grid select{width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--text);font:inherit}
.admin-form-grid textarea{resize:vertical;line-height:1.6}.admin-check{display:flex;align-items:center;gap:10px}.admin-check input{width:auto;margin:0}
.admin-form-actions{display:flex;justify-content:flex-end;gap:14px;padding:0 32px 30px}.admin-danger{margin-right:auto;padding:12px 16px;border:1px solid rgba(255,70,70,.35);background:transparent;color:#ff7676;cursor:pointer}
.admin-form-message{min-height:22px;padding:0 32px 28px;color:var(--muted)}
.archive-page,.transmission-page{padding-top:calc(var(--nav) + 60px)}.archive-title{font-size:clamp(3.2rem,7vw,7rem);text-transform:uppercase}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.archive-card{position:relative;min-height:430px;padding:28px;border:1px solid var(--line);background:var(--panel);transition:.28s var(--ease)}
.archive-card:hover{transform:translateY(-5px);border-color:rgba(var(--cyan-rgb),.42)}.archive-card-image{height:190px;margin:-28px -28px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(var(--cyan-rgb),.12),transparent),var(--panel)}
.archive-card-image:not(.empty){background-image:linear-gradient(to bottom,transparent,rgba(3,10,14,.7)),var(--archive-image);background-size:cover;background-position:center}
.archive-card h2{margin-top:34px;font-size:2rem;text-transform:uppercase}.archive-card p{margin-top:18px;color:var(--muted);line-height:1.7}
.transmission-article{width:min(980px,calc(100% - 48px));margin:60px auto 120px}.transmission-article-meta{display:flex;justify-content:space-between;color:var(--cyan);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.transmission-article h1{margin-top:44px;font-size:clamp(3rem,7vw,7rem);line-height:.92;text-transform:uppercase}.transmission-deck{margin-top:28px;color:var(--muted);font-size:1.15rem;line-height:1.7}
.transmission-cover{width:100%;max-height:620px;object-fit:cover;margin-top:48px;border:1px solid var(--line)}.transmission-body{margin:50px 0;color:var(--text);font-size:1.03rem;line-height:1.95}
@media(max-width:980px){.transmission-console{grid-template-columns:1fr}.transmission-feed-list{max-height:440px}.archive-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}}


/* v0.30 — compact signal visual, glossy interactions, cover cropping */
.feature-signal{position:relative;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:36px 42px;border-bottom:1px solid var(--line);background:
radial-gradient(circle at 78% 22%,rgba(var(--cyan-rgb),.11),transparent 32%),
linear-gradient(135deg,rgba(var(--cyan-rgb),.045),transparent 56%),var(--panel)}
.feature-signal:before{content:"";position:absolute;inset:-40% -15%;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.055) 47%,rgba(var(--cyan-rgb),.075) 50%,transparent 62%);transform:translateX(-65%) rotate(4deg);animation:signalSweep 9s ease-in-out infinite}
.feature-signal:after{content:"";position:absolute;right:8%;top:24%;width:130px;height:130px;border:1px solid rgba(var(--cyan-rgb),.16);transform:rotate(45deg);box-shadow:0 0 40px rgba(var(--cyan-rgb),.035)}
.feature-signal strong{position:relative;z-index:1;max-width:780px;font-size:clamp(2rem,4vw,4.5rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase}
.signal-kicker{position:relative;z-index:1;margin-bottom:20px;color:var(--cyan);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase}
.feature-signal i{position:absolute;right:42px;bottom:40px;width:72px;height:1px;background:var(--cyan);box-shadow:0 0 14px rgba(var(--cyan-rgb),.45)}
@keyframes signalSweep{0%,62%{transform:translateX(-70%) rotate(4deg);opacity:0}68%{opacity:1}82%,100%{transform:translateX(70%) rotate(4deg);opacity:0}}
.feature-media{min-height:230px;background-size:var(--cover-zoom,100%);background-position:var(--cover-x,50%) var(--cover-y,50%);background-repeat:no-repeat}
.feature-media:after,.transmission-feed-item:after,.roadmap-item:after,.archive-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.065) 43%,rgba(var(--cyan-rgb),.08) 49%,transparent 68%);transform:translateX(-120%);transition:transform .72s var(--ease)}
.transmission-feature:hover .feature-media:after,.transmission-feed-item:hover:after,.roadmap-item:hover:after,.archive-card:hover:after{transform:translateX(120%)}
.transmission-feed-item,.roadmap-item,.archive-card{overflow:hidden}
.account-dropdown-action{appearance:none;-webkit-appearance:none;border-radius:0!important;font-family:inherit!important;text-decoration:none!important}
.account-dropdown-action strong{font-weight:600}
.account-dropdown-action:focus-visible{outline:1px solid var(--cyan);outline-offset:-2px}
.admin-cover-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:18px}
.admin-cover-preview{position:relative;min-height:260px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.2);display:grid;place-items:center;color:var(--muted)}
.admin-cover-preview img{position:absolute;left:50%;top:50%;max-width:none;object-fit:cover;transform:translate(-50%,-50%)}
.admin-crop-controls{display:flex;flex-direction:column;gap:18px;padding:18px;border:1px solid var(--line)}
.admin-crop-controls input[type="range"]{padding:0;border:0;background:transparent;accent-color:var(--cyan)}
.archive-card-image{background-size:var(--cover-zoom,100%);background-position:var(--cover-x,50%) var(--cover-y,50%);background-repeat:no-repeat}
.transmission-cover-frame{position:relative;width:100%;height:min(58vw,620px);margin-top:48px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.transmission-cover-frame .transmission-cover{position:absolute;left:50%;top:50%;width:var(--cover-zoom,100%);height:var(--cover-zoom,100%);max-height:none;margin:0;object-fit:cover;object-position:var(--cover-x,50%) var(--cover-y,50%);transform:translate(-50%,-50%);border:0}
@media(max-width:760px){.admin-cover-editor{grid-template-columns:1fr}.feature-content{padding:28px 24px}.feature-signal{padding:28px 24px}}


/* v0.31 — rich transmissions */
.transmission-feature{grid-template-rows:minmax(260px,.72fr) minmax(330px,auto)}
.feature-media{position:relative}
.feature-media-copy{position:absolute;z-index:2;left:42px;right:42px;bottom:34px;text-shadow:0 3px 24px rgba(0,0,0,.9)}
.feature-media-copy span{display:block;color:var(--cyan);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}
.feature-media-copy strong{display:block;max-width:850px;margin-top:16px;color:#fff;font-size:clamp(2.2rem,5vw,5.5rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase}
.feature-body-preview{margin-top:50px;color:var(--muted);font-size:1rem;line-height:1.85;max-height:300px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 74%,transparent)}
.feature-body-preview h2,.feature-body-preview h3{margin:20px 0 10px;color:var(--text);font-size:1.35rem}
.feature-body-preview img{display:block;max-width:100%;max-height:260px;margin:20px 0;object-fit:cover}
.feature-body-preview p{margin:0 0 16px}
.transmission-return-nav{display:flex;align-items:center;gap:28px;margin-bottom:44px}
.transmission-return-nav.bottom{margin:54px 0 0}
.detail-edit{margin-left:auto;border:1px solid rgba(var(--cyan-rgb),.35);padding:12px 16px}
.transmission-body{overflow-wrap:anywhere}
.transmission-body p{margin:0 0 22px}
.transmission-body h2,.transmission-body h3,.transmission-body h4{margin:48px 0 18px;color:var(--text);line-height:1.1;text-transform:none}
.transmission-body blockquote{margin:32px 0;padding:18px 24px;border-left:2px solid var(--cyan);background:rgba(var(--cyan-rgb),.045)}
.transmission-body img{display:block;max-width:100%;height:auto;margin:34px auto;border:1px solid var(--line)}
.transmission-body a{color:var(--cyan);text-decoration:underline}
.transmission-filters{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 28px}
.transmission-filters button{padding:11px 16px;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.transmission-filters button:hover,.transmission-filters button.active{border-color:var(--cyan);background:rgba(var(--cyan-rgb),.07);color:var(--cyan)}
.archive-card{padding:0}
.archive-card-link{display:block;min-height:430px;padding:28px;color:inherit}
.archive-edit-button{position:absolute;z-index:4;right:18px;top:18px;padding:10px 13px;border:1px solid rgba(var(--cyan-rgb),.4);background:rgba(3,10,14,.88);color:var(--cyan);font:inherit;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.rich-editor-shell{min-width:0}
.field-label{display:block;color:var(--cyan);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}
.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;padding:10px;border:1px solid var(--line);border-bottom:0;background:rgba(0,0,0,.16)}
.rich-editor-toolbar button,.rich-editor-toolbar select,.rich-editor-toolbar input[type="color"]{min-height:34px;padding:6px 10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:.72rem;cursor:pointer}
.rich-editor-toolbar input[type="color"]{width:42px;padding:4px}
.rich-editor{min-height:360px;padding:20px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--text);line-height:1.75;outline:none}
.rich-editor:focus{border-color:rgba(var(--cyan-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--cyan-rgb),.12)}
.rich-editor img{max-width:100%;height:auto;margin:20px auto;display:block;border:1px solid var(--line)}
.rich-editor h2,.rich-editor h3{margin:20px 0 10px}
@media(max-width:720px){.transmission-return-nav{align-items:flex-start;flex-direction:column;gap:14px}.detail-edit{margin-left:0}.feature-media-copy{left:24px;right:24px}}


/* v0.32 — transmission seam, spacing, lists, and detail-page cleanup */
.transmission-feature {
  gap: 0 !important;
  overflow: hidden;
}
.transmission-feature > [data-feature-media],
.transmission-feature > .feature-media,
.transmission-feature > .feature-signal {
  margin: 0 !important;
  border-bottom: 0 !important;
}
.transmission-feature .feature-content {
  margin: 0 !important;
  border-top: 1px solid var(--line);
  padding-top: 34px;
}
.feature-body-preview {
  margin-top: 32px;
  max-height: 360px;
  padding-right: 10px;
}
.feature-body-preview > :first-child,
.transmission-body > :first-child,
.rich-editor > :first-child { margin-top: 0 !important; }
.feature-body-preview > :last-child,
.transmission-body > :last-child,
.rich-editor > :last-child { margin-bottom: 0 !important; }

.feature-body-preview ul,
.feature-body-preview ol,
.rich-editor ul,
.rich-editor ol,
.transmission-body ul,
.transmission-body ol {
  margin: 20px 0 24px;
  padding-left: 1.9rem;
  list-style-position: outside;
}
.feature-body-preview ul,
.rich-editor ul,
.transmission-body ul { list-style-type: disc; }
.feature-body-preview ol,
.rich-editor ol,
.transmission-body ol { list-style-type: decimal; }
.feature-body-preview li,
.rich-editor li,
.transmission-body li {
  display: list-item;
  margin: 7px 0;
  padding-left: .25rem;
  line-height: 1.7;
}
.feature-body-preview li::marker,
.rich-editor li::marker,
.transmission-body li::marker { color: var(--cyan); }

.transmission-page {
  padding-top: calc(var(--nav) + 72px) !important;
  overflow-x: clip;
}
.transmission-article {
  width: min(1040px, calc(100% - 64px));
  margin: 0 auto 120px;
}
.transmission-article-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 42px;
}
.transmission-meta-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.detail-edit {
  margin: 0;
  padding: 10px 14px;
  white-space: nowrap;
}
.transmission-article h1 { margin-top: 38px; }
.transmission-deck {
  max-width: 800px;
  margin-top: 22px;
}
.transmission-cover-frame { margin-top: 42px; }
.transmission-body {
  width: min(860px, 100%);
  margin: 54px 0 0;
  font-size: 1.03rem;
  line-height: 1.82;
}
.transmission-body p { margin: 0 0 24px; }
.transmission-body h2 {
  margin: 54px 0 20px;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
}
.transmission-body h3 {
  margin: 42px 0 16px;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
}
.transmission-body hr {
  margin: 46px 0;
  border: 0;
  border-top: 1px solid var(--line);
}
.transmission-return-nav.bottom {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 64px 0 0;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.archive-page { padding-top: calc(var(--nav) + 64px); }
.archive-grid { align-items: stretch; }
.archive-card { min-height: 0; }
.archive-card-link { min-height: 420px; }
.archive-card h2 { line-height: 1.04; }
.archive-card p { line-height: 1.65; }
.rich-editor {
  padding: 24px 26px;
  line-height: 1.8;
}
.rich-editor p { margin: 0 0 20px; }
.rich-editor h2 { margin: 38px 0 16px; }
.rich-editor h3 { margin: 30px 0 14px; }

@media (max-width: 760px) {
  .transmission-page { padding-top: calc(var(--nav) + 42px) !important; }
  .transmission-article { width: min(100% - 32px, 1040px); }
  .transmission-article-meta,
  .transmission-meta-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
  .transmission-return-nav.bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}


/* v0.33 — continuous featured tile and aligned transmission controls */
.transmission-feature {
  grid-template-rows: auto auto !important;
  row-gap: 0 !important;
  align-content: start !important;
  justify-content: stretch !important;
}

.transmission-feature > .feature-signal,
.transmission-feature > .feature-media {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  border-bottom: 0 !important;
}

.transmission-feature .feature-content {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
  border-top: 0 !important;
  padding-top: 28px;
  background:
    linear-gradient(180deg, rgba(var(--cyan-rgb), .018), transparent 34%),
    transparent;
}

.transmission-feature .feature-signal::after {
  right: 11%;
}

.feature-actions {
  align-items: center !important;
  gap: 14px;
}

.feature-actions .transmission-link {
  min-height: 42px;
  margin-top: 0 !important;
  padding: 0 14px 0 0;
}

.feature-actions .admin-inline-action.compact {
  min-height: 42px;
  margin: 0 !important;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(var(--cyan-rgb), .36);
  background: rgba(var(--cyan-rgb), .025);
}

.feature-actions .admin-inline-action.compact:hover {
  border-color: var(--cyan);
  background: rgba(var(--cyan-rgb), .08);
}

@media (max-width: 680px) {
  .feature-actions {
    align-items: flex-start !important;
    flex-direction: column;
  }
}


/* v0.34 — transmission detail navigation hard reset */
body[data-page="transmission-detail"] .transmission-return-nav:not(.bottom) {
  display: none !important;
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom {
  position: static !important;
  inset: auto !important;
  float: none !important;
  width: auto !important;
  transform: none !important;
  z-index: auto !important;
}

body[data-page="transmission-detail"] .transmission-article {
  position: relative;
}

body[data-page="transmission-detail"] .transmission-body + .transmission-return-nav.bottom {
  display: flex !important;
}


/* v0.35 — standalone transmission return actions */
body[data-page="transmission-detail"] .transmission-return-nav.bottom {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  width: auto !important;
  margin: 58px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 12px;
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom::before,
body[data-page="transmission-detail"] .transmission-return-nav.bottom::after {
  display: none !important;
  content: none !important;
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 18px;
  border: 1px solid rgba(var(--cyan-rgb), .34);
  background: rgba(var(--cyan-rgb), .025);
  color: var(--text);
  text-decoration: none;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s var(--ease);
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link::after {
  content: "→";
  margin-left: 18px;
  color: var(--cyan);
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link:hover {
  transform: translateY(-2px);
  border-color: var(--cyan);
  background: rgba(var(--cyan-rgb), .08);
  color: var(--cyan);
}

@media (max-width: 620px) {
  body[data-page="transmission-detail"] .transmission-return-nav.bottom {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link {
    justify-content: space-between;
    width: 100%;
  }
}


/* v0.36 — remove inherited transmission-link underline rails from bottom buttons */
body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link::before {
  display: none !important;
  content: none !important;
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link::after {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-left: 18px !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  content: "→" !important;
  color: var(--cyan) !important;
}

body[data-page="transmission-detail"] .transmission-return-nav.bottom .transmission-link:hover::after {
  width: auto !important;
  transform: translateX(3px) !important;
}


/* v0.38 — draft/scheduled content and image crop controls */
.feed-flags{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.feed-visibility,.archive-visibility{font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.feed-visibility.draft,.archive-visibility.draft{color:#ffbd59}
.feed-visibility.scheduled,.archive-visibility.scheduled{color:var(--cyan)}
.archive-visibility{position:absolute;z-index:4;left:18px;top:18px;padding:8px 10px;border:1px solid currentColor;background:rgba(3,10,14,.9)}
.transmission-preview-banner{margin-bottom:24px;padding:13px 16px;border-left:2px solid #ffbd59;background:rgba(255,189,89,.06);color:#ffcf80;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.crop-grid{position:absolute;inset:0;pointer-events:none;background:
linear-gradient(to right,transparent 33.1%,rgba(255,255,255,.28) 33.3%,transparent 33.5%,transparent 66.4%,rgba(255,255,255,.28) 66.6%,transparent 66.8%),
linear-gradient(to bottom,transparent 33.1%,rgba(255,255,255,.28) 33.3%,transparent 33.5%,transparent 66.4%,rgba(255,255,255,.28) 66.6%,transparent 66.8%);
opacity:.45}
.inline-image-inspector{margin-top:12px;padding:16px;border:1px solid rgba(var(--cyan-rgb),.35);background:rgba(var(--cyan-rgb),.035)}
.inline-image-inspector-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.inline-image-inspector-head strong{color:var(--cyan);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.inline-image-inspector-head button{border:1px solid rgba(255,80,80,.35);background:transparent;color:#ff8c8c;padding:8px 10px;cursor:pointer}
.inline-image-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.inline-image-controls label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.inline-image-controls input,.inline-image-controls select{width:100%}
.rich-editor img.hu-selected-inline{outline:2px solid var(--cyan);outline-offset:4px;box-shadow:0 0 18px rgba(var(--cyan-rgb),.28)}
.transmission-body img{max-width:100%;object-fit:cover}
@media(max-width:700px){.inline-image-controls{grid-template-columns:1fr}}


/* v0.39 — database-only transmissions */
.transmission-empty-state {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 48px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 78% 24%, rgba(var(--cyan-rgb), .08), transparent 28%),
    linear-gradient(135deg, rgba(var(--cyan-rgb), .03), transparent 56%),
    var(--panel);
}

.transmission-empty-state > span {
  color: var(--cyan);
  font-size: .66rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.transmission-empty-state h2,
.transmission-empty-state h3 {
  margin-top: 18px;
  color: var(--text);
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: .98;
  text-transform: uppercase;
}

.transmission-empty-state p {
  max-width: 680px;
  margin-top: 18px;
  color: var(--muted);
  line-height: 1.75;
}

.transmission-empty-state .admin-inline-action {
  margin: 28px 0 0;
}

.archive-empty {
  min-height: 420px;
}


/* v0.41 — unlimited inline images, duplication, and slideshows */
.inline-image-actions {
  display: flex;
  gap: 8px;
}

.inline-image-actions button:first-child {
  border-color: rgba(var(--cyan-rgb), .36);
  color: var(--cyan);
}

.hu-slideshow {
  position: relative;
  width: 100%;
  margin: 34px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
  outline: none;
}

.hu-slideshow-track {
  position: relative;
  min-height: 220px;
}

.hu-slide {
  display: none;
  width: 100%;
}

.hu-slide.active {
  display: block;
  animation: huSlideFade .28s ease;
}

.hu-slide img {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
}

.hu-slideshow-control {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 48px;
  height: 64px;
  transform: translateY(-50%);
  border: 1px solid rgba(var(--cyan-rgb), .42);
  background: rgba(3, 10, 14, .76);
  color: var(--text);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.hu-slideshow-control:hover {
  border-color: var(--cyan);
  background: rgba(var(--cyan-rgb), .14);
  color: var(--cyan);
}

.hu-slideshow-prev { left: 16px; }
.hu-slideshow-next { right: 16px; }

.hu-slideshow-dots {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 16px;
  display: flex;
  gap: 8px;
  transform: translateX(-50%);
}

.hu-slideshow-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;
  background: rgba(0,0,0,.42);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.hu-slideshow-dot.active {
  transform: scale(1.25);
  border-color: var(--cyan);
  background: var(--cyan);
  box-shadow: 0 0 10px rgba(var(--cyan-rgb), .55);
}

.rich-editor .hu-slideshow {
  cursor: default;
}

.rich-editor .hu-slideshow-control,
.rich-editor .hu-slideshow-dot {
  pointer-events: none;
}

@keyframes huSlideFade {
  from { opacity: .25; transform: translateX(8px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 620px) {
  .hu-slideshow-control {
    width: 40px;
    height: 52px;
  }

  .hu-slideshow-prev { left: 8px; }
  .hu-slideshow-next { right: 8px; }
}


/* v0.42 — precise drag cropping, flush media, and clean slideshows */
body[data-page="transmission-detail"] .transmission-article {
  width: min(1180px, calc(100% - 64px));
}
body[data-page="transmission-detail"] .transmission-cover-frame,
body[data-page="transmission-detail"] .transmission-body,
body[data-page="transmission-detail"] .transmission-return-nav.bottom {
  width: min(1040px, 100%);
  margin-left: auto;
  margin-right: auto;
}
body[data-page="transmission-detail"] .transmission-cover-frame {
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: 585px;
}
body[data-page="transmission-detail"] .transmission-body { margin-top: 48px; }

.archive-card-image,
.feature-media {
  border-bottom: 0 !important;
  margin-bottom: -1px !important;
  transform: translateZ(0);
}
.archive-card-link { border-top: 0 !important; }
.archive-card-image::after,
.feature-media::after { bottom: -1px; }

.admin-cover-editor {
  grid-template-columns: 1fr !important;
  gap: 22px;
}
.drag-crop-panel {
  padding: 18px;
  border: 1px solid var(--line);
  background: rgba(var(--cyan-rgb), .025);
}
.drag-crop-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 14px;
}
.drag-crop-heading span {
  display: block;
  color: var(--text);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.drag-crop-heading small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.5;
}
.drag-crop-heading output {
  color: var(--cyan);
  font-size: .65rem;
  letter-spacing: .12em;
  white-space: nowrap;
}
.drag-crop-frame {
  position: relative;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.drag-crop-frame.dragging {
  cursor: grabbing;
  border-color: var(--cyan);
  box-shadow: 0 0 26px rgba(var(--cyan-rgb), .18);
}
.drag-crop-frame.article-crop { aspect-ratio: 16 / 9; }
.drag-crop-frame.tile-crop { aspect-ratio: 16 / 5; }
.drag-crop-frame img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: none;
  object-fit: cover;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.crop-frame-label {
  position: absolute;
  z-index: 3;
  right: 12px;
  bottom: 10px;
  padding: 6px 8px;
  background: rgba(3, 10, 14, .76);
  color: rgba(255,255,255,.72);
  font-size: .56rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.crop-zoom-control {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
.crop-zoom-control > span {
  color: var(--muted);
  font-size: .6rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.crop-zoom-control input { width: 100%; accent-color: var(--cyan); }
.admin-crop-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 18px;
  border: 1px solid var(--line);
}
.admin-crop-footer p {
  color: var(--muted);
  font-size: .75rem;
  line-height: 1.6;
}

.hu-slideshow {
  background: transparent;
  border-color: rgba(var(--cyan-rgb), .26);
}
.hu-slideshow-track { min-height: 280px; }
.hu-slide[hidden] { display: none !important; }
.hu-slide.active { display: block !important; }
.hu-slideshow-control {
  width: 42px;
  height: 76px;
  padding: 0;
  border: 0;
  border-left: 1px solid rgba(var(--cyan-rgb), .48);
  border-right: 1px solid rgba(var(--cyan-rgb), .48);
  background: linear-gradient(90deg, transparent, rgba(3,10,14,.58), transparent);
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 2.4rem;
  font-weight: 200;
  backdrop-filter: none;
}
.hu-slideshow-control:hover {
  border-color: var(--cyan);
  background: linear-gradient(90deg, transparent, rgba(var(--cyan-rgb), .13), transparent);
  color: var(--cyan);
}
.hu-slideshow-prev { left: 12px; }
.hu-slideshow-next { right: 12px; }
.hu-slideshow-dots { bottom: 14px; }
.hu-slideshow-dot {
  width: 7px;
  height: 7px;
  border-radius: 0;
  transform: rotate(45deg);
}
.hu-slideshow-dot.active { transform: rotate(45deg) scale(1.35); }
.rich-editor .hu-slide img {
  pointer-events: auto;
  cursor: crosshair;
}
@media (max-width: 700px) {
  body[data-page="transmission-detail"] .transmission-article {
    width: min(100% - 28px, 1180px);
  }
  .drag-crop-heading,
  .admin-crop-footer {
    align-items: flex-start;
    flex-direction: column;
  }
  .hu-slideshow-control {
    width: 34px;
    height: 62px;
    font-size: 2rem;
  }
}


/* v0.43 — contextual image controls, full-image rendering, and clean side arrows */

/* Standalone images render fully unless the editor explicitly marks them cropped. */
.transmission-body > img:not([data-crop-mode="crop"]),
.feature-body-preview > img:not([data-crop-mode="crop"]) {
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.transmission-body img[data-crop-mode="crop"],
.feature-body-preview img[data-crop-mode="crop"] {
  object-fit: cover !important;
}

/* Inspector is inserted directly beneath the selected image or slideshow. */
.rich-editor > .inline-image-inspector,
.rich-editor .hu-slideshow + .inline-image-inspector,
.rich-editor img + .inline-image-inspector {
  display: block;
  width: 100%;
  margin: 12px 0 26px;
  box-sizing: border-box;
}

.inline-image-controls label[hidden] {
  display: none !important;
}

/* Slideshow arrows occupy the complete left/right side without boxes or borders. */
.hu-slideshow-control,
.hu-slideshow-control:hover,
.hu-slideshow-control:focus {
  top: 0 !important;
  bottom: 0 !important;
  width: 64px !important;
  height: 100% !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: rgba(255,255,255,.92);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hu-slideshow-control::before {
  display: block;
  font-size: 2.65rem;
  font-weight: 200;
  line-height: 1;
  text-shadow: 0 0 14px rgba(0,0,0,.9);
  transition: color .2s ease, transform .2s ease, text-shadow .2s ease;
}

.hu-slideshow-prev::before { content: "‹"; }
.hu-slideshow-next::before { content: "›"; }

.hu-slideshow-control {
  font-size: 0 !important;
}

.hu-slideshow-control:hover::before,
.hu-slideshow-control:focus-visible::before {
  color: var(--cyan);
  text-shadow: 0 0 16px rgba(var(--cyan-rgb),.55);
}

.hu-slideshow-prev:hover::before { transform: translateX(-3px); }
.hu-slideshow-next:hover::before { transform: translateX(3px); }

.hu-slideshow-prev { left: 0 !important; }
.hu-slideshow-next { right: 0 !important; }

/* Editor controls must remain clickable and never initiate image dragging. */
.rich-editor .hu-slideshow-control,
.rich-editor .hu-slideshow-dot {
  pointer-events: auto !important;
  user-select: none;
  -webkit-user-drag: none;
}

.rich-editor .hu-slideshow-control {
  cursor: pointer;
}

.rich-editor .hu-slide img {
  -webkit-user-drag: none;
  user-select: none;
}

/* Slides use a consistent frame; ordinary inline images do not. */
.hu-slide img {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 620px) {
  .hu-slideshow-control,
  .hu-slideshow-control:hover,
  .hu-slideshow-control:focus {
    width: 48px !important;
  }

  .hu-slideshow-control::before {
    font-size: 2.15rem;
  }
}


/* v0.44 — metadata hierarchy, tag pills, contextual editor, and page-height fixes */

/* Keep async footer at the actual page bottom. */
html,
body {
  min-height: 100%;
}

body[data-page="transmissions"],
body[data-page="transmission-detail"] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body[data-page="transmissions"] > main,
body[data-page="transmission-detail"] > main {
  flex: 1 0 auto;
  width: 100%;
}

body[data-page="transmissions"] > [data-component="footer"],
body[data-page="transmission-detail"] > [data-component="footer"] {
  flex: 0 0 auto;
  margin-top: auto;
  width: 100%;
}

/* Archive heading action. */
.archive-head {
  align-items: center;
}

.archive-create-button {
  margin-left: auto;
}

/* Archive cards now have a deliberate content column. */
.archive-card {
  padding: 0 !important;
  overflow: hidden;
}

.archive-card-link {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0 !important;
}

.archive-card-image {
  flex: 0 0 190px;
  height: 190px !important;
  margin: 0 !important;
}

.archive-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px 28px 26px;
}

.archive-card-content h2 {
  margin: 0 !important;
}

.archive-card-date {
  display: block;
  margin-top: 13px;
  color: var(--cyan);
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.archive-card-content > p {
  margin: 20px 0 30px !important;
}

.archive-edit-button {
  top: 18px;
  right: 18px;
}

/* Static tag-style labels. */
.transmission-tag-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.archive-tag-row {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.transmission-tag {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(var(--cyan-rgb), .26);
  background: rgba(var(--cyan-rgb), .035);
  color: var(--muted);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: none;
}

.transmission-tag.category-tag {
  border-color: rgba(var(--cyan-rgb), .54);
  color: var(--cyan);
}

.transmission-tag.label-tag {
  color: var(--text);
}

/* Homepage date is part of the content, not pressed against the image. */
.feature-date-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 8px;
}

.feature-date-row time {
  color: var(--cyan);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.feature-tag-row {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

/* Transmission detail metadata now follows the title. */
.transmission-detail-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 24px;
}

.transmission-title-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 25px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.transmission-title-meta time {
  flex: 0 0 auto;
  color: var(--cyan);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.transmission-title-meta .transmission-tag-row {
  justify-content: flex-end;
}

/* Image content has a defined centered stage. */
.transmission-body > img,
.feature-body-preview > img {
  display: block;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.transmission-body > img:not([data-crop-mode="crop"]),
.feature-body-preview > img:not([data-crop-mode="crop"]) {
  height: auto !important;
  object-fit: contain !important;
}

.transmission-body > img[data-crop-mode="crop"],
.feature-body-preview > img[data-crop-mode="crop"] {
  overflow: hidden;
  object-fit: cover !important;
}

/* Slideshow is the image box; every slide is centered inside it. */
.hu-slideshow-track {
  display: grid;
  width: 100%;
  place-items: center;
  overflow: hidden;
}

.hu-slide {
  width: 100%;
  height: 100%;
}

.hu-slide.active {
  display: grid !important;
  place-items: center;
}

.hu-slide img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep contextual controls visible while interacting with their form fields. */
.inline-image-inspector {
  position: relative;
  z-index: 8;
}

.inline-image-inspector:focus-within {
  border-color: var(--cyan);
  box-shadow: 0 0 18px rgba(var(--cyan-rgb), .12);
}

@media (max-width: 760px) {
  .archive-head,
  .transmission-title-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .archive-create-button {
    margin-left: 0;
  }

  .transmission-title-meta .transmission-tag-row {
    justify-content: flex-start;
  }

  .transmission-detail-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}


/* v0.45 — stable homepage switching and cleaner feature metadata */
.feature-date-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.feature-date-meta .transmission-tag {
  min-height: 30px;
  white-space: nowrap;
}

.feature-media-copy {
  justify-content: flex-end;
}

.feature-media-copy > strong {
  margin-top: 0 !important;
}

/* The category is represented once in the bottom tag row. */
.feature-media-copy > [data-media-category],
.feature-signal > .signal-kicker {
  display: none !important;
}

@media (max-width: 680px) {
  .feature-date-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .feature-date-meta {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}


/* v0.46 — slideshow expansion/sizing and unified glowing tags */
.transmission-tag {
  border-color: rgba(var(--cyan-rgb), .62) !important;
  background:
    linear-gradient(135deg, rgba(var(--cyan-rgb), .1), rgba(var(--cyan-rgb), .025)) !important;
  color: var(--cyan) !important;
  box-shadow:
    inset 0 0 12px rgba(var(--cyan-rgb), .045),
    0 0 10px rgba(var(--cyan-rgb), .08);
}

.archive-tag-row .category-tag {
  border-color: rgba(var(--cyan-rgb), .82) !important;
  background: rgba(var(--cyan-rgb), .14) !important;
  box-shadow:
    inset 0 0 14px rgba(var(--cyan-rgb), .08),
    0 0 14px rgba(var(--cyan-rgb), .14);
}

/* Slideshow dimensions are stored on the slideshow, not only the active image. */
.hu-slideshow {
  max-width: 100%;
  min-width: 20%;
  margin-left: auto;
  margin-right: auto;
}

.hu-slideshow-track,
.hu-slide,
.hu-slide.active {
  height: var(--slideshow-height, 420px);
  min-height: 0 !important;
}

.hu-slide img {
  width: 100% !important;
  height: var(--slideshow-height, 420px);
}

/* Keep all slideshow editing actions grouped and readable. */
.inline-image-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inline-image-actions [data-inline-add-slides] {
  border-color: rgba(var(--cyan-rgb), .58);
  color: var(--cyan);
}

@media (max-width: 700px) {
  .inline-image-actions {
    justify-content: flex-start;
  }
}


/* v0.47 — preserve saved slideshow proportions outside the editor */
.transmission-body .hu-slideshow,
.feature-body-preview .hu-slideshow {
  display: block;
  max-width: 100%;
  box-sizing: border-box;
}

.transmission-body .hu-slideshow-track,
.feature-body-preview .hu-slideshow-track,
.transmission-body .hu-slide,
.feature-body-preview .hu-slide {
  width: 100%;
  height: var(--slideshow-height, 420px) !important;
  max-height: var(--slideshow-height, 420px) !important;
  min-height: 0 !important;
}

.transmission-body .hu-slide img,
.feature-body-preview .hu-slide img {
  display: block !important;
  width: 100% !important;
  height: var(--slideshow-height, 420px) !important;
  max-height: var(--slideshow-height, 420px) !important;
}

/* Full-image slides stay centered without stretching or cropping. */
.transmission-body .hu-slide img[data-crop-mode="full"],
.feature-body-preview .hu-slide img[data-crop-mode="full"] {
  object-fit: contain !important;
  object-position: center !important;
}

/* Cropped slides fill only their defined slideshow frame. */
.transmission-body .hu-slide img[data-crop-mode="crop"],
.feature-body-preview .hu-slide img[data-crop-mode="crop"] {
  object-fit: cover !important;
}


/* v0.48 — sticky editor toolbar and image ordering */

/* Keep formatting and element insertion tools visible while editing long posts. */
.rich-editor-toolbar {
  position: sticky;
  top: 0;
  z-index: 24;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-bottom-color: rgba(var(--cyan-rgb), .48);
  background:
    linear-gradient(180deg, rgba(3, 12, 16, .98), rgba(3, 10, 14, .95));
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .28),
    0 1px 0 rgba(var(--cyan-rgb), .08);
  backdrop-filter: blur(14px);
}

.rich-editor-toolbar::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: -1px;
  left: 14px;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--cyan-rgb), .7),
    transparent
  );
  opacity: .58;
}

.rich-editor {
  border-top: 0 !important;
}

/* Reordering controls stay visually grouped with the selected element. */
.inline-image-actions [data-inline-move-previous],
.inline-image-actions [data-inline-move-next] {
  border-color: rgba(var(--cyan-rgb), .36);
  color: var(--text);
}

.inline-image-actions [data-inline-move-previous]:hover,
.inline-image-actions [data-inline-move-next]:hover {
  border-color: var(--cyan);
  color: var(--cyan);
  background: rgba(var(--cyan-rgb), .08);
}

/* The contextual element editor remains directly below its selected media. */
.inline-image-inspector {
  scroll-margin-top: 110px;
}

@media (max-width: 700px) {
  .rich-editor-toolbar {
    top: 0;
    padding: 9px;
  }

  .inline-image-actions {
    width: 100%;
  }

  .inline-image-actions button {
    flex: 1 1 auto;
  }
}


/* v0.49 — centered feature copy and truly persistent editor controls */

/* Homepage featured transmission copy is centered inside the large tile. */
.transmission-feature .feature-content {
  align-items: center;
  text-align: center;
}

.transmission-feature .feature-date-row,
.transmission-feature .feature-actions,
.transmission-feature .feature-tag-row {
  width: 100%;
}

.transmission-feature .feature-body-preview {
  width: min(760px, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.transmission-feature .feature-body-preview ul,
.transmission-feature .feature-body-preview ol {
  display: inline-block;
  max-width: 100%;
  text-align: left;
}

.transmission-feature .feature-actions {
  justify-content: center;
}

.transmission-feature .feature-tag-row {
  justify-content: center;
}

/*
 * The modal panel is the scrolling viewport. Keeping the toolbar directly in
 * the complete form grid lets it remain visible even after the body editor has
 * scrolled past and the header-image/settings sections are being edited.
 */
.admin-modal-panel {
  --editor-modal-head-height: 96px;
  scroll-padding-top: 190px;
}

.admin-modal-head {
  position: sticky;
  top: 0;
  z-index: 46;
  min-height: var(--editor-modal-head-height);
  box-sizing: border-box;
  background:
    linear-gradient(180deg, rgba(3, 12, 16, .995), rgba(3, 10, 14, .97));
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

.transmission-body-label {
  margin-bottom: -9px;
}

.admin-form-grid > .rich-editor-toolbar {
  position: sticky;
  top: var(--editor-modal-head-height);
  z-index: 44;
  align-self: start;
  margin-top: 0;
  margin-right: -1px;
  margin-left: -1px;
}

/* Prevent the grid row itself from clipping or limiting the sticky toolbar. */
.admin-form-grid {
  overflow: visible;
}

.rich-editor-shell {
  position: relative;
  overflow: visible;
}

@media (max-width: 700px) {
  .admin-modal-panel {
    --editor-modal-head-height: 82px;
  }

  .admin-modal-head {
    min-height: var(--editor-modal-head-height);
    padding: 20px;
  }

  .admin-form-grid > .rich-editor-toolbar {
    top: var(--editor-modal-head-height);
  }

  .transmission-feature .feature-body-preview {
    width: 100%;
  }
}


/* v0.50 — centered content column while preserving authored text alignment */

/*
 * The featured transmission content is positioned in the center of the tile,
 * but paragraphs, headings, lists, images, and embedded elements retain the
 * alignment saved in the transmission editor.
 */
.transmission-feature .feature-content {
  align-items: stretch;
  text-align: initial;
}

.transmission-feature .feature-body-preview {
  width: min(760px, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
}

/* Do not override alignment authored through the editor. */
.transmission-feature .feature-body-preview p,
.transmission-feature .feature-body-preview h2,
.transmission-feature .feature-body-preview h3,
.transmission-feature .feature-body-preview h4,
.transmission-feature .feature-body-preview blockquote,
.transmission-feature .feature-body-preview ul,
.transmission-feature .feature-body-preview ol {
  text-align: inherit;
}

.transmission-feature .feature-body-preview ul,
.transmission-feature .feature-body-preview ol {
  display: block;
  width: auto;
  max-width: 100%;
}

/* Keep metadata and controls structured independently of body alignment. */
.transmission-feature .feature-date-row,
.transmission-feature .feature-actions,
.transmission-feature .feature-tag-row {
  width: min(880px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.transmission-feature .feature-actions {
  justify-content: flex-start;
}

.transmission-feature .feature-tag-row {
  justify-content: flex-start;
}

@media (max-width: 700px) {
  .transmission-feature .feature-body-preview,
  .transmission-feature .feature-date-row,
  .transmission-feature .feature-actions,
  .transmission-feature .feature-tag-row {
    width: 100%;
  }
}


/* v0.51 — sticky toolbar top-edge clearance */

/*
 * Give the sticky formatting toolbar a small safety offset beneath the modal
 * header so its first row is never clipped by the editor viewport edge.
 */
.admin-form-grid > .rich-editor-toolbar {
  top: calc(var(--editor-modal-head-height) + 8px);
  margin-top: 8px;
}

/* Keep the glow/divider fully visible rather than clipping into the editor. */
.rich-editor-toolbar {
  overflow: visible;
  border-top-color: rgba(var(--cyan-rgb), .52);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, .28),
    0 0 0 1px rgba(var(--cyan-rgb), .035),
    0 1px 0 rgba(var(--cyan-rgb), .12);
}

@media (max-width: 700px) {
  .admin-form-grid > .rich-editor-toolbar {
    top: calc(var(--editor-modal-head-height) + 6px);
    margin-top: 6px;
  }
}


/* v0.52 — balanced sticky-toolbar clearance */
.admin-form-grid > .rich-editor-toolbar {
  top: calc(var(--editor-modal-head-height) + 12px) !important;
  width: calc(100% - 24px) !important;
  margin: 12px !important;
  box-sizing: border-box;
}
@media(max-width:700px){.admin-form-grid > .rich-editor-toolbar{top:calc(var(--editor-modal-head-height) + 9px)!important;width:calc(100% - 18px)!important;margin:9px!important;}}