/* WatchDive press room — brutalist editorial skin.
   Loaded AFTER styles.css and room.css; overrides only, no markup or copy changes.
   Rules: off-white page, 2–3px ink borders, hard offset shadows, violet #3d2683 accent,
   heavy type, square corners. No pseudo-element content; no global overflow clipping. */

/* ---------- Tokens ---------- */
:root{
  --bk-ink:#1a1238;
  --bk-violet:#3d2683;
  --bk-paper:#f5f3ee;
  --bk-white:#fff;
  --bk-wash:#ebe7f5;
  --bk-flag:#ffe55c;
  --bk-text:#35314a;
  --bk-line:3px;
  --bk-line-sm:2px;
  --bk-shadow:6px 6px 0 var(--bk-ink);
  --bk-shadow-sm:4px 4px 0 var(--bk-ink);
  --bk-pad:clamp(16px,4vw,48px);
  --bk-section:clamp(40px,6vw,88px);
  --bk-tap:44px;
  --ink:var(--bk-ink);--purple:var(--bk-violet);--blue:var(--bk-violet);--paper:var(--bk-paper);
  --muted:var(--bk-text);--line:var(--bk-ink);--lavender:var(--bk-wash);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}
body{background:var(--bk-paper);color:var(--bk-ink);font-size:16px;line-height:1.7}
::selection{background:var(--bk-violet);color:#fff}
.page,main,main>section,.hero>*,.section-heading>*{min-width:0}
h1,h2,h3,h4,summary,figcaption,dd,dt,td,.asset-meta,.pack-meta,.breadcrumb,.fact-row dd{overflow-wrap:anywhere}
.eyebrow,.stage-current,.asset-meta{font-family:var(--mono)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.story-card p,.pack-card>p,.change-entry p,.usage-card p,.faq-list details p,.interview-card>p,.stage-notes p,.contact-panel p,.local-note p{word-break:keep-all;overflow-wrap:anywhere}

/* ---------- Focus ---------- */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{
  outline:4px solid var(--bk-violet);outline-offset:3px}
.copy-section>.section-heading :focus-visible,.quick-panel :focus-visible,.admin-header :focus-visible,.article-registration :focus-visible{outline-color:#fff}
.skip{background:var(--bk-violet);border:var(--bk-line) solid var(--bk-ink)}

/* ---------- Shared controls ---------- */
.button{min-height:var(--bk-tap);padding:10px 20px;border:var(--bk-line) solid var(--bk-ink);border-radius:0;font-size:14px;font-weight:800;letter-spacing:.01em;background:var(--bk-white);color:var(--bk-ink);box-shadow:var(--bk-shadow-sm);gap:14px;text-align:left}
.button.primary,.primary{background:var(--bk-violet);border-color:var(--bk-ink);color:#fff}
.button.primary:hover,.primary:hover{background:var(--bk-ink)}
.button.secondary:hover,.secondary:hover{background:var(--bk-wash)}
.text-link,.inline-action{display:inline-flex;align-items:center;min-height:var(--bk-tap);font-size:14px;font-weight:800;color:var(--bk-violet);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.inline-action{padding:0}
.draft-pill,.asset-status,.status-pending,.status-ready{border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-flag)!important;color:var(--bk-ink)!important;font:700 12px/1.5 var(--mono);letter-spacing:.02em;padding:3px 8px}
.asset-status{display:inline-block}
.draft-pill{font-size:12px;padding:6px 10px}
button:disabled{opacity:.5}
@media(prefers-reduced-motion:no-preference){
  .button,.asset-actions button,.asset-actions a,.stage-tabs button,.sidebar nav a,.filters button,.article-photo-links a,.article-photo-links button,.article-registration a{transition:transform .08s,box-shadow .08s,background-color .08s,color .08s}
  .button:hover,.pack-card .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bk-ink)}
  .button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--bk-ink)}
}

/* ---------- Sidebar ---------- */
.sidebar{background:var(--bk-white);border-right:var(--bk-line) solid var(--bk-ink)}
.brand small{font-weight:700;color:var(--bk-ink)}
.sidebar-label{display:inline-block;align-self:flex-start;background:var(--bk-ink);color:#fff;font:700 11px/1 var(--mono);letter-spacing:.14em;padding:6px 8px}
.sidebar nav{gap:6px}
.sidebar nav a{min-height:var(--bk-tap);padding:8px 10px;font-size:14px;border:var(--bk-line-sm) solid transparent;border-bottom-width:var(--bk-line-sm);border-radius:0}
.sidebar nav a:hover{background:var(--bk-wash);border-color:var(--bk-ink);color:var(--bk-ink)}
.sidebar nav a.active{background:var(--bk-violet);border-color:var(--bk-ink);color:#fff}
.sidebar nav b{font-weight:800}
.sidebar nav span{font:800 12px var(--mono);color:inherit}
.sidebar-bottom{font-size:12px;color:var(--bk-ink);border-top:var(--bk-line) solid var(--bk-ink)}
.sidebar-bottom p{font:700 11px var(--mono);color:var(--bk-ink)}
.sidebar-bottom a{font-weight:800;display:inline-block;padding:10px 0}
.live-dot{border-radius:0;width:10px;height:10px;background:var(--bk-violet);border:2px solid var(--bk-ink)}

/* ---------- Top bar ---------- */
.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px 16px;padding:8px var(--bk-pad);background:var(--bk-paper);border-bottom:var(--bk-line) solid var(--bk-ink)}
.breadcrumb{font:800 12px var(--mono);letter-spacing:.08em}
.breadcrumb span{color:var(--bk-violet);margin:0 8px}
.top-actions{gap:12px;flex-wrap:wrap}
.languages{gap:0;border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white)}
.languages button{min-width:var(--bk-tap);min-height:var(--bk-tap);padding:0 10px;font:800 13px var(--mono);color:var(--bk-ink);background:var(--bk-white)}
.languages button+button{border-left:var(--bk-line) solid var(--bk-ink)}
.languages button[aria-pressed=true]{background:var(--bk-violet);color:#fff}

/* ---------- Hero ---------- */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0;border-bottom:var(--bk-line) solid var(--bk-ink);background:var(--bk-paper)}
.hero-copy{padding:clamp(28px,4vw,64px) var(--bk-pad);border-right:var(--bk-line) solid var(--bk-ink)}
.hero-copy .eyebrow{font:800 12px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bk-ink);gap:10px}
.eyebrow>span{border-radius:0;width:12px;height:12px;border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-violet)}
.hero h1{font-size:clamp(40px,calc((100vw - 226px)*.07),96px);line-height:1;letter-spacing:-.05em;font-weight:900;color:var(--bk-violet);margin:clamp(20px,3vw,40px) 0 clamp(16px,2vw,28px)}
.hero-description{max-width:46ch;color:var(--bk-ink);font-size:clamp(16px,1.2vw,19px);line-height:1.75;font-weight:500;border-left:6px solid var(--bk-violet);padding-left:16px}
.hero-actions{gap:14px 20px;margin-top:clamp(24px,3vw,40px)}
.hero-foot{padding-top:clamp(24px,3vw,40px);gap:6px}
.hero-foot span:first-child{font:800 12px var(--mono);letter-spacing:.12em;color:var(--bk-ink);background:var(--bk-flag);align-self:flex-start;padding:4px 8px;border:var(--bk-line-sm) solid var(--bk-ink)}
.hero-foot span:last-child{font-size:14px;font-weight:700;color:var(--bk-ink)}
.hero-image{min-height:clamp(420px,52vw,760px);background:var(--bk-ink)}
.hero-image img{object-position:center 56%}
.hero-image:after{display:none}
.hero-image figcaption{inset:auto 0 0 0;padding:10px 16px;background:var(--bk-white);color:var(--bk-ink);border-top:var(--bk-line) solid var(--bk-ink);font:800 12px var(--mono);letter-spacing:.1em;gap:12px;flex-wrap:wrap}
.image-review{right:0;top:0;background:var(--bk-flag);color:var(--bk-ink);border:0;border-bottom:var(--bk-line) solid var(--bk-ink);border-left:var(--bk-line) solid var(--bk-ink);font:800 12px/1.5 var(--mono);padding:8px 12px;max-width:100%}

/* ---------- Notice + intro ---------- */
.review-notice{padding:14px var(--bk-pad);gap:14px;background:var(--bk-flag);border-bottom:var(--bk-line) solid var(--bk-ink);font-size:14px;line-height:1.7;font-weight:700;color:var(--bk-ink)}
.notice-icon{border-radius:0;width:24px;height:24px;border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-white);font:800 13px var(--mono)}
.intro-strip{margin:0;padding:clamp(28px,5vw,64px) var(--bk-pad);gap:clamp(20px,4vw,56px);border-bottom:var(--bk-line) solid var(--bk-ink);background:var(--bk-white)}
.intro-strip h2{font-size:clamp(28px,3.6vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:900;margin-top:14px;word-break:keep-all;overflow-wrap:anywhere}
.intro-strip>p{font-size:clamp(16px,1.2vw,18px);line-height:1.8;color:var(--bk-ink);font-weight:500}

/* ---------- Sections ---------- */
.content-section{padding:var(--bk-section) var(--bk-pad);border-top:0;border-bottom:var(--bk-line) solid var(--bk-ink)}
.section-heading{gap:20px 32px;margin-bottom:clamp(24px,3vw,40px)}
.section-heading .eyebrow{display:inline-block;background:var(--bk-ink);color:#fff;padding:5px 10px;font:800 12px/1.4 var(--mono);letter-spacing:.12em}
.section-heading h2{font-size:clamp(32px,4.4vw,64px);line-height:1.02;letter-spacing:-.05em;font-weight:900;margin-top:16px;word-break:keep-all;overflow-wrap:anywhere}
.section-sub{font-size:16px;line-height:1.75;color:var(--bk-text);max-width:62ch;margin-top:14px}
.launch-section{background:var(--bk-white)}
.package-section,.stories-section{background:var(--bk-wash)}
.interview-section,.request-section{background:var(--bk-paper);border-top:0}
.release-section{background:var(--bk-white)}
.facts-section{background:var(--bk-white)}
.fineprint,.source-note{font-size:13px;line-height:1.7;color:var(--bk-text)}
.brand-source-link{font-size:13px;font-weight:800;display:inline-flex;align-items:center;min-height:var(--bk-tap);color:var(--bk-violet)}

/* ---------- Asset library ---------- */
.library-tools{gap:16px;padding:14px 0;border-top:var(--bk-line) solid var(--bk-ink);border-bottom:var(--bk-line) solid var(--bk-ink);flex-wrap:wrap}
.filters{gap:8px}
.filters button{min-height:var(--bk-tap);padding:0 16px;border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-white);color:var(--bk-ink);font-size:14px;font-weight:800}
.filters button:hover{background:var(--bk-wash)}
.filters button[aria-pressed=true]{background:var(--bk-violet);color:#fff;box-shadow:var(--bk-shadow-sm)}
.orientation{font-size:13px;font-weight:800;color:var(--bk-ink);gap:10px}
.orientation select,.room-table select,.filter-row select{min-height:var(--bk-tap);border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-white);color:var(--bk-ink);font:700 14px var(--sans);padding:0 10px}
.search{border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-white);padding:0 10px;min-height:var(--bk-tap);max-width:280px;flex:1 1 200px}
.search>span{font-size:22px;font-weight:800}
.search input{font-size:16px;min-height:calc(var(--bk-tap) - 6px);padding:0 8px;color:var(--bk-ink)}
.search input:focus-visible{outline-offset:6px}
.library-summary{padding:16px 0;font:800 13px var(--mono);color:var(--bk-ink);gap:6px 20px;flex-wrap:wrap}
.library-summary>span:last-child{font:600 13px var(--sans);color:var(--bk-text)}
#asset-count{font-size:15px}
.asset-grid{gap:clamp(20px,3vw,36px)}
.asset-card{border:var(--bk-line) solid var(--bk-ink);border-radius:0;background:var(--bk-white);box-shadow:var(--bk-shadow);display:flex;flex-direction:column;min-width:0}
.asset-visual{height:clamp(260px,32vw,440px);border-bottom:var(--bk-line) solid var(--bk-ink);background:var(--bk-wash)}
.asset-visual.product,.asset-visual.image,.asset-visual.gif{background-color:var(--bk-wash)}
.asset-visual.product img,.asset-visual.image img,.asset-visual.gif img{object-fit:contain;padding:12px;background:transparent}
.asset-visual.logo{background:var(--bk-white)}
.asset-visual.logo img{padding:clamp(24px,5vw,56px)}
.asset-card:hover .asset-visual img{transform:none}
.asset-type{top:0;left:0;background:var(--bk-ink);color:#fff;border:0;font:800 12px var(--mono);letter-spacing:.08em;padding:6px 10px}
.play{border-radius:0;width:60px;height:60px;border:var(--bk-line) solid var(--bk-ink);background:var(--bk-violet);color:#fff;font-size:20px}
.asset-body{padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;flex:1}
.asset-meta{font:700 12px/1.5 var(--mono);color:var(--bk-text)}
.asset-body h3{font-size:clamp(20px,1.8vw,26px);line-height:1.2;font-weight:900;letter-spacing:-.03em;margin-top:10px}
.asset-caption{font-size:15px;line-height:1.7;color:var(--bk-text);min-height:0;margin-top:10px}
.asset-status{align-self:flex-start;margin-top:14px}
.asset-actions{margin-top:auto;padding-top:16px;border-top:var(--bk-line) solid var(--bk-ink);gap:10px}
.asset-body .asset-status+.asset-actions{margin-top:18px}
.asset-actions a,.asset-actions button{min-height:var(--bk-tap);padding:0 14px;border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-white);color:var(--bk-ink);font-size:14px;font-weight:800;display:inline-flex;align-items:center;text-decoration:none}
.asset-actions a{margin-left:auto;background:var(--bk-ink);color:#fff}
.asset-actions button:hover{background:var(--bk-wash);text-decoration:none}
.asset-actions a:hover{background:var(--bk-violet);text-decoration:none}
#empty-state{padding:24px;border:var(--bk-line) dashed var(--bk-ink);background:var(--bk-white);font-weight:700}
.library-footer{padding:16px;border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-white);font-size:14px;line-height:1.7;color:var(--bk-ink);margin-top:28px}
.library-footer>span{color:var(--bk-violet);font-weight:900}

/* ---------- Copy desk ---------- */
.copy-section{background:var(--bk-violet);color:#fff}
.copy-section .section-heading .eyebrow{background:#fff;color:var(--bk-ink)}
.copy-section .section-sub,.copy-section .fineprint{color:#ece6fb}
.copy-section .text-link{color:#fff}
.copy-grid{gap:clamp(16px,2.4vw,28px);background:transparent;border:0}
.copy-card{background:var(--bk-white);color:var(--bk-ink);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow);padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;min-width:0}
.copy-top{align-items:flex-start;flex-wrap:wrap;gap:8px 12px;padding-bottom:12px;border-bottom:var(--bk-line-sm) solid var(--bk-ink);margin-bottom:16px}
.copy-top h3{font-size:16px;font-weight:900}
.copy-top span{font:700 12px var(--mono);color:var(--bk-text)}
.copy-card p{font-size:16px;line-height:1.85;color:var(--bk-ink);min-height:0;flex:1;overflow-wrap:anywhere}
.copy-card:first-child p{font-size:clamp(20px,1.9vw,26px);line-height:1.5;font-weight:800;letter-spacing:-.02em}
.copy-card button{align-self:flex-start;min-height:var(--bk-tap);padding:0 16px;border:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-flag);color:var(--bk-ink);font-size:14px;font-weight:800;box-shadow:var(--bk-shadow-sm);margin-top:18px}
.copy-card button:hover{background:var(--bk-wash)}

/* ---------- Facts + FAQ ---------- */
.facts-layout{gap:clamp(28px,4vw,56px)}
.fact-list{border-top:var(--bk-line) solid var(--bk-ink)}
.fact-row{grid-template-columns:minmax(84px,120px) minmax(0,1fr);gap:12px 16px;padding:14px 0;border-top:0;border-bottom:var(--bk-line-sm) solid var(--bk-ink);font-size:15px;line-height:1.6}
.fact-row dt{font:800 12px/1.6 var(--mono);letter-spacing:.06em;color:var(--bk-violet);text-transform:uppercase}
.fact-row dd{font-weight:700;color:var(--bk-ink)}
.fact-row .pending{color:var(--bk-ink);background:var(--bk-flag);padding:2px 6px;font-weight:700;display:inline-block}
.faq-list{border-top:var(--bk-line) solid var(--bk-ink)}
.faq-list details{border:0;border-bottom:var(--bk-line-sm) solid var(--bk-ink);padding:0}
.faq-list summary{min-height:var(--bk-tap);align-items:center;padding:12px 4px;font-size:16px;font-weight:800;line-height:1.5}
.faq-list summary:hover{background:var(--bk-wash)}
.faq-list summary:after{font-size:24px;font-weight:900;color:var(--bk-violet);flex-shrink:0}
.faq-list details[open]{background:var(--bk-paper)}
.faq-list details p{font-size:15px;line-height:1.85;color:var(--bk-text);margin:0;padding:0 4px 18px}
.facts-section .section-heading{flex-wrap:wrap}
.fact-downloads{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}
.fact-downloads .button{white-space:normal}
.production-details{margin-top:clamp(20px,3vw,32px);padding-top:0;border-top:var(--bk-line) solid var(--bk-ink);font-size:14px}
.production-details summary{min-height:var(--bk-tap);display:flex;align-items:center;font-size:15px;font-weight:800;padding:8px 0}
.production-details>p{font-size:14px;color:var(--bk-text)}
.readiness-list>div{border-bottom:var(--bk-line-sm) solid var(--bk-ink);padding:12px 0;font-size:14px;gap:8px 20px;flex-wrap:wrap}
.readiness-list b{font-weight:800;white-space:normal}
.interview-card .status-pending,.interview-card .asset-status{margin-top:14px}

/* ---------- Stories + contact ---------- */
.story-grid{gap:clamp(16px,2.4vw,28px)}
.story-card{border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white);box-shadow:var(--bk-shadow);padding:clamp(18px,2vw,26px);min-width:0}
.story-card>span{display:block;font:800 12px/1.4 var(--mono);color:var(--bk-violet);letter-spacing:.08em}
.story-card>span::first-line{font-size:44px;line-height:1.05;font-weight:900;color:var(--bk-ink);letter-spacing:-.04em}
.story-card h3{font-size:clamp(20px,1.7vw,24px);font-weight:900;line-height:1.3;letter-spacing:-.03em;margin:14px 0 10px;overflow-wrap:anywhere}
.story-card p{font-size:15px;line-height:1.8;color:var(--bk-text)}
.story-card small{font-size:13px;font-weight:800;color:var(--bk-violet);margin-top:16px;padding-top:12px;border-top:var(--bk-line-sm) solid var(--bk-ink)}
.contact-panel{margin-top:clamp(32px,4vw,56px);padding:clamp(20px,3vw,36px);background:var(--bk-white);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow)}
.contact-panel h3{font-size:clamp(26px,3vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin:12px 0}
.contact-panel p:not(.eyebrow){font-size:16px;color:var(--bk-text);max-width:48ch}
.contact-actions>span{font-size:13px;font-weight:700;color:var(--bk-ink)}

/* ---------- Editorial packs ---------- */
.package-grid{gap:clamp(16px,2.4vw,28px)}
.pack-card{border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white);box-shadow:var(--bk-shadow);padding:clamp(18px,2vw,26px);min-width:0}
.pack-card .eyebrow{font:800 12px var(--mono);color:var(--bk-violet);letter-spacing:.1em}
.pack-card h3{font-size:clamp(21px,1.9vw,28px);font-weight:900;line-height:1.2;letter-spacing:-.035em;margin:14px 0 12px;overflow-wrap:anywhere}
.pack-card>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--bk-text)}
.pack-meta{font:800 13px var(--mono);color:var(--bk-ink)}
.pack-card .button{font-size:14px;padding:10px 16px}
.pack-card .inline-action{margin-top:10px}
.quick-panel{margin-top:clamp(20px,3vw,36px);padding:clamp(20px,3vw,36px);background:var(--bk-ink);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm) , 10px 10px 0 var(--bk-violet);flex-wrap:wrap}
.quick-panel .eyebrow{color:#fff;font:800 12px var(--mono);letter-spacing:.12em}
.quick-panel h3{font-size:clamp(26px,3vw,42px);font-weight:900;line-height:1.1;letter-spacing:-.04em;margin:10px 0}
.quick-panel p:not(.eyebrow){font-size:16px;color:#ece6fb;max-width:52ch}
.quick-panel small{font:700 13px var(--mono);color:#ece6fb}
.quick-panel .button{background:var(--bk-flag);color:var(--bk-ink);border-color:#fff;box-shadow:4px 4px 0 var(--bk-violet);white-space:normal}
.shot-link{margin-top:24px}

/* ---------- Interview ---------- */
.interview-toolbar{gap:12px}
.interview-grid{gap:clamp(16px,2.4vw,28px)}
.interview-card{border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white);box-shadow:var(--bk-shadow);padding:clamp(18px,2.2vw,28px);min-width:0}
.interview-card>.eyebrow{display:inline-block;background:var(--bk-violet);color:#fff;font:800 13px var(--mono);padding:4px 10px}
.interview-card h3{font-size:clamp(19px,1.6vw,23px);font-weight:900;line-height:1.4;letter-spacing:-.03em;margin:16px 0 12px;overflow-wrap:anywhere}
.interview-card>p{font-size:15px;line-height:1.8;color:var(--bk-text);margin-bottom:0}
.interview-answer{border-top:var(--bk-line-sm) solid var(--bk-ink);margin-top:18px;padding-top:16px}
.interview-answer p{font-size:15px}
.interview-answer span{font-size:13px;font-weight:800}
.quote-desk{margin-top:28px;padding:clamp(18px,2.4vw,28px);background:var(--bk-wash);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm)}
.quote-desk blockquote{border-top:var(--bk-line-sm) solid var(--bk-ink)}
.quote-desk blockquote p{font-size:clamp(18px,1.6vw,22px);font-weight:800;line-height:1.6}
.muted{font-size:14px;color:var(--bk-text)}

/* ---------- Request form ---------- */
.request-layout{gap:clamp(24px,4vw,56px)}
.request-context h3{font-size:clamp(24px,2.4vw,34px);font-weight:900;line-height:1.15;letter-spacing:-.04em}
.request-context>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--bk-text)}
.request-context>a:not(.owner-link){font-size:15px;font-weight:800;display:inline-flex;align-items:center;min-height:var(--bk-tap)}
.local-note{padding:18px;background:var(--bk-flag);border:var(--bk-line) solid var(--bk-ink);font-size:14px;font-weight:700;color:var(--bk-ink)}
.local-note p{font-size:14px;color:var(--bk-ink);font-weight:500}
.room-form{gap:20px}
.room-form label,.admin-form label{font-size:14px;font-weight:800;color:var(--bk-ink);gap:8px}
.room-form input,.room-form select,.room-form textarea,.admin-form input,.admin-form select,.admin-form textarea{border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-white);font:500 16px/1.6 var(--sans);padding:10px 12px;min-height:var(--bk-tap)}
.room-form input:focus-visible,.room-form select:focus-visible,.room-form textarea:focus-visible,.admin-form input:focus-visible,.admin-form select:focus-visible,.admin-form textarea:focus-visible{outline-offset:0;box-shadow:var(--bk-shadow-sm)}
.checkbox-field input{width:24px;height:24px;min-height:0;accent-color:var(--bk-violet)}
.room-form .checkbox-field{min-height:var(--bk-tap);align-items:center}
.form-status{font-size:14px;font-weight:700}

/* ---------- Release ---------- */
.release-layout{gap:clamp(24px,4vw,56px)}
.change-entry{border-top:var(--bk-line) solid var(--bk-ink);padding:16px 0}
.change-entry span{font:800 13px var(--mono);color:var(--bk-violet)}
.change-entry p{font-size:15px;line-height:1.8;color:var(--bk-text)}
.usage-card{align-self:start;padding:clamp(18px,2.4vw,28px);background:var(--bk-paper);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow)}
.usage-card h3{font-size:22px;font-weight:900}
.usage-card p{font-size:15px;line-height:1.8;color:var(--bk-text)}
.small-links{gap:4px}
.small-links a{font-size:14px;font-weight:800;min-height:var(--bk-tap);display:inline-flex;align-items:center;color:var(--bk-violet)}

/* ---------- Footer, toast ---------- */
footer{padding:28px var(--bk-pad);background:var(--bk-white);border-top:var(--bk-line) solid var(--bk-ink)}
footer p,footer a{font-size:13px;color:var(--bk-ink)}
footer a{font-weight:800;display:inline-flex;align-items:center;min-height:var(--bk-tap)}
footer span{font:700 11px var(--mono)}
#toast{border:var(--bk-line) solid var(--bk-ink);border-radius:0;background:var(--bk-flag);color:var(--bk-ink);font-size:14px;font-weight:800;box-shadow:var(--bk-shadow-sm)}
.noscript{border-top:var(--bk-line) solid var(--bk-ink);font-weight:700}

/* ---------- Dialogs ---------- */
dialog{border:var(--bk-line) solid var(--bk-ink);border-radius:0;background:var(--bk-paper);box-shadow:10px 10px 0 var(--bk-ink);width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overscroll-behavior:contain}
dialog::backdrop{background:#1a1238e6}
.dialog-close{position:sticky;top:8px;right:auto;left:auto;display:block;width:var(--bk-tap);height:var(--bk-tap);margin:8px 8px -52px auto;border:var(--bk-line) solid var(--bk-ink);border-radius:0;background:var(--bk-flag);color:var(--bk-ink);font-size:28px;font-weight:900;line-height:1;padding:0;z-index:3}
.dialog-close:hover{background:var(--bk-white)}
.dialog-preview{background:var(--bk-wash);border-bottom:var(--bk-line) solid var(--bk-ink)}
.dialog-preview img{max-height:50vh}
.dialog-info{padding:clamp(18px,3vw,32px)}
.dialog-info h2{font-size:clamp(24px,3vw,34px);font-weight:900;line-height:1.15;letter-spacing:-.04em;padding-right:8px}
.dialog-info p{font-size:15px;color:var(--bk-text)}
.dialog-info .fact-row{grid-template-columns:minmax(80px,120px) minmax(0,1fr);font-size:14px}
.dialog-info .button{margin-top:20px}
.dialog-info .caption-copy{margin-left:8px}
#copy-dialog{padding:clamp(18px,3vw,30px)}
#copy-dialog h2{font-size:22px;font-weight:900}
#fallback-text{border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;font-size:16px}
.gif-toggle{min-height:var(--bk-tap)}

/* ---------- Launch stages + articles ---------- */
.stage-current{display:inline-block;background:var(--bk-flag);border:var(--bk-line-sm) solid var(--bk-ink);padding:6px 10px;font:800 12px/1.5 var(--mono);color:var(--bk-ink)}
.stage-tabs{gap:clamp(12px,1.8vw,20px);margin-bottom:clamp(20px,3vw,32px)}
.stage-tabs button{padding:clamp(16px,2vw,24px);border:var(--bk-line) solid var(--bk-ink);border-radius:0;background:var(--bk-white);box-shadow:var(--bk-shadow-sm);min-width:0;min-height:var(--bk-tap)}
.stage-tabs button:hover{background:var(--bk-wash)}
.stage-tabs button[aria-pressed=true]{background:var(--bk-violet);color:#fff;border-color:var(--bk-ink);box-shadow:var(--bk-shadow)}
.stage-tabs span{font:900 clamp(26px,3vw,40px)/1 var(--mono);color:var(--bk-violet);letter-spacing:-.04em}
.stage-tabs strong{font-size:clamp(18px,1.6vw,22px);font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.stage-tabs small{font-size:14px;line-height:1.6;color:var(--bk-text);overflow-wrap:anywhere}
.stage-tabs button[aria-pressed=true] span{color:var(--bk-flag)}
.stage-tabs button[aria-pressed=true] small{color:#ece6fb}

.embargo-panel{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:0;padding:0;margin-bottom:clamp(24px,3vw,40px);background:var(--bk-white);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow)}
.embargo-panel.open,.embargo-panel.locked,.embargo-panel.pending{background:var(--bk-white);border-color:var(--bk-ink)}
.embargo-panel>div:first-child{padding:clamp(16px,2vw,24px);background:var(--bk-flag);color:var(--bk-ink);border-right:var(--bk-line) solid var(--bk-ink);justify-content:center;min-width:0}
.embargo-panel.locked>div:first-child{background:var(--bk-ink);color:#fff}
.embargo-panel.open>div:first-child{background:var(--bk-violet);color:#fff}
.embargo-panel .eyebrow{font:800 12px var(--mono);letter-spacing:.14em;color:inherit}
.embargo-panel strong{font-size:clamp(18px,1.7vw,24px);font-weight:900;line-height:1.3}
.embargo-panel dl{padding:clamp(16px,2vw,24px);gap:16px 24px}
.embargo-panel dt{font:800 12px var(--mono);letter-spacing:.06em;color:var(--bk-violet);text-transform:uppercase}
.embargo-panel dd{font-size:15px;font-weight:700;line-height:1.6;margin-top:4px}

.article-mode-tabs{gap:0;border:var(--bk-line) solid var(--bk-ink);display:inline-flex;max-width:100%;background:var(--bk-white);margin-bottom:clamp(20px,3vw,32px)}
.article-mode-tabs button{min-height:var(--bk-tap);padding:0 18px;border:0;border-radius:0;background:var(--bk-white);color:var(--bk-ink);font-size:14px;font-weight:800;text-align:left}
.article-mode-tabs button+button{border-left:var(--bk-line) solid var(--bk-ink)}
.article-mode-tabs button[aria-pressed=true]{background:var(--bk-violet);color:#fff}
.article-mode-tabs button:not([aria-pressed=true]):hover{background:var(--bk-wash)}

.stage-article-layout{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.stage-article-layout>*{min-width:0}
.stage-article{padding:clamp(20px,3.4vw,44px);background:var(--bk-white);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow)}
.stage-article>.eyebrow{display:inline-block;background:var(--bk-ink);color:#fff;font:800 12px/1.4 var(--mono);letter-spacing:.12em;padding:5px 10px}
.stage-article h3{font-size:clamp(28px,3.4vw,52px);font-weight:900;line-height:1.12;letter-spacing:-.045em;margin:20px 0 16px;overflow-wrap:anywhere}
.article-deck{font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.7;color:var(--bk-violet);max-width:68ch;overflow-wrap:anywhere}
.sample-assumption{max-width:68ch;margin-top:20px;padding:14px 16px;background:var(--bk-flag);border:var(--bk-line-sm) solid var(--bk-ink);border-left:10px solid var(--bk-ink);font-size:14px;font-weight:700;line-height:1.7;color:var(--bk-ink);overflow-wrap:anywhere}
.article-body{max-width:68ch;margin-top:clamp(24px,3vw,36px);padding-top:clamp(20px,2.4vw,28px);border-top:var(--bk-line) solid var(--bk-ink);font-size:clamp(15px,.9rem + .3vw,17px);line-height:1.9;color:var(--bk-ink);word-break:keep-all;overflow-wrap:anywhere;min-width:0}
.article-body p+p{margin-top:1.3em}
.article-body a{color:var(--bk-violet);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.article-body img,.article-body video{max-width:100%;height:auto}
.article-figure{margin:2.2em 0;border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white);box-shadow:var(--bk-shadow-sm);max-width:100%;min-width:0}
.article-figure>img{display:block;width:100%;height:auto;max-height:min(72vh,640px);object-fit:contain;background:var(--bk-wash)}
.article-figure>figcaption{padding:12px 14px;border-top:var(--bk-line) solid var(--bk-ink);font-size:14px;line-height:1.65;font-weight:600;color:var(--bk-ink);word-break:normal}
.article-photo-links{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:var(--bk-line-sm) solid var(--bk-ink);background:var(--bk-paper)}
.article-photo-links>a,.article-photo-links>button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--bk-tap);padding:8px 14px;border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-white);color:var(--bk-ink);font:800 14px/1.3 var(--sans);text-decoration:none;text-align:center;flex:1 1 150px;max-width:100%}
.article-photo-links>a:hover,.article-photo-links>button:hover{background:var(--bk-violet);color:#fff}
.article-registration{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;max-width:68ch;margin-top:clamp(28px,3.4vw,44px);padding:clamp(16px,2.2vw,24px);background:var(--bk-violet);color:#fff;border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow);word-break:keep-all;overflow-wrap:anywhere;min-width:0}
.article-registration>*{margin:0;min-width:0}
.article-registration :is(strong,b,small,.eyebrow,[class*=label]){display:block;flex:1 1 100%;font:800 12px/1.4 var(--mono);letter-spacing:.12em;color:var(--bk-flag)}
.article-registration p{flex:1 1 240px;font-size:15px;line-height:1.7;font-weight:600;color:#fff}
.article-registration h4{flex:1 1 100%;margin:0;font-size:clamp(20px,2vw,26px);font-weight:900;line-height:1.25;letter-spacing:-.03em;color:#fff}
.article-registration a.button{justify-content:center;padding:8px 18px;border-color:var(--bk-ink);background:var(--bk-flag);color:var(--bk-ink);font-weight:900;font-size:15px;box-shadow:var(--bk-shadow-sm);max-width:100%}
.article-registration a.button:hover{background:#fff;color:var(--bk-ink)}
.stage-actions{gap:12px;margin-top:clamp(28px,3vw,40px);padding-top:20px;border-top:var(--bk-line) solid var(--bk-ink)}
.stage-actions .button{font-size:14px;gap:10px}

.stage-notes{padding:clamp(18px,2.4vw,28px);background:var(--bk-paper);border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm);min-width:0}
.stage-notes .eyebrow{display:inline-block;background:var(--bk-violet);color:#fff;padding:4px 8px;font:800 12px var(--mono);letter-spacing:.12em}
.stage-notes h3{font-size:clamp(20px,1.8vw,24px);font-weight:900;line-height:1.35;letter-spacing:-.03em;margin-top:14px;overflow-wrap:anywhere}
.stage-notes ul{padding-left:20px;font-size:15px;line-height:1.8}
.stage-notes li+li{margin-top:6px}
.stage-notes h4{font:800 12px var(--mono);letter-spacing:.08em;color:var(--bk-violet);text-transform:uppercase;margin:24px 0 8px;padding-top:14px;border-top:var(--bk-line-sm) solid var(--bk-ink)}
.stage-notes p{font-size:15px;line-height:1.8;color:var(--bk-text)}
.stage-notes .fineprint{font-size:13px;border-top:var(--bk-line-sm) solid var(--bk-ink)}
.stage-schedule-note{font-size:13px;line-height:1.7;color:var(--bk-text);margin-top:28px;max-width:80ch}
.stage-schedule-note a{font-weight:800;color:var(--bk-violet);display:inline-flex;align-items:center;min-height:var(--bk-tap);text-decoration:underline;text-underline-offset:4px}
.stage-preview-hold{padding:24px;border:var(--bk-line) solid var(--bk-ink);background:var(--bk-flag);font-size:16px;font-weight:700;box-shadow:var(--bk-shadow-sm)}
.stage-editor{border:var(--bk-line) solid var(--bk-ink)}
.stage-editor legend{font-weight:900;padding:0 10px}

/* ---------- Admin (operator view) ---------- */
.admin-body{background:var(--bk-paper)}
.admin-header{background:var(--bk-ink);border-bottom:var(--bk-line) solid var(--bk-violet);padding:24px var(--bk-pad)}
.admin-header .eyebrow{color:var(--bk-flag)}
.admin-header h1{font-size:clamp(28px,3.4vw,44px);font-weight:900;letter-spacing:-.045em;line-height:1.1;color:#fff}
.admin-header a{font-weight:800;display:inline-flex;align-items:center;min-height:var(--bk-tap);color:#fff}
.admin-shell{padding:clamp(20px,3vw,40px) var(--bk-pad) 72px}
.admin-intro p{font-size:15px;color:var(--bk-text)}
.admin-banner{background:var(--bk-flag);border:var(--bk-line-sm) solid var(--bk-ink);font-size:14px;font-weight:700;color:var(--bk-ink)}
.admin-tabs{gap:8px;border-bottom:var(--bk-line) solid var(--bk-ink);padding-bottom:16px}
.admin-tabs button{min-height:var(--bk-tap);padding:0 16px;border:var(--bk-line-sm) solid var(--bk-ink);border-radius:0;background:var(--bk-white);color:var(--bk-ink);font-size:14px;font-weight:800}
.admin-tabs button[aria-selected=true]{background:var(--bk-violet);color:#fff;box-shadow:var(--bk-shadow-sm)}
.admin-panel h2{font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.045em}
.admin-section{border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm);padding:clamp(18px,2.4vw,28px)}
.admin-section h3{font-size:20px;font-weight:900}
.admin-section summary{min-height:var(--bk-tap);display:flex;align-items:center;font-size:14px;font-weight:800}
.admin-status{font-size:14px;font-weight:700;color:var(--bk-violet)}
.admin-card-grid{gap:clamp(12px,2vw,20px)}
.metric-card{border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm);padding:clamp(16px,2vw,24px);min-width:0}
.metric-card span{font:800 12px var(--mono);letter-spacing:.06em;color:var(--bk-violet);text-transform:uppercase}
.metric-card strong{font-size:clamp(34px,4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.1}
.table-wrap{border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm)}
.room-table{font-size:14px}
.room-table th{background:var(--bk-ink);color:#fff;font:800 12px var(--mono);letter-spacing:.06em}
.room-table td,.room-table th{border-bottom:var(--bk-line-sm) solid var(--bk-ink)}
.room-table a{color:var(--bk-violet);font-weight:800}
.admin-empty{border:var(--bk-line) dashed var(--bk-ink);font-size:14px;font-weight:700;color:var(--bk-ink)}
.metric-explainer{font-size:14px;background:var(--bk-wash);border:var(--bk-line-sm) solid var(--bk-ink);color:var(--bk-ink)}
.admin-savebar{border:var(--bk-line) solid var(--bk-ink);box-shadow:var(--bk-shadow-sm);bottom:12px}
.filter-row label{font-size:14px;font-weight:800;color:var(--bk-ink)}
.right-channels input{width:24px!important;height:24px}
.owner-notice{font-size:13px;color:var(--bk-text)}

/* ---------- Wide desktop: article + notes in two roomy columns ---------- */
@media(min-width:1280px){
  .stage-article-layout{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:clamp(40px,4vw,64px)}
  .stage-notes{position:sticky;top:24px}
}

/* ---------- Tablet / narrow ---------- */
@media(max-width:1100px){
  .embargo-panel{grid-template-columns:minmax(0,1fr)}
  .embargo-panel>div:first-child{border-right:0;border-bottom:var(--bk-line) solid var(--bk-ink)}
}
@media(max-width:900px){
  .sidebar{padding:0 var(--bk-pad);border-right:0;border-bottom:var(--bk-line) solid var(--bk-ink)}
  .sidebar-label{display:none}
  .brand{padding:18px 0 8px}
  .sidebar nav{gap:6px;padding:4px 0 12px}
  .sidebar nav a{flex:0 0 auto;padding:6px 14px;border-color:var(--bk-ink);background:var(--bk-white)}
  .sidebar nav a.active{background:var(--bk-violet)}
  .topbar{min-height:64px}
  .hero{display:flex;flex-direction:column}
  .hero-copy{border-right:0;border-bottom:var(--bk-line) solid var(--bk-ink)}
  .hero h1{font-size:clamp(40px,11vw,84px)}
  .hero-image{height:auto;min-height:0;aspect-ratio:4/5;max-height:80vh}
  .intro-strip{grid-template-columns:minmax(0,1fr)}
  .asset-grid{grid-template-columns:minmax(0,1fr)}
  .asset-visual{height:clamp(260px,64vw,420px)}
  .copy-grid{grid-template-columns:minmax(0,1fr)}
  .story-card{grid-template-columns:72px minmax(0,1fr)}
  .story-card>span::first-line{font-size:36px}
  .hero-description{font-size:16px}
  #toast{left:50%;max-width:calc(100vw - 32px)}
}
@media(max-width:650px){
  .stage-tabs{grid-template-columns:minmax(0,1fr)}
  .stage-tabs button{grid-template-columns:56px minmax(0,1fr)}
  .stage-tabs span{font-size:30px}
  .article-mode-tabs{display:flex;flex-direction:column}
  .article-mode-tabs button+button{border-left:0;border-top:var(--bk-line) solid var(--bk-ink)}
  .stage-actions .button{width:100%}
  .asset-actions a{margin-left:0}
  .asset-actions a,.asset-actions button{flex:1 1 auto;justify-content:center}
  .fact-row{grid-template-columns:minmax(0,1fr);gap:2px}
  .dialog-info .fact-row{grid-template-columns:minmax(0,1fr);gap:2px}
  .article-photo-links>a,.article-photo-links>button{flex-basis:100%}
  .article-registration a.button{width:100%}
  .quick-panel .button,.contact-actions .button{width:100%}
  .languages button{min-width:var(--bk-tap)}
  .dialog-info .caption-copy{margin-left:0}
  .dialog-info .button{width:100%;margin-right:0}
  .fact-downloads{flex-wrap:wrap}
  .admin-tabs button{padding:0 12px}
}
@media(max-width:380px){
  :root{--bk-shadow:4px 4px 0 var(--bk-ink);--bk-shadow-sm:3px 3px 0 var(--bk-ink)}
  .hero h1{font-size:40px}
  .breadcrumb{font-size:11px}
  .pack-card .button{padding:10px 12px}
}

/* ---------- Motion + print ---------- */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{transition:none!important;animation:none!important}
  .button:hover,.button:active{transform:none}
}
@media print{
  :root{--bk-shadow:none;--bk-shadow-sm:none;--bk-line:1px;--bk-line-sm:1px}
  body{background:#fff}
  .copy-section,.quick-panel,.article-registration{background:#fff!important;color:#1a1238!important}
  .copy-section .section-sub,.copy-section .fineprint,.copy-section .text-link,.article-registration p,.article-registration :is(strong,b,small,.eyebrow){color:#1a1238!important}
  .copy-card,.asset-card,.story-card,.stage-article,.stage-notes,.article-figure,.interview-card,.embargo-panel{box-shadow:none!important;break-inside:avoid}
  .content-section,.hero,.intro-strip{border-color:#1a1238}
  .hero h1{font-size:40px}
  .article-photo-links,.stage-actions,.stage-tabs,.article-mode-tabs,.dialog-close{display:none!important}
  .article-body,.article-deck{max-width:none}
}

/* Language picker (app.js replaces the KO/EN buttons with one select). */
.languages.language-picker{border:var(--bk-line) solid var(--bk-ink);background:var(--bk-white)}
.languages.language-picker select{min-height:var(--bk-tap);max-width:min(52vw,230px);padding:0 34px 0 12px;border:0;border-radius:0;font:800 13px var(--sans);color:var(--bk-ink);background:var(--bk-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23180f2e' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer}
.languages.language-picker select:focus-visible{outline:3px solid var(--bk-violet);outline-offset:2px}
/* Right-to-left reading for Arabic: text aligns right; numbers, URLs and file names stay left-to-right. */
html[dir=rtl] body{text-align:right}
html[dir=rtl] .asset-meta,html[dir=rtl] input[type=email],html[dir=rtl] code{direction:ltr;unicode-bidi:isolate}

/* Per-script typography. The base styles are tuned for Korean (keep-all) and Latin display type. */
/* Chinese, Japanese and Thai have no spaces: keep-all would leave no break points and the text would be
   cut anywhere, so break by the script's own rules (Japanese by phrase), never starting a line with 。 or ー. */
html:is([lang=ja],[lang^=zh],[lang=th]) :is(h1,h2,h3,h4,p,li,dd,dt,summary,small,strong,span,a,button,label,figcaption){word-break:normal;overflow-wrap:break-word}
html[lang=ja] :is(h1,h2,h3,h4,.sidebar nav a,.stage-tabs strong,.stage-current,button){word-break:auto-phrase}
html:is([lang=ja],[lang^=zh]) body{line-break:strict}
/* Stacked vowel/tone marks (Thai, Devanagari, Vietnamese) and joined Arabic letters need room and no tracking. */
html:is([lang=th],[lang=hi],[lang=ar]) *{letter-spacing:normal!important}
html:is([lang=th],[lang=hi],[lang=vi]) :is(h1,h2,h3){line-height:1.35!important}
html:is([lang=ar]) :is(h1,h2,h3){line-height:1.45!important}
/* Long compounds (German, Turkish, Indonesian…) hyphenate instead of breaking mid-word. */
html:is([lang=de],[lang=fr],[lang=it],[lang^=es],[lang^=pt],[lang=tr],[lang=id],[lang=vi]) :is(h1,h2,h3,.sidebar nav a,.stage-tabs strong,.pack-card h3){hyphens:auto;overflow-wrap:normal}
/* Balanced heading lines avoid a lone word or full stop on the last line. */
html:not([lang=ko]) :is(h1,h2,h3){text-wrap:balance}
/* Scripts without spaces put a whole phrase in one unbreakable run; smaller display type keeps it on one line. */
html:is([lang=ja],[lang^=zh],[lang=th]) .hero h1{font-size:clamp(32px,calc((100vw - 226px)*.05),68px)}
@media(max-width:760px){html:is([lang=ja],[lang^=zh],[lang=th]) .hero h1{font-size:clamp(28px,8.5vw,44px)}}