/*
  STYLE SYSTEM
  Keep updates in blocks:
  1. Design tokens
  2. Core layout
  3. Reusable components
  4. Section-specific styles
  5. Mobile behavior
*/

:root{
  --bg:#070b13;
  --panel:#111826;
  --panel-2:#171323;
  --panel-3:#1f1a32;
  --muted:#aeb6c8;
  --text:#f4f6ff;
  --line:rgba(255,255,255,.12);
  --pink:#ff164f;
  --purple:#8a51ff;
  --cyan:#05bff4;
  --green:#05d66d;
  --orange:#ff7a1a;
  --yellow:#d5a84f;
  --radius-lg:32px;
  --radius-md:22px;
  --radius-sm:14px;
  --shadow:0 22px 70px rgba(0,0,0,.38);
  --max:1180px;
  --pad:clamp(18px,4vw,56px);
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color:var(--text)}
body{margin:0;font-family:var(--font);background:radial-gradient(circle at 15% 0%,rgba(138,81,255,.18),transparent 32rem),linear-gradient(180deg,#070b13,#090b12 45%,#05070b);line-height:1.5}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.7rem}.site-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem var(--pad);backdrop-filter:blur(18px);background:rgba(7,11,19,.76);border-bottom:1px solid var(--line)}.brand-mark{font-weight:900;letter-spacing:.14em;color:#fff}.nav-links{display:flex;gap:.35rem;flex-wrap:wrap}.nav-links a{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c7cedd;padding:.6rem .8rem;border:1px solid transparent;border-radius:999px}.nav-links a:hover{border-color:var(--line);background:rgba(255,255,255,.06)}.site-shell{width:min(var(--max),calc(100% - 2rem));margin:0 auto}.section{margin:1.4rem 0 2rem;padding:var(--pad);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,22,35,.92),rgba(8,12,20,.96));box-shadow:var(--shadow)}.section.rounded{border-radius:var(--radius-lg)}.section-kicker,.kicker{font-size:.85rem;font-weight:950;text-transform:uppercase;letter-spacing:.24em;color:var(--pink)}.section-title{font-size:clamp(2rem,6vw,4.6rem);line-height:.95;margin:.4rem 0 1rem;font-weight:950;letter-spacing:-.06em}.section-lead{max-width:850px;color:var(--muted);font-size:clamp(1rem,2vw,1.35rem)}.fine-meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;color:#9aa3b5;margin:.3rem 0 1.4rem}.fine-meta b{color:#dce2ef}.rule{height:4px;background:linear-gradient(90deg,var(--pink),transparent);border-radius:999px;margin:1.3rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line);background:rgba(255,255,255,.06);padding:.9rem 1rem;border-radius:999px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.btn.primary{background:var(--pink);border-color:transparent;box-shadow:0 0 30px rgba(255,22,79,.35)}.btn.cyan{background:rgba(5,191,244,.12);border-color:rgba(5,191,244,.45);color:#9decff}.back-top{position:fixed;right:1rem;bottom:1rem;z-index:60;background:rgba(16,22,35,.9);border:1px solid rgba(255,255,255,.18);border-left:6px solid #ff4fa3;border-radius:999px;padding:.8rem 1rem;font-weight:950;box-shadow:var(--shadow)}

.hero-section{min-height:72vh;display:grid;align-items:center;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,22,79,.1),rgba(5,191,244,.06));border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.framework-grid{display:grid;gap:.8rem}.mini-card{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:var(--radius-md);padding:1rem}.mini-card b{display:block;color:#fff}.mini-card p{margin:.35rem 0 0;color:var(--muted)}.notice{border:1px solid rgba(255,122,26,.28);border-left:8px solid var(--orange);border-radius:var(--radius-md);padding:1.2rem;background:rgba(255,122,26,.05);color:#c3cad8}.notice strong{display:block;color:var(--orange);font-size:1.2rem;margin-bottom:.2rem}

.proof-box,.panel-box{border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem);background:linear-gradient(180deg,rgba(36,29,55,.86),rgba(17,24,37,.92))}.proof-tabs{display:none}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}.pillar-card{border:1px solid var(--line);border-left:6px solid var(--accent);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(9,15,27,.92));border-radius:var(--radius-md);padding:1.2rem}.pillar-card[data-color="pink"]{--accent:var(--pink)}.pillar-card[data-color="cyan"]{--accent:var(--cyan)}.pillar-card[data-color="green"]{--accent:var(--green)}.pillar-label{color:var(--accent);font-weight:950;letter-spacing:.18em;text-transform:uppercase}.pillar-title{font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1;margin:.6rem 0 .25rem;font-weight:950}.pillar-subtitle{color:#c7cedd;font-weight:850}.pillar-items{display:grid;gap:.8rem;margin-top:1rem}.proof-item{border:1px solid rgba(255,255,255,.08);background:rgba(6,10,18,.65);padding:1rem;border-radius:var(--radius-sm)}.proof-item h4{margin:0 0 .35rem;font-size:1.05rem}.proof-item p{margin:0;color:#c2cad9}.proof-bullets{list-style:none;margin:.15rem 0 0;padding:0;display:grid;gap:.42rem}.proof-bullets li{position:relative;padding-left:1rem;color:#c2cad9;line-height:1.42}.proof-bullets li::before{content:'';position:absolute;left:0;top:.62em;width:.38rem;height:.38rem;border-radius:999px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 40%,transparent)}.brand-jumps{display:flex;gap:.45rem;flex-wrap:wrap;margin:1rem 0}.brand-jumps button{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:.55rem .75rem;font-weight:900}.brand-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.8rem}.brand-card{position:relative;min-height:430px;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(0,0,0,.25));scroll-snap-align:start;cursor:pointer}.brand-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.38) 50%,rgba(0,0,0,.05));z-index:1}.brand-card .bg{position:absolute;inset:0;background-size:cover;background-position:center}.brand-card .card-body{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem}.brand-code{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--line);font-weight:950;color:var(--brand)}.brand-card h3{font-size:2rem;line-height:1;margin:.8rem 0 .3rem}.brand-card p{color:#c8d0dd}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:999px;padding:.35rem .55rem;font-size:.78rem;font-weight:850;color:#dce2ef}

.review-path{margin:1rem 0;border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem;background:rgba(255,255,255,.04)}.review-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.review-tile{display:flex;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.05);padding:.8rem}.review-tile span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:950}.translation-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem);background:linear-gradient(180deg,rgba(31,26,48,.94),rgba(18,15,27,.98))}.translation-head{display:grid;grid-template-columns:.85fr 1fr;gap:2rem;margin-bottom:1.4rem}.translation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.translation-card{position:relative;border:1px solid var(--line);border-top:7px solid var(--accent);border-radius:var(--radius-md);min-height:500px;background:#071019;overflow:hidden;cursor:pointer}.translation-card[data-type="text"]{padding:1.3rem;background:linear-gradient(180deg,#111c2a,#0c1420)}.translation-card .cover-img{position:absolute;inset:0;display:grid;place-items:center;background:#02070b}.translation-card .cover-img img{width:100%;height:100%;object-fit:contain}.translation-card::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent);pointer-events:none}.translation-card[data-type="text"]::after{display:none}.cover-copy{position:absolute;left:1rem;right:1rem;bottom:5.6rem;z-index:2}.tl-eyebrow{font-size:.85rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.tl-title{font-size:clamp(1.9rem,4vw,3rem);line-height:.96;margin:.35rem 0 0;font-weight:950}.tap-btn{position:absolute;z-index:3;left:1rem;bottom:1rem;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.54);border-radius:999px;padding:.8rem 1rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.detail-list{position:relative;z-index:1;margin:1rem 0 0;padding-left:1.2rem;color:#d3dae7;font-size:1.05rem}.detail-list li{margin:.8rem 0}.workflow-note{color:#c8d0dd;margin:1rem 0 0;max-width:900px}

.selector-shell{border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,2rem);background:linear-gradient(180deg,rgba(34,27,51,.95),rgba(16,20,33,.97))}.selector-tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.selector-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:.8rem 1rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.selector-tabs button.active{background:var(--pink);border-color:transparent}.proof-panels{display:grid}.dashboard-card{display:none;border:1px solid var(--line);border-left:7px solid var(--accent);border-radius:var(--radius-md);padding:1rem;background:#091523}.dashboard-card.active{display:block}.proof-hero{display:grid;grid-template-columns:80px 1fr;gap:1rem;border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.proof-num{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-weight:950}.proof-hero h3{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1;margin:.25rem 0}.sheet-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid rgba(5,191,244,.35);border-left:7px solid var(--cyan);border-radius:var(--radius-sm);padding:.85rem 1rem;background:rgba(5,191,244,.06);font-weight:900}.table-card{display:block;margin-top:1rem;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:#0e1724}.table-card .table-crop{overflow:hidden}.ops-table{width:100%;border-collapse:collapse;min-width:760px}.ops-table th,.ops-table td{border:1px solid rgba(255,255,255,.08);padding:.75rem;text-align:left;vertical-align:top}.ops-table th{background:#1b2432;text-transform:uppercase;font-size:.78rem}.ops-table td{color:#c7cedd}.ops-table td:first-child{font-weight:950;color:var(--brandColor,#fff)}.status{display:inline-block;border-radius:.45rem;padding:.25rem .45rem;font-size:.72rem;font-weight:950;text-transform:uppercase}.status.published{background:rgba(5,214,109,.18);color:var(--green)}.status.in-progress{background:rgba(255,122,26,.18);color:var(--orange)}.status.scheduled,.status.planned{background:rgba(213,168,79,.18);color:#f3c966}.tap-open{float:right;margin:1rem;border:1px solid rgba(5,191,244,.55);background:rgba(5,191,244,.15);color:#9decff;border-radius:999px;padding:.75rem 1rem;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qa-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem;background:rgba(255,255,255,.04)}.qa-card h3{margin-top:0}.qa-card li{margin:.7rem 0;color:#c7cedd}.report-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory}.report-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}.report-card h3{font-size:1.8rem;margin:.2rem 0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.metric{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem;background:rgba(0,0,0,.2)}.metric b{display:block;font-size:1.4rem;color:#fff}.footer-line{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1rem;color:#8e98aa;font-size:.82rem}

.modal-root[hidden]{display:none}.modal-root{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.75);display:grid;place-items:center;padding:1rem}.modal-card{width:min(920px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#0d1420;box-shadow:var(--shadow);padding:1.2rem}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.modal-close{border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:50%;width:44px;height:44px;font-weight:950}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.modal-block{border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem;background:rgba(255,255,255,.04)}.modal-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.modal-card .detail-list{font-size:1rem}
.translation-copy-block,
.outputs-modal-copy{
  position:relative;
  z-index:1;
  margin:1rem 0 0;
  color:#d3dae7;
  font-size:1.05rem;
  line-height:1.65;
  border:1px solid rgba(255,255,255,.14);
  border-left:7px solid var(--accent,#05d66d);
  border-radius:26px;
  padding:clamp(1rem,2.8vw,1.35rem);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#05d66d) 18%,#0d1420),rgba(13,20,32,.98));
  box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.035);
}
.translation-copy-block p,
.outputs-modal-copy p{margin:.85rem 0;}
.translation-copy-block b,
.outputs-modal-copy b{color:#f6f8ff;}
.translation-copy-block .detail-list,
.outputs-modal-copy .detail-list{
  margin:.55rem 0 1.05rem;
  padding-left:0;
  list-style:none;
}
.translation-copy-block .detail-list li,
.outputs-modal-copy .detail-list li{
  position:relative;
  margin:.52rem 0;
  padding-left:1.45rem;
}
.translation-copy-block .detail-list li::before,
.outputs-modal-copy .detail-list li::before{
  content:'';
  position:absolute;
  left:0;
  top:.74em;
  width:.5rem;
  height:.5rem;
  border-radius:999px;
  background:var(--accent,#05d66d);
  box-shadow:0 0 16px color-mix(in srgb,var(--accent,#05d66d) 55%,transparent);
}
.source-modal-copy .detail-list:nth-of-type(2) li::before{
  background:color-mix(in srgb,var(--accent,#ff7a1a) 65%,#ffffff);
}
@media(max-width:860px){
  .translation-copy-block,
  .outputs-modal-copy{
    border-radius:22px;
    padding:1rem;
    font-size:1rem;
  }
}

.translation-slide-shell{
  touch-action: pan-y;
}
.translation-modal-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:1rem 0 .15rem;
  padding:.65rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.translation-modal-nav button{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  color:#eef4ff;
  border-radius:999px;
  padding:.72rem .9rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.translation-modal-nav button:hover{
  border-color:var(--accent,#ff4fa3);
}
.translation-modal-count{
  color:#aeb8c9;
  font-weight:900;
  font-size:.86rem;
  white-space:nowrap;
}
@media(max-width:860px){
  .translation-modal-nav{
    position:sticky;
    bottom:.25rem;
    z-index:4;
    padding:.55rem;
  }
  .translation-modal-nav button{
    padding:.68rem .75rem;
    font-size:.76rem;
  }
}

@media (max-width: 860px){
  .site-shell{width:100%}.section{margin:1rem .75rem;padding:1rem}.site-nav{display:none}.hero-grid,.translation-head,.qa-grid{grid-template-columns:1fr}.section-title{font-size:clamp(2.25rem,12vw,3.4rem)}.hero-section{min-height:auto}.proof-tabs{display:flex;gap:.5rem;margin:1rem 0;overflow-x:auto}.proof-tabs button{flex:1 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.07);border-radius:999px;padding:.7rem .8rem;font-weight:950;text-transform:uppercase}.proof-tabs button.active{background:linear-gradient(135deg,var(--accent, var(--pink)),color-mix(in srgb,var(--accent, var(--pink)) 72%,#ffffff));border-color:transparent;color:#fff;box-shadow:0 0 28px color-mix(in srgb,var(--accent, var(--pink)) 28%,transparent)}.pillar-grid{display:block}.pillar-card{display:none}.pillar-card.active{display:block}.brand-rail{grid-auto-columns:82vw}.review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.review-tile{min-width:78vw;scroll-snap-align:start}.translation-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.8rem}.translation-card{min-width:78vw;min-height:500px;scroll-snap-align:start}.cover-copy{bottom:5.2rem}.tl-title{font-size:2.15rem}.dashboard-section .section-title{font-size:2rem}.selector-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.selector-tabs button{font-size:.72rem;padding:.8rem .55rem}.proof-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;scrollbar-width:none}.proof-panels::-webkit-scrollbar{display:none}.dashboard-card{display:block;min-width:100%;scroll-snap-align:start}.dashboard-card:not(.active){opacity:.94}.proof-hero{grid-template-columns:1fr;padding:.9rem}.proof-num{width:52px;height:52px}.proof-hero h3{font-size:1.5rem}.proof-hero .chips{display:none}.table-card{max-height:360px;position:relative}.table-card .table-crop{height:260px;overflow:hidden}.table-card .ops-table{transform-origin:top left;transform:scale(1.55);width:calc(100% / 1.55);min-width:760px}.dashboard-card[data-id="assets"] .ops-table{transform:scale(1.25);width:calc(100% / 1.25)}.dashboard-card[data-id="caption"] .ops-table{transform:scale(1.25);width:calc(100% / 1.25)}.tap-open{position:absolute;right:.8rem;bottom:.8rem;float:none}.qa-section .table-card .table-crop{height:310px}.qa-section .ops-table{transform:scale(1.35);width:calc(100% / 1.35)}.metric-grid,.modal-grid{grid-template-columns:1fr}.footer-line{font-size:.72rem}.notice.mobile-hidden{display:none}.back-top{font-size:.85rem;padding:.65rem .8rem}.modal-card{border-radius:22px}.nav-links{display:none}
}

@media (max-width: 430px){
  .section{margin:.9rem .55rem;padding:.8rem}.translation-card{min-width:82vw;min-height:480px}.cover-copy{left:.85rem;right:.85rem}.tap-btn{left:.85rem}.table-card .table-crop{height:245px}.table-card .ops-table{transform:scale(1.75);width:calc(100% / 1.75)}.dashboard-card[data-id="assets"] .ops-table,.dashboard-card[data-id="caption"] .ops-table{transform:scale(1.42);width:calc(100% / 1.42)}
}

/* QA POLISH PASS . 2026-06-24
   Keeps translation cards consistent: header first, image/detail body second, tap button last.
   This prevents future image swaps from moving labels into weird overlay positions.
*/
.translation-card{display:flex;flex-direction:column;min-height:540px;}
.translation-card::after{display:none;}
.translation-card .cover-copy{position:relative;left:auto;right:auto;bottom:auto;z-index:2;order:1;padding:1rem 1rem .75rem;background:linear-gradient(180deg,rgba(2,7,12,.9),rgba(2,7,12,.58));border-bottom:1px solid rgba(255,255,255,.08);}
.translation-card .cover-img{position:relative;inset:auto;order:2;flex:1;min-height:260px;padding:.75rem;background:#02070b;}
.translation-card .cover-img img{width:100%;height:100%;object-fit:contain;border-radius:18px;}
.translation-card .tap-btn{position:relative;left:auto;bottom:auto;z-index:3;order:3;width:max-content;margin:0 1rem 1rem;}
.translation-card .detail-list{order:2;margin:.3rem 0 0;padding:0 1.3rem 1rem 2.2rem;}
.translation-card[data-type="text"]{min-height:540px;}
.translation-card[data-type="text"] .cover-copy{background:linear-gradient(180deg,rgba(2,7,12,.72),rgba(2,7,12,.25));}
.translation-card[data-type="text"] .tl-title{font-size:clamp(1.8rem,3vw,2.5rem);}

@media (max-width:860px){
  .translation-card{min-height:520px;}
  .translation-card .cover-img{min-height:300px;padding:.65rem;}
  .translation-card .tl-title{font-size:2rem;}
  .translation-card[data-type="text"]{min-height:520px;}
  .translation-card[data-type="text"] .detail-list{font-size:1rem;}
  .table-card .ops-table{transform:scale(1.32);width:calc(100% / 1.32);}
  .dashboard-card[data-id="assets"] .ops-table,.dashboard-card[data-id="caption"] .ops-table{transform:scale(1.18);width:calc(100% / 1.18);}
  .qa-section .ops-table{transform:scale(1.18);width:calc(100% / 1.18);}
}
@media (max-width:430px){
  .translation-card{min-height:500px;}
  .translation-card .cover-img{min-height:280px;}
  .table-card .ops-table{transform:scale(1.38);width:calc(100% / 1.38);}
  .dashboard-card[data-id="assets"] .ops-table,.dashboard-card[data-id="caption"] .ops-table{transform:scale(1.22);width:calc(100% / 1.22);}
}

/* Mobile sheet preview tune: show a close-up thumbnail with multiple useful columns visible. */
@media (max-width:860px){
  .dashboard-section .table-card .table-crop{height:255px;}
  .dashboard-section .table-card .ops-table{transform:scale(.82);width:calc(100% / .82);}
  .dashboard-card[data-id="assets"] .ops-table,.dashboard-card[data-id="caption"] .ops-table{transform:scale(.78);width:calc(100% / .78);}
  .qa-section .table-card .table-crop{height:320px;}
  .qa-section .ops-table{transform:scale(.70);width:calc(100% / .70);}
}
@media (max-width:430px){
  .dashboard-section .table-card .ops-table{transform:scale(.86);width:calc(100% / .86);}
  .dashboard-card[data-id="assets"] .ops-table,.dashboard-card[data-id="caption"] .ops-table{transform:scale(.82);width:calc(100% / .82);}
  .qa-section .ops-table{transform:scale(.72);width:calc(100% / .72);}
}

/* =====================================================================
   v88 STYLE RESTORE PASS
   Goal: keep the rebuild maintainable, but restore the visual density,
   card language, carousel behavior, and dashboard styling from the older
   deck. Future edits should change content in CONTENT CONFIG and only add
   small overrides below this section when layout behavior changes.
   ===================================================================== */

/* Global page feel: closer to the old deck */
.section{
  background:#0d1016;
  border:1px solid rgba(255,255,255,.065);
  box-shadow:0 20px 55px rgba(0,0,0,.28);
  overflow:hidden;
}
.section.rounded{border-radius:0;}
.section-title:before{
  content:'';
  display:inline-block;
  width:7px;height:.9em;min-height:30px;
  background:var(--pink);
  border-radius:6px;
  margin-right:14px;
  vertical-align:-6px;
}
.hero-section .section-title:before,
.proof-box .section-title:before,
.translation-wrap .section-title:before,
.dashboard-section .section-title:before{display:none;}
.kicker,.section-kicker{letter-spacing:.22em;color:#ff3f4f;}

/* Hero restore: old right-side image + notice card */
.hero-section{
  background:radial-gradient(circle at 78% 22%,rgba(255,139,33,.13),transparent 28%),linear-gradient(135deg,#0d1016,#121722 55%,#1a101a);
  border-radius:0;
  padding-top:32px;
}
.hero-grid{grid-template-columns:1.12fr .88fr;gap:48px;align-items:start;}
.hero-section .section-title{font-size:clamp(4.3rem,8vw,7.2rem);line-height:.87;margin:.35rem 0 .8rem;letter-spacing:-.07em;}
.hero-section .section-title::first-line{font-family:Georgia,serif;font-weight:400;}
.hero-subtitle{font-size:1.55rem;text-transform:uppercase;letter-spacing:.07em;color:#eef3fb;margin:0 0 12px;}
.hero-copy-list{list-style:none;margin:.75rem 0 0;padding:0;color:#c9d2df;}
.hero-copy-list li{position:relative;padding-left:18px;margin:.55rem 0;}
.hero-copy-list li:before{content:'•';position:absolute;left:0;color:#ff3f4f;}
.hero-visual-stack{display:grid;gap:18px;}
.hero-portrait{height:450px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#151b25;box-shadow:0 18px 42px rgba(0,0,0,.30);}
.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;}
.hero-framework-note{margin:0;}
.hero-framework-note strong{font-size:20px;}
.hero-framework-note p{margin:.25rem 0 0;line-height:1.45;}

/* Client directory restore: old carousel cards, big play icon, arrows, brand buttons */
.client-section .carousel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:1rem 0 .8rem;}
.client-section .arrows{display:flex;gap:10px;}
.client-section .arrow{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;}
.brand-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 18px;scrollbar-color:#8a51ff rgba(255,255,255,.08);}
.brand-card{flex:0 0 360px;height:430px;min-height:430px;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.28);background:#151b25;}
.brand-card::before{background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.36) 48%,rgba(0,0,0,.06));}
.brand-card .bg{filter:saturate(.94) contrast(1.02);}
.brand-code{position:absolute;top:22px;left:22px;z-index:3;width:74px;height:74px;border:3px solid var(--brand);background:rgba(0,0,0,.38);font-size:22px;}
.play-center{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);z-index:3;width:66px;height:66px;border-radius:50%;border:2px solid rgba(255,255,255,.75);display:grid;place-items:center;font-size:28px;background:rgba(0,0,0,.35);}
.brand-card .card-body{left:24px;right:24px;bottom:22px;z-index:4;}
.brand-card .kicker{color:var(--brand);font-size:12px;margin-bottom:6px;}
.brand-card h3{font-size:34px;line-height:.96;margin:6px 0 6px;letter-spacing:-.03em;}
.brand-card p{font-size:14px;line-height:1.35;color:#dce5f1;margin:.35rem 0;}
.card-cta{display:inline-flex;margin:4px 0 8px;padding:9px 13px;border-radius:8px;background:linear-gradient(90deg,#8a51ff,#d24d93);font-weight:1000;font-style:normal;color:#fff;}
.brand-jumps{display:flex;gap:10px;overflow-x:auto;flex-wrap:nowrap;padding:8px 0 0;border-top:4px solid rgba(138,81,255,.82);scrollbar-color:#8a51ff rgba(255,255,255,.08);}
.brand-jumps button{flex:0 0 180px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand) 50%,rgba(255,255,255,.13));color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 14%,#171e28),rgba(255,255,255,.035));padding:13px 12px;text-align:left;font-weight:1000;}
.brand-jumps button:before{content:attr(data-code);display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:50%;border:2px solid var(--brand);color:var(--brand);font-size:11px;}

/* Review path / workflow index: old purple card block */
.review-path{padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(138,81,255,.11),rgba(255,63,79,.045)),#121722;border:1px solid rgba(255,255,255,.1);}
.review-grid{grid-template-columns:repeat(3,1fr);gap:12px;}
.review-tile{min-height:82px;padding:16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);}
.review-tile span{width:42px;height:42px;background:linear-gradient(135deg,#8a51ff,#e84e9a);}

/* Translation layer restore: header labels do not drift; images fit in their own well; text card remains old-style */
.translation-wrap{background:linear-gradient(180deg,rgba(31,26,48,.94),rgba(18,15,27,.98));border-radius:22px;border:1px solid rgba(255,255,255,.10);}
.translation-head{grid-template-columns:.95fr 1.05fr;align-items:end;}
.translation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.translation-card{min-height:520px;border-radius:18px;background:#101722;border:1px solid rgba(255,255,255,.11);border-top:7px solid var(--accent);box-shadow:0 18px 42px rgba(0,0,0,.20);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;}
.translation-card .cover-copy{position:relative;z-index:3;left:auto;right:auto;bottom:auto;padding:18px 20px 12px;background:linear-gradient(180deg,rgba(8,13,22,.96),rgba(8,13,22,.68));border-bottom:1px solid rgba(255,255,255,.08);}
.translation-card .tl-eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);}
.translation-card .tl-title{font-size:clamp(2rem,3vw,3rem);line-height:.94;margin:5px 0 0;}
.translation-card .cover-img{position:relative;inset:auto;min-height:0;height:100%;padding:12px;background:linear-gradient(180deg,#02070b,#071019);display:grid;place-items:center;}
.translation-card .cover-img img{width:100%;height:100%;object-fit:contain;border-radius:16px;filter:none;box-shadow:none;background:#02070b;}
.translation-card .tap-btn{position:relative;left:auto;bottom:auto;z-index:3;width:max-content;margin:0 18px 18px;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.54);font-size:13px;}
.translation-card[data-type="text"]{padding:0;display:block;}
.translation-card[data-type="text"] .cover-copy{background:transparent;border-bottom:0;padding:22px 22px 2px;}
.translation-card[data-type="text"] .detail-list{padding:0 26px 24px 40px;margin:12px 0 0;}
.translation-card[data-type="text"] .detail-list li{margin:12px 0;color:#cbd4e0;}

/* Dashboard proof restore: selector module, big pill buttons, intro cards, close-up table previews */
.selector-shell{padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(138,81,255,.16),rgba(255,63,79,.045)),#121722;border:1px solid rgba(255,255,255,.12);}
.selector-shell>.kicker{font-size:16px;letter-spacing:.20em;color:#fff;margin-bottom:12px;}
.selector-tabs{display:flex;gap:18px;margin:14px 0 22px;}
.selector-tabs button{min-width:210px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);box-shadow:inset 0 0 28px rgba(255,255,255,.025);font-size:15px;padding:14px 20px;}
.selector-tabs button.active{background:linear-gradient(135deg,var(--accent, var(--pink)),color-mix(in srgb,var(--accent, var(--pink)) 72%,#ffffff));color:#fff;border-color:transparent;box-shadow:0 0 30px color-mix(in srgb,var(--accent, var(--pink)) 34%,transparent);}
.dashboard-card{border-left:7px solid var(--accent);padding:22px;border-radius:20px;background:#091523;border-top:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.12));border-right:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);}
.dashboard-card .section-title{font-size:clamp(2rem,4vw,3.2rem)!important;letter-spacing:.04em;text-transform:uppercase;}
.proof-hero{grid-template-columns:74px 1fr;gap:18px;padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 0 36px rgba(255,255,255,.025);}
.proof-num{width:64px;height:64px;border-radius:18px;font-size:20px;background:rgba(0,0,0,.24);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 28%,transparent);}
.proof-hero h3{font-size:clamp(2rem,3.4vw,3.4rem);line-height:.95;margin:6px 0 8px;}
.sheet-link{width:100%;justify-content:center;text-align:center;border-radius:14px;background:#121b27;border-left:5px solid #139bd7;color:#dce5f1;margin:14px 0 12px;padding:13px 16px;}
.table-card{border-radius:16px;border:1px solid #303949;background:#0e1724;box-shadow:inset 0 -55px 80px rgba(0,188,255,.05);}
.table-card .table-crop{height:auto;overflow:hidden;}
.ops-table{min-width:920px;table-layout:fixed;border-collapse:collapse;width:100%;}
.ops-table th{background:#202733;color:#f3f6fb;text-transform:uppercase;font-size:11px;}
.ops-table td,.ops-table th{border:1px solid #303949;padding:11px;font-size:12px;vertical-align:top;}
.ops-table td{background:#151c26;color:#c8d1df;}
.tap-open{float:right;margin:16px 16px 16px auto;border:1px solid rgba(5,191,244,.55);background:rgba(5,191,244,.16);box-shadow:0 0 24px rgba(5,191,244,.22);}
.caption-context{padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(138,81,255,.12),rgba(54,163,230,.06)),#121722;border:1px solid rgba(255,255,255,.1);border-left:5px solid #8a51ff;color:#c9d2df;margin:14px 0;}
.caption-context span{display:inline-block;margin-right:8px;padding:5px 8px;border-radius:999px;background:rgba(138,81,255,.16);color:#cbb8ff;font-size:10px;font-weight:1000;text-transform:uppercase;}
.post-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;scrollbar-color:#36d1ff rgba(255,255,255,.08);}
.post-grid article{flex:0 0 360px;scroll-snap-align:start;background:#171e28;border:1px solid #303949;border-radius:12px;padding:18px;}
.post-grid div{font-size:30px}.post-grid b{color:#139bd7;}

/* QA + Production Ledger restore */
.qa-section .section-title{font-size:clamp(2rem,4.2vw,3.4rem);}
.qa-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.qa-card{background:#171e28;border:1px solid #303949;border-radius:12px;padding:22px;}
.qa-card h3{font-size:20px;margin:0 0 16px;}
.qa-card li{list-style:none;margin:9px 0;color:#c5cfdd;}
.qa-section .sheet-link{margin-top:4px;}
.qa-section .table-card .table-crop{height:auto;}
.qa-section .ops-table{transform:none;width:100%;}
.report-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;}
.report-card{flex:0 0 420px;border-left:5px solid var(--orange);}

@media (max-width:860px){
  .section{margin:1rem .75rem;padding:1rem;}
  .hero-grid{grid-template-columns:1fr;gap:22px;}
  .hero-section .section-title{font-size:clamp(3.8rem,17vw,5.6rem);}
  .hero-subtitle{font-size:1.2rem;}
  .hero-portrait{height:auto;aspect-ratio:1/1.05;}
  .hero-framework-note{display:none;}
  .pillar-grid{display:grid;grid-template-columns:1fr;}
  .client-section .carousel-head{margin-top:1.2rem;}
  .brand-rail{gap:16px;padding-left:2px;padding-right:28px;}
  .brand-card{flex:0 0 82vw;height:430px;}
  .brand-jumps button{flex-basis:170px;}
  .review-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}
  .review-tile{min-width:78vw;scroll-snap-align:start;}
  .translation-head{grid-template-columns:1fr;gap:10px;}
  .translation-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;}
  .translation-card{flex:0 0 82vw;min-height:500px;scroll-snap-align:start;}
  .translation-card .cover-copy{padding:16px 16px 10px;}
  .translation-card .tl-title{font-size:2.1rem;}
  .translation-card .cover-img{padding:10px;}
  .translation-card .tap-btn{margin:0 16px 16px;}
  .selector-shell{padding:18px 14px;}
  .selector-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;margin:12px 0 16px;}
  .selector-tabs button{min-width:168px;font-size:12px;padding:12px 14px;}
  .proof-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none;}
  .proof-panels::-webkit-scrollbar{display:none;}
  .dashboard-card{display:block;min-width:100%;scroll-snap-align:start;padding:16px;}
  .dashboard-card .section-title{font-size:1.15rem!important;letter-spacing:.17em;}
  .proof-hero{grid-template-columns:52px 1fr;padding:14px;border-radius:18px;}
  .proof-num{width:48px;height:48px;border-radius:14px;font-size:16px;}
  .proof-hero h3{font-size:1.6rem;}
  .proof-hero .chips{display:none;}
  .table-card{position:relative;max-height:360px;}
  .dashboard-section .table-card .table-crop{height:250px;overflow:hidden;}
  .dashboard-section .table-card .ops-table{transform-origin:top left;transform:scale(.88);width:calc(100% / .88);min-width:900px;}
  .dashboard-card[data-id="assets"] .ops-table{transform:scale(.88);width:calc(100% / .88);}
  .dashboard-card[data-id="caption"] .table-card{display:none;}
  .tap-open{position:absolute;right:.75rem;bottom:.75rem;float:none;margin:0;}
  .post-grid article{flex-basis:78vw;}
  .qa-grid{grid-template-columns:1fr;}
  .qa-section .table-card{position:relative;max-height:480px;}
  .qa-section .table-card .table-crop{height:360px;overflow:hidden;}
  .qa-section .ops-table{transform-origin:top left;transform:scale(.76);width:calc(100% / .76);min-width:920px;}
  .report-card{flex-basis:84vw;}
}
@media (max-width:430px){
  .brand-card{height:410px;}
  .translation-card{min-height:480px;}
  .dashboard-section .table-card .ops-table{transform:scale(.92);width:calc(100% / .92);}
  .qa-section .ops-table{transform:scale(.78);width:calc(100% / .78);}
}

  

/* =====================================================================
   v89 MOBILE VISUAL POLISH + OLD-DECK BEHAVIOR RESTORE
   Intent: keep this as one readable standalone file while fixing the
   red-marked mobile sizing/color issues. Future edits: change content in
   content-config first; use this block only for visual behavior.
   ===================================================================== */

/* Mobile-only desktop nudge restored from the older deck style. */
.mobile-desktop-nudge{display:none;}
.mobile-desktop-nudge.dismissed{display:none!important;}
.mobile-desktop-nudge h2{margin:.35rem 0 .9rem;font-size:clamp(3.2rem,14vw,5.8rem);line-height:.92;letter-spacing:-.065em;font-weight:950;color:#f4f6ff;}
.mobile-desktop-nudge p{font-size:clamp(1.35rem,5vw,2.45rem);line-height:1.28;color:#aeb6c8;max-width:900px;margin:0 0 1.4rem;}
.mobile-desktop-nudge .nudge-actions{display:flex;gap:.8rem;flex-wrap:wrap;}
.mobile-desktop-nudge .btn{border-radius:16px;text-transform:none;letter-spacing:0;font-size:clamp(1rem,4vw,1.65rem);padding:1rem 1.2rem;}
.mobile-desktop-nudge .btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.20);}

/* Stronger brand-colored cells inside every sheet preview. */
.ops-table td.brand-coded{color:var(--brandColor)!important;font-weight:950;box-shadow:inset 5px 0 0 var(--brandColor);padding-left:16px;}

/* Review path: restore the old purple swipe card language. */
.review-hint{display:none;align-items:center;gap:10px;width:max-content;margin:12px 0 16px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#c4cbe0;font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:12px;}
.review-hint b{font-size:16px;color:#fff;}
.review-path>.kicker{font-size:16px;color:#ff3f4f;line-height:1.25;}

/* Sheet-preview cards should read as clickable thumbnails, not broken tables. */
.table-card{position:relative;display:block;isolation:isolate;}
.table-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(0deg,rgba(5,191,244,.11),rgba(5,191,244,0));pointer-events:none;z-index:1;}
.tap-open{position:absolute!important;right:1rem;bottom:1rem;z-index:3;float:none!important;margin:0!important;}

@media (max-width:860px){
  /* Restore the liked mobile proof-path nudge; hide the awkward hero right rail on mobile. */
  .mobile-desktop-nudge{display:block;margin:1rem .75rem;padding:2.3rem 1.05rem;border:1px solid rgba(255,255,255,.09);background:#0d1016;box-shadow:0 20px 55px rgba(0,0,0,.24);}
  .hero-visual-stack{display:none!important;}
  .hero-section{padding-top:1.6rem;}
  .hero-section .section-title{font-size:clamp(3.6rem,16vw,5.1rem);}

  /* Portfolio index should look like the older single-card slider, not a cramped grid. */
  .review-path{padding:20px 18px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(138,81,255,.14),rgba(255,63,79,.045)),#171323;overflow:hidden;}
  .review-path>.kicker{font-size:21px;letter-spacing:.22em;line-height:1.28;max-width:92%;}
  .review-hint{display:inline-flex;}
  .review-grid{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 18px;scrollbar-color:#8a51ff rgba(255,255,255,.08);}
  .review-tile{flex:0 0 86%;min-height:132px;scroll-snap-align:start;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));}
  .review-tile span{width:70px;height:70px;font-size:24px;}
  .review-tile b{font-size:22px;line-height:1.05;}

  /* Dashboard selector: compact old-module feel, less red-marked awkward scale. */
  .selector-shell{padding:18px 14px 20px;border-radius:26px;overflow:hidden;}
  .selector-shell>.kicker{font-size:14px;line-height:1.2;letter-spacing:.22em;color:#f5f7ff;}
  .selector-tabs{display:flex!important;flex-wrap:nowrap;gap:10px;overflow-x:auto;margin:12px -2px 16px;padding:0 2px 4px;scrollbar-color:#8a51ff rgba(255,255,255,.08);}
  .selector-tabs button{flex:0 0 146px;min-width:146px;font-size:11px;line-height:1;padding:11px 12px;}
  .proof-panels{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;}
  .dashboard-card{flex:0 0 100%;min-width:100%;padding:14px;border-radius:22px;scroll-snap-align:start;}
  .dashboard-card .section-title{font-size:1.05rem!important;letter-spacing:.18em;margin-bottom:12px;}
  .proof-hero{grid-template-columns:48px 1fr;gap:12px;padding:13px;border-radius:18px;margin-bottom:12px;}
  .proof-num{width:46px;height:46px;border-radius:14px;font-size:15px;}
  .proof-hero h3{font-size:1.42rem;line-height:1.03;margin:4px 0 6px;}
  .proof-hero p{font-size:.85rem;line-height:1.35;margin:0;color:#c8d0dd;}
  .proof-hero .kicker{font-size:.68rem;letter-spacing:.14em;}
  .proof-hero .chips{display:none!important;}
  .sheet-link{font-size:.78rem;line-height:1.25;padding:11px 12px;border-radius:14px;margin:10px 0;min-height:48px;}

  /* Dashboard table thumbnails: fit inside the card; the sheet opens on tap. */
  .dashboard-section .table-card{height:315px;max-height:none;overflow:hidden;border-radius:20px;background:#0b1522;}
  .dashboard-section .table-card .table-crop{height:100%;overflow:hidden;padding-bottom:70px;}
  .dashboard-section .table-card .ops-table{min-width:0!important;width:calc(100% / .52)!important;transform-origin:top left!important;transform:scale(.52)!important;table-layout:fixed;}
  .dashboard-section .ops-table th,.dashboard-section .ops-table td{padding:8px 8px;font-size:11px;line-height:1.15;}
  .dashboard-section .ops-table th{font-size:10px;}
  .dashboard-card[data-id="assets"] .ops-table{width:calc(100% / .55)!important;transform:scale(.55)!important;}
  .dashboard-card[data-id="assets"] .table-card{height:315px;}
  .dashboard-card[data-id="caption"]{padding-bottom:18px;}
  .dashboard-card[data-id="caption"] .caption-context{font-size:.86rem;line-height:1.35;padding:12px 13px;border-radius:16px;margin:12px 0;}
  .dashboard-card[data-id="caption"] .post-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;}
  .dashboard-card[data-id="caption"] .post-grid article{flex:0 0 250px;min-height:156px;padding:14px;border-radius:14px;}
  .dashboard-card[data-id="caption"] .post-grid article p{font-size:.92rem;line-height:1.36;}

  /* Production ledger: old-style clickable thumbnail with colored client strip. */
  .qa-section .section-title{font-size:clamp(1.9rem,9vw,2.55rem);line-height:1;margin-bottom:16px;}
  .qa-grid{gap:14px;}
  .qa-card{padding:18px 16px;border-radius:16px;}
  .qa-card h3{font-size:1.12rem;line-height:1.25;}
  .qa-card li{font-size:.93rem;line-height:1.4;}
  .qa-section .sheet-link{font-size:.86rem;line-height:1.28;min-height:50px;margin:8px 0 12px;}
  .qa-section .table-card{height:390px;max-height:none;overflow:hidden;border-radius:22px;background:#0b1522;}
  .qa-section .table-card .table-crop{height:100%;overflow:hidden;padding-bottom:74px;}
  .qa-section .ops-table{min-width:0!important;width:calc(100% / .48)!important;transform-origin:top left!important;transform:scale(.48)!important;table-layout:fixed;}
  .qa-section .ops-table th,.qa-section .ops-table td{padding:9px 8px;font-size:11px;line-height:1.15;}
  .qa-section .ops-table th{font-size:10px;}
  .qa-section .tap-open{right:12px;bottom:12px;padding:.76rem 1rem;font-size:.92rem;}
}

@media (max-width:430px){
  .mobile-desktop-nudge h2{font-size:clamp(3rem,15vw,4.7rem);}
  .mobile-desktop-nudge p{font-size:clamp(1.25rem,5vw,2rem);}
  .mobile-desktop-nudge .btn{flex:1 1 100%;}
  .review-path>.kicker{font-size:19px;}
  .review-tile{flex-basis:88%;min-height:122px;}
  .review-tile span{width:62px;height:62px;font-size:22px;}
  .review-tile b{font-size:20px;}
  .selector-tabs button{flex-basis:138px;min-width:138px;font-size:10px;padding:10px 10px;}
  .dashboard-section .table-card{height:300px;}
  .dashboard-section .table-card .ops-table{width:calc(100% / .50)!important;transform:scale(.50)!important;}
  .dashboard-card[data-id="assets"] .ops-table{width:calc(100% / .53)!important;transform:scale(.53)!important;}
  .qa-section .table-card{height:368px;}
  .qa-section .ops-table{width:calc(100% / .46)!important;transform:scale(.46)!important;}
}

/* =====================================================================
   v90 TARGETED STYLE CORRECTION PASS
   Source of truth: this remains one standalone HTML. This block only
   corrects visual behavior; content stays in CONTENT CONFIG and render
   functions above. Use these selectors as the future update map:
   - .mobile-desktop-nudge  = mobile desktop-review prompt
   - .hero-section          = opening portfolio hero
   - .client-section        = creative brief carousel
   - .review-path           = portfolio index / review path
   - .dashboard-section     = weekly / asset / caption dashboard proof
   - .qa-section            = QA checklist + production ledger preview
   ===================================================================== */

/* Softer accent system: keep neon as highlight, not full-surface noise. */
:root{
  --pink:#ff315f;
  --pink-soft:#ff4f83;
  --purple-soft:#9b61ff;
  --cyan-soft:#2bd7ff;
  --panel-deep:#0c1420;
  --panel-navy:#111926;
}

.btn.primary,
.mobile-desktop-nudge .btn.primary,
.card-cta{
  background:linear-gradient(90deg,var(--purple-soft),var(--pink-soft))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 0 26px rgba(155,97,255,.20),0 0 26px rgba(255,79,131,.14)!important;
}
.selector-tabs button.active{
  background:linear-gradient(135deg,var(--accent,var(--purple-soft)),color-mix(in srgb,var(--accent,var(--pink-soft)) 62%,#ffffff))!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--accent,var(--pink-soft)) 24%,transparent)!important;
}

/* Hero: desktop stays balanced; mobile gets the photo back and hides only the notice. */
.hero-section{
  min-height:auto!important;
  padding-top:34px!important;
  padding-bottom:44px!important;
}
.hero-grid{align-items:center!important;}
.hero-visual-stack{align-self:center;}
.hero-portrait{
  height:auto!important;
  aspect-ratio:4/4.6;
  max-height:430px;
  border-radius:24px;
}
.hero-framework-note{max-width:100%;}

/* Client directory: old heading language, big cards, no overbuilt title treatment. */
.client-section #creative-portfolio{margin-top:1.25rem!important;}
.client-section .carousel-head .kicker{color:#ff3f4f;font-size:12px;letter-spacing:.22em;}
.client-section .carousel-head .section-title{
  font-size:clamp(2rem,4.4vw,3.35rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  margin:.35rem 0 .7rem!important;
}
.client-section .carousel-head .section-title:before{display:inline-block!important;}
.client-section .section-lead{font-size:1rem;}

/* Portfolio index/review path: return to older white heading + purple card, not red headline. */
.review-path{
  background:linear-gradient(135deg,rgba(138,81,255,.14),rgba(255,255,255,.025)),#171323!important;
  border-color:rgba(255,255,255,.10)!important;
}
.review-path>.kicker{
  color:#f3f6fb!important;
  font-size:15px!important;
  letter-spacing:.22em!important;
  line-height:1.25!important;
}
.review-hint{
  color:#c7cedd!important;
  background:rgba(255,255,255,.055)!important;
}
.review-tile{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
}

/* Dashboard proof shell: calmer purple/navy and less cheap red saturation. */
.selector-shell{
  background:linear-gradient(135deg,rgba(138,81,255,.14),rgba(5,191,244,.035)),#171323!important;
  border-color:rgba(255,255,255,.11)!important;
}
.selector-shell>.kicker{color:#f7f8ff!important;}
.dashboard-card{
  background:linear-gradient(180deg,#0a1724,#08121e)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.18);
}
.proof-hero{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
}
.sheet-link{
  background:#111b28!important;
  border-color:rgba(43,215,255,.36)!important;
  border-left-color:var(--cyan-soft)!important;
}

/* Table previews: make brand-coded cells visible and intentional. */
.ops-table td.brand-coded{
  box-shadow:inset 7px 0 0 var(--brandColor)!important;
  color:var(--brandColor)!important;
  font-weight:950!important;
  padding-left:18px!important;
}
.ops-table th,.ops-table td{word-break:normal;overflow-wrap:normal;}
.table-card{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,#111926,#0b1522)!important;
}
.tap-open{
  background:rgba(5,191,244,.16)!important;
  color:#a8efff!important;
  border-color:rgba(43,215,255,.55)!important;
  box-shadow:0 0 25px rgba(43,215,255,.20)!important;
}

@media (max-width:860px){
  /* Best Experience: keep the liked big typography, restore gradient CTA, reduce harsh pink. */
  .mobile-desktop-nudge{
    display:block;
    margin:1rem .75rem;
    padding:2.1rem 1.05rem 1.35rem!important;
    background:#0d1016!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.24)!important;
  }
  .mobile-desktop-nudge .section-kicker{font-size:.82rem;color:#ff3f4f;}
  .mobile-desktop-nudge h2{
    font-size:clamp(3.25rem,14.6vw,5.3rem)!important;
    line-height:.92!important;
    letter-spacing:-.065em!important;
    margin:.35rem 0 .9rem!important;
  }
  .mobile-desktop-nudge p{
    font-size:clamp(1.28rem,5.05vw,2.15rem)!important;
    line-height:1.32!important;
    color:#aeb6c8!important;
    margin-bottom:1.35rem!important;
  }
  .mobile-desktop-nudge .nudge-actions{gap:.55rem;}
  .mobile-desktop-nudge .btn{border-radius:16px!important;min-height:56px;}
  .mobile-desktop-nudge .btn.primary{flex:1 1 100%;}
  .mobile-desktop-nudge .btn.secondary{flex:1 1 100%;background:#0d1016!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important;}

  /* Hero mobile: no massive blank vertical space, photo is visible below intro, notice hidden. */
  .hero-section{
    padding:1.25rem 1rem 1.6rem!important;
    min-height:auto!important;
  }
  .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:1.25rem!important;}
  .hero-section .section-title{font-size:clamp(3.75rem,16vw,5rem)!important;}
  .hero-subtitle{font-size:1.12rem!important;line-height:1.22;}
  .hero-actions{gap:.55rem;margin-top:1.2rem!important;}
  .hero-actions .btn{padding:.78rem .85rem;font-size:.78rem;}
  .hero-actions .btn.primary{flex:1 1 100%;}
  .hero-actions .btn:not(.primary){flex:1 1 calc(50% - .35rem);}
  .hero-visual-stack{display:grid!important;gap:0!important;margin-top:.25rem;}
  .hero-framework-note{display:none!important;}
  .hero-portrait{
    display:block!important;
    width:100%;
    aspect-ratio:1/1.04!important;
    max-height:390px!important;
    border-radius:22px!important;
    margin-top:.25rem;
  }
  .hero-portrait img{object-position:50% 24%!important;}

  /* Client directory mobile: keep old card carousel and smaller subtitle. */
  .client-section .carousel-head{align-items:flex-end;}
  .client-section .carousel-head .kicker{font-size:11px;}
  .client-section .carousel-head .section-title{font-size:2rem!important;line-height:1.02!important;}
  .client-section .section-lead{font-size:.92rem;}
  .brand-card{flex:0 0 83vw!important;height:410px!important;min-height:410px!important;}
  .brand-card h3{font-size:30px!important;}

  /* Review path mobile: compact square-ish old slider, white heading. */
  .review-path{padding:19px 18px 22px!important;border-radius:28px!important;}
  .review-path>.kicker{font-size:18px!important;color:#fff!important;letter-spacing:.22em!important;}
  .review-hint{display:inline-flex!important;margin:12px 0 14px!important;}
  .review-grid{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:8px 0 14px!important;}
  .review-tile{flex:0 0 84%!important;min-height:118px!important;border-radius:22px!important;scroll-snap-align:start!important;}
  .review-tile span{width:62px!important;height:62px!important;font-size:22px!important;}
  .review-tile b{font-size:20px!important;line-height:1.04!important;}

  /* Translation layer is already close to the blue target; keep it compact and intact. */
  .translation-wrap{padding:1rem!important;border-radius:24px!important;}
  .translation-grid{gap:16px!important;}
  .translation-card{flex:0 0 82vw!important;min-height:430px!important;border-radius:18px!important;}
  .translation-card .cover-copy{padding:14px 15px 10px!important;}
  .translation-card .tl-title{font-size:1.88rem!important;}
  .translation-card .cover-img{padding:10px!important;}
  .translation-card .tap-btn{margin:0 15px 15px!important;padding:10px 14px!important;font-size:11px!important;}

  /* Dashboard proof: make Weekly and Asset into clean visual previews instead of tiny spreadsheets. */
  .dashboard-section{padding:.8rem!important;}
  .selector-shell{padding:18px 14px 20px!important;border-radius:26px!important;}
  .selector-shell>.kicker{font-size:13px!important;letter-spacing:.22em!important;line-height:1.2!important;}
  .selector-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;margin:12px -2px 16px!important;padding:0 2px 6px!important;}
  .selector-tabs button{flex:0 0 148px!important;min-width:148px!important;font-size:11px!important;padding:12px 10px!important;line-height:1!important;}
  .proof-panels{display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;}
  .dashboard-card{flex:0 0 100%!important;min-width:100%!important;padding:15px!important;border-radius:22px!important;scroll-snap-align:start!important;}
  .dashboard-card .section-title{font-size:1.05rem!important;letter-spacing:.18em!important;margin:0 0 12px!important;}
  .proof-hero{grid-template-columns:50px 1fr!important;gap:12px!important;padding:14px!important;border-radius:18px!important;min-height:auto!important;}
  .proof-num{width:48px!important;height:48px!important;border-radius:14px!important;font-size:15px!important;}
  .proof-hero h3{font-size:1.45rem!important;line-height:1.02!important;margin:4px 0 6px!important;}
  .proof-hero p{font-size:.87rem!important;line-height:1.35!important;margin:0!important;color:#cbd4e0!important;}
  .proof-hero .kicker{font-size:.68rem!important;letter-spacing:.14em!important;}
  .proof-hero .chips{display:none!important;}
  .dashboard-section .sheet-link{font-size:.78rem!important;line-height:1.25!important;min-height:48px!important;}
  .dashboard-card:not([data-id="caption"]) .table-card{
    height:330px!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .dashboard-card:not([data-id="caption"]) .table-card .table-crop{
    height:100%!important;
    overflow:hidden!important;
    padding-bottom:78px!important;
  }
  .dashboard-card:not([data-id="caption"]) .ops-table{
    min-width:760px!important;
    width:760px!important;
    transform:none!important;
    table-layout:fixed!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    min-width:720px!important;
    width:720px!important;
    transform:none!important;
  }
  .dashboard-section .ops-table th,.dashboard-section .ops-table td{
    padding:12px 10px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  .dashboard-section .ops-table th{font-size:11px!important;}
  .dashboard-section .tap-open{
    right:12px!important;bottom:12px!important;padding:.78rem 1.05rem!important;font-size:.9rem!important;
  }
  .dashboard-card[data-id="caption"]{padding-bottom:18px!important;}
  .dashboard-card[data-id="caption"] .caption-context{font-size:.9rem!important;line-height:1.38!important;}
  .dashboard-card[data-id="caption"] .post-grid article{flex:0 0 260px!important;}

  /* QA + Production Ledger: zoom to left/client/status columns; button clears key data. */
  .qa-section{padding:.9rem!important;}
  .qa-section .section-title{font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1!important;margin-bottom:16px!important;}
  .qa-grid{gap:14px!important;}
  .qa-card{padding:18px 16px!important;border-radius:16px!important;}
  .qa-card h3{font-size:1.12rem!important;line-height:1.25!important;}
  .qa-card li{font-size:.93rem!important;line-height:1.4!important;}
  .qa-section .sheet-link{font-size:.84rem!important;line-height:1.25!important;min-height:50px!important;}
  .qa-section .table-card{
    height:405px!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .qa-section .table-card .table-crop{
    height:100%!important;
    overflow:hidden!important;
    padding-bottom:82px!important;
  }
  .qa-section .ops-table{
    min-width:780px!important;
    width:780px!important;
    transform:none!important;
    table-layout:fixed!important;
  }
  .qa-section .ops-table th,.qa-section .ops-table td{
    padding:13px 11px!important;
    font-size:12px!important;
    line-height:1.22!important;
  }
  .qa-section .ops-table th{font-size:11px!important;}
  .qa-section .tap-open{right:12px!important;bottom:12px!important;padding:.78rem 1.05rem!important;font-size:.9rem!important;}
}

@media (max-width:430px){
  .mobile-desktop-nudge .btn{font-size:1rem!important;}
  .brand-card{height:398px!important;}
  .review-tile{flex-basis:86%!important;}
  .dashboard-card:not([data-id="caption"]) .table-card{height:315px!important;}
  .dashboard-card:not([data-id="caption"]) .ops-table{width:735px!important;min-width:735px!important;}
  .dashboard-card[data-id="assets"] .ops-table{width:700px!important;min-width:700px!important;}
  .dashboard-section .ops-table th,.dashboard-section .ops-table td{padding:11px 9px!important;font-size:11.5px!important;}
  .qa-section .table-card{height:390px!important;}
  .qa-section .ops-table{width:760px!important;min-width:760px!important;}
  .qa-section .ops-table th,.qa-section .ops-table td{padding:12px 10px!important;font-size:11.6px!important;}
}

/* =====================================================================
   v91 DESKTOP-MODE COPY + TRANSLATION RAIL CONTROLS
   One-file rule: this HTML is the deliverable. No asset package required.

   Future team update map:
   - Change the mobile prompt copy in the <section class="mobile-desktop-nudge"> markup.
   - Change translation card content/images only in TRANSLATION_CARDS.
   - Translation buttons/arrows/cards are generated from TRANSLATION_CARDS.
   - Keep behavior edits inside bindInteractions(), setActiveTranslation(), and autoAdvanceTranslation().
   ===================================================================== */

/* Best Experience wording stays big, but the language is cleaner and the CTA reads like a desktop-mode action. */
.mobile-desktop-nudge h2{max-width:980px;}
.mobile-desktop-nudge .btn.primary{white-space:normal;}

/* Translation/source-material rail controls: dashboard-style buttons + arrows between steps. */
.translation-controls{margin:16px 0 18px;position:relative;z-index:4;}
.translation-tabs{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-color:#8a51ff rgba(255,255,255,.08);padding:2px 2px 8px;-webkit-overflow-scrolling:touch;}
.translation-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:999px;color:#f6f8ff;padding:12px 18px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;line-height:1;box-shadow:inset 0 0 28px rgba(255,255,255,.025);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.translation-tabs button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.22);border:1px solid color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.16));color:var(--accent);font-size:11px;font-weight:1000;}
.translation-tabs button.active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 64%,#ffffff));border-color:transparent;color:#07101a;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 28%,transparent);}
.translation-tabs button.active span{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(0,0,0,.18);}
.translation-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.translation-arrow{flex:0 0 auto;color:#cdd5e7;opacity:.9;font-style:normal;font-size:22px;font-weight:950;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.14));}
.translation-card.active{border-color:color-mix(in srgb,var(--accent) 54%,rgba(255,255,255,.14));box-shadow:0 18px 42px rgba(0,0,0,.20),0 0 26px color-mix(in srgb,var(--accent) 14%,transparent);}
.translation-grid{scroll-behavior:smooth;}

@media (max-width:860px){
  .mobile-desktop-nudge h2{font-size:clamp(3rem,13vw,4.9rem)!important;}
  .mobile-desktop-nudge .btn.primary{font-size:clamp(1rem,4.1vw,1.55rem)!important;}
  .translation-controls{margin:13px 0 14px;}
  .translation-tabs{gap:8px;margin:0 -2px;padding:2px 2px 10px;}
  .translation-tabs button{flex:0 0 164px;min-width:164px;padding:11px 12px;font-size:11px;}
  .translation-tabs button span{width:28px;height:28px;font-size:10px;}
  .translation-arrow{font-size:20px;opacity:.78;}
  .translation-grid{scroll-padding:0 2px;}
}
@media (max-width:430px){
  .translation-tabs button{flex-basis:154px;min-width:154px;font-size:10px;padding:10px 10px;}
  .translation-arrow{font-size:18px;}
}

/* =====================================================================
   v92 MOBILE TABLE BLEED FIX + DRAGGABLE SHEET PREVIEWS
   Keeps the sheet previews swipeable inside their own cards while stopping
   wide tables / caption rails from creating page-level horizontal bleed.
   ===================================================================== */
html,body{max-width:100%;}

@media (max-width:860px){
  html,body{
    max-width:100%!important;
  }
  .site-shell,
  .section,
  .selector-shell,
  .dashboard-card,
  .qa-section,
  .qa-card{
    max-width:100%!important;
    overflow:hidden!important;
  }
  .proof-panels,
  .selector-tabs,
  .translation-grid,
  .translation-tabs,
  .brand-rail,
  .brand-jumps,
  .review-grid,
  .post-grid,
  .report-rail{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .proof-panels{
    padding-right:0!important;
    margin-right:0!important;
  }
  .dashboard-card,
  .qa-section .table-card,
  .dashboard-section .table-card{
    contain:layout paint;
  }
  .dashboard-section .table-card,
  .qa-section .table-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  .dashboard-section .table-card .table-crop,
  .qa-section .table-card .table-crop{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    cursor:grab;
    scrollbar-width:none;
  }
  .dashboard-section .table-card .table-crop::-webkit-scrollbar,
  .qa-section .table-card .table-crop::-webkit-scrollbar{
    display:none;
  }
  .dashboard-section .table-card .table-crop.is-dragging,
  .qa-section .table-card .table-crop.is-dragging{
    cursor:grabbing;
  }
  .dashboard-section .ops-table,
  .qa-section .ops-table{
    max-width:none!important;
    transform:none!important;
    transform-origin:top left!important;
  }
  .dashboard-card:not([data-id="caption"]) .ops-table{
    width:760px!important;
    min-width:760px!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    width:720px!important;
    min-width:720px!important;
  }
  .qa-section .ops-table{
    width:780px!important;
    min-width:780px!important;
  }
  .dashboard-card[data-id="caption"] .post-grid{
    max-width:100%!important;
    padding-right:22px!important;
    scroll-padding-right:22px!important;
  }
  .dashboard-card[data-id="caption"] .post-grid article{
    max-width:calc(100vw - 72px)!important;
  }
}

@media (max-width:430px){
  .dashboard-card:not([data-id="caption"]) .ops-table{
    width:735px!important;
    min-width:735px!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    width:700px!important;
    min-width:700px!important;
  }
  .qa-section .ops-table{
    width:760px!important;
    min-width:760px!important;
  }
  .dashboard-card[data-id="caption"] .post-grid article{
    max-width:calc(100vw - 64px)!important;
  }
}

/* =====================================================================
   v93 MOBILE TABLE FULL-SCROLL FIX
   The dashboard sheet previews now scroll in BOTH directions inside the
   card, with extra right/bottom travel so the first/last columns and rows
   can fully clear the rounded crop and the Tap to Open button.
   ===================================================================== */
@media (max-width:860px){
  .dashboard-section .table-card,
  .qa-section .table-card{
    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }
  .dashboard-section .table-card .table-crop,
  .qa-section .table-card .table-crop{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    overflow:auto!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    padding:0 46px 96px 0!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:none!important;
    cursor:grab!important;
    scrollbar-width:none!important;
  }
  .dashboard-section .table-card .table-crop::-webkit-scrollbar,
  .qa-section .table-card .table-crop::-webkit-scrollbar{
    display:none!important;
  }
  .dashboard-section .table-card .table-crop.is-dragging,
  .qa-section .table-card .table-crop.is-dragging{
    cursor:grabbing!important;
  }
  .dashboard-section .table-card .ops-table,
  .qa-section .table-card .ops-table{
    transform:none!important;
    transform-origin:top left!important;
    max-width:none!important;
    margin:0!important;
  }
  .dashboard-card[data-id="weekly"] .ops-table{
    width:1040px!important;
    min-width:1040px!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    width:940px!important;
    min-width:940px!important;
  }
  .qa-section .ops-table{
    width:1080px!important;
    min-width:1080px!important;
  }
  .dashboard-section .tap-open,
  .qa-section .tap-open{
    pointer-events:auto!important;
  }
}
@media (max-width:430px){
  .dashboard-card[data-id="weekly"] .ops-table{
    width:1020px!important;
    min-width:1020px!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    width:920px!important;
    min-width:920px!important;
  }
  .qa-section .ops-table{
    width:1060px!important;
    min-width:1060px!important;
  }
}

/* =====================================================================
   v94 DESKTOP DASHBOARD FIT PASS
   Desktop had started inheriting the "wide preview" feel from the mobile
   table fixes. This keeps mobile scrolling intact while making dashboard
   proof panels behave like polished desktop cards again: contained shell,
   full-width tables, no right-edge bleed, and the CTA below the preview
   instead of covering cells.
   ===================================================================== */
@media (min-width:861px){
  .dashboard-section{
    padding:clamp(24px,3vw,42px)!important;
    overflow:hidden!important;
  }
  .dashboard-section .selector-shell{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:26px 30px 30px!important;
    border-radius:24px!important;
  }
  .dashboard-section .selector-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:16px!important;
    margin:14px 0 20px!important;
  }
  .dashboard-section .selector-tabs button{
    flex:0 1 245px!important;
    min-width:0!important;
    max-width:260px!important;
    padding:14px 20px!important;
    white-space:nowrap!important;
  }
  .dashboard-section .proof-panels{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    display:block!important;
  }
  .dashboard-section .dashboard-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:28px!important;
    border-radius:22px!important;
  }
  .dashboard-section .dashboard-card:not(.active){
    display:none!important;
  }
  .dashboard-section .dashboard-card.active{
    display:block!important;
  }
  .dashboard-section .dashboard-card .section-title{
    font-size:clamp(2.15rem,3.2vw,3.35rem)!important;
    line-height:.96!important;
    letter-spacing:.035em!important;
    margin:0 0 22px!important;
  }
  .dashboard-section .proof-hero{
    grid-template-columns:78px minmax(0,1fr)!important;
    align-items:center!important;
    gap:22px!important;
    padding:24px 28px!important;
    margin-bottom:18px!important;
  }
  .dashboard-section .proof-hero h3{
    font-size:clamp(2rem,2.8vw,3.05rem)!important;
    line-height:1!important;
  }
  .dashboard-section .proof-hero p{
    max-width:920px!important;
    font-size:1.02rem!important;
    line-height:1.45!important;
  }
  .dashboard-section .sheet-link{
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 16px!important;
    min-height:56px!important;
    padding:14px 18px!important;
  }
  .dashboard-section .table-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    border-radius:18px!important;
    padding:0!important;
  }
  .dashboard-section .table-card:after{
    display:none!important;
  }
  .dashboard-section .table-card .table-crop{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .dashboard-section .ops-table{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    transform:none!important;
  }
  .dashboard-section .ops-table th,
  .dashboard-section .ops-table td{
    padding:13px 14px!important;
    font-size:.86rem!important;
    line-height:1.32!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .dashboard-section .ops-table th{
    font-size:.78rem!important;
    letter-spacing:.02em!important;
  }
  .dashboard-card[data-id="weekly"] .ops-table th:nth-child(1),
  .dashboard-card[data-id="weekly"] .ops-table td:nth-child(1){width:12%!important;}
  .dashboard-card[data-id="weekly"] .ops-table th:nth-child(2),
  .dashboard-card[data-id="weekly"] .ops-table td:nth-child(2){width:12%!important;}
  .dashboard-card[data-id="weekly"] .ops-table th:nth-child(n+3),
  .dashboard-card[data-id="weekly"] .ops-table td:nth-child(n+3){width:10.85%!important;}
  .dashboard-card[data-id="assets"] .ops-table th:nth-child(1),
  .dashboard-card[data-id="assets"] .ops-table td:nth-child(1){width:24%!important;}
  .dashboard-card[data-id="assets"] .ops-table th:nth-child(2),
  .dashboard-card[data-id="assets"] .ops-table td:nth-child(2){width:24%!important;}
  .dashboard-card[data-id="assets"] .ops-table th:nth-child(3),
  .dashboard-card[data-id="assets"] .ops-table td:nth-child(3){width:24%!important;}
  .dashboard-card[data-id="assets"] .ops-table th:nth-child(4),
  .dashboard-card[data-id="assets"] .ops-table td:nth-child(4){width:28%!important;}
  .dashboard-section .tap-open{
    position:static!important;
    float:none!important;
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:14px 0 0 auto!important;
    padding:.82rem 1.15rem!important;
    font-size:.85rem!important;
    letter-spacing:.13em!important;
  }
  .dashboard-card[data-id="caption"] .post-grid{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    padding:6px 2px 18px!important;
  }
  .dashboard-card[data-id="caption"] .post-grid article{
    flex:1 0 300px!important;
    max-width:360px!important;
  }
}
@media (min-width:861px) and (max-width:1120px){
  .dashboard-section .selector-shell{
    padding:22px 20px 24px!important;
  }
  .dashboard-section .dashboard-card{
    padding:22px!important;
  }
  .dashboard-section .proof-hero{
    padding:20px 22px!important;
  }
  .dashboard-section .ops-table th,
  .dashboard-section .ops-table td{
    padding:11px 10px!important;
    font-size:.78rem!important;
  }
  .dashboard-section .ops-table th{
    font-size:.69rem!important;
  }
}

/* ===== outputs card fit refinement ===== */
.translation-card[data-translation-card="outputs"]{
  min-height: 520px;
}
.translation-card[data-translation-card="outputs"] .cover-copy{
  padding-bottom: 8px;
}
.translation-card[data-translation-card="outputs"] .cover-img{
  padding: 8px 12px 10px;
  background: linear-gradient(180deg,#02070b,#071019);
  overflow: hidden;
}
.translation-card[data-translation-card="outputs"] .cover-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 52%;
  transform: scale(1.14);
  transform-origin: center center;
  border-radius: 16px;
}
@media (max-width: 900px){
  .translation-card[data-translation-card="outputs"] .cover-img img{
    transform: scale(1.12);
    object-position: center 51%;
  }
}

/* ===== modal fix: image cards open to the same updated visual ===== */
.modal-image-shell{
  margin: 0 0 1rem;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #02070b;
  overflow: hidden;
}
.modal-image-shell img{
  width: 100%;
  max-height: min(72vh, 820px);
  object-fit: contain;
  border-radius: 16px;
  margin: 0 auto;
}
.outputs-modal-image{
  background: linear-gradient(180deg,#071019,#02070b);
  padding: 0;
}
.outputs-modal-image img{
  max-height: min(78vh, 900px);
  border-radius: 18px;
}
@media (max-width: 860px){
  .modal-card{padding: .9rem;}
  .modal-image-shell img{max-height: 72vh;}
  .outputs-modal-image img{max-height: 76vh;}
}

/* ===== outputs explanatory copy restored in open state ===== */
.outputs-modal-copy{
  margin-top: 1rem;
  border: 1px solid rgba(255,255,255,.10);
  border-left: 5px solid #05d66d;
  border-radius: 18px;
  background: linear-gradient(135deg,rgba(5,214,109,.10),rgba(255,255,255,.025));
  padding: 1rem 1.15rem;
}
.outputs-modal-copy .detail-list{
  margin: 0;
  padding-left: 1.25rem;
}
.outputs-modal-copy .detail-list li{
  margin: .65rem 0;
  color: #d5deec;
  font-size: clamp(.98rem,2.2vw,1.15rem);
  line-height: 1.45;
}
.grouped-output-copy .output-group + .output-group{
  margin-top:1rem;
}
.grouped-output-copy .output-group-label{
  margin:.1rem 0 .45rem;
  color:#f6f8ff;
  font-size:clamp(1rem,2.3vw,1.18rem);
  line-height:1.35;
}
.grouped-output-copy .detail-list{
  margin:.35rem 0 .2rem;
}

/* ===== Scan-friendly case study copy ===== */
.brief-copy{
  display:grid;
  gap:.58rem;
  margin-top:.68rem;
  color:#d7deeb;
}
.brief-copy p{
  margin:0;
  font-size:clamp(.95rem,1.55vw,1.06rem);
  line-height:1.55;
  color:#d7deeb;
}
.brief-bullets{
  display:grid;
  gap:.38rem;
  margin:.08rem 0 .1rem;
}
.brief-bullets span{
  display:block;
  position:relative;
  padding-left:1.05rem;
  font-size:clamp(.92rem,1.5vw,1.02rem);
  line-height:1.42;
  color:#eef4ff;
}
.brief-bullets span::before{
  content:'';
  position:absolute;
  left:0;
  top:.62em;
  width:.38rem;
  height:.38rem;
  border-radius:999px;
  background:color-mix(in srgb,var(--briefAccent,#8a51ff) 72%,#ffffff 8%);
  box-shadow:0 0 14px color-mix(in srgb,var(--briefAccent,#8a51ff) 36%,transparent);
}
.apex-popup-note .brief-copy{
  gap:.72rem;
  margin-top:.8rem;
}
.apex-popup-note .brief-copy p,
.apex-popup-note .brief-bullets span{
  font-size:clamp(1rem,1.8vw,1.12rem);
}
.modal-grid .modal-block .brief-copy{
  gap:.48rem;
}
@media(max-width:860px){
  .brief-copy{gap:.52rem;margin-top:.62rem;}
  .brief-copy p{font-size:1rem;line-height:1.52;}
  .brief-bullets{gap:.34rem;}
  .brief-bullets span{font-size:.98rem;line-height:1.4;}
}

/* ===== Apex brief modal visual popup pass ===== */
.modal-block.clickable-brief{
  cursor:pointer;
  position:relative;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.modal-block.clickable-brief:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--briefAccent,#3d8bff) 52%,rgba(255,255,255,.16));
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));
}
.brief-thumb{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  margin:.65rem 0 .75rem;
  background:#02070b;
}
.brief-open-chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin-top:.55rem;
  padding:.42rem .62rem;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--briefAccent,#3d8bff) 44%,rgba(255,255,255,.14));
  color:#bcdfff;
  background:rgba(61,139,255,.10);
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.apex-popup-image{
  margin:1rem 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:#02070b;
  overflow:hidden;
}
.apex-popup-image img{
  width:100%;
  max-height:min(68vh,760px);
  object-fit:contain;
  display:block;
  margin:0 auto;
}
.apex-popup-note{
  border:1px solid rgba(61,139,255,.32);
  border-left:5px solid #3d8bff;
  border-radius:16px;
  background:rgba(61,139,255,.08);
  padding:1rem;
  color:#d7deeb;
}
@media(max-width:860px){
  .brief-thumb{aspect-ratio:4/3;}
  .apex-popup-image img{max-height:62vh;}
}

/* ===== Apex image visibility correction =====
   The Apex visual should never be cropped in the brief card or the shared popup. */
.brief-thumb{
  aspect-ratio:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#02070b!important;
}
.apex-popup-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  max-height:none!important;
  overflow:visible!important;
}
.apex-popup-image img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:78vh!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px!important;
}
@media(max-width:860px){
  .brief-thumb{
    aspect-ratio:auto!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .apex-popup-image{
    padding:8px!important;
  }
  .apex-popup-image img{
    max-width:100%!important;
    max-height:72vh!important;
  }
}

/* ===== Apex pitch card image pass ===== */
.modal-grid .clickable-brief{
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.modal-grid .clickable-brief p{
  margin-top:.55rem;
}
.modal-grid .clickable-brief .brief-open-chip{
  margin-top:auto;
}
.modal-grid .clickable-brief .brief-thumb{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* ===== Apex What We Deliver image replacement tune ===== */
.modal-grid .clickable-brief .brief-thumb{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#02070b!important;
}
.apex-popup-image img{
  object-fit:contain!important;
  object-position:center center!important;
}

/* ===== Mobile title card spacing fix =====
   Keeps title cards readable on mobile by separating the title line from the
   summary line and clamping the paragraph instead of letting it crush the layout.
*/
.brand-card .brand-desc{
  color:#dce5f1;
}
.brand-card .brand-card-title{
  display:block;
  line-height:1.22;
  margin-bottom:5px;
}
.brand-card .brand-card-summary{
  display:block;
  color:#c8d0dd;
}
@media (max-width:860px){
  .brand-card .card-body{
    left:22px!important;
    right:22px!important;
    bottom:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .brand-card .kicker{
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.32!important;
    letter-spacing:.14em!important;
  }
  .brand-card h3{
    margin:0!important;
    font-size:clamp(26px,7.2vw,31px)!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
    max-width:100%!important;
  }
  .brand-card .brand-desc{
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.42!important;
    max-height:5.75em!important;
    overflow:hidden!important;
  }
  .brand-card .brand-card-title{
    font-size:14px!important;
    line-height:1.28!important;
    margin:0 0 4px!important;
  }
  .brand-card[data-slug="talentarc"] .brand-card-title{
    line-height:1.3!important;
  }
  .brand-card .brand-card-summary{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .brand-card .card-cta{
    margin:2px 0 0!important;
  }
  .brand-card .chips{
    max-height:30px!important;
    overflow:hidden!important;
  }
}
@media (max-width:430px){
  .brand-card .card-body{
    gap:7px!important;
  }
  .brand-card h3{
    font-size:27px!important;
    line-height:1.14!important;
  }
  .brand-card .brand-desc{
    font-size:13px!important;
    line-height:1.42!important;
    max-height:4.3em!important;
  }
  .brand-card .brand-card-title{
    font-size:13.5px!important;
    line-height:1.3!important;
  }
  .brand-card .brand-card-summary{
    -webkit-line-clamp:1!important;
  }
  .brand-card .chips{
    display:none!important;
  }
}

/* ===== Desktop case-study card typography normalization =====
   Keeps mobile behavior intact while preventing long desktop card copy from
   washing over the artwork or breaking unevenly across cards. */
@media (min-width:861px){
  .client-section .brand-card{
    flex:0 0 372px!important;
    height:468px!important;
    min-height:468px!important;
  }
  .client-section .brand-card::before{
    background:
      linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.34) 47%,rgba(0,0,0,.06))!important;
  }
  .client-section .brand-card .card-body{
    left:18px!important;
    right:18px!important;
    bottom:18px!important;
    padding:16px 16px 14px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(8,13,22,.82),rgba(8,13,22,.64))!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(8px)!important;
  }
  .client-section .brand-card .kicker{
    margin:0 0 6px!important;
    font-size:10.5px!important;
    line-height:1.22!important;
    letter-spacing:.17em!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .client-section .brand-card h3{
    margin:0 0 7px!important;
    font-size:32px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .client-section .brand-card .brand-desc{
    margin:0 0 10px!important;
    font-size:13px!important;
    line-height:1.32!important;
    color:#dce5f1!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .client-section .brand-card .brand-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    margin:0 0 5px!important;
    font-size:13.5px!important;
    line-height:1.24!important;
    color:#f4f7fb!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .client-section .brand-card .brand-card-summary{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    color:#cbd4e0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .client-section .brand-card .card-cta{
    margin:0 0 9px!important;
    padding:9px 13px!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .client-section .brand-card .chips{
    max-height:64px!important;
    overflow:hidden!important;
    gap:6px!important;
  }
  .client-section .brand-card .chip{
    font-size:11px!important;
    line-height:1!important;
    padding:7px 9px!important;
  }
}



/* ===== Title card image visibility fix =====
   Removes the heavy black copy panels from client title cards so the
   artwork/photo stays visible. Readability is handled with text shadow,
   a lighter bottom gradient, and translucent chips instead of a solid box.
*/
.client-section .brand-card::before{
  background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.34) 38%,rgba(0,0,0,.08) 68%,rgba(0,0,0,0) 100%)!important;
}
.client-section .brand-card .card-body{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  text-shadow:0 2px 14px rgba(0,0,0,.86),0 0 28px rgba(0,0,0,.62)!important;
}
.client-section .brand-card .card-cta{
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 0 26px rgba(155,97,255,.18)!important;
}
.client-section .brand-card .chip{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(4px)!important;
}
@media (min-width:861px){
  .client-section .brand-card .card-body{
    left:24px!important;
    right:24px!important;
    bottom:24px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    padding:0!important;
  }
}
@media (max-width:860px){
  .client-section .brand-card::before{
    background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.36) 42%,rgba(0,0,0,.08) 72%,rgba(0,0,0,0) 100%)!important;
  }
}



/* ===== Vida Moves readability flow pass =====
   Spacing only. No copy changes.
   Keeps Vida case-study copy easier to scan on mobile and desktop. */
.modal-block[data-brand-brief-popup="vida"] .brief-copy,
.vida-brief-note .brief-copy{
  gap: .86rem;
  margin-top: .92rem;
}
.modal-block[data-brand-brief-popup="vida"] .brief-copy p,
.vida-brief-note .brief-copy p{
  line-height: 1.66;
  max-width: 62ch;
}
.modal-block[data-brand-brief-popup="vida"] .brief-bullets,
.vida-brief-note .brief-bullets{
  gap: .52rem;
  margin: .18rem 0 .32rem;
}
.modal-block[data-brand-brief-popup="vida"] .brief-bullets span,
.vida-brief-note .brief-bullets span{
  line-height: 1.48;
}
@media(max-width:860px){
  .modal-block[data-brand-brief-popup="vida"]{
    padding: 1.15rem;
  }
  .modal-block[data-brand-brief-popup="vida"] .brief-copy,
  .vida-brief-note .brief-copy{
    gap: .82rem;
  }
  .modal-block[data-brand-brief-popup="vida"] .brief-copy p,
  .vida-brief-note .brief-copy p{
    font-size: 1.02rem;
    line-height: 1.62;
  }
  .modal-block[data-brand-brief-popup="vida"] .brief-bullets span,
  .vida-brief-note .brief-bullets span{
    font-size: 1.01rem;
    line-height: 1.46;
  }
}



/* =====================================================================
   v95 CONSTRAINED TABLE SCROLL SHELL
   Wide dashboard data grids no longer depend on page-level overflow hiding.
   Each ops table now lives inside an explicit scroll shell so the parent
   dashboard card stays stable while the table itself can scroll cleanly.
   ===================================================================== */
.dashboard-section .selector-shell,
.dashboard-section .proof-panels,
.dashboard-section .dashboard-card,
.qa-section,
.qa-section .qa-grid,
.qa-section .qa-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dashboard-section .table-card,
.qa-section .table-card{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:clip!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
.dashboard-section .table-scroll-shell,
.qa-section .table-scroll-shell{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable both-edges;
  touch-action:pan-x pan-y!important;
  cursor:grab;
}
.dashboard-section .table-scroll-shell.is-dragging,
.qa-section .table-scroll-shell.is-dragging{
  cursor:grabbing!important;
}
.dashboard-section .table-scroll-shell::-webkit-scrollbar,
.qa-section .table-scroll-shell::-webkit-scrollbar{
  height:8px;
  width:8px;
}
.dashboard-section .table-scroll-shell::-webkit-scrollbar-thumb,
.qa-section .table-scroll-shell::-webkit-scrollbar-thumb{
  background:rgba(138,81,255,.55);
  border-radius:999px;
}
.dashboard-section .ops-table,
.qa-section .ops-table{
  transform:none!important;
  transform-origin:top left!important;
  max-width:none!important;
  table-layout:fixed!important;
}
@media (max-width:860px){
  .site-shell,
  .section,
  .selector-shell,
  .dashboard-card,
  .qa-section,
  .qa-card{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .dashboard-card:not([data-id="caption"]) .table-card{
    height:min(64vh,390px)!important;
    max-height:none!important;
  }
  .qa-section .table-card{
    height:min(66vh,420px)!important;
    max-height:none!important;
  }
  .dashboard-section .table-scroll-shell,
  .qa-section .table-scroll-shell{
    height:100%!important;
    padding:0 28px 88px 0!important;
    overflow:auto!important;
  }
  .dashboard-card[data-id="weekly"] .ops-table{
    width:1040px!important;
    min-width:1040px!important;
  }
  .dashboard-card[data-id="assets"] .ops-table{
    width:940px!important;
    min-width:940px!important;
  }
  .qa-section .ops-table{
    width:1080px!important;
    min-width:1080px!important;
  }
  .dashboard-section .ops-table th,
  .dashboard-section .ops-table td,
  .qa-section .ops-table th,
  .qa-section .ops-table td{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
}
@media (min-width:861px){
  .dashboard-section .table-scroll-shell,
  .qa-section .table-scroll-shell{
    max-height:none!important;
    padding:0!important;
  }
  .dashboard-section .ops-table{
    width:100%!important;
    min-width:0!important;
  }
  .qa-section .ops-table{
    width:100%!important;
    min-width:920px!important;
  }
}


/* ===== Full case-study open view =====
   Brand case studies now open as a compact visual matrix on desktop and mobile.
   The six section cards stay in a 3-column grid so the story can be scanned at once. */
.modal-card:has(.brand-case-study-open){
  width:min(1240px,calc(100vw - 1.25rem));
  padding:clamp(.72rem,1.5vw,1.2rem);
}
.brand-case-study-open{
  width:100%;
}
.brand-case-study-open .section-title{
  margin-bottom:.45rem;
}
.brand-case-study-open .section-lead{
  margin-bottom:1rem;
  max-width:980px;
  font-size:clamp(.82rem,1.15vw,1.05rem);
  line-height:1.42;
}
.brand-case-study-grid.modal-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(.45rem,1vw,.8rem)!important;
  align-items:start;
}
.brand-case-study-grid .modal-block.clickable-brief{
  min-width:0;
  padding:clamp(.55rem,1vw,.9rem);
  border-radius:14px;
  overflow:hidden;
}
.brand-case-study-grid .modal-block.clickable-brief > b{
  display:block;
  font-size:clamp(.66rem,.95vw,.9rem);
  line-height:1.18;
  margin-bottom:.35rem;
}
.brand-case-study-grid .brief-thumb{
  margin:.38rem 0 .55rem!important;
  border-radius:10px!important;
}
.brand-case-study-grid .brief-copy{
  gap:.38rem;
  margin-top:.45rem;
}
.brand-case-study-grid .brief-copy p{
  font-size:clamp(.58rem,.82vw,.82rem);
  line-height:1.38;
}
.brand-case-study-grid .brief-bullets{
  gap:.24rem;
  margin:.02rem 0 .04rem;
}
.brand-case-study-grid .brief-bullets span{
  font-size:clamp(.56rem,.78vw,.78rem);
  line-height:1.3;
  padding-left:.8rem;
}
.brand-case-study-grid .brief-bullets span::before{
  width:.28rem;
  height:.28rem;
  top:.54em;
}
.brand-case-study-grid .brief-open-chip{
  margin-top:.55rem;
  padding:.34rem .5rem;
  font-size:clamp(.48rem,.68vw,.64rem);
  line-height:1;
  letter-spacing:.07em;
}
@media(max-width:860px){
  .modal-root:has(.brand-case-study-open){
    padding:.32rem;
    place-items:start center;
  }
  .modal-card:has(.brand-case-study-open){
    width:calc(100vw - .64rem);
    max-height:96vh;
    padding:.55rem;
    border-radius:18px;
  }
  .brand-case-study-open .section-title{
    font-size:clamp(1.2rem,6vw,2rem)!important;
    margin-bottom:.25rem;
  }
  .brand-case-study-open .section-lead{
    font-size:.72rem;
    line-height:1.35;
    margin-bottom:.7rem;
  }
  .brand-case-study-grid.modal-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.38rem!important;
  }
  .brand-case-study-grid .modal-block.clickable-brief{
    padding:.44rem;
    border-radius:12px;
  }
  .brand-case-study-grid .modal-block.clickable-brief > b{
    font-size:.62rem;
    line-height:1.14;
  }
  .brand-case-study-grid .brief-copy{
    gap:.28rem;
    margin-top:.34rem;
  }
  .brand-case-study-grid .brief-copy p{
    font-size:.56rem;
    line-height:1.32;
  }
  .brand-case-study-grid .brief-bullets{
    gap:.18rem;
  }
  .brand-case-study-grid .brief-bullets span{
    font-size:.54rem;
    line-height:1.24;
    padding-left:.62rem;
  }
  .brand-case-study-grid .brief-bullets span::before{
    width:.22rem;
    height:.22rem;
    top:.55em;
  }
  .brand-case-study-grid .brief-open-chip{
    padding:.28rem .38rem;
    font-size:.43rem;
    letter-spacing:.055em;
  }
  .brand-case-study-open .modal-actions .btn{
    font-size:.72rem;
    padding:.7rem .95rem;
  }
}


/* ===== Expanded workflow operating system map =====
   Adds the longer middle workflow without changing the original three translation cards. */

/* Integrated workflow output cards */
.translation-grid{align-items:stretch;}
.translation-card[data-type="workflow"]{cursor:pointer;padding:0;display:flex;flex-direction:column;min-height:520px;background:linear-gradient(180deg,#0d1624,#09111d);border-color:color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.11));}
.translation-card[data-type="workflow"] .tap-btn{margin:0 20px 20px;align-self:flex-start;border-color:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.18));background:rgba(0,0,0,.48);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent);}
.translation-card[data-type="workflow"] .cover-copy{padding:18px 20px 12px;background:linear-gradient(180deg,rgba(8,13,22,.98),rgba(8,13,22,.68));border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08));}
.translation-card[data-type="workflow"] .tl-title{font-size:clamp(1.75rem,2.4vw,2.65rem);line-height:.96;max-width:86%;}
.workflow-card-num{position:absolute;right:18px;top:18px;font-size:clamp(2.25rem,4vw,3.85rem);line-height:1;font-weight:950;color:color-mix(in srgb,var(--accent) 58%,transparent);letter-spacing:-.08em;z-index:4;}
.workflow-card-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px;min-height:0;flex:1;padding:18px 20px 20px;}
.workflow-card-purpose{border:1px solid color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.12));border-radius:22px;padding:15px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),rgba(255,255,255,.025));}
.workflow-card-purpose b,.workflow-card-contains b,.workflow-card-question b{display:block;margin:0 0 .45rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:950;}
.workflow-card-purpose p,.workflow-card-question p{margin:0;color:#d6deeb;font-size:1.02rem;line-height:1.55;}
.workflow-card-contains ul{margin:.25rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem;}
.workflow-card-contains li{position:relative;padding-left:1.05rem;color:#d2dae7;line-height:1.35;font-size:.98rem;}
.workflow-card-contains li::before{content:"";position:absolute;left:0;top:.55em;width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent);}
.workflow-card-question{margin-top:auto;border:1px solid color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.12));border-radius:20px;padding:14px 16px;background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.03));}
.reporting-bridge-card{margin:1.25rem 0 1.2rem;border:1px solid rgba(93,124,255,.42);border-radius:24px;padding:1.1rem 1.2rem;background:linear-gradient(135deg,rgba(93,124,255,.14),rgba(255,79,163,.06));color:#dce5f4;}
.reporting-bridge-card b{display:block;color:#7f98ff;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;margin-bottom:.35rem;}
.reporting-bridge-card p{margin:0;max-width:900px;line-height:1.65;}
@media (min-width:861px){.translation-grid{grid-template-columns:repeat(3,1fr);}.translation-card[data-type="workflow"]{min-height:520px;}}
@media (max-width:860px){.translation-card[data-type="workflow"]{flex:0 0 82vw;min-height:500px;}.workflow-card-body{padding:16px 17px 18px;gap:14px;}.workflow-card-purpose p,.workflow-card-question p{font-size:.95rem}.workflow-card-contains li{font-size:.92rem}.workflow-card-num{right:16px;top:16px;}}

.workflow-expansion{
  position:relative;
  margin:clamp(1.25rem,3vw,2rem) 0 clamp(1.1rem,2.5vw,1.7rem);
  padding:clamp(1.15rem,2.3vw,1.7rem);
  border:1px solid rgba(255,255,255,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(35,211,255,.14),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(255,79,163,.12),transparent 32%),
    linear-gradient(180deg,rgba(9,16,31,.96),rgba(7,12,23,.98));
  box-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.workflow-expansion::before{
  content:"";
  position:absolute;
  left:clamp(1rem,2vw,1.35rem);
  top:clamp(1rem,2vw,1.35rem);
  bottom:clamp(1rem,2vw,1.35rem);
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff8a3d,#ff4fa3,#23d3ff,#8a51ff,#e0b765,#00cc88,#5d7cff);
  opacity:.55;
}
.workflow-expansion-head{
  position:relative;
  padding-left:clamp(1.3rem,2.6vw,2.1rem);
  margin-bottom:1rem;
  max-width:980px;
}
.workflow-expansion-head .kicker{
  color:#ff5fa9;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:1000;
  font-size:.78rem;
  margin-bottom:.38rem;
}
.workflow-expansion-head h3{
  margin:0;
  color:#f8fbff;
  font-size:clamp(1.75rem,4vw,3.4rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.workflow-expansion-head p{
  margin:.65rem 0 0;
  max-width:780px;
  color:#aeb8ca;
  line-height:1.55;
  font-size:clamp(.9rem,1.2vw,1.05rem);
}
.workflow-pipeline{
  position:relative;
  display:flex;
  align-items:center;
  gap:.48rem;
  padding:.5rem 0 1rem clamp(1.3rem,2.6vw,2.1rem);
  margin-bottom:.85rem;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.workflow-pipeline::after{
  content:"";
  position:absolute;
  left:clamp(1.3rem,2.6vw,2.1rem);
  right:0;
  bottom:.28rem;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff8a3d,#ff4fa3,#23d3ff,#8a51ff,#e0b765,#00cc88,#5d7cff);
  opacity:.92;
}
.workflow-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  border:1px solid color-mix(in srgb,var(--accent) 70%,rgba(255,255,255,.18));
  background:rgba(255,255,255,.035);
  color:#f8fbff;
  border-radius:999px;
  padding:.52rem .85rem;
  font-size:.75rem;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.045em;
  white-space:nowrap;
}
.workflow-pill span{
  display:grid;
  place-items:center;
  width:1.55rem;
  height:1.55rem;
  border-radius:999px;
  background:var(--accent);
  color:#07101a;
  font-size:.68rem;
}
.workflow-pill-arrow{
  color:#cbd5e8;
  opacity:.75;
  font-weight:1000;
}
.workflow-expansion-scroll{
  position:relative;
  padding-left:clamp(1.3rem,2.6vw,2.1rem);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.workflow-expansion-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(176px,1fr));
  gap:clamp(.65rem,1vw,.9rem);
  min-width:1200px;
}
.workflow-step-card{
  position:relative;
  min-height:430px;
  padding:1rem .9rem .9rem;
  border:1px solid color-mix(in srgb,var(--accent) 70%,rgba(255,255,255,.12));
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 36px rgba(0,0,0,.18);
  overflow:hidden;
}
.workflow-step-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#fff));
}
.workflow-step-card::after{
  content:attr(data-step);
  position:absolute;
  right:.85rem;
  top:.75rem;
  color:color-mix(in srgb,var(--accent) 85%,#fff);
  opacity:.42;
  font-size:2.3rem;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.08em;
}
.workflow-step-eyebrow{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.62rem;
  font-weight:1000;
  min-height:1.2rem;
  max-width:78%;
}
.workflow-step-card h4{
  margin:.62rem 0 .75rem;
  color:#f8fbff;
  font-size:clamp(1.12rem,1.5vw,1.42rem);
  line-height:.98;
  letter-spacing:-.04em;
}
.workflow-step-purpose,
.workflow-step-question{
  border-radius:14px;
  border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.12));
  background:rgba(0,0,0,.18);
  padding:.72rem;
}
.workflow-step-purpose b,
.workflow-step-contains b,
.workflow-step-question b{
  display:block;
  margin-bottom:.28rem;
  color:color-mix(in srgb,var(--accent) 76%,#fff);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.58rem;
  font-weight:1000;
}
.workflow-step-purpose p,
.workflow-step-question p{
  margin:0;
  color:#d8deec;
  font-size:.79rem;
  line-height:1.4;
}
.workflow-step-contains{
  margin:.78rem 0;
}
.workflow-step-contains ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.32rem;
}
.workflow-step-contains li{
  position:relative;
  padding-left:.78rem;
  color:#c4cedf;
  font-size:.74rem;
  line-height:1.24;
}
.workflow-step-contains li::before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:.32rem;
  height:.32rem;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent);
}
.workflow-step-question{
  margin-top:auto;
}
.workflow-step-card{
  display:flex;
  flex-direction:column;
}
.workflow-expansion-foot{
  position:relative;
  margin:1rem 0 0 clamp(1.3rem,2.6vw,2.1rem);
  padding:.85rem 1rem;
  border-radius:18px;
  border:1px solid rgba(138,81,255,.5);
  background:rgba(138,81,255,.11);
  color:#f3f6ff;
  font-weight:850;
  line-height:1.45;
}
.workflow-expansion-foot b{
  color:#d9c4ff;
  margin-right:.45rem;
}
@media(max-width:980px){
  .workflow-expansion{border-radius:24px;padding:1rem .85rem;}
  .workflow-expansion::before{left:.86rem;}
  .workflow-expansion-head,.workflow-pipeline,.workflow-expansion-scroll{padding-left:1.45rem;}
  .workflow-expansion-grid{min-width:1080px;grid-template-columns:repeat(7,154px);}
  .workflow-step-card{min-height:420px;padding:.92rem .78rem .78rem;border-radius:17px;}
  .workflow-step-card h4{font-size:1.05rem;}
  .workflow-step-purpose p,.workflow-step-question p{font-size:.72rem;}
  .workflow-step-contains li{font-size:.68rem;}
}
@media(max-width:640px){
  .workflow-expansion-head h3{font-size:clamp(2rem,11vw,3rem);}
  .workflow-pipeline{display:none;}
  .workflow-expansion-scroll{overflow:visible;padding-left:1.45rem;}
  .workflow-expansion-grid{min-width:0;grid-template-columns:1fr;gap:.82rem;}
  .workflow-step-card{min-height:auto;}
  .workflow-step-card::after{font-size:2rem;}
  .workflow-expansion-foot{margin-left:1.45rem;font-size:.86rem;}
}



/* v94 workflow cleanup: remove the intro/index block from render output and make the six workflow controls fit on mobile. */
@media (max-width:860px){
  #workflow-proof{padding-top:.75rem;}
  #workflow-proof .translation-controls{margin:12px 0 14px;}
  #workflow-proof .translation-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.42rem!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
  }
  #workflow-proof .translation-arrow{display:none!important;}
  #workflow-proof .translation-tabs button{
    min-width:0!important;
    width:100%!important;
    flex:1 1 auto!important;
    padding:.55rem .38rem!important;
    border-radius:999px!important;
    font-size:.56rem!important;
    line-height:1.05!important;
    letter-spacing:.035em!important;
    white-space:normal!important;
    text-align:center!important;
    gap:.24rem!important;
  }
  #workflow-proof .translation-tabs button span{
    width:1.35rem!important;
    height:1.35rem!important;
    min-width:1.35rem!important;
    font-size:.52rem!important;
  }
}
@media (max-width:430px){
  #workflow-proof .translation-tabs{gap:.36rem!important;}
  #workflow-proof .translation-tabs button{
    padding:.5rem .28rem!important;
    font-size:.50rem!important;
    letter-spacing:.025em!important;
  }
  #workflow-proof .translation-tabs button span{
    width:1.18rem!important;
    height:1.18rem!important;
    min-width:1.18rem!important;
    font-size:.46rem!important;
  }
}

/* v98: central workflow cover uses the Weekly Updates dashboard visual while preserving tap-to-open details. */
.translation-card[data-type="workflow"][data-has-cover="true"] .cover-img{position:relative;inset:auto;order:2;flex:1;min-height:300px;padding:12px;background:linear-gradient(180deg,#02070b,#071019);display:grid;place-items:center;}
.translation-card[data-type="workflow"][data-has-cover="true"] .cover-img img{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#02070b;}
.translation-card[data-type="workflow"][data-has-cover="true"] .workflow-card-num{z-index:5;}
@media (max-width:860px){.translation-card[data-type="workflow"][data-has-cover="true"] .cover-img{min-height:285px;padding:10px;}}

/* v100: Central Workflow Station cover is a clickable live Google Sheet calendar preview. */
.translation-card[data-translation-card="central-workflow"]{display:flex;flex-direction:column;gap:0;}
.translation-card[data-translation-card="central-workflow"] .cover-copy{display:none;}
.translation-card[data-translation-card="central-workflow"] .workflow-card-num{display:none;}
.workflow-live-cover{position:relative;order:1;flex:1;margin:12px 12px 10px;border:1px solid rgba(35,211,255,.42);border-radius:24px;padding:16px;background:radial-gradient(circle at 88% 8%,rgba(35,211,255,.16),transparent 34%),linear-gradient(180deg,rgba(14,24,37,.98),rgba(7,13,21,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 34px rgba(35,211,255,.08);display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:hidden;text-decoration:none;color:inherit;}
.workflow-live-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent),0 0 42px color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;}
.workflow-live-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;position:relative;z-index:2;}
.workflow-live-eyebrow{font-size:.66rem;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);}
.workflow-live-num{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:15px;font-weight:950;color:var(--accent);background:rgba(0,0,0,.24);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent);}
.workflow-live-title{position:relative;z-index:2;margin:0;font-size:clamp(1.45rem,2.45vw,2.15rem);line-height:.98;font-weight:950;letter-spacing:-.045em;max-width:88%;}
.workflow-live-description{position:relative;z-index:2;margin:0;color:#cbd6e6;font-size:.82rem;line-height:1.35;max-width:95%;}
.workflow-live-cta-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgba(35,211,255,.42);border-left:5px solid var(--accent);border-radius:13px;background:rgba(35,211,255,.075);padding:.72rem .78rem;font-size:.74rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase;color:#dff7ff;}
.workflow-live-cta-bar span:first-child{display:flex;align-items:center;gap:.45rem;}
.workflow-live-pulse{width:.58rem;height:.58rem;border-radius:999px;background:var(--accent);box-shadow:0 0 16px var(--accent);}
.workflow-live-table-frame{position:relative;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#111a27;overflow:hidden;box-shadow:0 18px 34px rgba(0,0,0,.26);}
.workflow-live-calendar{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.56rem;line-height:1.12;}
.workflow-live-calendar th,.workflow-live-calendar td{border:1px solid rgba(255,255,255,.08);padding:.42rem .38rem;text-align:left;vertical-align:top;}
.workflow-live-calendar th{background:#1c2735;color:#edf3ff;text-transform:uppercase;font-size:.49rem;letter-spacing:.05em;}
.workflow-live-calendar td{color:#c9d3e0;word-break:break-word;}
.workflow-live-calendar td:first-child{font-weight:950;color:var(--brandColor,#fff);border-left:4px solid var(--brandColor,var(--accent));}
.workflow-live-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#f0f5ff;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:950;}
.workflow-live-cover-modal{min-height:520px;margin:0;padding:24px;gap:16px;}
.workflow-live-cover-modal .workflow-live-title{font-size:clamp(2rem,4vw,3.3rem);}
.workflow-live-cover-modal .workflow-live-description{font-size:1rem;}
.workflow-live-cover-modal .workflow-live-calendar{font-size:.82rem;}
.workflow-live-cover-modal .workflow-live-calendar th{font-size:.68rem;}
.workflow-live-cover:hover{border-color:rgba(35,211,255,.78);transform:translateY(-1px);}
.translation-card[data-translation-card="central-workflow"] .tap-btn{order:2;margin:0 12px 12px;}
@media (max-width:860px){.workflow-live-cover{margin:10px 10px 8px;padding:13px;gap:10px;border-radius:21px;}.workflow-live-title{font-size:1.45rem;}.workflow-live-description{font-size:.72rem;}.workflow-live-cta-bar{font-size:.62rem;padding:.62rem .65rem;}.workflow-live-table-frame{border-radius:12px;}.workflow-live-calendar{font-size:.44rem;}.workflow-live-calendar th{font-size:.38rem;letter-spacing:.02em;}.workflow-live-calendar th,.workflow-live-calendar td{padding:.31rem .24rem;}.workflow-live-calendar td:first-child{border-left-width:3px;}.workflow-live-footer{font-size:.64rem;}.workflow-live-cover-modal{min-height:auto;padding:13px;}.workflow-live-cover-modal .workflow-live-calendar{font-size:.46rem;}.translation-card[data-translation-card="central-workflow"] .tap-btn{margin:0 10px 10px;}}



/* v101: Central Workflow Station card preview restored to static cover; modal remains the live Google Sheet. */
.translation-card[data-translation-card="central-workflow"] .cover-copy{display:block!important;}
.translation-card[data-translation-card="central-workflow"] .workflow-card-num{display:grid!important;}
.translation-card[data-translation-card="central-workflow"] .cover-img{position:relative!important;inset:auto!important;order:2!important;flex:1!important;min-height:300px!important;padding:12px!important;background:linear-gradient(180deg,#02070b,#071019)!important;display:grid!important;place-items:center!important;}
.translation-card[data-translation-card="central-workflow"] .cover-img img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:16px!important;background:#02070b!important;}
.translation-card[data-translation-card="central-workflow"] .tap-btn{order:3!important;}
@media (max-width:860px){
  .translation-card[data-translation-card="central-workflow"] .cover-img{min-height:285px!important;padding:10px!important;}
}


/* v102: workflow cards 04, 05, and 06 keep static covers, but their modals open live Google Sheet previews. */
.workflow-live-modal-shell{padding:0!important;background:transparent!important;border:0!important;}
.workflow-live-cover-modal{width:100%;}
.workflow-live-cover-modal .workflow-live-table-frame{overflow:auto;max-width:100%;}
.workflow-live-cover-modal .workflow-live-calendar{min-width:860px;}
.workflow-live-cover-modal.asset-preview .workflow-live-calendar{min-width:820px;}
.workflow-live-cover-modal.caption-preview .workflow-live-calendar{min-width:780px;}
.workflow-live-cover-modal.ledger-preview .workflow-live-calendar{min-width:1180px;}
.workflow-live-cover-modal .workflow-live-table-frame::-webkit-scrollbar{height:10px;width:10px;}
.workflow-live-cover-modal .workflow-live-table-frame::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.2));border-radius:999px;}
.workflow-live-cover-modal .workflow-live-cta-bar{cursor:pointer;}
/* v116: central workflow modal now uses Production Ledger as the primary live proof and moves Weekly Client Content Matrix below the purpose block. */
.workflow-weekly-under-purpose{margin:1rem 0 0;}
.workflow-weekly-under-purpose .workflow-live-cover{margin:0;}
.workflow-weekly-under-purpose .workflow-live-cover-modal{min-height:auto;}
@media (max-width:860px){.workflow-weekly-under-purpose .workflow-live-cover-modal{padding:12px;}.workflow-weekly-under-purpose .workflow-live-title{font-size:1.35rem;}}

@media (max-width:860px){
  .workflow-live-cover-modal .workflow-live-table-frame{max-height:345px;}
  .workflow-live-cover-modal .workflow-live-calendar{min-width:720px;}
  .workflow-live-cover-modal.ledger-preview .workflow-live-calendar{min-width:980px;}
}


/* v103: Caption Bank live modal uses the fuller dashboard-proof presentation with post examples. */
.workflow-caption-bank-rich{
  padding:clamp(18px,3vw,34px)!important;
  border-left:7px solid var(--accent)!important;
  gap:18px!important;
  background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(180deg,rgba(9,21,35,.98),rgba(1,17,26,.98))!important;
}
.workflow-caption-bank-rich .workflow-caption-section-title{
  margin:0 0 4px;
  font-size:clamp(2rem,4.6vw,3.45rem);
  line-height:.96;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-weight:950;
}
.workflow-caption-bank-rich .workflow-caption-hero{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:18px;
  align-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:clamp(16px,2.5vw,28px);
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 0 38px rgba(255,255,255,.025);
}
.workflow-caption-bank-rich .workflow-caption-hero .workflow-live-num{
  width:68px;
  height:68px;
  border-radius:20px;
  font-size:1.2rem;
}
.workflow-caption-bank-rich .workflow-caption-hero h3{
  margin:4px 0 9px;
  font-size:clamp(2rem,3.7vw,3.5rem);
  line-height:.95;
  letter-spacing:-.04em;
}
.workflow-caption-bank-rich .workflow-caption-hero p{
  margin:0 0 14px;
  color:#cbd6e6;
  font-size:clamp(.95rem,1.3vw,1.08rem);
  line-height:1.45;
}
.workflow-caption-bank-rich .workflow-caption-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.workflow-caption-bank-rich .workflow-caption-chips span{
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:.48rem .72rem;
  background:rgba(255,255,255,.075);
  font-size:.82rem;
  font-weight:900;
  color:#dce6f4;
}
.workflow-caption-bank-rich .workflow-live-table-frame{
  max-height:none!important;
  overflow:auto!important;
}
.workflow-caption-bank-rich .workflow-live-calendar{
  min-width:780px!important;
}
.workflow-caption-bank-rich .workflow-caption-post-grid{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px 2px 20px;
  border-bottom:3px solid color-mix(in srgb,var(--accent) 82%,#23d3ff);
  scrollbar-color:#36d1ff rgba(255,255,255,.08);
}
.workflow-caption-bank-rich .workflow-caption-post-grid article{
  flex:0 0 32%;
  min-width:250px;
  scroll-snap-align:start;
  background:#171e28;
  border:1px solid #303949;
  border-radius:14px;
  padding:18px;
  color:#dce5f2;
}
.workflow-caption-bank-rich .workflow-caption-post-grid article div{
  font-size:30px;
  margin-bottom:18px;
}
.workflow-caption-bank-rich .workflow-caption-post-grid article p{
  margin:0 0 16px;
  font-size:1rem;
  line-height:1.4;
}
.workflow-caption-bank-rich .workflow-caption-post-grid article b{
  color:#139bd7;
  font-size:.94rem;
}
@media (max-width:860px){
  .workflow-caption-bank-rich{padding:14px!important;gap:14px!important;border-left-width:5px!important;}
  .workflow-caption-bank-rich .workflow-caption-section-title{font-size:clamp(1.6rem,8vw,2.25rem);}
  .workflow-caption-bank-rich .workflow-caption-hero{grid-template-columns:54px 1fr;gap:12px;padding:13px;border-radius:18px;}
  .workflow-caption-bank-rich .workflow-caption-hero .workflow-live-num{width:52px;height:52px;border-radius:17px;font-size:.95rem;}
  .workflow-caption-bank-rich .workflow-caption-hero h3{font-size:1.55rem;line-height:1.03;margin:4px 0 6px;}
  .workflow-caption-bank-rich .workflow-caption-hero p{font-size:.86rem;line-height:1.34;margin-bottom:0;}
  .workflow-caption-bank-rich .workflow-caption-chips{display:none;}
  .workflow-caption-bank-rich .workflow-live-calendar{min-width:760px!important;font-size:.58rem!important;}
  .workflow-caption-bank-rich .workflow-live-calendar th{font-size:.48rem!important;}
  .workflow-caption-bank-rich .workflow-caption-post-grid{gap:12px;padding-bottom:16px;}
  .workflow-caption-bank-rich .workflow-caption-post-grid article{flex:0 0 250px;min-height:156px;padding:14px;border-radius:14px;}
  .workflow-caption-bank-rich .workflow-caption-post-grid article p{font-size:.92rem;line-height:1.36;}
}




/* Risk cards: shortcut rail sits above the cards and no play-circle overlay is used. */

.workflow-modal-qa-preview{margin:1.05rem 0 0;border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.14));border-radius:20px;padding:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.035)),rgba(255,255,255,.025));}
.workflow-modal-qa-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;}
.workflow-modal-qa-preview-head b{margin:0!important;color:#f4f7ff!important;font-size:.86rem!important;letter-spacing:.18em!important;text-transform:uppercase;}
.workflow-modal-qa-preview-head span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:950;}
.workflow-modal-qa-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.workflow-modal-qa-preview-card{border:1px solid rgba(255,255,255,.11);background:rgba(3,8,15,.34);border-radius:16px;padding:.85rem;}
.workflow-modal-qa-preview-card h4{margin:0 0 .55rem;font-size:.95rem;color:#f4f7ff;line-height:1.15;}
.workflow-modal-qa-preview-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.38rem;}
.workflow-modal-qa-preview-card li{color:#cdd6e6;line-height:1.35;font-size:.88rem;}
@media (max-width:700px){.workflow-modal-qa-preview-grid{grid-template-columns:1fr}.workflow-modal-qa-preview{padding:.85rem}.workflow-modal-qa-preview-card li{font-size:.82rem}}

.risk-protocol-card .risk-play{display:none!important;}
.risk-protocol-section .risk-jumps{margin:0 0 1.15rem 0;}

/* v130: Risk shortcut rail belongs above the protocol cards. */
.risk-protocol-section{display:flex;flex-direction:column;}
.risk-protocol-section .carousel-head{order:1;}
.risk-protocol-section .risk-jumps{order:2;margin:.2rem 0 1.15rem 0;}
.risk-protocol-section .risk-protocol-grid{order:3;}


/* Risk and Escalation Protocols */
.risk-protocol-section{
  margin-top:clamp(1.5rem,4vw,2.4rem);
  border:1px solid rgba(255,79,163,.34);
  border-radius:var(--radius-lg);
  padding:clamp(1rem,3vw,1.6rem);
  background:linear-gradient(180deg,rgba(255,79,163,.08),rgba(16,20,33,.72));
  box-shadow:0 0 34px rgba(255,79,163,.08);
  overflow:hidden;
}
.risk-protocol-section .carousel-head{align-items:flex-end;margin-bottom:1rem;}
.risk-protocol-section .section-kicker{margin-bottom:.45rem;}
.risk-protocol-section .section-title{font-size:clamp(2rem,5vw,3.35rem);margin-bottom:.35rem;}
.risk-protocol-section .section-lead{max-width:760px;}
.risk-protocol-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(330px,1fr);
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:.2rem 0 .9rem;
  scrollbar-color:var(--pink) rgba(255,255,255,.09);
}
.risk-protocol-card{
  position:relative;
  min-height:390px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(0,0,0,.25));
  scroll-snap-align:start;
  cursor:pointer;
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  isolation:isolate;
}
.risk-protocol-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.42) 46%,rgba(0,0,0,.06)),
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--risk) 38%,transparent),transparent 35%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.01));
  z-index:1;
}
.risk-protocol-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:7px;
  background:linear-gradient(90deg,var(--risk),rgba(255,255,255,.16));
  z-index:2;
}
.risk-protocol-card .risk-number{
  position:absolute;
  top:1.15rem;
  left:1.15rem;
  z-index:3;
  display:inline-grid;
  place-items:center;
  width:58px;
  height:58px;
  border:2px solid color-mix(in srgb,var(--risk) 72%,transparent);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--risk);
  font-weight:950;
  letter-spacing:.03em;
  box-shadow:0 0 24px color-mix(in srgb,var(--risk) 28%,transparent);
}
.risk-protocol-card .risk-play{
  position:absolute;
  z-index:3;
  top:45%;
  left:50%;
  translate:-50% -50%;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:rgba(0,0,0,.18);
  color:#fff;
  font-size:1.45rem;
  backdrop-filter:blur(8px);
}
.risk-protocol-card .risk-card-body{
  position:absolute;
  z-index:4;
  left:1.25rem;
  right:1.25rem;
  bottom:1.2rem;
}
.risk-protocol-card .kicker{
  color:var(--risk);
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:950;
  margin-bottom:.45rem;
}
.risk-protocol-card h3{
  margin:.1rem 0 .55rem;
  font-size:clamp(1.55rem,2.7vw,2.15rem);
  line-height:.96;
  letter-spacing:-.035em;
}
.risk-protocol-card p{
  margin:.35rem 0 .85rem;
  color:#d8dfec;
  line-height:1.38;
  font-size:.98rem;
}
.risk-protocol-card .risk-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:999px;
  padding:.62rem .9rem;
  background:linear-gradient(90deg,var(--risk),color-mix(in srgb,var(--risk) 45%,#fff));
  color:#fff;
  font-weight:950;
  font-size:.82rem;
  letter-spacing:.04em;
  box-shadow:0 0 24px color-mix(in srgb,var(--risk) 23%,transparent);
}
.risk-protocol-card .risk-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
  margin-top:.75rem;
}
.risk-protocol-card .risk-chip{
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:.32rem .55rem;
  font-size:.72rem;
  font-weight:850;
  color:#dce2ef;
}
.risk-jumps{
  display:grid;
  grid-template-columns:repeat(5,minmax(180px,1fr));
  gap:.75rem;
  border-top:4px solid var(--purple);
  padding-top:.75rem;
  margin-top:.15rem;
  overflow-x:auto;
}
.risk-jumps button{
  min-height:76px;
  border:1px solid color-mix(in srgb,var(--risk) 55%,rgba(255,255,255,.14));
  border-radius:14px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--risk) 18%,rgba(255,255,255,.06)),rgba(255,255,255,.03));
  color:#fff;
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.85rem;
  font-weight:950;
  text-align:left;
}
.risk-jumps .risk-jump-code{
  flex:0 0 42px;
  height:42px;
  display:grid;
  place-items:center;
  border:2px solid var(--risk);
  border-radius:999px;
  color:var(--risk);
  font-size:.72rem;
}
.risk-detail-modal{
  border:1px solid color-mix(in srgb,var(--risk) 45%,rgba(255,255,255,.12));
  border-left:8px solid var(--risk);
  border-radius:var(--radius-lg);
  background:linear-gradient(150deg,color-mix(in srgb,var(--risk) 12%,rgba(255,255,255,.04)),rgba(9,15,27,.88));
  padding:clamp(1rem,3vw,1.5rem);
  margin-top:1rem;
}
.risk-detail-modal h3{font-size:clamp(1.8rem,4vw,3rem);line-height:.95;margin:.15rem 0 .7rem;}
.risk-detail-modal p{color:#d7deec;line-height:1.6;}
.risk-detail-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem;}
.risk-detail-list li{position:relative;padding-left:1.2rem;color:#d9e0ed;}
.risk-detail-list li::before{content:"";position:absolute;left:0;top:.58em;width:.45rem;height:.45rem;border-radius:999px;background:var(--risk);box-shadow:0 0 12px color-mix(in srgb,var(--risk) 42%,transparent);}
@media(max-width:900px){.risk-protocol-grid{grid-auto-columns:82vw;}.risk-jumps{grid-template-columns:repeat(5,220px);}.risk-protocol-card{min-height:410px;}}
@media(max-width:520px){.risk-protocol-card{min-height:390px;}.risk-protocol-card h3{font-size:1.72rem;}.risk-protocol-card .risk-play{width:62px;height:62px;}.risk-protocol-card p{font-size:.92rem;}.risk-jumps{grid-template-columns:repeat(5,205px);}}

/* v124: Risk protocols live inside the QA workflow modal after the QA contains/question summary. */
.workflow-modal-copy .workflow-modal-risk-protocols{
  margin:1rem 0 1.15rem;
  border-color:rgba(255,79,163,.28);
  padding:clamp(.9rem,2vw,1.15rem);
}
.workflow-modal-copy .workflow-modal-risk-protocols .carousel-head{
  margin-bottom:.85rem;
}
.workflow-modal-copy .workflow-modal-risk-protocols .section-title{
  font-size:clamp(1.45rem,4vw,2.25rem);
}
.workflow-modal-copy .workflow-modal-risk-protocols .section-lead{
  font-size:.92rem;
}
.workflow-modal-copy .workflow-modal-risk-protocols .risk-jumps{
  grid-template-columns:repeat(5,minmax(180px,1fr));
}
.workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-grid{
  grid-auto-columns:minmax(280px,.72fr);
}
.workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card{
  min-height:310px;
}
@media(max-width:700px){
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-jumps{grid-template-columns:repeat(5,190px);}
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-grid{grid-auto-columns:82vw;}
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card{min-height:360px;}
}



/* v129: Enriched risk protocol modals replace generic stock-style summaries with usable guardrails. */
.risk-detail-modal-rich{display:grid;gap:1rem;}
.risk-detail-hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;}
.risk-detail-number{display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--risk);border-radius:22px;color:var(--risk);font-weight:950;letter-spacing:.04em;background:rgba(255,255,255,.05);box-shadow:0 0 24px color-mix(in srgb,var(--risk) 24%,transparent);}
.risk-detail-hero .kicker{color:var(--risk);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:950;margin-bottom:.35rem;}
.risk-decision-rule{border:1px solid color-mix(in srgb,var(--risk) 34%,rgba(255,255,255,.12));background:linear-gradient(135deg,color-mix(in srgb,var(--risk) 11%,rgba(255,255,255,.045)),rgba(255,255,255,.025));border-radius:18px;padding:1rem;}
.risk-decision-rule b,.risk-output-strip span,.risk-detail-grid h4{display:block;color:var(--risk);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:950;margin-bottom:.45rem;}
.risk-decision-rule p{margin:0;color:#eef3ff;line-height:1.55;}
.risk-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.risk-detail-grid section{border:1px solid rgba(255,255,255,.12);background:rgba(3,8,15,.32);border-radius:18px;padding:1rem;}
.risk-detail-modal-rich .risk-detail-list{margin:.15rem 0 0;gap:.58rem;}
.risk-detail-modal-rich .risk-detail-list li{font-size:.96rem;line-height:1.42;}
.risk-output-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid color-mix(in srgb,var(--risk) 42%,rgba(255,255,255,.12));background:linear-gradient(90deg,color-mix(in srgb,var(--risk) 18%,rgba(255,255,255,.04)),rgba(255,255,255,.025));border-radius:18px;padding:1rem;}
.risk-output-strip span{margin:0;white-space:nowrap;}
.risk-output-strip b{color:#fff;font-size:1rem;line-height:1.35;text-align:right;}
@media(max-width:700px){.risk-detail-hero{grid-template-columns:1fr}.risk-detail-number{width:58px;height:58px;border-radius:18px}.risk-detail-grid{grid-template-columns:1fr}.risk-output-strip{display:block}.risk-output-strip b{display:block;text-align:left;margin-top:.4rem}.risk-detail-modal-rich .risk-detail-list li{font-size:.9rem}}



/* v105: Card 03 uses the new Weekly Content Matrix cover and fills the preview frame. */
.translation-card[data-translation-card="central-workflow"] .cover-img img{
  object-fit:cover!important;
  object-position:center!important;
}

/* v105: Keep adjacent workflow navigation reachable while a workflow card is open. */
.translation-modal-nav{
  position:sticky;
  bottom:.65rem;
  z-index:12;
  backdrop-filter:blur(14px);
}



/* v106: Production Management cover fills the preview frame without black letterbox bars. */
.translation-card[data-translation-card="production-management"] .cover-img{
  padding:0!important;
  background:linear-gradient(180deg,#06101b,#081320)!important;
  overflow:hidden!important;
}
.translation-card[data-translation-card="production-management"] .cover-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  background:transparent!important;
}
@media (max-width:860px){
  .translation-card[data-translation-card="production-management"] .cover-img{padding:0!important;}
  .translation-card[data-translation-card="production-management"] .cover-img img{object-position:center center!important;}
}



/* v113: true left/right swipe navigation inside open workflow/risk modals. */
.modal-swipe-surface{
  touch-action:pan-y;
  overscroll-behavior:contain;
  will-change:transform;
}
.modal-swipe-surface.is-swipe-dragging{
  transition:none!important;
  cursor:grabbing;
}
@media (max-width:700px){
  .modal-card:has(.translation-slide-shell),
  .modal-card:has(.risk-slide-shell){
    touch-action:pan-y;
  }
}

/* v112: modal cards can move to adjacent cards by swiping left/right. */
.risk-slide-shell{touch-action:pan-y;}
.translation-slide-shell{touch-action:pan-y;}
.risk-modal-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;}
.risk-modal-actions .btn:first-child{justify-self:start;}
.risk-modal-actions .btn:nth-child(2){justify-self:center;}
.risk-modal-actions .btn:last-child{justify-self:end;}
@media (max-width:700px){.risk-modal-actions{grid-template-columns:1fr 1fr;}.risk-modal-actions .btn:nth-child(2){grid-column:1 / -1;grid-row:2;justify-self:start;}.risk-modal-actions .btn:last-child{justify-self:end;}}



/* v153: Case-study detail reading fix. Keeps large artwork, makes the written section obvious, and stacks title under the Written Breakdown pill. */
.brand-brief-slide-shell{touch-action:pan-y;overscroll-behavior:contain;}
.brand-brief-artwork{margin:1rem 0 .85rem!important;}
.written-breakdown-cue{width:max-content;max-width:100%;margin:1rem auto 1.15rem;padding:.82rem 1.45rem;border:1px solid color-mix(in srgb,var(--briefAccent,#05d66d) 58%,rgba(255,255,255,.2));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--briefAccent,#05d66d) 18%,rgba(255,255,255,.035)),rgba(255,255,255,.025));color:#f4f7ff;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;text-align:center;box-shadow:0 0 28px color-mix(in srgb,var(--briefAccent,#05d66d) 16%,transparent);}
.brand-brief-note{display:block!important;border-left-width:7px!important;padding:clamp(1.05rem,2.4vw,1.45rem)!important;}
.brand-brief-note > b{display:none!important;}
.written-breakdown-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 .55rem;padding:.52rem .78rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--briefAccent,#05d66d) 64%,#06121d),color-mix(in srgb,var(--briefAccent,#05d66d) 38%,#06121d));color:color-mix(in srgb,var(--briefAccent,#05d66d) 78%,#ffffff);font-size:.78rem;line-height:1;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 20px color-mix(in srgb,var(--briefAccent,#05d66d) 22%,transparent);}
.brand-brief-breakdown-title{display:block;margin:0 0 1rem!important;color:#f4f7ff;font-size:clamp(1.45rem,3.4vw,2.25rem);line-height:1.05;letter-spacing:-.035em;}
.brand-brief-note .brief-copy{margin-top:.2rem!important;}
.brief-slide-count{display:block;margin:.6rem 0 .55rem;color:#aeb8c9;font-weight:950;text-align:center;}
.brand-brief-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.65rem!important;align-items:center;}
.brand-brief-actions .btn{width:100%;min-height:44px;}
.brand-brief-actions .btn:nth-child(3),.brand-brief-actions .btn:nth-child(4){grid-column:auto;}
@media(max-width:860px){
  .modal-root:has(.brand-brief-slide-shell){place-items:start center!important;padding:.45rem!important;overscroll-behavior:contain!important;}
  .modal-card:has(.brand-brief-slide-shell){width:calc(100vw - .9rem)!important;max-height:96dvh!important;overflow:auto!important;border-radius:20px!important;padding:.75rem!important;overscroll-behavior:contain!important;}
  .brand-brief-slide-shell .section-title{font-size:clamp(1.65rem,8vw,2.7rem)!important;line-height:.96!important;padding-right:2.85rem!important;}
  .brand-brief-artwork{margin:.8rem 0 .75rem!important;padding:8px!important;border-radius:18px!important;}
  .brand-brief-artwork img,.brand-brief-slide-shell .apex-popup-image img{max-height:64dvh!important;width:auto!important;max-width:100%!important;object-fit:contain!important;margin:0 auto!important;}
  .written-breakdown-cue{margin:.8rem auto .9rem;padding:.72rem 1rem;font-size:.72rem;letter-spacing:.13em;}
  .brand-brief-note{padding:1rem!important;border-radius:18px!important;}
  .written-breakdown-label{display:flex;width:max-content;max-width:100%;margin:0 0 .55rem!important;font-size:.7rem;letter-spacing:.12em;white-space:normal;}
  .brand-brief-breakdown-title{display:block!important;clear:both!important;font-size:clamp(1.35rem,6.4vw,2rem)!important;line-height:1.08!important;margin:.05rem 0 .85rem!important;}
  .brand-brief-note .brief-copy p,.brand-brief-note .brief-bullets span{font-size:1rem!important;line-height:1.48!important;}
  .brand-brief-actions{position:sticky!important;bottom:0!important;z-index:9!important;padding:.75rem .1rem .2rem!important;background:linear-gradient(0deg,#0d1420 74%,rgba(13,20,32,0))!important;backdrop-filter:blur(10px)!important;}
  .brand-brief-actions .btn{min-height:44px!important;padding:.68rem .62rem!important;font-size:.66rem!important;}
}


/* v153: Preserve all workflow covers and restore balanced mobile swipe rules. */
.translation-card[data-translation-card="creative-systems"] .cover-img,
.translation-card[data-translation-card="qa-checklist"] .cover-img{
  padding:0!important;
  overflow:hidden!important;
  background:#02070b!important;
}
.translation-card[data-translation-card="creative-systems"] .cover-img img,
.translation-card[data-translation-card="qa-checklist"] .cover-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  background:#02070b!important;
}
.translation-slide-shell[data-translation-open="qa-checklist"] .modal-image-shell{
  display:none!important;
}
@media(max-width:860px){
  #what-this-portfolio-proves .proof-tabs{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  #what-this-portfolio-proves .proof-tabs::-webkit-scrollbar{display:none!important;}
  #what-this-portfolio-proves .proof-tabs button{scroll-snap-align:center!important;}
  #what-this-portfolio-proves .pillar-grid{
    display:flex!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    gap:16px!important;
    padding:0 18px 18px 0!important;
    scroll-padding-inline:0!important;
    scrollbar-width:none!important;
  }
  #what-this-portfolio-proves .pillar-grid::-webkit-scrollbar{display:none!important;}
  #what-this-portfolio-proves .pillar-card{
    display:block!important;
    flex:0 0 calc(100vw - 4.1rem)!important;
    min-width:calc(100vw - 4.1rem)!important;
    max-width:calc(100vw - 4.1rem)!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease!important;
  }
  #what-this-portfolio-proves .pillar-card:not(.active){opacity:.72!important;transform:scale(.975)!important;}
  #what-this-portfolio-proves .pillar-card.active{opacity:1!important;transform:scale(1)!important;}
  #what-this-portfolio-proves .pillar-grid.is-long-press-paused .pillar-card.active{
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 32px color-mix(in srgb,var(--accent,#05bff4) 22%,transparent)!important;
  }
}



/* v153: Risk protocol photos restored and locked in. Images sit behind titles/buttons; content remains visible. */
.risk-protocol-card .risk-card-cover{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:#050914;
}
.risk-protocol-card .risk-card-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:scale(1.015);
  filter:saturate(1.05) contrast(1.02);
}
.risk-protocol-card.has-cover::before{
  background:
    linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.64) 46%,rgba(0,0,0,.18)),
    radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--risk) 34%,transparent),transparent 36%)!important;
  z-index:1;
}
.risk-protocol-card.has-cover .risk-number,
.risk-protocol-card.has-cover .risk-card-body,
.risk-protocol-card.has-cover::after{
  position:absolute;
}
.risk-protocol-card.has-cover .risk-number{z-index:3;}
.risk-protocol-card.has-cover .risk-card-body{z-index:4;}
.risk-protocol-card.has-cover::after{z-index:2;}
.risk-protocol-card.has-cover .risk-cta{
  backdrop-filter:blur(7px);
}
.risk-protocol-card.has-cover .risk-chip{
  backdrop-filter:blur(6px);
  background:rgba(255,255,255,.11);
}



/* v160: Remade desktop navigation into a logical portfolio route map. */
.nav-system-map{
  --nav-accent:#23d3ff;
  align-items:center!important;
  gap:clamp(.85rem,2vw,1.35rem)!important;
  padding:.72rem clamp(18px,3vw,42px)!important;
  background:linear-gradient(180deg,rgba(7,11,19,.92),rgba(7,11,19,.74))!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.nav-system-map .brand-mark{
  display:grid!important;
  gap:.1rem!important;
  min-width:max-content!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#fff!important;
  padding:.35rem 0!important;
}
.nav-system-map .brand-mark span{
  display:block!important;
  font-size:.98rem!important;
  line-height:1!important;
  font-weight:1000!important;
}
.nav-system-map .brand-mark small{
  display:block!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  color:#91a0b8!important;
  font-weight:950!important;
}
.nav-system-map .nav-links{
  flex:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.52rem!important;
  align-items:stretch!important;
  max-width:980px!important;
  margin-left:auto!important;
}
.nav-system-map .nav-links a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:.55rem!important;
  row-gap:.1rem!important;
  min-height:58px!important;
  padding:.58rem .72rem!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  color:#f5f8ff!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.nav-system-map .nav-links a::before{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan),var(--green));
  opacity:.58;
}
.nav-system-map .nav-links a span{
  grid-row:1 / 3!important;
  display:grid!important;
  place-items:center!important;
  width:2.05rem!important;
  height:2.05rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.20)!important;
  color:#9decff!important;
  font-size:.68rem!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
}
.nav-system-map .nav-links a b{
  min-width:0!important;
  display:block!important;
  font-size:.82rem!important;
  line-height:1.02!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nav-system-map .nav-links a small{
  min-width:0!important;
  display:block!important;
  color:#aeb8ca!important;
  font-size:.61rem!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nav-system-map .nav-links a:hover,
.nav-system-map .nav-links a:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(35,211,255,.42)!important;
  background:linear-gradient(180deg,rgba(35,211,255,.12),rgba(255,255,255,.035))!important;
  box-shadow:0 0 24px rgba(35,211,255,.13)!important;
  outline:none!important;
}
.nav-system-map .nav-links a:hover span,
.nav-system-map .nav-links a:focus-visible span{
  border-color:rgba(35,211,255,.62)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(35,211,255,.18)!important;
}
@media (min-width:861px) and (max-width:1120px){
  .nav-system-map .nav-links{max-width:none!important;gap:.42rem!important;}
  .nav-system-map .nav-links a{padding:.52rem .58rem!important;min-height:54px!important;border-radius:16px!important;}
  .nav-system-map .nav-links a span{width:1.8rem!important;height:1.8rem!important;font-size:.62rem!important;}
  .nav-system-map .nav-links a b{font-size:.72rem!important;}
  .nav-system-map .nav-links a small{display:none!important;}
}



/* v162: Mobile floating header nav. Desktop keeps the full route-map bar;
   mobile gets a visible glass header that stays accessible without eating the page. */
@media (max-width:860px){
  body{
    padding-top:76px!important;
  }
  .site-nav.nav-system-map{
    display:flex!important;
    position:fixed!important;
    top:.62rem!important;
    left:.62rem!important;
    right:.62rem!important;
    z-index:90!important;
    align-items:center!important;
    gap:.48rem!important;
    padding:.46rem!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(12,18,31,.92),rgba(8,12,21,.80))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 28px rgba(35,211,255,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .site-nav.nav-system-map::after{
    content:'';
    position:absolute;
    left:18px;
    right:18px;
    bottom:-1px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan),var(--green));
    opacity:.82;
    pointer-events:none;
  }
  .nav-system-map .brand-mark{
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.13)!important;
  }
  .nav-system-map .brand-mark span{
    font-size:.82rem!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  .nav-system-map .brand-mark small{
    display:none!important;
  }
  .nav-system-map .nav-links{
    flex:1 1 auto!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.36rem!important;
    max-width:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  .nav-system-map .nav-links a{
    min-width:0!important;
    min-height:44px!important;
    padding:.38rem .34rem!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    place-items:center!important;
    justify-items:center!important;
    row-gap:.15rem!important;
    column-gap:0!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.030))!important;
    border-color:rgba(255,255,255,.13)!important;
  }
  .nav-system-map .nav-links a span{
    grid-row:auto!important;
    width:1.38rem!important;
    height:1.38rem!important;
    font-size:.52rem!important;
    border-color:rgba(157,236,255,.30)!important;
    color:#9decff!important;
  }
  .nav-system-map .nav-links a b{
    font-size:.56rem!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    max-width:100%!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .nav-system-map .nav-links a small{
    display:none!important;
  }
  .nav-system-map .nav-links a.is-active,
  .nav-system-map .nav-links a:focus-visible{
    background:linear-gradient(135deg,rgba(35,211,255,.22),rgba(255,79,163,.12))!important;
    border-color:rgba(35,211,255,.42)!important;
    box-shadow:0 0 20px rgba(35,211,255,.14)!important;
  }
  .nav-system-map .nav-links a.is-active span,
  .nav-system-map .nav-links a:focus-visible span{
    background:rgba(35,211,255,.16)!important;
    color:#fff!important;
    border-color:rgba(35,211,255,.62)!important;
  }
}
@media (max-width:430px){
  body{padding-top:72px!important;}
  .site-nav.nav-system-map{
    top:.52rem!important;
    left:.48rem!important;
    right:.48rem!important;
    padding:.38rem!important;
    border-radius:20px!important;
    gap:.34rem!important;
  }
  .nav-system-map .brand-mark{
    width:38px!important;
    min-width:38px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .nav-system-map .brand-mark span{font-size:.74rem!important;}
  .nav-system-map .nav-links{gap:.26rem!important;}
  .nav-system-map .nav-links a{
    min-height:42px!important;
    padding:.34rem .24rem!important;
    border-radius:14px!important;
  }
  .nav-system-map .nav-links a span{
    width:1.22rem!important;
    height:1.22rem!important;
    font-size:.47rem!important;
  }
  .nav-system-map .nav-links a b{
    font-size:.49rem!important;
    letter-spacing:.025em!important;
  }
}



/* v156: Source + Creative Systems image correction.
   Source Material uses the full cover art again.
   Creative Systems keeps the correct photo but shows it uncropped. */
.translation-card[data-translation-card="source"] .cover-img,
.translation-card[data-translation-card="creative-systems"] .cover-img{
  padding:0!important;
  overflow:hidden!important;
  background:#02070b!important;
}
.translation-card[data-translation-card="source"] .cover-img img,
.translation-card[data-translation-card="creative-systems"] .cover-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:#02070b!important;
  transform:none!important;
}
@media(max-width:860px){
  .translation-card[data-translation-card="source"] .cover-img,
  .translation-card[data-translation-card="creative-systems"] .cover-img{
    min-height:360px!important;
  }
  .translation-card[data-translation-card="creative-systems"] .cover-img img{
    object-position:center top!important;
  }
}
@media(max-width:430px){
  .translation-card[data-translation-card="source"] .cover-img,
  .translation-card[data-translation-card="creative-systems"] .cover-img{
    min-height:340px!important;
  }
}



/* v157: 05 Creative Systems uses the provided ImgBB cover and displays it fully, not cropped. */
.translation-card[data-translation-card="creative-systems"] .cover-img{
  padding:0!important;
  overflow:hidden!important;
  background:#02070b!important;
}
.translation-card[data-translation-card="creative-systems"] .cover-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:#02070b!important;
  transform:none!important;
}
@media(max-width:860px){
  .translation-card[data-translation-card="creative-systems"] .cover-img{
    min-height:360px!important;
  }
}
@media(max-width:430px){
  .translation-card[data-translation-card="creative-systems"] .cover-img{
    min-height:340px!important;
  }
}


/* Progressive embedded image loading
   Low-fidelity images are embedded in JS for immediate display. High-fidelity
   assets in /assets/img replace them once the connection and viewport are ready. */
.progressive-img{
  transition:filter .32s ease, opacity .32s ease;
  background:#050912;
}
.progressive-bg{
  transition:filter .35s ease, opacity .35s ease;
  background-size:cover;
  background-position:center;
}
@media (prefers-reduced-motion:reduce){
  .progressive-img,.progressive-bg{transition:none!important;filter:none!important;}
}

/* Hybrid image loading: external fallback first, local high-fidelity asset upgrades when ready. */
.progressive-img[data-hires-loaded="error"],
.progressive-bg[data-hires-loaded="error"]{
  filter:none!important;
}


/* vHYBRID-02: No blurry placeholders ever.
   External fallback images render sharp immediately; high-res local assets upgrade silently when ready. */
.progressive-img,
.progressive-img:not(.is-hires),
.progressive-img[data-hires-loaded="loading"],
.progressive-img[data-hires-loaded="error"],
.progressive-bg,
.progressive-bg:not(.is-hires),
.progressive-bg[data-hires-loaded="loading"],
.progressive-bg[data-hires-loaded="error"]{
  filter:none!important;
  opacity:1!important;
}
.hero-portrait img{
  filter:none!important;
  opacity:1!important;
}


/* v166: QA modal cleanup. The shipping summary stays above the risk protocol rail. */
.workflow-modal-copy .workflow-qa-summary-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:1rem;
  margin:1rem 0 1.15rem;
  padding:1rem;
  border:1px solid color-mix(in srgb,var(--accent,#00cc88) 42%,rgba(255,255,255,.14));
  border-radius:20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#00cc88) 10%,rgba(255,255,255,.04)),rgba(255,255,255,.025));
}
.workflow-modal-copy .workflow-qa-summary-card p:first-child{
  margin-top:0;
}
.workflow-modal-copy .workflow-qa-summary-card .detail-list{
  margin:.35rem 0 0;
}
.workflow-modal-copy .workflow-qa-summary-card .detail-list li{
  margin:.42rem 0;
}
.workflow-modal-copy .workflow-modal-risk-protocols{
  clear:both;
  margin:1.1rem 0 0!important;
}

/* v166: Desktop risk cards inside the QA modal were too narrow for their typography.
   This keeps the card artwork, titles, buttons, descriptions, and chips, but scales the text to the modal card size. */
@media (min-width:861px){
  .workflow-modal-copy .workflow-modal-risk-protocols{
    padding:1.15rem!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .carousel-head{
    margin-bottom:.85rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .section-title{
    font-size:clamp(1.65rem,2.8vw,2.45rem)!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .section-lead{
    font-size:.9rem!important;
    line-height:1.35!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-jumps{
    display:flex!important;
    grid-template-columns:none!important;
    gap:.7rem!important;
    overflow-x:auto!important;
    padding:.75rem 0 .8rem!important;
    margin:0 0 .95rem!important;
    scrollbar-width:thin!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-jumps button{
    flex:0 0 205px!important;
    min-height:70px!important;
    padding:.72rem!important;
    gap:.58rem!important;
    font-size:.82rem!important;
    line-height:1.18!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-jumps .risk-jump-code{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    font-size:.66rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-grid{
    grid-auto-columns:minmax(292px,320px)!important;
    gap:.8rem!important;
    padding:.15rem 0 .8rem!important;
    overflow-x:auto!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card{
    min-height:352px!important;
    border-radius:16px!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .risk-number{
    width:44px!important;
    height:44px!important;
    top:.85rem!important;
    left:.85rem!important;
    font-size:.8rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .risk-card-body{
    left:.95rem!important;
    right:.95rem!important;
    bottom:.95rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .kicker{
    font-size:.58rem!important;
    letter-spacing:.12em!important;
    line-height:1.15!important;
    margin-bottom:.34rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card h3{
    font-size:clamp(1.08rem,1.55vw,1.42rem)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    margin:.05rem 0 .4rem!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card p{
    font-size:.82rem!important;
    line-height:1.34!important;
    margin:.25rem 0 .65rem!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .risk-cta{
    min-height:34px!important;
    padding:.48rem .66rem!important;
    font-size:.69rem!important;
    white-space:nowrap!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .risk-chip-row{
    gap:.3rem!important;
    margin-top:.52rem!important;
  }
  .workflow-modal-copy .workflow-modal-risk-protocols .risk-protocol-card .risk-chip{
    font-size:.61rem!important;
    line-height:1!important;
    padding:.25rem .42rem!important;
  }
}
@media (max-width:700px){
  .workflow-modal-copy .workflow-qa-summary-card{
    grid-template-columns:1fr;
    gap:.75rem;
    padding:.9rem;
  }
}


/* Mobile hero order refinement: on phones show contact info, then photo, then name/content. */
.hero-grid-restored{display:grid;grid-template-columns:1.12fr .88fr;grid-template-areas:"copy portrait" "copy note";gap:48px;align-items:start;}
.hero-copy{grid-area:copy;}
.hero-visual-stack--portrait{grid-area:portrait;display:block;}
.hero-framework-note{grid-area:note;}
.hero-meta-mobile{display:none;grid-area:meta;}
.hero-meta-desktop{display:flex;}

@media (max-width: 860px){
  .hero-grid-restored{
    grid-template-columns:1fr;
    grid-template-areas:
      "meta"
      "portrait"
      "copy"
      "note";
    gap:16px;
  }
  .hero-meta-mobile{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.45rem;
    margin:0;
  }
  .hero-meta-desktop{display:none;}
  .hero-visual-stack--portrait{display:block;}
  .hero-portrait{
    height:auto;
    max-height:none;
  }
  .hero-portrait img{
    height:auto;
    aspect-ratio: 4 / 5;
    object-fit:cover;
    object-position:50% 25%;
    display:block;
  }
  .hero-framework-note{
    margin-top:0;
  }
}


/* Hero CTA refinement: make Workflow Index stand out as the light-blue secondary action. */
.hero-actions .btn.workflow-index{
  background:linear-gradient(135deg,#8eeaff,#42cfff)!important;
  border-color:rgba(142,234,255,.9)!important;
  color:#06121d!important;
  box-shadow:0 0 26px rgba(66,207,255,.34)!important;
  text-transform:none!important;
}
.hero-actions .btn.workflow-index:hover,
.hero-actions .btn.workflow-index:focus-visible{
  filter:brightness(1.08);
  box-shadow:0 0 34px rgba(66,207,255,.48)!important;
}
@media(max-width:860px){
  .hero-actions .btn.workflow-index{
    flex:1 1 calc(50% - .35rem)!important;
  }
}