:root{
 --bg:#06100c;--bg2:#0b2118;--panel:#102a20;--light:#f3f1e8;--ink:#eef5ef;
 --dark:#13251d;--muted:#b9c9bf;--accent:#e5aa3b;--line:rgba(255,255,255,.12);
 --max:1200px;--radius:24px;--shadow:0 30px 90px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.58}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(6,16,12,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.03em}
.brand img{width:42px;height:42px}
.brand small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.13em}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;font-weight:720;font-size:.92rem;color:#dbe7df}
nav a:hover,nav a:focus-visible{color:var(--accent)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:9px 12px}
.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden;background:
 radial-gradient(circle at 78% 22%,rgba(229,170,59,.24),transparent 24rem),
 linear-gradient(135deg,#050d0a 8%,#0b2118 62%,#153b2a)}
.hero:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-210px;bottom:-240px;border:1px solid rgba(229,170,59,.3);box-shadow:0 0 0 80px rgba(229,170,59,.035),0 0 0 160px rgba(229,170,59,.018)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding:90px 0}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;font-weight:900}
h1{font-size:clamp(2.9rem,6vw,6rem);line-height:.91;letter-spacing:-.06em;margin:.24em 0 .36em}
h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.045em;margin:.16em 0 .44em}
h3{line-height:1.18}
.lead{font-size:1.14rem;max-width:830px;color:#42564b}
.hero p{max-width:720px;color:#c3d3c9;font-size:1.1rem}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:850;background:var(--accent);border:1px solid var(--accent);color:#102018}
.btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.btn.dark{background:#10251d;color:#fff;border-color:#10251d}
.hero-machine{position:relative;border-radius:34px;padding:28px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:var(--shadow)}
.hero-machine .label{position:absolute;top:18px;right:18px;padding:8px 12px;border:1px solid rgba(229,170,59,.5);border-radius:999px;color:#f2ca78;background:#0b2118;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.machine-art{display:grid;grid-template-columns:1fr .75fr 1fr;gap:10px;aspect-ratio:1.05}
.machine-art span{position:relative;border-radius:16px;background:linear-gradient(145deg,#dfe5df,#71877b);overflow:hidden}
.machine-art span:nth-child(2){grid-row:span 2}.machine-art span:nth-child(5){grid-column:span 2}
.machine-art span:before{content:"";position:absolute;width:58%;height:12%;left:21%;top:25%;border-radius:999px;background:#3b5146}
.machine-art span:after{content:"";position:absolute;width:14%;height:46%;left:43%;top:38%;border-radius:999px;background:#3b5146}
.statusbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#091711}
.statusgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:28px 24px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}.stat b{display:block;color:var(--accent);font-size:1.9rem}.stat span{font-size:.86rem;color:var(--muted)}
section{padding:96px 0}
.light{background:var(--light);color:var(--dark)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.card{border:1px solid rgba(16,37,29,.14);border-radius:var(--radius);padding:26px;background:#fff;box-shadow:0 12px 40px rgba(16,37,29,.07)}
.card p{color:#52655b}.card .num{font-size:.7rem;color:#9b6e1f;font-weight:900;letter-spacing:.16em}
.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.tag{padding:9px 13px;border:1px solid rgba(16,37,29,.18);border-radius:999px;background:rgba(255,255,255,.55);font-weight:720;font-size:.86rem}
.gallery{background:linear-gradient(145deg,#07120e,#102b20 60%,#07130f);position:relative;overflow:hidden}
.gallery-head{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:end;margin-bottom:32px}
.gallery-head p:last-child{color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:300px 300px;gap:14px}
.gtile{position:relative;border:0;padding:0;overflow:hidden;border-radius:24px;background:#142b22;cursor:zoom-in;color:#fff;text-align:left;box-shadow:var(--shadow)}
.gtile:first-child{grid-row:1/3}.gtile:last-child{grid-column:2/4}
.gtile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.gtile:hover img{transform:scale(1.04)}
.gfallback{position:absolute;inset:0;background:
 radial-gradient(circle at 75% 20%,rgba(229,170,59,.26),transparent 28%),
 linear-gradient(135deg,#1a392c,#0b1d16);display:grid;place-items:center;color:#d4e2d9}
.gfallback:before{content:"INDUSTRIAL IMAGE";font-size:.7rem;letter-spacing:.18em;font-weight:900;border:1px solid rgba(255,255,255,.2);padding:10px 13px;border-radius:999px}
.gtile img{position:relative;z-index:1}
.gshade{position:absolute;z-index:2;inset:0;background:linear-gradient(to top,rgba(4,11,8,.94),rgba(4,11,8,.1) 58%,transparent)}
.gcopy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:24px;display:grid;gap:4px}
.gcopy small{color:#f0c56d;letter-spacing:.16em;font-weight:900}.gcopy strong{font-size:1.25rem}
.source{margin-top:16px;padding:17px 20px;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:.87rem}
.source a{color:#fff}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.flow article{border:1px solid var(--line);background:#10251d;padding:24px;border-radius:20px}
.flow b{color:var(--accent);font-size:.75rem}
.note{margin-top:30px;padding:20px 22px;border-left:4px solid var(--accent);background:rgba(229,170,59,.08);color:#dce8e0}
.verify{background:linear-gradient(135deg,#e8e5db,#fff);color:#17251e}
.verifygrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.vcard{padding:27px;border:1px solid #d5d4ca;border-radius:22px;background:#fff}
.vcard dt{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#6f7d75;font-weight:900}
.vcard dd{margin:3px 0 16px;font-weight:780}
.auth{background:#0b1c15}
.authbox{border:1px solid rgba(229,170,59,.32);border-radius:26px;padding:32px;background:linear-gradient(145deg,rgba(229,170,59,.09),rgba(255,255,255,.025))}
.authstatus{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(229,170,59,.45);color:#f3cb79;font-weight:900;font-size:.76rem}
.authstatus:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.contactbox{padding:28px;border-radius:24px;border:1px solid var(--line);background:#10251d}
.contactbox a{color:#f1c66e}
footer{padding:38px 0;background:#040c09;border-top:1px solid var(--line);color:#b7c8bd}
.footergrid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{color:#fff}
.mlinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.mlinks a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.78rem}
.lightbox{position:fixed;inset:0;z-index:999;display:none;place-items:center;padding:24px}
.lightbox.open{display:grid}.lbback{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(16px)}
.lbshell{position:relative;z-index:2;width:min(1180px,94vw)}
.lbimg{width:100%;height:min(76vh,760px);object-fit:contain;background:#050d0a;border-radius:26px}
.lbclose{position:absolute;right:0;top:-52px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#10251d;color:#fff;font-size:1.5rem}
.lbcap{text-align:center;padding-top:14px;font-weight:760}
@media(max-width:900px){
 nav ul{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 20px;background:#06100c;flex-direction:column;border-bottom:1px solid var(--line)}
 nav ul.open{display:flex}.menu-btn{display:block}
 .hero-grid,.verifygrid,.contactgrid,.gallery-head{grid-template-columns:1fr}
 .grid3,.flow{grid-template-columns:repeat(2,1fr)}
 .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:430px 250px 250px}
 .gtile:first-child{grid-column:1/3;grid-row:1}.gtile:last-child{grid-column:1/3}
}
@media(max-width:580px){
 .container{width:min(100% - 28px,var(--max))}.hero{min-height:auto}.hero-grid{padding:62px 0}
 section{padding:68px 0}.statusgrid,.grid3,.flow{grid-template-columns:1fr}
 .stat{border-right:0;border-bottom:1px solid var(--line)}
 .gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
 .gtile,.gtile:first-child,.gtile:last-child{flex:0 0 86vw;height:450px;display:block;scroll-snap-align:center}
}


/* ===== LOCAL APPLICATION MAP ===== */
.applications-showcase{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 82% 10%,rgba(229,170,59,.17),transparent 25rem),
    linear-gradient(145deg,#07120e,#102b20 58%,#07130f);
}
.applications-showcase:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
}
.applications-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr .82fr;gap:40px;align-items:end;margin-bottom:34px}
.applications-head p:last-child{color:var(--muted);max-width:600px;margin-left:auto}
.applications-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.app-card{
  min-width:0;display:flex;flex-direction:column;text-decoration:none;color:#fff;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);
  border-radius:22px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.app-card:hover,.app-card:focus-visible{
  transform:translateY(-5px);border-color:rgba(229,170,59,.7);background:rgba(255,255,255,.075);
}
.app-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.app-image{display:grid;place-items:center;aspect-ratio:1.22;background:#f5f5f5;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.app-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.app-card:hover .app-image img{transform:scale(1.055)}
.app-copy{display:flex;flex:1;flex-direction:column;padding:16px 16px 17px;min-height:148px}
.app-copy small{color:var(--accent);font-weight:900;letter-spacing:.14em;font-size:.67rem}
.app-copy strong{font-size:1rem;line-height:1.16;margin-top:9px}
.app-copy span{color:var(--muted);font-size:.78rem;margin-top:4px}
.app-copy em{font-style:normal;color:#f1c86f;font-size:.69rem;font-weight:800;margin-top:auto;padding-top:13px}
@media(max-width:1050px){.applications-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.applications-head{grid-template-columns:1fr}.applications-head p:last-child{margin:0}.applications-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.applications-grid{grid-template-columns:1fr}.app-image{aspect-ratio:1.55}.app-copy{min-height:128px}}


/* ===== HERO PROCESS SLIDER ===== */
.hero-slider{min-height:520px;display:flex;flex-direction:column;justify-content:center}
.hero-slides{position:relative;min-height:420px}
.hero-slide{position:absolute;inset:0;margin:0;display:grid;grid-template-rows:1fr auto;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .55s ease,transform .55s ease}
.hero-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.hero-visual{display:grid;place-items:center;min-height:320px;border-radius:26px;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.12),transparent 45%),linear-gradient(145deg,rgba(245,245,245,.98),rgba(224,229,225,.96));overflow:hidden}
.hero-visual img{width:min(82%,360px);height:auto;filter:contrast(1.05);mix-blend-mode:multiply}
.hero-slide figcaption{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:20px 4px 6px}
.hero-slide figcaption small{grid-column:1/3;color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.16em}
.hero-slide figcaption strong{font-size:1.35rem}
.hero-slide figcaption span{color:var(--muted);font-size:.82rem;align-self:end}
.hero-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}
.hero-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.28);cursor:pointer}
.hero-dots button.is-active{width:28px;border-radius:999px;background:var(--accent)}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* ===== JURISDICTION & VERIFICATION CONTEXT ===== */
.jurisdiction{position:relative;background:#f2f0e7;color:#14251d}
.jurisdiction-head{display:grid;grid-template-columns:1fr .92fr;gap:42px;align-items:end}
.jurisdiction-head p:last-child{color:#4c5f55;font-size:1.03rem}
.jurisdiction-note,.jurisdiction-important{margin-top:30px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #d8d6cc}
.jurisdiction-note strong,.jurisdiction-important strong{display:block;color:#8b611b;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;margin-bottom:5px}
.jurisdiction-note p,.jurisdiction-important p{margin:0;color:#4c5d54}
.jurisdiction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.jurisdiction-card{position:relative;padding:28px;border:1px solid #d4d5ce;border-radius:22px;background:#fff;box-shadow:0 12px 38px rgba(16,37,29,.06)}
.jurisdiction-card h3{margin-top:28px}
.jurisdiction-card address{font-style:normal;color:#4e6056}
.jurisdiction-card p{color:#4e6056}
.jurisdiction-card a{display:inline-flex;margin-top:8px;color:#745018;font-weight:850}
.jurisdiction-badge{position:absolute;top:18px;right:18px;display:grid;place-items:center;min-width:40px;height:30px;padding:0 8px;border-radius:999px;background:#10251d;color:#f2c66c;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.jurisdiction-important{border-left:4px solid var(--accent)}

/* ===== ROLTEX-STYLE DISCLOSURE FOOTER ===== */
.footer-roltex{max-width:1100px}
.footer-roltex p{max-width:1000px;margin:0 0 12px}
.footer-company{color:#fff;font-weight:850;font-size:1rem}
.footer-authorization{font-size:.82rem;color:#9fb1a6}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}

@media(max-width:900px){
  .jurisdiction-head{grid-template-columns:1fr}
  .jurisdiction-grid{grid-template-columns:1fr 1fr}
  .hero-slider{min-height:470px}.hero-slides{min-height:380px}
}
@media(max-width:580px){
  .jurisdiction-grid{grid-template-columns:1fr}
  .hero-slide figcaption{grid-template-columns:1fr}
  .hero-slide figcaption small{grid-column:auto}
  .hero-slide figcaption span{margin-top:4px}
}


/* ===== OWNER-SUPPLIED HERO MACHINERY VISUALS ===== */
.hero-slider--machines .hero-visual--machine{
  background:
    radial-gradient(circle at 50% 44%,rgba(229,170,59,.10),transparent 38%),
    linear-gradient(145deg,#f7f7f4,#ecefe9);
  border:1px solid rgba(255,255,255,.12);
}
.hero-slider--machines .hero-visual--machine img{
  width:min(94%,500px);
  max-height:360px;
  object-fit:contain;
  mix-blend-mode:normal;
  filter:none;
}
.hero-slider--machines .hero-slide figcaption strong{max-width:470px}
.hero-slider--machines .hero-slide figcaption span{max-width:330px;text-align:right}

/* ===== RAW MATERIAL VISUAL BANNER ===== */
.raw-material-visual{
  position:relative;
  margin:34px 0 8px;
  border-radius:26px;
  overflow:hidden;
  min-height:210px;
  box-shadow:0 22px 55px rgba(16,37,29,.12);
  border:1px solid rgba(16,37,29,.12);
  background:#ddd;
}
.raw-material-visual img{
  width:100%;
  height:auto;
  min-height:210px;
  object-fit:cover;
  display:block;
}
.raw-material-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,19,15,.86) 0%,rgba(7,19,15,.5) 35%,rgba(7,19,15,.08) 66%,rgba(7,19,15,0) 100%);
}
.raw-material-overlay{
  position:absolute;
  z-index:2;
  left:28px;
  bottom:25px;
  max-width:520px;
  color:#fff;
}
.raw-material-overlay small{
  display:block;
  color:#f0c46a;
  font-size:.68rem;
  letter-spacing:.16em;
  font-weight:900;
  margin-bottom:7px;
}
.raw-material-overlay strong{
  display:block;
  font-size:clamp(1.2rem,2.1vw,2rem);
  line-height:1.08;
}
@media(max-width:720px){
  .hero-slider--machines .hero-slide figcaption span{text-align:left}
  .raw-material-visual{min-height:260px}
  .raw-material-visual img{height:260px;min-height:260px}
  .raw-material-visual:after{background:linear-gradient(to top,rgba(7,19,15,.9),rgba(7,19,15,.1) 75%)}
  .raw-material-overlay{left:20px;right:20px;bottom:20px}
}
\n\n/* ===== AUDIT 2026-08-16: WCAG CONTRAST FIXES ===== */
.light .eyebrow,
.verify .eyebrow,
.jurisdiction .eyebrow{color:#4a3100}
.light .note{color:#293e33;background:#fff7e6;border-left-color:#745018}
.light .note strong{color:#1f3027}
.tag{color:#102018;background:#edf2ed;border-color:#c7d3cb}
.vcard dt{color:#53645b}
.jurisdiction-note strong,.jurisdiction-important strong{color:#6f4b0e}
.contactbox .btn{color:#102018;background:#efbd58;border-color:#efbd58}
.contactbox .btn:hover,.contactbox .btn:focus-visible{background:#f4c96f;border-color:#f4c96f}


/* ===== FINAL WCAG CONTRAST OVERRIDE ===== */
section.light .eyebrow,
section.verify .eyebrow,
section.jurisdiction .eyebrow,
section.language-architecture .eyebrow{color:#3a2600!important}

/* ===== LANGUAGE / HREFLANG — 26 INTERNATIONAL VERSIONS ===== */
.nav-actions{display:flex;align-items:center;gap:14px}
.language-switcher{position:relative}
.language-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d2119;color:#fff;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer}
.language-btn strong{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:var(--accent);color:#102018;font-size:.7rem}
.language-btn:hover,.language-btn:focus-visible{border-color:var(--accent);outline:none}
.language-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:min(720px,92vw);max-height:min(72vh,620px);overflow:auto;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px!important;margin:0!important;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#07130f;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.language-dropdown[hidden]{display:none!important}
.language-dropdown li{min-width:0}
.language-dropdown a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.035);color:#edf5ef!important}
.language-dropdown a:hover,.language-dropdown a:focus-visible{background:rgba(229,170,59,.14);outline:2px solid rgba(229,170,59,.65);outline-offset:0}
.language-dropdown a span{font-size:.86rem;font-weight:820}
.language-dropdown a small{grid-row:1/3;grid-column:2;color:#f1c66e;align-self:center;font-size:.64rem;font-weight:900}
.language-dropdown a:after{content:attr(href);font-size:.61rem;color:#9fb1a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-architecture{background:#f3f1e8;color:#13251d}
.language-architecture-head{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:end}
.language-architecture-head>p{color:#42564b}
.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:34px}
.language-card{position:relative;display:grid;gap:3px;padding:16px 46px 15px 16px;border:1px solid #d5d5cc;border-radius:16px;background:#fff;color:#13251d;text-decoration:none;box-shadow:0 8px 28px rgba(16,37,29,.05)}
.language-card:hover,.language-card:focus-visible{border-color:#77510f;transform:translateY(-2px);outline:3px solid rgba(116,80,24,.22)}
.language-card strong{font-size:.93rem}
.language-card span{font-size:.69rem;color:#53645b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-card small{position:absolute;right:12px;top:14px;color:#67450e;font-weight:900;font-size:.62rem}
.language-architecture code{font-size:.88em}
@media(max-width:1080px){.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{gap:12px}nav ul{gap:13px}}
@media(max-width:900px){.nav-actions{margin-left:auto}.language-architecture-head{grid-template-columns:1fr}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-dropdown{position:fixed;left:20px;right:20px;top:86px;width:auto}}
@media(max-width:580px){.language-btn span{display:none}.language-grid{grid-template-columns:1fr}.language-dropdown{grid-template-columns:1fr;left:14px;right:14px}}

/* ===== LANGUAGE FLAGS — FINAL READABILITY ===== */
.language-flag{width:22px;height:16px;object-fit:cover;flex:0 0 auto;border-radius:3px;box-shadow:0 0 0 1px rgba(16,37,29,.14);vertical-align:middle}
.language-dropdown a{grid-template-columns:22px 1fr auto;align-items:center;column-gap:10px}
.language-dropdown a .language-flag{grid-column:1;grid-row:1/3}
.language-dropdown a span{grid-column:2}.language-dropdown a small{grid-column:3}
.language-card{grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;align-items:center;padding:15px 14px}
.language-card .language-flag{grid-column:1;grid-row:1/3;width:26px;height:19px}
.language-card strong{grid-column:2;grid-row:1}.language-card span{grid-column:2;grid-row:2}.language-card small{position:static;grid-column:3;grid-row:1/3;align-self:center}
@media(max-width:580px){.language-card{grid-template-columns:28px 1fr auto}.language-card span{white-space:normal}}

/* FINAL WCAG CONTRAST — language architecture */
.language-architecture .note {
  color: #2b2418 !important;
  background: #fffaf0 !important;
  border-color: #8a6a22 !important;
}
.language-architecture .note strong {
  color: #1f1a12 !important;
}
.language-architecture .note code {
  color: #1f1a12 !important;
  background: #f2e7c9 !important;
}