/* GRC Control Crosswalk explorer — styles. System fonts, CSS tokens, light/dark, print. MIT License. */
:root {
  color-scheme: light dark;
  --bg: #f5f6f8; --surface: #ffffff; --surface-alt: #eef1f6; --text: #1b2230; --muted: #5c6678; --border: #d5dbe5;
  --accent: #1f3864; --accent-contrast: #ffffff; --focus: #d9a23a;
  --high: #c6e0b4; --high-fg: #1e4620; --medium: #ffe699; --medium-fg: #7f6000;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.1); --radius: 10px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #11151c; --surface: #1a2029; --surface-alt: #232a35; --text: #e6e9ee; --muted: #9aa5b5; --border: #353d49; --accent: #8fb3ea; --accent-contrast: #0e1217; --shadow: none; } }
:root[data-theme="dark"] { --bg: #11151c; --surface: #1a2029; --surface-alt: #232a35; --text: #e6e9ee; --muted: #9aa5b5; --border: #353d49; --accent: #8fb3ea; --accent-contrast: #0e1217; --shadow: none; }
* { box-sizing: border-box; }
html { font-family: var(--font); line-height: 1.5; }
body { margin: 0; background: var(--bg); color: var(--text); }
.wrap { width: min(1320px, 100% - 32px); margin-inline: auto; }
h1 { font-size: 1.5rem; margin: 0; } h2 { font-size: 1.15rem; margin: 0 0 10px; } h3 { font-size: 1rem; margin: 16px 0 6px; } p { margin: 0 0 10px; }
a { color: var(--accent); } .muted { color: var(--muted); font-size: 0.92rem; }
.skip-link { position: absolute; left: -999px; top: 8px; background: var(--accent); color: var(--accent-contrast); padding: 8px 12px; border-radius: 6px; z-index: 10; } .skip-link:focus { left: 8px; }
.site-header { background: var(--surface); border-bottom: 1px solid var(--border); padding: 18px 0; }
.header-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.tagline { color: var(--muted); margin: 4px 0 0; }
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 18px 20px; margin: 18px 0; }
.btn { font: inherit; font-weight: 600; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface-alt); color: var(--text); cursor: pointer; }
.btn:hover { border-color: var(--accent); } .btn-primary { background: var(--accent); color: var(--accent-contrast); border-color: var(--accent); } .btn-ghost { background: transparent; }
.btn-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 18px 0 0; }
.tabs button { font: inherit; font-weight: 700; padding: 10px 16px; border: 1px solid var(--border); border-bottom: 0; border-radius: 10px 10px 0 0; background: var(--surface-alt); color: var(--muted); cursor: pointer; }
.tabs button[aria-selected="true"] { background: var(--surface); color: var(--text); border-color: var(--accent); }
.panel[hidden] { display: none; } .panel .card:first-child { margin-top: 0; border-top-left-radius: 0; }
.toolbar { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: end; margin-bottom: 12px; }
label { display: grid; gap: 4px; font-size: 0.92rem; font-weight: 600; } label.check { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
input, select { font: inherit; padding: 7px 9px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); color: var(--text); min-width: 0; }
input[type="search"] { min-width: 260px; }
.kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 10px 0 14px; }
.kpi { background: var(--surface-alt); border-radius: 8px; padding: 10px 12px; } .kpi b { display: block; font-size: 1.45rem; line-height: 1.2; } .kpi small { color: var(--muted); }
.table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
th, td { text-align: left; vertical-align: top; padding: 7px 8px; border-bottom: 1px solid var(--border); } th { background: var(--surface-alt); position: sticky; top: 0; z-index: 1; }
td.id, .id { font-family: var(--mono); font-weight: 700; white-space: nowrap; } td.ref { font-family: var(--mono); white-space: nowrap; }
tr.domain-row td { background: color-mix(in srgb, var(--accent) 8%, transparent); font-weight: 700; }
.pill { display: inline-block; padding: 1px 8px; border-radius: 99px; font-size: 0.76rem; font-weight: 700; white-space: nowrap; background: var(--surface-alt); margin: 1px 2px 1px 0; }
.pill[data-v="high"] { background: var(--high); color: var(--high-fg); } .pill[data-v="medium"] { background: var(--medium); color: var(--medium-fg); }
.pill[data-v="verified"] { background: var(--high); color: var(--high-fg); } .pill[data-v="secondary"] { background: var(--medium); color: var(--medium-fg); } .pill[data-v="unverified"] { background: var(--surface-alt); color: var(--muted); }
.pill.link { cursor: pointer; border: 0; font: inherit; font-size: 0.76rem; font-weight: 700; color: var(--accent); }
.bars { display: grid; gap: 6px; } .bar { display: grid; grid-template-columns: 260px 1fr 70px; align-items: center; gap: 10px; font-size: 0.88rem; }
.bar .track { height: 10px; background: var(--surface-alt); border-radius: 99px; overflow: hidden; } .bar .fill { height: 100%; background: var(--accent); } .bar .pct { text-align: right; color: var(--muted); font-variant-numeric: tabular-nums; }
.status { min-height: 1.4em; color: var(--muted); margin-top: 10px; } .site-footer { color: var(--muted); font-size: 0.85rem; padding: 10px 0 30px; }
@media (max-width: 700px) { th, td { padding: 6px 5px; } .bar { grid-template-columns: 130px 1fr 60px; } input[type="search"] { min-width: 0; width: 100%; } }
@media print { body { background: #fff; color: #000; } .site-header, .intro, .actions, .tabs, .toolbar, .skip-link, .btn, .site-footer { display: none !important; } .panel[hidden] { display: block; } .card { border: 0; box-shadow: none; padding: 0; margin: 12px 0; } th { position: static; } }


/* 2026 executive dimensional refresh — progressive enhancement, zero dependencies */
:root{--bg:#080f20;--surface:#111c35;--surface-alt:#1c2c49;--text:#edf5ff;--muted:#adc0db;--border:#344765;--accent:#5bdaff;--accent-contrast:#061226;--focus:#ffce70;--shadow:0 22px 65px rgba(0,5,30,.35),0 4px 12px rgba(0,0,0,.16);--radius:20px;color-scheme:dark}
:root[data-theme="light"]{--bg:#ecf3ff;--surface:#fff;--surface-alt:#eaf1ff;--text:#12243e;--muted:#536980;--border:#cbdaf0;--accent:#275dd3;--accent-contrast:#fff;--shadow:0 20px 60px rgba(33,77,143,.12);color-scheme:light}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#ecf3ff;--surface:#fff;--surface-alt:#eaf1ff;--text:#12243e;--muted:#536980;--border:#cbdaf0;--accent:#275dd3;--accent-contrast:#fff;--shadow:0 20px 60px rgba(33,77,143,.12);color-scheme:light}}
html{scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(ellipse 900px 520px at 95% -100px,rgba(79,95,230,.20),transparent 72%),radial-gradient(ellipse 700px 550px at -10% 400px,rgba(0,203,242,.10),transparent 76%),var(--bg);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(107,163,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(107,163,237,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.wrap{width:min(1460px,100% - 44px)}
.site-header{position:relative;overflow:hidden;isolation:isolate;padding:42px 0 76px;border-bottom:1px solid rgba(113,197,255,.22);background:radial-gradient(ellipse at 77% 36%,rgba(77,69,213,.42),transparent 43%),linear-gradient(115deg,#071329 5%,#0e2755 58%,#1d1046);color:#f7fbff}
.site-header:before{content:"";position:absolute;right:9%;top:15%;width:240px;height:240px;border:1px solid rgba(103,226,255,.34);border-radius:30%;transform:rotate(-30deg) skew(10deg,10deg);box-shadow:0 0 0 28px rgba(62,191,255,.03),0 0 0 60px rgba(121,112,255,.04),inset 0 0 90px rgba(19,213,255,.11),22px 27px 80px rgba(0,0,0,.3);animation:grcFloat 9s ease-in-out infinite}
.site-header:after{content:"GRC";position:absolute;right:calc(9% + 53px);top:calc(15% + 79px);font-size:60px;font-weight:900;letter-spacing:-6px;color:rgba(127,231,255,.28);text-shadow:0 7px 24px rgba(0,236,255,.19);transform:rotate(-8deg);pointer-events:none}
@keyframes grcFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:5deg}}
.header-row{position:relative;z-index:1;align-items:flex-start}.header-row>div:first-child{max-width:910px}
.site-header h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.07;letter-spacing:-.055em;font-weight:850;max-width:760px;text-wrap:balance}
.site-header h1 .glow{background:linear-gradient(95deg,#68e9ff,#87b1ff 55%,#c5a3ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#92efff;letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:850;border:1px solid rgba(123,218,255,.36);border-radius:99px;padding:8px 14px;margin-bottom:20px;background:rgba(56,174,220,.12)}
.hero-eyebrow:before{content:"";height:8px;width:8px;border-radius:50%;background:#60f4c0;box-shadow:0 0 16px #60f4c0}
.site-header .tagline{font-size:1.02rem;line-height:1.75;color:#bed2ec;max-width:820px;margin-top:18px}
.header-actions .btn{background:rgba(255,255,255,.08);border-color:rgba(179,218,255,.34);color:#f6fbff;backdrop-filter:blur(12px)}
.card{background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 95%,#748dff 5%),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin:22px 0;transition:box-shadow .25s,border-color .25s}
.intro{position:relative;margin-top:-38px;z-index:2;overflow:hidden}
.intro:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#24e0df,#5b81ff,#b26fff,#24e0df)}
.intro h2{font-size:1.37rem;letter-spacing:-.025em}.intro>p{line-height:1.86;color:var(--muted);max-width:1130px}.intro strong{color:var(--text)}
.kpis{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:15px;margin:25px 0 4px;perspective:950px}
.kpi{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface-alt),color-mix(in srgb,var(--surface) 88%,#3e7be4 12%));border:1px solid var(--border);border-radius:17px;padding:20px;box-shadow:0 12px 0 -8px rgba(50,158,243,.24),0 18px 28px rgba(0,0,0,.13);transition:transform .28s,box-shadow .28s}
.kpi:hover{transform:translateY(-7px) rotateX(4deg) rotateY(-3deg);box-shadow:0 23px 37px rgba(23,99,199,.24)}.kpi:after{content:"";position:absolute;width:115px;height:115px;right:-60px;top:-58px;background:radial-gradient(circle,rgba(52,222,255,.24),transparent 70%)}
.kpi b{font-size:clamp(1.6rem,2vw,2.35rem);letter-spacing:-.04em;color:var(--accent)}.kpi small{font-weight:650}
.tabs{display:flex;gap:9px;align-items:center;margin:28px 0 15px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:17px;width:fit-content;max-width:100%;box-shadow:var(--shadow)}
.tabs button{border:1px solid transparent!important;border-radius:11px!important;padding:13px 19px;background:transparent;color:var(--muted);transition:background .2s,transform .2s,box-shadow .2s}
.tabs button:hover{background:var(--surface-alt);color:var(--text);transform:translateY(-2px)}
.tabs button[aria-selected="true"]{color:#fff!important;background:linear-gradient(120deg,#237ad7,#7054e8)!important;box-shadow:0 7px 20px rgba(68,91,207,.32)}
.panel .card:first-child{border-radius:var(--radius);margin-top:0}
.toolbar{padding:17px;background:var(--surface-alt);border:1px solid var(--border);border-radius:16px;gap:15px 19px;margin-bottom:21px}
label{color:var(--muted);font-weight:700;gap:8px}input,select{padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface);max-width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.btn{border-radius:10px;padding:11px 16px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(47,117,244,.16)}
#iso-export,#ov-export{background:linear-gradient(120deg,#176edb,#6749d2);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(45,89,201,.25)}
.table-wrap{border:1px solid var(--border);border-radius:14px;max-height:72vh;overflow:auto}table{border-collapse:separate;border-spacing:0;font-size:.87rem}th{position:sticky;top:0;z-index:2;background:var(--surface-alt);border-bottom:2px solid var(--border);padding:15px 12px;font-weight:800}td{padding:12px;line-height:1.55}tbody tr{transition:background .2s}tbody tr:hover td{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}td.id,.id{color:var(--accent)}
.pill{padding:4px 10px;border-radius:8px;line-height:1.5}.pill.link{border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}
.bar{gap:14px;padding:8px 0}.bar .track{height:13px;border:1px solid var(--border)}.bar .fill{border-radius:99px;background:linear-gradient(90deg,#29d2e9,#5b82ff,#9a6af5);box-shadow:0 0 18px rgba(70,149,255,.27)}
.site-footer{padding:24px 0 40px;border-top:1px solid var(--border);line-height:1.7}
@media(max-width:700px){.wrap{width:min(100% - 22px,1460px)}.site-header{padding:30px 0 66px}.site-header:before,.site-header:after{opacity:.16}.card{padding:20px 15px}.tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap;padding:11px 13px}.toolbar{padding:12px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}input[type="search"]{min-width:0;width:100%}.bar{grid-template-columns:130px 1fr 50px}}
@media(prefers-reduced-motion:reduce){.site-header:before{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff!important;color:#000!important}.site-header,.intro,.actions,.tabs,.toolbar,.skip-link,.btn,.site-footer{display:none!important}.panel[hidden]{display:block}.card{border:0;box-shadow:none;padding:0;margin:12px 0}th{position:static}.table-wrap{max-height:none;overflow:visible}}


/* Section palette v2 — per-menu colors */
:root{
 --iso-color:#18c9f3; --iso-second:#2677f5;
 --from-color:#a17aff; --from-second:#db54eb;
 --overlay-color:#ffab4d; --overlay-second:#f35d83;
 --coverage-color:#26da96; --coverage-second:#10aeb9;
}
.tabs{gap:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.tabs button{position:relative;overflow:hidden;border:1px solid var(--border)!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .25s,box-shadow .25s,background .25s}
.tabs button:before{content:"";display:inline-block;vertical-align:middle;width:9px;height:9px;border-radius:3px;margin-right:9px;background:currentColor;box-shadow:0 0 12px currentColor;transform:rotate(20deg)}
#tab-iso{color:#008eb9;background:linear-gradient(120deg,rgba(24,201,243,.18),rgba(38,119,245,.12))}
#tab-from{color:#b072ee;background:linear-gradient(120deg,rgba(161,122,255,.20),rgba(219,84,235,.12))}
#tab-overlays{color:#e68a2b;background:linear-gradient(120deg,rgba(255,171,77,.21),rgba(243,93,131,.11))}
#tab-coverage{color:#13b77c;background:linear-gradient(120deg,rgba(38,218,150,.20),rgba(16,174,185,.10))}
.tabs #tab-iso[aria-selected="true"]{background:linear-gradient(125deg,#008fc2,#2466e8)!important;box-shadow:0 9px 23px rgba(14,142,225,.38)}
.tabs #tab-from[aria-selected="true"]{background:linear-gradient(125deg,#704dda,#bb3dd3)!important;box-shadow:0 9px 23px rgba(144,73,216,.37)}
.tabs #tab-overlays[aria-selected="true"]{background:linear-gradient(125deg,#d7781a,#db4568)!important;box-shadow:0 9px 23px rgba(230,115,60,.35)}
.tabs #tab-coverage[aria-selected="true"]{background:linear-gradient(125deg,#0d9d71,#0b9cb3)!important;box-shadow:0 9px 23px rgba(12,178,147,.35)}
.tabs button[aria-selected="true"]:before{background:#fff}
.panel>.card{position:relative;overflow:hidden;border-top-width:3px}
.panel>.card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;pointer-events:none}
#panel-iso>.card{border-top-color:var(--iso-color);background:linear-gradient(155deg,color-mix(in srgb,var(--iso-color) 7%,var(--surface)),var(--surface) 28%)}
#panel-iso>.card:before{background:linear-gradient(90deg,var(--iso-color),var(--iso-second))}
#panel-from>.card{border-top-color:var(--from-color);background:linear-gradient(155deg,color-mix(in srgb,var(--from-color) 9%,var(--surface)),var(--surface) 28%)}
#panel-from>.card:before{background:linear-gradient(90deg,var(--from-color),var(--from-second))}
#panel-overlays>.card{border-top-color:var(--overlay-color);background:linear-gradient(155deg,color-mix(in srgb,var(--overlay-color) 8%,var(--surface)),var(--surface) 28%)}
#panel-overlays>.card:before{background:linear-gradient(90deg,var(--overlay-color),var(--overlay-second))}
#panel-coverage>.card{border-top-color:var(--coverage-color);background:linear-gradient(155deg,color-mix(in srgb,var(--coverage-color) 8%,var(--surface)),var(--surface) 28%)}
#panel-coverage>.card:before{background:linear-gradient(90deg,var(--coverage-color),var(--coverage-second))}
#panel-iso .toolbar{background:linear-gradient(115deg,color-mix(in srgb,var(--iso-color) 11%,var(--surface-alt)),var(--surface-alt))}
#panel-from .toolbar{background:linear-gradient(115deg,color-mix(in srgb,var(--from-color) 12%,var(--surface-alt)),var(--surface-alt))}
#panel-overlays .toolbar{background:linear-gradient(115deg,color-mix(in srgb,var(--overlay-color) 12%,var(--surface-alt)),var(--surface-alt))}
#panel-coverage h2,#panel-coverage h3{color:var(--coverage-color)}
#panel-coverage h3{padding:12px 16px;border-radius:11px;background:color-mix(in srgb,var(--coverage-color) 11%,var(--surface-alt));border-left:4px solid var(--coverage-color);margin-top:26px}
#panel-coverage .bar .fill{background:linear-gradient(90deg,var(--coverage-color),var(--coverage-second))}
#panel-coverage .bar:nth-child(3n+2) .fill{background:linear-gradient(90deg,#5897ff,#9c70f4)}
#panel-coverage .bar:nth-child(3n+3) .fill{background:linear-gradient(90deg,#ffb25a,#ed6495)}
#panel-overlays #ov-export{background:linear-gradient(120deg,#d77d21,#db4568);box-shadow:0 8px 20px rgba(231,102,91,.25)}
#panel-iso #iso-export{background:linear-gradient(120deg,#048ebc,#2867dd);box-shadow:0 8px 20px rgba(33,133,222,.25)}
#panel-iso th{background:color-mix(in srgb,var(--iso-color) 14%,var(--surface-alt));border-bottom-color:var(--iso-color)}
#panel-overlays th{background:color-mix(in srgb,var(--overlay-color) 13%,var(--surface-alt));border-bottom-color:var(--overlay-color)}
#panel-iso .id{color:var(--iso-color)}
#panel-overlays .id{color:var(--overlay-color)}
#panel-from .id{color:var(--from-color)}
#panel-from #from-result{border-radius:15px;border:1px solid color-mix(in srgb,var(--from-color) 30%,var(--border));padding:16px;background:color-mix(in srgb,var(--from-color) 7%,var(--surface))}
.intro .kpi:nth-child(4n+1){border-top:3px solid #30cfe9}.intro .kpi:nth-child(4n+1) b{color:#2bc7e8}
.intro .kpi:nth-child(4n+2){border-top:3px solid #9a77ec}.intro .kpi:nth-child(4n+2) b{color:#a789ff}
.intro .kpi:nth-child(4n+3){border-top:3px solid #ffb45e}.intro .kpi:nth-child(4n+3) b{color:#ef9b33}
.intro .kpi:nth-child(4n){border-top:3px solid #2bd69d}.intro .kpi:nth-child(4n) b{color:#20c58c}
:root[data-theme="light"] #tab-iso{color:#08779e}:root[data-theme="light"] #tab-from{color:#7940b8}:root[data-theme="light"] #tab-overlays{color:#b96715}:root[data-theme="light"] #tab-coverage{color:#067d59}
@media(prefers-reduced-motion:reduce){.tabs button{transition:none}}
@media print{.panel>.card{border-top:0;background:#fff!important}.panel>.card:before{display:none}}


/* Strong individual menu colors v3 */
.tabs{background:transparent;border:0;box-shadow:none;padding:5px 0;gap:12px;flex-wrap:wrap;width:100%}
.tabs button{color:#fff!important;flex:1 1 190px;min-height:60px;border:1px solid rgba(255,255,255,.22)!important;border-radius:15px!important;font-size:.96rem;font-weight:850!important;text-shadow:0 1px 2px rgba(0,0,0,.16);box-shadow:0 9px 0 -5px rgba(0,0,0,.22),0 12px 25px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.2)!important;opacity:.88}
.tabs #tab-iso{background:linear-gradient(135deg,#00a9e8,#1e56da)!important;color:#fff!important}
.tabs #tab-from{background:linear-gradient(135deg,#8552ec,#bb3ccc)!important;color:#fff!important}
.tabs #tab-overlays{background:linear-gradient(135deg,#fa9b26,#e34c63)!important;color:#fff!important}
.tabs #tab-coverage{background:linear-gradient(135deg,#16b987,#087eac)!important;color:#fff!important}
.tabs button:hover{opacity:1;transform:translateY(-4px);filter:saturate(1.16) brightness(1.06)}
.tabs button[aria-selected="true"]{opacity:1;transform:translateY(-4px) scale(1.015);border:2px solid rgba(255,255,255,.6)!important;box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 2px rgba(255,255,255,.22)!important}
.tabs button:before{width:12px;height:12px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6)}
@media(max-width:700px){.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.tabs button{min-height:63px;flex:initial;font-size:.82rem;padding:10px 7px;white-space:normal}.tabs button:before{margin-right:5px}}
@media print{.tabs{display:none!important}}