*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root, [data-theme="dark"] {
    --bg:#1a1209;--bg-surface:#241a0e;--bg-card:#2e2010;--bg-hover:#3a2814;
    --accent:#c87941;--accent-dim:#a05e2e;--accent-glow:#e8a062;
    --text:#f0e6d3;--text-muted:#a08060;--text-dim:#8a6a45;
    --border:#3d2b15;--border-hover:#6b4422;--nav-bg:#120d06;
    --do-bg:#132010;--do-border:#2a4a20;--do-text:#6aaa58;
    --dont-bg:#1f1010;--dont-border:#4a2020;--dont-text:#c96060;
    --tip-bg:#1a1a28;--tip-border:#2e2e50;--tip-text:#7a8fd4;
    --step-bg:#1f1a10;--step-border:#4a3a18;--step-num:#e8a062;
    --tw-bg:#1f1a10;--tw-border:#4a3a18;
  }
  [data-theme="light"] {
    --bg:#faf6f0;--bg-surface:#f2ebe0;--bg-card:#ede3d4;--bg-hover:#e4d5c0;
    --accent:#a05e2e;--accent-dim:#7a4520;--accent-glow:#c87941;
    --text:#2a1a08;--text-muted:#6b4a28;--text-dim:#9a7050;
    --border:#d4bfa0;--border-hover:#b8955e;--nav-bg:#f0e8d8;
    --do-bg:#eef6eb;--do-border:#b0d8a0;--do-text:#2e7020;
    --dont-bg:#faeaea;--dont-border:#e0b0b0;--dont-text:#9e2020;
    --tip-bg:#eeeef8;--tip-border:#b8b8e0;--tip-text:#3a4a9e;
    --step-bg:#f5f0e8;--step-border:#c8a878;--step-num:#a05e2e;
    --tw-bg:#f5f0e8;--tw-border:#c8a878;
  }
  body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:400;min-height:100vh;display:flex;flex-direction:column;line-height:1.7;transition:background .25s,color .25s;}
  nav{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:0 2rem;height:64px;position:sticky;top:0;z-index:100;transition:background .25s,border-color .25s;}
  .nav-inner{width:100%;max-width:1140px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
  .logo{font-family:'DM Serif Display',serif;font-style:italic;font-size:1.5rem;color:var(--accent-glow);text-decoration:none;letter-spacing:-.02em;flex-shrink:0;}
  .nav-right{display:flex;align-items:center;gap:1.75rem;}
  .nav-links{display:flex;gap:1.75rem;list-style:none;}
  .nav-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;letter-spacing:.03em;transition:color .2s;white-space:nowrap;}
  .nav-links a:hover{color:var(--accent-glow);}
  .theme-toggle{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent;}
  .theme-toggle:hover{border-color:var(--border-hover);}
  .theme-toggle svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .icon-sun{display:none;}.icon-moon{display:block;}
  [data-theme="light"] .icon-sun{display:block;}[data-theme="light"] .icon-moon{display:none;}
  .breadcrumb-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);padding:0 2rem;transition:background .25s;}
  .breadcrumb{max-width:1140px;margin:0 auto;padding:.75rem 0;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-dim);flex-wrap:wrap;}
  .breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s;}
  .breadcrumb a:hover{color:var(--accent-glow);}
  .breadcrumb-sep{color:var(--text-dim);font-size:.7rem;}
  .breadcrumb-current{color:var(--accent);}
  .page-header{border-bottom:1px solid var(--border);padding:2.75rem 2rem 2.25rem;text-align:center;transition:border-color .25s;}
  .page-header-inner{max-width:1140px;margin:0 auto;}
  .task-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:20px;padding:4px 14px;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;}
  .badge-sw{background:var(--do-bg);border:1px solid var(--do-border);color:var(--do-text);}
  .badge-sw .task-badge-dot{background:var(--do-text);}
  .badge-r{background:#1e2e1a;border:1px solid #2a4a20;color:#6aaa58;}
  [data-theme="light"] .badge-r{background:#eef6eb;border-color:#b0d8a0;color:#2e7020;}
  .badge-r .task-badge-dot{background:#6aaa58;}
  [data-theme="light"] .badge-r .task-badge-dot{background:#2e7020;}
  .badge-l{background:var(--tip-bg);border:1px solid var(--tip-border);color:var(--tip-text);}
  .badge-l .task-badge-dot{background:var(--tip-text);}
  .task-badge-dot{width:5px;height:5px;border-radius:50%;}
  .page-header h1{font-family:'DM Serif Display',serif;font-size:2.375rem;font-weight:400;color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;}
  .page-header-sub{color:var(--accent);font-size:.9375rem;font-weight:300;letter-spacing:.03em;margin-bottom:1.75rem;}
  .logistics-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem;}
  .pill{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;transition:background .25s,border-color .25s;}
  .pill-label{color:var(--text-dim);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
  .pill-value{color:var(--text);font-weight:500;white-space:nowrap;}
  .pill-divider{width:1px;height:12px;background:var(--border);flex-shrink:0;}
  main{flex:1;max-width:1140px;width:100%;margin:0 auto;padding:2.5rem 2rem 3rem;display:flex;flex-direction:column;gap:2.25rem;}
  .content-section{display:flex;flex-direction:column;gap:1rem;}
  .section-heading{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);}
  .section-num{font-family:'DM Serif Display',serif;font-size:.8rem;color:var(--accent-dim);font-style:italic;flex-shrink:0;}
  .section-title{font-family:'DM Serif Display',serif;font-size:1.375rem;font-weight:400;color:var(--text);letter-spacing:-.01em;}
  .rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
  .rules-col{display:flex;flex-direction:column;gap:.5rem;}
  .rule-card{border-radius:8px;padding:.75rem 1rem;font-size:.875rem;line-height:1.65;border:1px solid;transition:background .25s,border-color .25s;}
  .rule-card strong{display:block;font-weight:500;font-size:.8125rem;margin-bottom:.25rem;}
  .rule-card.do{background:var(--do-bg);border-color:var(--do-border);color:var(--text);}
  .rule-card.do strong{color:var(--do-text);}
  .rule-card.dont{background:var(--dont-bg);border-color:var(--dont-border);color:var(--text);}
  .rule-card.dont strong{color:var(--dont-text);}
  .tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;}
  .tip-card{background:var(--tip-bg);border:1px solid var(--tip-border);border-radius:10px;padding:1rem 1.125rem;transition:background .25s,border-color .25s;}
  .tip-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem;}
  .tip-icon{width:28px;height:28px;border-radius:6px;background:var(--bg-card);border:1px solid var(--tip-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s;}
  .tip-icon svg{width:14px;height:14px;stroke:var(--tip-text);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .tip-name{font-size:.8125rem;font-weight:500;color:var(--tip-text);}
  .tip-body{font-size:.875rem;color:var(--text);line-height:1.65;}
  .tip-example{margin-top:.5rem;padding:.5rem .75rem;background:var(--bg);border-left:2px solid var(--tip-border);border-radius:0 4px 4px 0;font-size:.8125rem;color:var(--text-muted);font-style:italic;transition:background .25s;}
  .steps-list{display:flex;flex-direction:column;gap:.625rem;}
  .step-card{display:flex;gap:1rem;align-items:flex-start;background:var(--step-bg);border:1px solid var(--step-border);border-radius:10px;padding:1rem 1.125rem;transition:background .25s,border-color .25s;}
  .step-num{font-family:'DM Serif Display',serif;font-size:1.5rem;font-style:italic;color:var(--step-num);line-height:1;flex-shrink:0;min-width:28px;padding-top:2px;}
  .step-content{flex:1;min-width:0;}
  .step-title{font-size:.875rem;font-weight:500;color:var(--accent-glow);margin-bottom:.3rem;}
  .step-body{font-size:.875rem;color:var(--text);line-height:1.65;}
  .step-example{margin-top:.5rem;padding:.5rem .75rem;background:var(--bg);border-left:2px solid var(--step-border);border-radius:0 4px 4px 0;font-size:.8125rem;color:var(--text-muted);font-style:italic;transition:background .25s;}
  .template-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:background .25s,border-color .25s;}
  .template-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--border);}
  .template-row:last-child{border-bottom:none;}
  .template-label{padding:.875rem 1rem;font-size:.8rem;font-weight:500;color:var(--accent-glow);background:var(--bg-card);border-right:1px solid var(--border);display:flex;align-items:flex-start;letter-spacing:.02em;transition:background .25s,border-color .25s;}
  .template-content{padding:.875rem 1rem;font-size:.875rem;color:var(--text);line-height:1.65;}
  .template-content em{color:var(--text-muted);font-style:normal;}
  .tw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;}
  .tw-card{background:var(--tw-bg);border:1px solid var(--tw-border);border-radius:8px;padding:.75rem 1rem;transition:background .25s,border-color .25s;}
  .tw-word{font-size:.8125rem;font-weight:500;color:var(--accent-glow);margin-bottom:.25rem;font-style:italic;}
  .tw-meaning{font-size:.8125rem;color:var(--text-muted);line-height:1.5;}
  .info-card{background:var(--step-bg);border:1px solid var(--step-border);border-radius:10px;padding:1rem 1.125rem;font-size:.875rem;color:var(--text);line-height:1.7;transition:background .25s,border-color .25s;}
  .info-card strong{color:var(--accent-glow);font-weight:500;}
  .link-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);font-size:.9375rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;}
  .link-card:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--accent-glow);}
  .link-card svg{width:18px;height:18px;flex-shrink:0;stroke:var(--accent-dim);}
  .link-card:hover svg{stroke:var(--accent-glow);}
  .link-card-sub{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-top:1px;}
  .page-nav{border-top:1px solid var(--border);padding:1.125rem 2rem;background:var(--bg-surface);transition:background .25s,border-color .25s;}
  .page-nav-inner{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
  .page-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:.8125rem;font-weight:500;transition:background .2s,border-color .2s,color .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap;}
  .page-nav-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--accent-glow);}
  .page-nav-btn svg{width:15px;height:15px;flex-shrink:0;}
  .page-nav-btn.disabled{opacity:.3;pointer-events:none;}
  footer{background:var(--nav-bg);border-top:1px solid var(--border);transition:background .25s;}
  .footer-nav-wrap{border-bottom:1px solid var(--border);}
  .footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 2.5rem;padding:1.125rem 1.5rem;max-width:1140px;margin:0 auto;}
  .footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.8125rem;font-weight:500;letter-spacing:.05em;transition:color .2s;}
  .footer-nav a:hover{color:var(--accent-glow);}
  .footer-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.375rem;padding:.875rem 1.5rem;max-width:1140px;margin:0 auto;font-size:.72rem;color:var(--text-dim);letter-spacing:.05em;}
  @media(max-width:768px){nav{padding:0 1.25rem;height:56px;}.logo{font-size:1.3rem;}.nav-links{gap:1.25rem;}.nav-links a{font-size:.8125rem;}.breadcrumb-bar{padding:0 1.25rem;}.page-header{padding:2rem 1.25rem 1.75rem;}.page-header h1{font-size:1.875rem;}main{padding:1.75rem 1.25rem 2.5rem;gap:1.75rem;}.rules-grid{grid-template-columns:1fr;}.template-row{grid-template-columns:140px 1fr;}.page-nav{padding:1rem 1.25rem;}}
  @media(max-width:480px){nav{padding:0 1rem;height:52px;}.logo{font-size:1.15rem;}.nav-links{gap:.875rem;}.nav-links a{font-size:.75rem;}.breadcrumb-bar{padding:0 1rem;}.page-header{padding:1.5rem 1rem;}.page-header h1{font-size:1.5rem;}.page-header-sub{font-size:.875rem;}.logistics-grid{flex-direction:column;align-items:stretch;gap:.375rem;}.pill{justify-content:space-between;}.pill-divider{display:none;}main{padding:1.25rem 1rem 2rem;gap:1.5rem;}.tips-grid{grid-template-columns:1fr;}.tw-grid{grid-template-columns:1fr 1fr;}.template-row{grid-template-columns:1fr;}.template-label{border-right:none;border-bottom:1px solid var(--border);padding:.625rem 1rem;}.page-nav{padding:.875rem 1rem;}.page-nav-btn{font-size:.75rem;padding:.45rem .7rem;}.footer-copy{flex-direction:column;padding:.75rem 1rem;font-size:.68rem;}}

/* ── SCORE WEIGHTAGE ── */
.weight-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:1.125rem 1.25rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;transition:background .25s,border-color .25s;}
.wt-overall{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.75rem 1.25rem;flex-shrink:0;min-width:90px;transition:background .25s,border-color .25s;}
.wt-label{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);}
.wt-val{font-family:'DM Serif Display',serif;font-size:1.75rem;font-style:italic;color:var(--accent-glow);line-height:1;}
.wt-divider{width:1px;height:48px;background:var(--border);flex-shrink:0;}
.wt-skills{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;}
.wt-badge{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:8px;padding:.5rem .875rem;flex-shrink:0;}
.wt-skill{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.wt-pct{font-family:'DM Serif Display',serif;font-size:1.375rem;font-style:italic;line-height:1;}
.wt-note{font-size:.72rem;color:var(--text-dim);line-height:1.5;width:100%;margin-top:.25rem;font-style:italic;}
@media(max-width:480px){.weight-card{flex-direction:column;align-items:flex-start;}.wt-divider{display:none;}.wt-overall{flex-direction:row;align-items:center;gap:.75rem;width:100%;}.wt-skills{width:100%;}}

/* ── INDEX PAGE STYLES ── */
.hero{text-align:center;padding:3rem 1.5rem 2.25rem;border-bottom:1px solid var(--border);}
.hero h1{font-family:'DM Serif Display',serif;font-size:2.25rem;font-weight:400;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em;}
.hero p{color:var(--accent);font-size:.9375rem;font-weight:300;letter-spacing:.04em;}
.part-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:background .25s,border-color .25s;}
.part-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem;cursor:pointer;user-select:none;transition:background .2s;gap:.75rem;-webkit-tap-highlight-color:transparent;}
.part-header:hover{background:var(--bg-hover);}
.part-header-left{display:flex;align-items:center;gap:.875rem;min-width:0;}
.part-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.part-icon svg{width:20px;height:20px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.icon-sw{background:var(--tag-sw);}.icon-sw svg{stroke:var(--tag-sw-text);}
.icon-r{background:var(--tag-r);}.icon-r svg{stroke:var(--tag-r-text);}
.icon-l{background:var(--tag-l);}.icon-l svg{stroke:var(--tag-l-text);}
.part-title{font-family:'DM Serif Display',serif;font-size:1.15rem;font-weight:400;color:var(--text);letter-spacing:-.01em;}
.part-header-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0;}
.part-tag{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.tag-sw{background:var(--tag-sw);color:var(--tag-sw-text);}
.tag-r{background:var(--tag-r);color:var(--tag-r-text);}
.tag-l{background:var(--tag-l);color:var(--tag-l-text);}
.chevron{width:18px;height:18px;flex-shrink:0;color:var(--text-dim);transition:transform .3s ease;}
.part-card.open .chevron{transform:rotate(180deg);}
.part-body{display:none;border-top:1px solid var(--border);}
.part-card.open .part-body{display:block;}
.section-block{border-bottom:1px solid var(--border);padding:1rem 1.25rem;}
.section-block:last-child{border-bottom:none;}
.section-label{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#b08858;margin-bottom:.75rem;}
[data-theme="light"] .section-label{color:#8a6030;}
.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;}
.task-card{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);font-size:.875rem;line-height:1.4;transition:background .2s,border-color .2s,color .2s;-webkit-tap-highlight-color:transparent;}
.task-card:hover,.task-card:active{background:var(--bg-hover);border-color:var(--border-hover);color:var(--accent-glow);}
.task-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-dim);flex-shrink:0;}
.task-card:hover .task-dot,.task-card:active .task-dot{background:var(--accent-glow);}
/* Index responsive */
@media(max-width:768px){.part-tag{display:none;}.task-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}}
@media(max-width:480px){.part-header{padding:.875rem 1rem;}.part-icon{width:34px;height:34px;border-radius:8px;}.part-icon svg{width:17px;height:17px;}.part-title{font-size:1rem;}.section-block{padding:.875rem 1rem;}.task-grid{grid-template-columns:1fr;}}
/* Tag variables for light mode */
[data-theme="light"] .tag-sw{background:var(--tag-sw);color:var(--tag-sw-text);}
[data-theme="light"] .tag-r{background:var(--tag-r);color:var(--tag-r-text);}
[data-theme="light"] .tag-l{background:var(--tag-l);color:var(--tag-l-text);}


/* ── SCORING CRITERIA ── */
.sc-note{font-size:.8rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.625rem .875rem;line-height:1.6;font-style:italic;}
.sc-grid{display:flex;flex-direction:column;gap:.875rem;}
.sc-trait{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:background .25s,border-color .25s;}
.sc-trait-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.125rem;border-bottom:1px solid var(--border);background:var(--bg-card);transition:background .25s;}
.sc-trait-name{font-size:.875rem;font-weight:500;color:var(--accent-glow);}
.sc-trait-max{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);}
.sc-levels{display:flex;flex-direction:column;}
.sc-level{display:grid;grid-template-columns:48px 1fr;gap:0;border-bottom:1px solid var(--border);transition:background .2s;}
.sc-level:last-child{border-bottom:none;}
.sc-score{display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:1.1rem;font-style:italic;padding:.625rem .5rem;border-right:1px solid var(--border);line-height:1;}
.sc-desc{padding:.6rem .875rem;font-size:.8125rem;color:var(--text);line-height:1.6;}
.sc-level-6 .sc-score,.sc-level-5 .sc-score{color:#6aaa58;}
.sc-level-4 .sc-score,.sc-level-3 .sc-score{color:#c8a040;}
.sc-level-2 .sc-score,.sc-level-1 .sc-score{color:#c97c40;}
.sc-level-0 .sc-score{color:var(--dont-text);}
.sc-level-6{background:color-mix(in srgb,var(--do-bg) 35%,var(--bg-surface));}
.sc-level-5{background:color-mix(in srgb,var(--do-bg) 20%,var(--bg-surface));}
.sc-level-4,.sc-level-3{background:var(--bg-surface);}
.sc-level-2,.sc-level-1{background:color-mix(in srgb,var(--dont-bg) 20%,var(--bg-surface));}
.sc-level-0{background:color-mix(in srgb,var(--dont-bg) 35%,var(--bg-surface));}
.sc-simple{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.sc-simple-row{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--border);transition:background .2s;}
.sc-simple-row:last-child{border-bottom:none;}
.sc-simple-key{display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:1rem;font-style:italic;padding:.6rem .5rem;border-right:1px solid var(--border);text-align:center;line-height:1.3;}
.sc-simple-val{padding:.6rem .875rem;font-size:.8125rem;color:var(--text);line-height:1.6;}
.sc-pos .sc-simple-key{color:#6aaa58;background:color-mix(in srgb,var(--do-bg) 30%,var(--bg-surface));}
.sc-neg .sc-simple-key{color:var(--dont-text);background:color-mix(in srgb,var(--dont-bg) 30%,var(--bg-surface));}
.sc-neu .sc-simple-key{color:var(--accent-glow);background:var(--bg-card);}
@media(max-width:480px){.sc-level{grid-template-columns:38px 1fr;}.sc-simple-row{grid-template-columns:64px 1fr;}}