:root[data-skin="ind"] {
--ground:      #F1EFE7;   
--surface:     #FBFAF5;   
--surface-alt: #E3E0D6;   
--ink:         #0A0A0A;   
--ink-2:       #35342F;
--ink-3:       #57554E;   
--line:        #0A0A0A;   
--line-soft:   #A9A69C;   
--flag:        #B81212;
--flag-soft:   #F7E4E4;

--accent:   #B81212;      
--bright:   #B81212;
--on-bright:#FBFAF5;
--tint:     #E3E0D6;
--glow:     transparent;


--c1-b:#0A0A0A; --c1-i:#0A0A0A; --c1-t:#E3E0D6;   
--c2-b:#B81212; --c2-i:#B81212; --c2-t:#F7E4E4;   
--c3-b:#0A0A0A; --c3-i:#0A0A0A; --c3-t:#E3E0D6;   
--c4-b:#B81212; --c4-i:#B81212; --c4-t:#F7E4E4;   
--c5-b:#0A0A0A; --c5-i:#0A0A0A; --c5-t:#E3E0D6;   
--c6-b:#0A0A0A; --c6-i:#0A0A0A; --c6-t:#E3E0D6;   
--c7-b:#B81212; --c7-i:#B81212; --c7-t:#F7E4E4;   


--r-sm: 0; --r-md: 0; --r-lg: 0; --r-pill: 0;


--lift:   none;
--lift-2: 5px 5px 0 var(--ink);

--grain-blend: multiply;
--grain-alpha: .03;

--mono: "JetBrains Mono", "IBM Plex Mono", "Cascadia Mono", ui-monospace, Consolas, "Courier New", monospace;
--display: "Helvetica Neue", "Arial Black", Inter, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}




:root[data-skin="ind"] :where(*) { border-radius: 0; }

:root[data-skin="ind"] body {
font-size: 17px;
line-height: 1.8;
letter-spacing: 0;

background-image:
repeating-linear-gradient(90deg, rgba(10,10,10,.02) 0 1px, transparent 1px 120px);
}


:root[data-skin="ind"] body::after { display: none; }

:root[data-skin="ind"] ::selection { background: var(--accent); color: var(--on-bright); }

:root[data-skin="ind"] :where(a, button, input):focus-visible {
outline: 3px solid var(--accent); outline-offset: 2px;
}



:root[data-skin="ind"] h1,
:root[data-skin="ind"] h2,
:root[data-skin="ind"] h3,
:root[data-skin="ind"] h4 {
font-family: var(--display);
font-weight: 900;
letter-spacing: -.02em;
text-wrap: balance;
}


:root[data-skin="ind"] .meta time,
:root[data-skin="ind"] .crumb,
:root[data-skin="ind"] .brand .en,
:root[data-skin="ind"] .hub .cnt,
:root[data-skin="ind"] .pagehead .eyebrow,
:root[data-skin="ind"] .pagehead .stats,
:root[data-skin="ind"] .article-meta,
:root[data-skin="ind"] .post .foot,
:root[data-skin="ind"] .upd .when,
:root[data-skin="ind"] .evergreen .num,
:root[data-skin="ind"] .evergreen .rt,
:root[data-skin="ind"] .kind,
:root[data-skin="ind"] .pill,
:root[data-skin="ind"] .cond,
:root[data-skin="ind"] .tag,
:root[data-skin="ind"] .badge,
:root[data-skin="ind"] .correction .when,
:root[data-skin="ind"] .vcard .site,
:root[data-skin="ind"] .toolhead .url,
:root[data-skin="ind"] .sources .accessed,
:root[data-skin="ind"] .termlist .en,
:root[data-skin="ind"] .termdef .en,
:root[data-skin="ind"] .termdef .label,
:root[data-skin="ind"] .verdict .label,
:root[data-skin="ind"] .results .path,
:root[data-skin="ind"] footer h4,
:root[data-skin="ind"] thead th,
:root[data-skin="ind"] .rubric th,
:root[data-skin="ind"] .specs th,
:root[data-skin="ind"] .sourcebox dt {
font-family: var(--mono);
text-transform: uppercase;
letter-spacing: .05em;
font-weight: 500;
}


:root[data-skin="ind"] :where(td, th, .num, .val, .pt, .cnt, .c, .big) {
font-variant-numeric: tabular-nums;
}


:root[data-skin="ind"] header {
background: var(--ground);
backdrop-filter: none;
border-bottom: 2px solid var(--ink);
}
:root[data-skin="ind"] header .wrap { height: 68px; gap: 24px; }

:root[data-skin="ind"] .brand .zh {
font-family: var(--display);
font-weight: 900; font-size: 21px; letter-spacing: -.03em;
}
:root[data-skin="ind"] .brand .en {
font-size: 11px; letter-spacing: .2em; color: var(--ink-2);
}

:root[data-skin="ind"] .brand .en::after { content: " ®"; color: var(--accent); }

:root[data-skin="ind"] nav { gap: 0; }
:root[data-skin="ind"] nav a {
font-family: var(--mono);
font-size: 12px; text-transform: uppercase; letter-spacing: .07em;
padding: 8px 14px; color: var(--ink-2);
border-left: 1px solid var(--line-soft);
}
:root[data-skin="ind"] nav a:first-of-type { border-left: 0; }
:root[data-skin="ind"] nav a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] nav a[aria-current] {
background: var(--accent); color: var(--on-bright); font-weight: 700;
}


:root[data-skin="ind"] .navdrop { border-left: 1px solid var(--line-soft); }
:root[data-skin="ind"] .navdrop-top { border-left: 0; }
:root[data-skin="ind"] .navdrop-menu {
padding: 0; gap: 0; border: 2px solid var(--ink); border-radius: 0;
background: var(--ground); box-shadow: 6px 6px 0 var(--ink);
}
:root[data-skin="ind"] .navdrop-menu a {
border-left: 0; border-radius: 0; padding: 10px 13px;
border-top: 1px solid var(--line-soft);
}
:root[data-skin="ind"] .navdrop-menu.wide .navdrop-cols { gap: 0; }
:root[data-skin="ind"] .navdrop-menu.wide .navdrop-cols a:nth-child(2) { border-top: 0; }
:root[data-skin="ind"] .navdrop-menu.wide .navdrop-cols a:nth-child(even) { border-left: 1px solid var(--line-soft); }
:root[data-skin="ind"] .navdrop-menu a:first-of-type { border-top: 0; }
:root[data-skin="ind"] .navdrop-menu a.all { border-top: 2px solid var(--ink); margin-top: 0; }
:root[data-skin="ind"] .navdrop-menu a .dot { border-radius: 0; }

:root[data-skin="ind"] .navdrop-menu a .dot { background: var(--ink) !important; }
:root[data-skin="ind"] .navdrop-menu a:hover .dot,
:root[data-skin="ind"] .navdrop-menu a[aria-current] .dot { background: var(--ground) !important; }


.skin-toggle {
flex: none; margin-left: 10px;
font: inherit; font-size: 12px; line-height: 1;
padding: 10px 14px; cursor: pointer;
border: 1px solid var(--line); border-radius: var(--r-pill);
background: var(--surface); color: var(--ink-2);
letter-spacing: .04em; white-space: nowrap;
transition: color .2s ease, border-color .2s ease, background .2s ease;
}
.skin-toggle:hover { color: var(--accent); border-color: var(--bright); }
.skin-toggle .to-paper { display: none; }
:root[data-skin="ind"] .skin-toggle .to-ind { display: none; }
:root[data-skin="ind"] .skin-toggle .to-paper { display: inline; }
:root[data-skin="ind"] .skin-toggle {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .07em;
border: 2px solid var(--ink); background: var(--accent); color: var(--on-bright);
font-weight: 700;
}
:root[data-skin="ind"] .skin-toggle:hover { background: var(--ink); color: var(--ground); }


:root[data-skin="ind"] .theme-toggle { display: none; }


:root[data-skin="ind"] .hero { text-align: left; padding: 0 0 56px; }

:root[data-skin="ind"] .hero::before {
width: 100%; height: 14px; left: 0; top: 0; transform: none; border-radius: 0;
background: repeating-linear-gradient(
-45deg, var(--ink) 0 14px, transparent 14px 28px);
opacity: 1;
}
:root[data-skin="ind"] .hero .wrap { padding-top: 52px; }
:root[data-skin="ind"] .hero h1 {
margin: 0 0 20px; max-width: 15em;
font-size: clamp(34px, 6.2vw, 78px);
line-height: .98; letter-spacing: -.045em;
}

:root[data-skin="ind"] .hero h1 .mark {
background: var(--accent); color: var(--on-bright); padding: 0 .12em;
}
:root[data-skin="ind"] .hero .lede {
margin: 0 0 30px; max-width: 40em; font-size: 16px;
padding-left: 18px; border-left: 3px solid var(--accent);
}
:root[data-skin="ind"] .searchbar {
margin: 0; max-width: none;
border: 2px solid var(--ink); padding: 0 0 0 18px;
}
:root[data-skin="ind"] .searchbar:focus-within { border-color: var(--accent); box-shadow: 5px 5px 0 var(--accent); }
:root[data-skin="ind"] .searchbar input { font-size: 16px; padding: 16px 12px; }
:root[data-skin="ind"] .searchbar input::placeholder {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .05em; font-size: 13px;
}
:root[data-skin="ind"] .searchbar button {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em;
font-size: 13px; font-weight: 700; padding: 18px 32px;
background: var(--ink); color: var(--ground); align-self: stretch;
}
:root[data-skin="ind"] .searchbar button:hover { background: var(--accent); filter: none; transform: none; }

:root[data-skin="ind"] .quick { margin: 16px 0 0; max-width: none; justify-content: flex-start; font-size: 12px; }
:root[data-skin="ind"] .quick em {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .07em;
}
:root[data-skin="ind"] .quick em::after { content: " >>>"; color: var(--accent); }
:root[data-skin="ind"] .quick a {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .06em;
padding: 6px 12px; border: 1px solid var(--line); background: transparent;
}
:root[data-skin="ind"] .quick a:hover { background: var(--ink); color: var(--ground); border-color: var(--ink); }

:root[data-skin="ind"] .creed {
margin: 30px 0 0; font-family: var(--mono); font-size: 12.5px;
text-transform: uppercase; letter-spacing: .06em;
border-top: 1px solid var(--line-soft); padding-top: 14px;
}


:root[data-skin="ind"] section { padding: 64px 0; }
:root[data-skin="ind"] .head {
align-items: baseline; gap: 14px;
border-top: 2px solid var(--ink); padding-top: 14px; margin-bottom: 28px;
}
:root[data-skin="ind"] .head h2 {
font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -.035em; line-height: 1.05;
}

:root[data-skin="ind"] .head h2 .dot,
:root[data-skin="ind"] aside h3 .dot,
:root[data-skin="ind"] footer h4 .dot,
:root[data-skin="ind"] .pagehead .eyebrow .dot,
:root[data-skin="ind"] .resultgroup h2 .dot,
:root[data-skin="ind"] .sources h3 .dot,
:root[data-skin="ind"] .proscons h4 .dot,
:root[data-skin="ind"] ul.topics .n { border-radius: 0; }

:root[data-skin="ind"] .head .sub { font-size: 12.5px; }
:root[data-skin="ind"] .head .more {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase;
letter-spacing: .07em; font-weight: 700; color: var(--accent);
border: 1px solid var(--accent); padding: 7px 13px;
}
:root[data-skin="ind"] .head .more:hover { background: var(--accent); color: var(--on-bright); gap: 5px; }


:root[data-skin="ind"] :where(.hub, .scen, .card, .post, .vcard, .termlist a, .rel-grid a, .deskgrid a, .kx, .fig, .chartbox, .tablecard, aside .box, .sources, .rulecard, .scorecard, .verdict, .proscons .col, .kmap-top, .kmap-entry, .klayer, .vnotice, .kflag, .ksymptom, .correction, .termdef) {
border: 2px solid var(--ink);
box-shadow: none;
}

:root[data-skin="ind"] :where(.hub, .scen, .card, .post, .vcard:not(.nolink), .termlist a, .rel-grid a, .deskgrid a):hover {
transform: none;
background: var(--ink);
border-color: var(--ink);
box-shadow: 6px 6px 0 var(--accent);
}

:root[data-skin="ind"] :where(.hub, .scen, .card, .post, .vcard:not(.nolink), .termlist a, .rel-grid a, .deskgrid a):hover,
:root[data-skin="ind"] :where(.hub, .scen, .card, .post, .vcard:not(.nolink), .termlist a, .rel-grid a, .deskgrid a):hover :where(h3, p, span, small, strong, em, li, div, .t, .q, .ex, .zh, .en, .one, .cnt, .go, .foot, .nm, .tag, .d, .site, .svc span, dt, dd) {
color: var(--ground);
border-color: var(--ground);
}
:root[data-skin="ind"] :where(.hub, .scen, .card, .post, .vcard:not(.nolink)):hover :where(.ico, .mark, .svc span, .tags span) {
background: var(--accent); color: var(--on-bright);
}
:root[data-skin="ind"] :where(.post, .vcard:not(.nolink)):hover :where(.foot, .vfoot) { border-top-color: var(--ink-3); }


:root[data-skin="ind"] .hubs { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .hub { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .hub:first-child { border-left: 0; }
:root[data-skin="ind"] .hub .ico { width: 34px; height: 34px; border: 2px solid currentColor; }
:root[data-skin="ind"] .hub.lead .ico { width: 42px; height: 42px; }
:root[data-skin="ind"] .hub :is(h2, h3) { letter-spacing: -.03em; }
:root[data-skin="ind"] .hub.lead h3 { font-size: 25px; }
:root[data-skin="ind"] .hub .cnt {
font-size: 12px; border-top: 1px solid var(--line-soft); padding-top: 10px;
}
:root[data-skin="ind"] .hub.lead .tags span {
font-family: var(--mono); font-size: 12px; text-transform: uppercase;
letter-spacing: .05em; border: 1px solid var(--line); background: transparent;
}


:root[data-skin="ind"] .stancebar {
border: 2px solid var(--ink); border-left: 10px solid var(--accent);
padding: 14px 16px 14px 22px; box-shadow: none;
}
:root[data-skin="ind"] .stancebar .no {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .stancebar .no svg { color: var(--accent); }
:root[data-skin="ind"] .stancebar .links a {
font-family: var(--mono); font-size: 12px; text-transform: uppercase;
letter-spacing: .05em; border: 1px solid var(--line); padding: 6px 12px;
}
:root[data-skin="ind"] .stancebar .links a:hover { background: var(--ink); color: var(--ground); }


:root[data-skin="ind"] .scens { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .scen { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .scen:first-child { border-left: 0; }
:root[data-skin="ind"] .scen .q { font-family: var(--display); letter-spacing: -.02em; line-height: 1.35; }
:root[data-skin="ind"] .scen .picks li { border-bottom: 1px dotted var(--line-soft); padding-bottom: 8px; }
:root[data-skin="ind"] .scen .picks .tag {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .scen .go {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase;
letter-spacing: .07em; font-weight: 700; color: var(--accent);
}


:root[data-skin="ind"] table { font-size: 14px; }
:root[data-skin="ind"] thead th {
background: var(--ink); color: var(--ground);
font-size: 12px; letter-spacing: .07em; font-weight: 700;
padding: 13px 18px; border-right: 1px solid var(--ink-3);
}
:root[data-skin="ind"] thead th:last-child { border-right: 0; }

:root[data-skin="ind"] thead th .sortbtn { gap: 8px; }
:root[data-skin="ind"] thead th .sortbtn::after { font-size: 12px; opacity: .5; }
:root[data-skin="ind"] thead th .sortbtn:hover,
:root[data-skin="ind"] thead th[aria-sort="ascending"],
:root[data-skin="ind"] thead th[aria-sort="descending"] { color: var(--accent); }
:root[data-skin="ind"] thead th .sortbtn:focus-visible { outline: 2px solid var(--accent); border-radius: 0; }
:root[data-skin="ind"] tbody td {
padding: 14px 18px;
border-top: 1px solid var(--line-soft);
border-right: 1px solid var(--line-soft);
}
:root[data-skin="ind"] tbody td:last-child { border-right: 0; }

:root[data-skin="ind"] .tablescroll tbody[data-list="tools"] td:last-child {
white-space: nowrap; font-family: var(--mono); font-size: 12.5px; letter-spacing: .02em;
}
:root[data-skin="ind"] tbody tr:nth-child(even) { background: rgba(10,10,10,.028); }
:root[data-skin="ind"] tbody tr:hover { background: var(--accent); color: var(--on-bright); }
:root[data-skin="ind"] tbody tr:hover :where(td, small, a, span, .pill) { color: var(--on-bright); border-color: rgba(255,255,255,.4); }
:root[data-skin="ind"] tbody tr:hover .pips i { background: var(--on-bright); }
:root[data-skin="ind"] tbody tr:hover .pips i:not(.on) { background: transparent; border: 1px solid var(--on-bright); }
:root[data-skin="ind"] td.name { font-weight: 700; }

:root[data-skin="ind"] .tabs { padding: 0; gap: 0; border-bottom: 2px solid var(--ink); }
:root[data-skin="ind"] .tabs button {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em;
padding: 13px 18px; border-right: 1px solid var(--line-soft);
}
:root[data-skin="ind"] .tabs button:hover { background: var(--surface-alt); }
:root[data-skin="ind"] .tabs button[aria-pressed="true"] {
background: var(--accent); color: var(--on-bright); font-weight: 700;
}
:root[data-skin="ind"] .tablefoot {
border-top: 2px solid var(--ink); background: var(--surface-alt);
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .specs th { width: 12em; border-bottom: 1px solid var(--line-soft); font-size: 12.5px; }
:root[data-skin="ind"] table.compare th.rowhead {
background: var(--ink); color: var(--ground);
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] table.compare td.diff { background: var(--accent); color: var(--on-bright); }
:root[data-skin="ind"] .rubric th { background: var(--ink); color: var(--ground); font-size: 12.5px; }
:root[data-skin="ind"] .rubric .pt { color: var(--accent); }


:root[data-skin="ind"] :where(.kind, .pill, .cond, .tag, .badge, .terms a, .az a, .chip, .updated-flag, .verifybar, .await, .selfnote, .filters button, .pager a, .pager span, .cite button, .oops .doors a, .desk .links a, .vnotice .links a) {
border-radius: 0;
}
:root[data-skin="ind"] .kind {
font-size: 12px; font-weight: 700; padding: 3px 9px;
background: transparent; border: 1px solid currentColor; color: var(--ink);
}
:root[data-skin="ind"] .kind.k2, :root[data-skin="ind"] .kind.k4 { color: var(--accent); }
:root[data-skin="ind"] .pill { font-size: 12px; border: 1px solid var(--line-soft); background: transparent; padding: 3px 9px; }
:root[data-skin="ind"] .pill.on { background: var(--ink); color: var(--ground); border-color: var(--ink); }
:root[data-skin="ind"] .pill.soon { border: 1px dashed var(--accent); color: var(--accent); }
:root[data-skin="ind"] .cond { font-size: 12px; padding: 2px 8px; border: 1px solid var(--line-soft); }
:root[data-skin="ind"] .cond.yes { background: var(--ink); color: var(--ground); border-color: var(--ink); }
:root[data-skin="ind"] .cond.na { border: 1px dashed var(--accent); color: var(--accent); }
:root[data-skin="ind"] .terms a,
:root[data-skin="ind"] .az a {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
border: 1px solid var(--line); background: transparent;
}
:root[data-skin="ind"] .terms a:hover,
:root[data-skin="ind"] .az a:hover { transform: none; background: var(--ink); color: var(--ground); border-color: var(--ink); }


:root[data-skin="ind"] .pips i,
:root[data-skin="ind"] .scrow .pips i {
border-radius: 0; width: 12px; height: 12px;
background: transparent; border: 1px solid var(--ink);
}
:root[data-skin="ind"] .pips i.on,
:root[data-skin="ind"] .scrow .pips i.on { background: var(--ink); }
:root[data-skin="ind"] .pips i.na,
:root[data-skin="ind"] .scrow .pips i.na {
background: repeating-linear-gradient(-45deg, var(--accent) 0 2px, transparent 2px 4px);
border: 1px solid var(--accent);
}
:root[data-skin="ind"] .scrow { border-top: 1px solid var(--line-soft); }
:root[data-skin="ind"] .scrow .dim { font-family: var(--display); font-weight: 900; letter-spacing: -.01em; }
:root[data-skin="ind"] .scrow .pt { font-family: var(--mono); color: var(--accent); font-weight: 700; }
:root[data-skin="ind"] .scorecard .sctop { border-bottom: 2px solid var(--ink); }
:root[data-skin="ind"] .scorecard .sctop .how {
font-family: var(--mono); font-size: 12px; text-transform: uppercase;
letter-spacing: .06em; color: var(--accent); font-weight: 700;
}
:root[data-skin="ind"] .scfoot { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .scfoot b { color: var(--on-bright); }


:root[data-skin="ind"] :where(ul.feed li a, .upd, .evergreen a, .results a, ul.topics a, .symlist a) {
border-left: 3px solid transparent;
border-bottom: 1px solid var(--line-soft);
}
:root[data-skin="ind"] :where(ul.feed li a, .upd, .evergreen a, .results a, ul.topics a, .symlist a):hover {
background: var(--surface); box-shadow: none; transform: none;
border-left-color: var(--accent);
}
:root[data-skin="ind"] ul.feed .t,
:root[data-skin="ind"] .evergreen .t,
:root[data-skin="ind"] .results .t {
font-family: var(--display); font-weight: 900; letter-spacing: -.02em; line-height: 1.4;
}
:root[data-skin="ind"] ul.feed li a:hover .t,
:root[data-skin="ind"] .evergreen a:hover .t,
:root[data-skin="ind"] .upd:hover .t,
:root[data-skin="ind"] .results a:hover .t { color: var(--accent); }
:root[data-skin="ind"] .upd + .upd { border-top: 0; }
:root[data-skin="ind"] .upd .when { font-size: 12px; width: 4.4em; }
:root[data-skin="ind"] .upd .tag {
font-size: 12px; background: transparent; border: 1px solid currentColor; color: var(--ink);
}
:root[data-skin="ind"] .upd .tag.t2, :root[data-skin="ind"] .upd .tag.t4 { color: var(--accent); }
:root[data-skin="ind"] .evergreen .num { color: var(--accent); font-weight: 700; }
:root[data-skin="ind"] .results mark { background: var(--accent); color: var(--on-bright); }


:root[data-skin="ind"] aside h3 { font-size: 15px; letter-spacing: -.01em; }
:root[data-skin="ind"] aside .cap { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; }
:root[data-skin="ind"] ul.topics .c { font-family: var(--mono); font-size: 12px; }

:root[data-skin="ind"] .deskblock { border: 2px solid var(--ink); }
:root[data-skin="ind"] .deskblock > h2 { font-size: 30px; letter-spacing: -.035em; }
:root[data-skin="ind"] .deskgrid { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .deskgrid a { border: 0; border-left: 2px solid var(--ink); background: transparent; }
:root[data-skin="ind"] .deskgrid a:first-child { border-left: 0; }
:root[data-skin="ind"] .deskgrid .q {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--accent);
}
:root[data-skin="ind"] .deskgrid strong { font-family: var(--display); font-weight: 900; letter-spacing: -.02em; }
:root[data-skin="ind"] .deskgrid .go {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 700;
}
:root[data-skin="ind"] .deskblock .team-note {
background: transparent; border: 1px dashed var(--accent); color: var(--accent);
font-family: var(--mono); font-size: 12px; letter-spacing: .03em;
}
:root[data-skin="ind"] .desk .inner { border: 2px solid var(--ink); border-left: 10px solid var(--accent); }
:root[data-skin="ind"] .desk .links a {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase;
letter-spacing: .05em; border: 1px solid var(--line);
}
:root[data-skin="ind"] .desk .links a:hover { background: var(--ink); color: var(--ground); }


:root[data-skin="ind"] .figs { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .fig { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .fig:first-child { border-left: 0; }
:root[data-skin="ind"] .fig .band { height: 10px; background: var(--ink); }
:root[data-skin="ind"] .fig:nth-child(2) .band {
background: repeating-linear-gradient(-45deg, var(--ink) 0 6px, transparent 6px 12px);
}
:root[data-skin="ind"] .fig:nth-child(3) .band { background: var(--accent); }
:root[data-skin="ind"] .skeleton i { background: var(--surface-alt); border: 1px solid var(--line-soft); }
:root[data-skin="ind"] .await {
background: transparent; border: 1px dashed var(--accent); color: var(--accent);
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .figlive .big {
font-family: var(--display); font-size: 44px; font-weight: 900; letter-spacing: -.045em;
}
:root[data-skin="ind"] .figlive .delta {
border: 1px solid currentColor; background: transparent;
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .figlive .delta.up { color: var(--accent); }
:root[data-skin="ind"] .bars3 .bar { border: 2px solid var(--ink); background: var(--surface-alt); }
:root[data-skin="ind"] .bars3 .col.hi .bar { background: var(--accent); border-color: var(--ink); }
:root[data-skin="ind"] .bars3 .val { font-family: var(--mono); font-size: 13px; font-weight: 700; }
:root[data-skin="ind"] .bars3 .yr { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; }
:root[data-skin="ind"] .chart .axis { border-top: 2px solid var(--ink); font-family: var(--mono); font-size: 12px; letter-spacing: .06em; }
:root[data-skin="ind"] .hbar .track { background: transparent; border: 1px solid var(--ink); height: 20px; }
:root[data-skin="ind"] .hbar .fill { background: var(--ink) !important; }
:root[data-skin="ind"] .hbar .lb { font-family: var(--mono); font-size: 12.5px; letter-spacing: .04em; }
:root[data-skin="ind"] .hbar .num { font-family: var(--mono); }
:root[data-skin="ind"] .srcline { border-top: 2px solid var(--ink); font-size: 12px; }
:root[data-skin="ind"] .srcline .verified { background: var(--ink); color: var(--ground); padding: 3px 9px; }
:root[data-skin="ind"] .chartbox .foot { border-top: 2px solid var(--ink); background: var(--surface-alt); }
:root[data-skin="ind"] .emptyplot .bars i { background: var(--surface-alt); border: 1px solid var(--line-soft); }
:root[data-skin="ind"] .sourcebox { background: transparent; border: 1px solid var(--line); padding: 20px 24px; }
:root[data-skin="ind"] .sourcebox dt { font-size: 12px; color: var(--accent); }


:root[data-skin="ind"] .crumb { font-size: 12px; }
:root[data-skin="ind"] .crumb span.sep { color: var(--accent); }

:root[data-skin="ind"] .pagehead {
border-top: 10px solid var(--ink); padding: 26px 0 8px; margin-top: 0;
}
:root[data-skin="ind"] .pagehead .eyebrow { font-size: 12px; font-weight: 700; color: var(--accent); }
:root[data-skin="ind"] .pagehead h1 {
font-size: clamp(30px, 4.6vw, 58px); line-height: 1.02; letter-spacing: -.04em; max-width: 17em;
}
:root[data-skin="ind"] .pagehead .lede {
font-size: 16px; line-height: 1.8; padding-left: 18px; border-left: 3px solid var(--accent);
}
:root[data-skin="ind"] .pagehead .stats {
font-size: 12px; border-top: 1px solid var(--line-soft); padding-top: 14px; gap: 26px;
}
:root[data-skin="ind"] .pagehead .stats b { color: var(--accent); font-weight: 700; }

:root[data-skin="ind"] .article-meta { font-size: 12px; border-bottom: 1px solid var(--line-soft); padding-bottom: 14px; }
:root[data-skin="ind"] .updated-flag {
background: transparent; border: 1px solid var(--accent); color: var(--accent);
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .prose { font-size: 17px; line-height: 1.9; }
:root[data-skin="ind"] .prose h2 {
font-size: clamp(21px, 2.4vw, 28px); letter-spacing: -.03em; line-height: 1.2;
border-top: 2px solid var(--ink); padding-top: 14px;
}
:root[data-skin="ind"] .prose h3 { font-size: 19px; letter-spacing: -.02em; }
:root[data-skin="ind"] .prose a { color: var(--accent); text-decoration-thickness: 2px; }
:root[data-skin="ind"] .prose blockquote {
border-left: 6px solid var(--accent); padding-left: 20px; background: transparent;
}
:root[data-skin="ind"] .prose code {
font-family: var(--mono); background: var(--ink); color: var(--ground); padding: 2px 7px;
}
:root[data-skin="ind"] .prose hr { border-top: 2px solid var(--ink); }
:root[data-skin="ind"] .prose .callout { border: 2px solid var(--ink); border-left: 10px solid var(--accent); box-shadow: none; }
:root[data-skin="ind"] .prose figcaption { font-family: var(--mono); font-size: 12px; letter-spacing: .04em; }

:root[data-skin="ind"] .toc h4 {
font-family: var(--mono); font-size: 12px; text-transform: uppercase;
letter-spacing: .08em; color: var(--accent); border-bottom: 1px solid var(--line-soft); padding-bottom: 8px;
}

:root[data-skin="ind"] .toc { display: block; margin-left: 0; }
:root[data-skin="ind"] .toc ul { border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .toc a:hover { color: var(--accent); border-left-color: var(--accent); }

:root[data-skin="ind"] .sources { border: 2px solid var(--ink); border-top: 10px solid var(--ink); }
:root[data-skin="ind"] .sources .cap { font-family: var(--mono); font-size: 12px; letter-spacing: .05em; }
:root[data-skin="ind"] .sources a { color: var(--accent); }
:root[data-skin="ind"] .sources .accessed { font-size: 12px; }
:root[data-skin="ind"] .cite { background: transparent; border: 1px dashed var(--line); }
:root[data-skin="ind"] .cite button {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase;
letter-spacing: .05em; border: 1px solid var(--line); background: transparent;
}
:root[data-skin="ind"] .cite button:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .related h3 { font-size: 17px; border-top: 2px solid var(--ink); padding-top: 12px; }
:root[data-skin="ind"] .rel-grid .k {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--accent);
}
:root[data-skin="ind"] .rel-grid .t { font-family: var(--display); font-weight: 900; letter-spacing: -.02em; }


:root[data-skin="ind"] .filters .grp { border: 2px solid var(--ink); padding: 0 0 0 12px; gap: 0; }
:root[data-skin="ind"] .filters .grp > span {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
color: var(--accent); padding-right: 10px;
}
:root[data-skin="ind"] .filters button {
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em;
border-left: 1px solid var(--line-soft); padding: 9px 13px;
}
:root[data-skin="ind"] .filters button[aria-pressed="true"] { background: var(--accent); color: var(--on-bright); font-weight: 700; }
:root[data-skin="ind"] .filters button[aria-pressed="true"] em { color: var(--on-bright); }
:root[data-skin="ind"] .filters .clear,
:root[data-skin="ind"] .filters .matched {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .filter-empty { border: 2px dashed var(--accent); color: var(--accent); font-family: var(--mono); letter-spacing: .05em; }
:root[data-skin="ind"] .result-count { font-size: 12px; }
:root[data-skin="ind"] .result-count b { color: var(--accent); }

:root[data-skin="ind"] .pager a,
:root[data-skin="ind"] .pager span {
font-family: var(--mono); font-size: 12px; border: 2px solid var(--ink); background: transparent; height: 42px;
}
:root[data-skin="ind"] .pager a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .pager .cur { background: var(--accent); color: var(--on-bright); border-color: var(--ink); font-weight: 700; }
:root[data-skin="ind"] .pager .gap { border: 0; }

:root[data-skin="ind"] .resultgroup h2 { font-size: 18px; letter-spacing: -.02em; border-bottom: 2px solid var(--ink); padding-bottom: 8px; }


:root[data-skin="ind"] .termset h2 { font-size: 20px; letter-spacing: -.03em; border-bottom: 2px solid var(--ink); padding-bottom: 8px; }
:root[data-skin="ind"] .termset h2 em { font-family: var(--mono); font-size: 12px; letter-spacing: .05em; color: var(--accent); }
:root[data-skin="ind"] .termlist { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .termlist a { border: 0; border-top: 1px solid var(--line-soft); border-left: 1px solid var(--line-soft); }
:root[data-skin="ind"] .termlist .zh { font-family: var(--display); font-weight: 900; letter-spacing: -.02em; }
:root[data-skin="ind"] .termlist .en { font-size: 12px; }

:root[data-skin="ind"] .catbar { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .catbar a {
border: 0; border-left: 1px solid var(--line-soft); border-radius: 0;
font-family: var(--mono); font-size: 12px; letter-spacing: .06em; padding: 10px 15px;
}
:root[data-skin="ind"] .catbar a:first-child { border-left: 0; }
:root[data-skin="ind"] .catbar a .dot { border-radius: 0; }

:root[data-skin="ind"] .catbar a .dot { background: var(--ink) !important; }
:root[data-skin="ind"] .catbar a:hover .dot,
:root[data-skin="ind"] .catbar a[aria-current] .dot { background: var(--ground) !important; }
:root[data-skin="ind"] .catbar a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .catbar a:hover em { color: var(--ground); }
:root[data-skin="ind"] .catbar a[aria-current] { background: var(--accent); color: var(--on-bright); }
:root[data-skin="ind"] .catbar a[aria-current] em { color: var(--on-bright); }


:root[data-skin="ind"] .secline {
font-family: var(--display); font-weight: 900; letter-spacing: -.03em;
border-bottom: 2px solid var(--ink);
}
:root[data-skin="ind"] .startline a {
border-radius: 0; border: 1px dashed var(--ink);
font-family: var(--mono); font-size: 12px; letter-spacing: .05em;
}
:root[data-skin="ind"] .startline a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] td.date a.srcyear { border-bottom: 1px dotted var(--ink); }
:root[data-skin="ind"] td.date a.srcyear:hover { color: var(--accent); }
:root[data-skin="ind"] .grouprow td { border-top: 2px solid var(--ink); background: var(--surface-alt); }
:root[data-skin="ind"] .grouprow b {
font-family: var(--mono); font-size: 12px; letter-spacing: .08em; color: var(--accent);
}
:root[data-skin="ind"] .termdef .metaphor { border-top: 1px solid var(--line-soft); }
:root[data-skin="ind"] .termdef .metaphor b {
border-radius: 0; background: var(--accent); color: var(--on-bright);
font-family: var(--mono); font-size: 11px; letter-spacing: .08em;
}


:root[data-skin="ind"] .termalt { font-family: var(--mono); letter-spacing: 0; }
:root[data-skin="ind"] h1 .termalt { font-size: .42em; color: var(--ink-2); }
:root[data-skin="ind"] .termlist .termalt,
:root[data-skin="ind"] td.name .termalt { font-size: 12px; }

:root[data-skin="ind"] .termdef { border: 2px solid var(--ink); border-left: 12px solid var(--accent); }
:root[data-skin="ind"] .termdef .label { font-size: 12px; color: var(--accent); }
:root[data-skin="ind"] .termdef .one { font-size: 22px; font-weight: 600; line-height: 1.6; }

:root[data-skin="ind"] .toolhead .logo {
border: 3px solid var(--ink); background: transparent; color: var(--ink);
font-family: var(--display); font-weight: 900; font-size: 28px;
}
:root[data-skin="ind"] .toolhead h1 { font-size: clamp(28px, 4vw, 46px); letter-spacing: -.04em; line-height: 1.05; }
:root[data-skin="ind"] .toolhead .url { font-size: 12px; }
:root[data-skin="ind"] .toolhead .cats span {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
background: transparent; border: 1px solid var(--accent); color: var(--accent);
}
:root[data-skin="ind"] .verdict { border: 2px solid var(--ink); border-top: 10px solid var(--accent); }
:root[data-skin="ind"] .verdict .label { font-size: 12px; color: var(--accent); }
:root[data-skin="ind"] .verdict p { font-size: 18px; line-height: 1.75; }
:root[data-skin="ind"] .proscons { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .proscons .col { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .proscons .col:first-child { border-left: 0; }
:root[data-skin="ind"] .proscons li::before { content: "//"; color: var(--accent); font-family: var(--mono); }
:root[data-skin="ind"] .verifybar {
background: var(--ink); color: var(--ground); border: 0;
font-family: var(--mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em;
}
:root[data-skin="ind"] .verifybar b { color: var(--on-bright); }
:root[data-skin="ind"] .chip { border: 2px solid var(--ink); }
:root[data-skin="ind"] .chip button { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .chip button:hover { background: var(--accent); color: var(--on-bright); }
:root[data-skin="ind"] .chip.add { border-style: dashed; border-color: var(--accent); color: var(--accent); }

:root[data-skin="ind"] .vnotice { border: 2px solid var(--ink); border-left: 12px solid var(--accent); }
:root[data-skin="ind"] .vnotice strong { font-family: var(--display); font-weight: 900; letter-spacing: -.02em; }
:root[data-skin="ind"] .vnotice .links a {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--accent);
}

:root[data-skin="ind"] .vcard .svc span {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
background: transparent !important; color: var(--ink) !important; border: 1px solid var(--line-soft);
}
:root[data-skin="ind"] .vcard dt { font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
:root[data-skin="ind"] .vcard .vfoot { border-top: 1px solid var(--line-soft); font-size: 12px; }
:root[data-skin="ind"] .vcard .selfnote { background: transparent; border: 1px dashed var(--accent); color: var(--accent); }


:root[data-skin="ind"] .vcard:not(.nolink):hover .svc span {
background: transparent !important;
color: var(--ground) !important;
border-color: var(--ground);
}
:root[data-skin="ind"] .vcard:not(.nolink):hover .pill {
background: transparent !important;
color: var(--ground) !important;
border: 1px solid var(--ground);
}

:root[data-skin="ind"] .correction { border: 2px solid var(--ink); border-left: 12px solid var(--accent); }
:root[data-skin="ind"] .correction .when { font-size: 12px; color: var(--accent); }
:root[data-skin="ind"] .correction h3 { font-size: 17px; letter-spacing: -.02em; }

:root[data-skin="ind"] .rulecard { border: 2px solid var(--ink); }
:root[data-skin="ind"] .rulecard :is(h2, h3) .num {
background: var(--ink); color: var(--ground); font-family: var(--mono);
width: 28px; height: 28px; font-weight: 700;
}
:root[data-skin="ind"] .pending-box {
background: transparent; border: 2px dashed var(--accent); color: var(--accent);
font-family: var(--mono); font-size: 13px; letter-spacing: .03em;
}
:root[data-skin="ind"] .adslot {
border: 2px dashed var(--line); background: transparent;
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .07em;
}


:root[data-skin="ind"] .kmap-top { border: 2px solid var(--ink); }
:root[data-skin="ind"] .kmap-top strong { font-family: var(--display); font-weight: 900; font-size: 20px; letter-spacing: -.02em; }
:root[data-skin="ind"] .kmap { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .klayer { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .klayer:first-child { border-left: 0; }
:root[data-skin="ind"] .klayer .cap { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .kl3 .cap, :root[data-skin="ind"] .kl4 .cap { background: var(--accent); }
:root[data-skin="ind"] .klayer .cap .step,
:root[data-skin="ind"] .klayer .cap .en {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .06em; opacity: .8;
}
:root[data-skin="ind"] .klayer .cap h3 { font-size: 20px; letter-spacing: -.02em; }
:root[data-skin="ind"] .klayer li a { border-bottom: 1px solid var(--line-soft); }
:root[data-skin="ind"] .klayer li a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .klayer li a .n { font-family: var(--mono); font-size: 12px; }
:root[data-skin="ind"] .klayer .foot { border-top: 2px solid var(--ink); }
:root[data-skin="ind"] .klayer .foot a { font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; }

:root[data-skin="ind"] .kbranch,
:root[data-skin="ind"] .kaxis { background: transparent; border: 2px solid var(--ink); }
:root[data-skin="ind"] .kbranch .lead h3,
:root[data-skin="ind"] .kaxis .lead h3 { font-size: 18px; letter-spacing: -.02em; color: var(--ink); }
:root[data-skin="ind"] .kaxis .lead .badge {
background: var(--accent); color: var(--on-bright); font-family: var(--mono);
font-size: 12px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700;
}
:root[data-skin="ind"] .kbranch .tools a,
:root[data-skin="ind"] .kaxis .items a { border: 1px solid var(--line); background: transparent; }
:root[data-skin="ind"] .kbranch .tools a:hover,
:root[data-skin="ind"] .kaxis .items a:hover { transform: none; background: var(--ink); color: var(--ground); border-color: var(--ink); }
:root[data-skin="ind"] .kbranch .tools a small { font-family: var(--mono); font-size: 12px; letter-spacing: .05em; }
:root[data-skin="ind"] .kextra { gap: 0; border: 2px solid var(--ink); }
:root[data-skin="ind"] .kx { border: 0; border-left: 2px solid var(--ink); }
:root[data-skin="ind"] .kx:first-child { border-left: 0; }
:root[data-skin="ind"] .kx .badge {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
background: var(--ink); color: var(--ground); font-weight: 700;
}
:root[data-skin="ind"] .kx ul a { border-bottom: 1px solid var(--line-soft); }
:root[data-skin="ind"] .kx ul a:hover { background: var(--ink); color: var(--ground); }
:root[data-skin="ind"] .kflow { font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
:root[data-skin="ind"] .ksymptom { border: 2px solid var(--ink); }
:root[data-skin="ind"] .symlist a { background: transparent; border: 1px solid var(--line-soft); }
:root[data-skin="ind"] .symlist a:hover { transform: none; border-color: var(--ink); border-left-color: var(--accent); }
:root[data-skin="ind"] .symlist .arrow { color: var(--accent); font-family: var(--mono); }
:root[data-skin="ind"] .symlist .lay {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .05em;
background: transparent; border: 1px solid var(--line);
}
:root[data-skin="ind"] .kflag { border: 2px solid var(--ink); border-left: 12px solid var(--accent); }
:root[data-skin="ind"] .kflag a.go { font-family: var(--mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: var(--accent); }
:root[data-skin="ind"] .kmap-entry { border: 2px solid var(--ink); border-left: 12px solid var(--accent); }
:root[data-skin="ind"] .kmap-entry strong { font-family: var(--display); font-weight: 900; letter-spacing: -.02em; }
:root[data-skin="ind"] .kmap-entry a.btn {
background: var(--ink); color: var(--ground);
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; font-weight: 700;
}
:root[data-skin="ind"] .kmap-entry a.btn:hover { background: var(--accent); filter: none; }


:root[data-skin="ind"] .sub .inner {
background: var(--ink); color: var(--ground);
border: 0; padding: 52px 48px;
}
:root[data-skin="ind"] .sub h2 { color: var(--ground); font-size: clamp(22px, 2.8vw, 34px); letter-spacing: -.035em; line-height: 1.1; }
:root[data-skin="ind"] .sub p { color: #B6B3AA; font-family: var(--mono); font-size: 12px; letter-spacing: .05em; }
:root[data-skin="ind"] .sub form { background: transparent; border: 2px solid var(--ground); padding: 0 0 0 18px; }
:root[data-skin="ind"] .sub input { color: var(--ground); padding: 15px 8px; }
:root[data-skin="ind"] .sub input::placeholder { color: #7D7A74; font-family: var(--mono); text-transform: uppercase; font-size: 12px; letter-spacing: .05em; }
:root[data-skin="ind"] .sub button {
background: var(--accent); color: var(--on-bright); align-self: stretch;
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700;
padding: 16px 28px;
}
:root[data-skin="ind"] .sub button:hover { background: var(--ground); color: var(--ink); filter: none; }


:root[data-skin="ind"] footer { border-top: 10px solid var(--ink); padding: 48px 0 56px; }
:root[data-skin="ind"] footer h4 { font-size: 12px; letter-spacing: .1em; color: var(--accent); }
:root[data-skin="ind"] footer a { font-size: 13px; }
:root[data-skin="ind"] footer a:hover { color: var(--accent); }
:root[data-skin="ind"] footer .fine { font-size: 12px; line-height: 1.8; }
:root[data-skin="ind"] footer .proto-note {
border-top: 2px solid var(--ink); font-size: 12px; letter-spacing: .05em; padding-top: 18px;
}

:root[data-skin="ind"] footer .proto-note::before {
content: "REV 2.6  /  UNIT TM-01  /  ";
color: var(--accent); font-weight: 700;
}


:root[data-skin="ind"] .oops { text-align: left; padding: 60px 0 40px; }
:root[data-skin="ind"] .oops .big {
background: none; -webkit-background-clip: initial; background-clip: initial;
color: var(--ink); font-family: var(--display); font-weight: 900;
font-size: clamp(90px, 22vw, 260px); letter-spacing: -.06em; line-height: .82;
}
:root[data-skin="ind"] .oops h1 { font-size: 26px; letter-spacing: -.03em; border-top: 2px solid var(--ink); padding-top: 16px; }
:root[data-skin="ind"] .oops p { margin-left: 0; max-width: 34em; }
:root[data-skin="ind"] .oops .doors { justify-content: flex-start; }
:root[data-skin="ind"] .oops .doors a {
font-family: var(--mono); font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
border: 2px solid var(--ink); background: transparent;
}
:root[data-skin="ind"] .oops .doors a:hover { background: var(--ink); color: var(--ground); }


:root[data-skin="ind"] .creed,
:root[data-skin="ind"] .head .sub,
:root[data-skin="ind"] .result-count,
:root[data-skin="ind"] .srcline,
:root[data-skin="ind"] footer .proto-note,
:root[data-skin="ind"] .sub p,
:root[data-skin="ind"] aside .cap,
:root[data-skin="ind"] .sources .cap,
:root[data-skin="ind"] .prose figcaption,
:root[data-skin="ind"] .filter-empty,
:root[data-skin="ind"] .pending-box,
:root[data-skin="ind"] .adslot,
:root[data-skin="ind"] .deskblock .team-note,
:root[data-skin="ind"] .verifybar,
:root[data-skin="ind"] .await,
:root[data-skin="ind"] .tablefoot,
:root[data-skin="ind"] .kflow,
:root[data-skin="ind"] .toc h4,
:root[data-skin="ind"] .termset h2 em,
:root[data-skin="ind"] .kbranch .tools a small,
:root[data-skin="ind"] .hbar .lb,
:root[data-skin="ind"] .vcard dt,
:root[data-skin="ind"] .vcard .vfoot,
:root[data-skin="ind"] .symlist .lay,
:root[data-skin="ind"] .scen .picks .tag,
:root[data-skin="ind"] .hub.lead .tags span,
:root[data-skin="ind"] .vcard .svc span,
:root[data-skin="ind"] .toolhead .cats span,
:root[data-skin="ind"] .kaxis .lead .badge,
:root[data-skin="ind"] .kx .badge,
:root[data-skin="ind"] .klayer .cap .step,
:root[data-skin="ind"] .klayer .foot a,
:root[data-skin="ind"] nav a,
:root[data-skin="ind"] .skin-toggle,
:root[data-skin="ind"] .searchbar button,
:root[data-skin="ind"] .searchbar input::placeholder,
:root[data-skin="ind"] .sub button,
:root[data-skin="ind"] .sub input::placeholder,
:root[data-skin="ind"] .tabs button,
:root[data-skin="ind"] .filters button,
:root[data-skin="ind"] .filters .grp > span,
:root[data-skin="ind"] .filters .clear,
:root[data-skin="ind"] .filters .matched,
:root[data-skin="ind"] .head .more,
:root[data-skin="ind"] .scen .go,
:root[data-skin="ind"] .deskgrid .go,
:root[data-skin="ind"] .deskgrid .q,
:root[data-skin="ind"] .kflag a.go,
:root[data-skin="ind"] .stancebar .no,
:root[data-skin="ind"] .stancebar .links a,
:root[data-skin="ind"] .desk .links a,
:root[data-skin="ind"] .vnotice .links a,
:root[data-skin="ind"] .cite button,
:root[data-skin="ind"] .oops .doors a,
:root[data-skin="ind"] .quick a,
:root[data-skin="ind"] .quick em,
:root[data-skin="ind"] .kmap-entry a.btn,
:root[data-skin="ind"] .scorecard .sctop .how,
:root[data-skin="ind"] .figlive .delta,
:root[data-skin="ind"] .termdef .label,
:root[data-skin="ind"] .verdict .label,
:root[data-skin="ind"] .sourcebox dt,
:root[data-skin="ind"] .pagehead .eyebrow {
font-family: var(--sans);
text-transform: none;
letter-spacing: .01em;
}


:root[data-skin="ind"] h1,
:root[data-skin="ind"] h2,
:root[data-skin="ind"] h3,
:root[data-skin="ind"] h4 { letter-spacing: -.01em; }
:root[data-skin="ind"] .hero h1 { letter-spacing: -.015em; line-height: 1.14; }
:root[data-skin="ind"] .pagehead h1 { letter-spacing: -.015em; line-height: 1.18; }
:root[data-skin="ind"] .head h2 { letter-spacing: -.015em; line-height: 1.25; }
:root[data-skin="ind"] .deskblock > h2,
:root[data-skin="ind"] .sub h2 { letter-spacing: -.015em; line-height: 1.25; }
:root[data-skin="ind"] .toolhead h1 { letter-spacing: -.015em; line-height: 1.2; }
:root[data-skin="ind"] .prose h2 { letter-spacing: -.01em; line-height: 1.35; }

:root[data-skin="ind"] .oops .big { letter-spacing: -.06em; }


:root[data-skin="ind"] .prose { font-size: 17.5px; line-height: 1.95; }
:root[data-skin="ind"] table { font-size: 15px; }
:root[data-skin="ind"] tbody td { padding: 15px 18px; }




:root[data-skin="ind"] main > section:nth-of-type(even):has(.head) {
background: var(--surface-alt);
border-block: 1px solid var(--line-soft);
}


:root[data-skin="ind"] main { counter-reset: sec; }
:root[data-skin="ind"] .head { counter-increment: sec; }
:root[data-skin="ind"] .head h2::before {
content: counter(sec, decimal-leading-zero);
flex: none;
font-family: var(--mono);
font-size: clamp(30px, 3.6vw, 44px);
font-weight: 700;
line-height: .9;
letter-spacing: -.03em;
color: transparent;
-webkit-text-stroke: 1.5px var(--ink);
text-stroke: 1.5px var(--ink);
}

@supports not ((-webkit-text-stroke: 1px #000) or (text-stroke: 1px #000)) {
:root[data-skin="ind"] .head h2::before { color: var(--line-soft); }
}


:root[data-skin="ind"] .hub.lead {
border-top: 10px solid var(--accent);
padding-top: 22px;
}

:root[data-skin="ind"] .hub.lead:hover { border-top-color: var(--accent); }


@media (max-width: 1100px) {
:root[data-skin="ind"] header .wrap { height: 60px; gap: 14px; }
:root[data-skin="ind"] .brand .zh { font-size: 18px; }
:root[data-skin="ind"] .brand .en { font-size: 9.5px; letter-spacing: .16em; }

:root[data-skin="ind"] .navbtn {
border: 2px solid var(--ink); border-radius: 0;
background: var(--ground); color: var(--ink);
}
:root[data-skin="ind"] header.nav-open .navbtn {
background: var(--accent); color: var(--on-bright);
}

:root[data-skin="ind"] nav {
padding: 0; background: var(--ground);
border-top: 2px solid var(--ink); border-bottom: 3px solid var(--ink);
box-shadow: 0 10px 0 rgba(26, 26, 24, .07);
max-height: calc(100dvh - 60px);
}

:root[data-skin="ind"] nav a {
border-left: 0; border-bottom: 1px solid var(--line-soft);
font-size: 15px; letter-spacing: .04em; padding: 15px 20px;
color: var(--ink);
}
:root[data-skin="ind"] nav a[aria-current] {
background: var(--ink); color: var(--ground); font-weight: 700;
}
:root[data-skin="ind"] .navdrop { border-left: 0; }
:root[data-skin="ind"] .navtools {
padding: 16px 20px; border-top: 2px solid var(--ink);
}

:root[data-skin="ind"] .skin-toggle { border-radius: 0; font-size: 12.5px; }
:root[data-skin="ind"] .navscrim { background: rgba(26, 26, 24, .42); }
}


@media (max-width: 1000px) {
:root[data-skin="ind"] .hubs { grid-template-columns: 1fr 1fr; }
:root[data-skin="ind"] :where(.figs, .kextra, .proscons, .deskgrid, .kmap) { grid-template-columns: 1fr; }
:root[data-skin="ind"] :where(.fig, .kx, .proscons .col, .deskgrid a, .klayer) {
border-left: 0; border-top: 2px solid var(--ink);
}
:root[data-skin="ind"] :where(.fig:first-child, .kx:first-child, .proscons .col:first-child, .deskgrid a:first-child, .klayer:first-child) {
border-top: 0;
}
:root[data-skin="ind"] .sub .inner { padding: 36px 26px; }
}
@media (max-width: 660px) {
:root[data-skin="ind"] .hubs { grid-template-columns: 1fr; }
:root[data-skin="ind"] .hub { border-left: 0; border-top: 2px solid var(--ink); }
:root[data-skin="ind"] .hub:first-child { border-top: 0; }
:root[data-skin="ind"] .scen { border-left: 0; border-top: 2px solid var(--ink); }
:root[data-skin="ind"] .scen:first-child { border-top: 0; }

:root[data-skin="ind"] .hero h1 { font-size: clamp(30px, 9vw, 44px); }

:root[data-skin="ind"] h1,
:root[data-skin="ind"] h2,
:root[data-skin="ind"] h3 { text-wrap: pretty; }
:root[data-skin="ind"] .searchbar { border: 2px solid var(--ink); padding: 14px 16px; }
:root[data-skin="ind"] .searchbar button { padding: 14px; }
:root[data-skin="ind"] .sub form { border: 2px solid var(--ground); padding: 12px 16px; }
}


@media (max-width: 900px) {


:root[data-skin="ind"] table.cards-m tbody td {
border: 0; padding: 7px 0 7px var(--lbl);
}
:root[data-skin="ind"] table.cards-m tbody td:first-child { padding: 0 0 10px; }

:root[data-skin="ind"] table.cards-m tbody td:last-child { white-space: normal; }
:root[data-skin="ind"] table.cards-stack tbody td:last-child {
font-family: inherit; font-size: inherit; letter-spacing: normal;
}
:root[data-skin="ind"] table.cards-m td::before {
font-family: var(--mono); letter-spacing: .06em; font-size: 11.5px;
}
:root[data-skin="ind"] table.cards-m tr { border-top: 2px solid var(--ink); }
:root[data-skin="ind"] table.cards-m tr:first-child { border-top: 0; }

:root[data-skin="ind"] table.cards-m tbody tr:hover { background: none; color: inherit; }
:root[data-skin="ind"] table.cards-m tbody tr:hover :where(td, small, a, span, .pill) {
color: inherit; border-color: var(--line);
}
:root[data-skin="ind"] table.cards-m tbody tr:hover .pips i { background: var(--ink); }
:root[data-skin="ind"] table.cards-m tbody tr:hover .pips i:not(.on) {
background: transparent; border: 1px solid var(--line);
}

:root[data-skin="ind"] .tablescroll {
background:
linear-gradient(90deg, var(--surface) 40%, transparent) left center / 26px 100% no-repeat local,
linear-gradient(270deg, var(--surface) 40%, transparent) right center / 26px 100% no-repeat local,
radial-gradient(farthest-side at 0 50%, rgba(26, 26, 24, .24), transparent) left center / 16px 100% no-repeat scroll,
radial-gradient(farthest-side at 100% 50%, rgba(26, 26, 24, .24), transparent) right center / 16px 100% no-repeat scroll;
}
}


:root[data-skin="ind"] .adslot {
border-top: 2px solid var(--ink);
margin-top: 44px;
}
:root[data-skin="ind"] .adslot .adlabel {
font-weight: 700;
color: var(--ink);
}


:root[data-skin="ind"] .revcard {
border: 2px solid var(--ink); border-radius: 0; box-shadow: none;
}
:root[data-skin="ind"] .revcard:hover { transform: none; box-shadow: none; background: var(--surface-alt); }
:root[data-skin="ind"] .revcard :is(h2, h3) { font-weight: 900; letter-spacing: -.02em; }
:root[data-skin="ind"] .revcard .more { color: var(--flag); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }

:root[data-skin="ind"] .pick {
background: transparent; border: 2px solid var(--ink); border-radius: 0;
}
:root[data-skin="ind"] .pick .when {
font-family: var(--mono); text-transform: uppercase; letter-spacing: .12em;
font-size: 11px; color: var(--flag);
}
:root[data-skin="ind"] .pick .who { font-weight: 900; letter-spacing: -.02em; }

:root[data-skin="ind"] .revtable { border: 2px solid var(--ink); }
:root[data-skin="ind"] .revtable th,
:root[data-skin="ind"] .revtable td { border-bottom: 1px solid var(--ink); }
:root[data-skin="ind"] .revtable thead th {
background: var(--ink); color: var(--ground);
font-family: var(--mono); text-transform: uppercase; letter-spacing: .08em; font-size: 11px;
}
:root[data-skin="ind"] .revtable .co { font-weight: 900; }

:root[data-skin="ind"] .cite a { color: var(--flag); }
:root[data-skin="ind"] .excluded {
border: 2px solid var(--flag); border-left-width: 6px; border-radius: 0; background: transparent;
}


:root[data-skin="ind"] .stale-note {
border: 3px solid var(--flag); border-radius: 0; background: transparent;
}


:root[data-skin="ind"] .pick .caveat { border-top: 1px solid var(--ink); }
:root[data-skin="ind"] .pick .caveat b { font-family: var(--mono); text-transform: uppercase; }


:root[data-skin="ind"] .revtable tr.tier-head td {
background: var(--ink); color: var(--ground);
font-family: var(--mono); letter-spacing: .1em; border-bottom: 2px solid var(--ink);
}


:root[data-skin="ind"] .revtable td.overall b { color: var(--flag); font-weight: 900; }

:root[data-skin="ind"] .vsum{margin:10px 0 0;padding:10px 12px;background:var(--c7-t);border-left:3px solid var(--c7-b);font-size:14.5px;line-height:1.7;border-radius:0}


:root[data-skin="ind"] .evtable { min-width: 900px; }

:root[data-skin="ind"] .msort select { border-radius: 0; }