/* Shared article hierarchy. Theme variables also apply to original inline content. */
html.ns-active {
 --hs-surface:color-mix(in srgb,var(--ns-panel) 82%,transparent);
 --hs-line:color-mix(in srgb,var(--ns-copper) 12%,var(--ns-line));
 --hs-soft:color-mix(in srgb,var(--ns-copper) 7%,transparent);
}
html.ns-active body .main-wrapper .content-page :is(.reg-intro,.rekrut-intro,.c8-go,.rekrut-tile,.rekrut-tile--card,.km-tile,.limity-card,.wyp-card,.unit-card,.sl-unit,.c8-guide-video-shell,.mn-card) {
 background:var(--hs-surface) !important; border:1px solid var(--hs-line) !important;
 border-radius:12px !important; box-shadow:0 5px 18px #00000014; color:var(--ns-copy);
}
html.ns-active body .main-wrapper .content-page :is(.reg-intro,.rekrut-intro,.c8-go) { padding:20px 22px; margin-bottom:14px; }
html.ns-active body .main-wrapper .content-page :is(.reg-intro-title,.rekrut-tile-title,.km-head-title) { color:var(--ns-copy); line-height:1.4; }
html.ns-active body .main-wrapper .content-page .rekrut-intro { gap:7px; }
html.ns-active body .main-wrapper .content-page .rekrut-intro-title { font-size:16px; line-height:1.4; color:var(--ns-copy); }
html.ns-active body .main-wrapper .content-page .rekrut-intro-sub { color:var(--ns-muted); font-size:12.5px; line-height:1.6; }
html.ns-active body .main-wrapper .content-page :is(.reg-intro-text,.reg-warn-text,.rekrut-tile-desc,.reg-warn-note) { color:var(--ns-muted); line-height:1.65; }
html.ns-active body .main-wrapper .content-page :is(.reg-kicker,.rekrut-intro-kicker,.rekrut-tile-num,.c8-tag) { color:var(--ns-copper); }
html.ns-active body .main-wrapper .content-page .reg-list-head { display:flex; align-items:center; gap:12px; margin:26px 0 12px; padding:0 0 10px; border-bottom:1px solid var(--hs-line); }
html.ns-active body .main-wrapper .content-page .reg-list-head > .reg-line { display:none; }
html.ns-active body .main-wrapper .content-page .reg-meta { gap:8px 16px; margin-block:18px 14px; }
html.ns-active body .main-wrapper .content-page .reg-meta-topics { color:var(--ns-muted); }
/* Article rows are independent entries; category layouts below give them their own anatomy. */
html.ns-active body .main-wrapper .content-page .reg-list { gap:10px; margin:0 0 22px; padding:0; border:0; border-radius:0; background:transparent; }
html.ns-active body .main-wrapper .content-page .reg-item { position:relative; min-width:0; padding:18px 20px; gap:16px; border-radius:12px !important; background:var(--hs-surface) !important; border:1px solid var(--hs-line) !important; box-shadow:0 2px 6px #0000000d; }
html.ns-active body .main-wrapper .content-page .reg-num { align-self:flex-start; flex:none; min-width:38px; max-width:34%; margin:0; padding:5px 9px; border:0; border-radius:6px; background:transparent !important; color:var(--ns-copper); font-size:11px; font-weight:650; line-height:1.5; letter-spacing:.035em; overflow-wrap:anywhere; }
html.ns-active body .main-wrapper .content-page .reg-text { min-width:0; flex:1; font-size:14px; font-weight:400; line-height:1.75; color:var(--ns-copy); overflow-wrap:break-word; }
html.ns-active body .main-wrapper .content-page .reg-text > strong { color:var(--ns-copy); }
html.ns-active body .main-wrapper .content-page .reg-item--ban { border-left:3px solid #f87171 !important; }
html.ns-active body .main-wrapper .content-page .reg-item--warn { border-left:3px solid #fbbf24 !important; }
html.ns-active body .main-wrapper .content-page .reg-item--ban .reg-num { color:#f87171 !important; border-color:#f871714d; }
html.ns-active body .main-wrapper .content-page .reg-item--warn .reg-num { color:#fbbf24 !important; border-color:#fbbf244d; }
html.ns-active body .main-wrapper .content-page .reg-list > .reg-item--ban { border-left:3px solid #f87171 !important; }
html.ns-active body .main-wrapper .content-page .reg-list > .reg-item--warn { border-left:3px solid #fbbf24 !important; }
html.ns-active body .main-wrapper .content-page .reg-warn { border:1px solid #f871714d; border-left:3px solid #f87171; background:color-mix(in srgb,#6f2c27 22%,var(--ns-panel)) !important; border-radius:10px; padding:18px 20px; }
/* Procedures: number, title, explanation. No ornamental rule through the copy. */
html.ns-active body .main-wrapper .content-page .reg-list.c8-steps-list { gap:10px; padding:0; border:0; background:transparent; }
html.ns-active body .main-wrapper .content-page .c8-steps-list > .reg-item { padding:18px; gap:16px; border:1px solid var(--hs-line) !important; border-radius:12px !important; background:var(--hs-surface) !important; }
html.ns-active body .main-wrapper .content-page .c8-steps-list .reg-num { display:grid; place-items:center; flex:none; width:34px; height:34px; min-width:34px; max-width:none; padding:0; border:1px solid var(--hs-line); border-radius:10px; background:var(--hs-soft) !important; font-size:15px; font-variant-numeric:tabular-nums; }
html.ns-active body .main-wrapper .content-page .c8-steps-list .reg-text > strong { font-size:14px; }
html.ns-active body .main-wrapper .content-page .reg-text > strong + .reg-warn-note { margin-top:6px; }
html.ns-active body .main-wrapper .content-page .reg-text > strong + .reg-warn-note::before { display:none; }
html.ns-active body .main-wrapper .content-page .c8-facts { gap:12px; }
html.ns-active body .main-wrapper .content-page .c8-facts > .reg-item { flex-direction:column; gap:10px; padding:18px 20px; }
html.ns-active body .main-wrapper .content-page .c8-facts .reg-num { max-width:none; padding:0; border:0; color:var(--ns-copper); }
html.ns-active body .main-wrapper .content-page .c8-go { position:relative; padding-right:56px; cursor:pointer; }
html.ns-active body .main-wrapper .content-page .c8-go::after { content:'→'; position:absolute; right:20px; top:50%; color:var(--ns-copper); font-size:23px; transform:translateY(-50%); transition:translate .2s; }
html.ns-active body .main-wrapper .content-page .c8-go:hover::after { translate:4px 0; }
html.ns-active body .main-wrapper .content-page .rekrut-tile-go { color:var(--ns-copper); }
/* Original training cards are navigation, visually distinct from article rows. */
html.ns-active body .main-wrapper .content-page .rekrut-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)) !important; gap:14px !important; margin-block:14px; }
html.ns-active body .main-wrapper .content-page .rekrut-tile { padding:20px !important; grid-template-rows:34px auto 1fr auto; gap:12px 10px; align-content:start; transition:translate .2s,border-color .2s,box-shadow .2s; }
html.ns-active body .main-wrapper .content-page .rekrut-tile-num { align-self:center; font-size:11px; padding:0; color:var(--ns-muted); }
html.ns-active body .main-wrapper .content-page .rekrut-tile-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--hs-line); border-radius:9px; background:var(--hs-soft); opacity:1; font-size:17px; }
html.ns-active body .main-wrapper .content-page .rekrut-tile-title { margin:0; font-size:16px; }
html.ns-active body .main-wrapper .content-page .rekrut-tile-rule { display:none; }
html.ns-active body .main-wrapper .content-page .rekrut-tile-desc { grid-row:3; margin:0; font-size:12.5px; font-weight:400; }
html.ns-active body .main-wrapper .content-page .rekrut-tile > .rekrut-tile-go { grid-row:4; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; margin:4px 0 0; padding-top:12px; border-top:1px solid var(--hs-line); font-size:11px; }
html.ns-active body .main-wrapper .content-page :is(.rekrut-tile,.km-tile) > .rekrut-tile-go::after { content:'↗'; font-size:18px; transition:transform .2s; }
html.ns-active body .main-wrapper .content-page .rekrut-tile:hover { translate:0 -3px; border-color:var(--ns-copper) !important; box-shadow:0 9px 24px #0003; }
html.ns-active body .main-wrapper .content-page .rekrut-tile:hover .rekrut-tile-go::after { transform:translate(2px,-2px); }
html.ns-active body .main-wrapper .content-page :is(.c8-go,.km-tile):hover { border-color:var(--ns-copper) !important; }
/* A section title is a heading, with a coloured rail carrying the original unit/status meaning. */
html.ns-active body .main-wrapper .content-page .km-head { align-items:center; gap:14px; margin:30px 0 16px; padding:0 0 0 2px; border:0; border-radius:0; background:transparent !important; box-shadow:none; }
html.ns-active body .main-wrapper .content-page .km-head > div { min-width:0; }
html.ns-active body .main-wrapper .content-page .km-head-icon { align-self:stretch; width:4px; min-height:38px; height:auto; margin:2px 0; border:0; border-radius:3px; }
html.ns-active body .main-wrapper .content-page .km-head-title { margin:4px 0 0; font-size:19px; font-weight:650; line-height:1.4; letter-spacing:-.025em; text-transform:none; }
html.ns-active body .main-wrapper .content-page .sl-unit > .km-head { background:transparent !important; }
html.ns-active body .main-wrapper .content-page :is(.sl-unit,.wyp-card,.limity-card) { padding:22px; }
html.ns-active body .main-wrapper .content-page :is(.sl-unit,.wyp-card,.limity-card,.rank-card) > .km-head { margin:0 0 14px; padding:0; }
html.ns-active body .main-wrapper .content-page .sl-unit .reg-line { display:none; }
html.ns-active body .main-wrapper .content-page :is(.sl-unit .reg-warn-note,.sl-unit .reg-intro-text,.km-tile-desc,.reg-intro-text) { font-size:13.5px; font-weight:400; line-height:1.75; }
html.ns-active body .main-wrapper .content-page :is(.reg-intro-title,.km-tile-title) { font-size:17px; font-weight:650; line-height:1.5; letter-spacing:-.015em; }
html.ns-active body .main-wrapper .content-page :is(.sl-units,.mn-grid) { gap:18px; }
html.ns-active body .main-wrapper .content-page :is(.sl-unit,.km-tile,.mn-card) { transition:border-color .22s,box-shadow .22s; }
html.ns-active body .main-wrapper .content-page :is(.sl-unit,.mn-card):hover { border-color:color-mix(in srgb,var(--ns-copper) 45%,var(--ns-line)) !important; box-shadow:0 8px 22px #00000024; }
/* Clauses read as one document, with a consistent number gutter. */
html.ns-active .main-wrapper > .content[data-hs-kind="rules"] .content-page .reg-num { width:54px; min-width:54px; max-width:none; padding:2px 0; border:0; border-radius:0; font-size:12px; line-height:1.75; font-variant-numeric:tabular-nums; }
html.ns-active .main-wrapper > .content[data-hs-kind="rules"] .content-page .reg-intro { border:0 !important; border-left:2px solid var(--ns-copper) !important; border-radius:0 12px 12px 0 !important; padding:22px 24px; }
html.ns-active .main-wrapper > .content[data-hs-kind="rules"] .content-page .reg-intro-title { font-size:20px; line-height:1.55; }
/* Procedures keep the order of steps and their separate radio examples. */
html.ns-active .main-wrapper > .content[data-hs-kind="procedure"] .content-page .reg-text > strong { display:block; font-size:15px; font-weight:650; line-height:1.55; }
html.ns-active .main-wrapper > .content[data-hs-kind="procedure"] .content-page .reg-warn-note { margin-top:6px; font-size:13px; font-weight:400; line-height:1.7; }
html.ns-active body .main-wrapper .content-page :is(.c8-radio-box,.sl-quote) { margin:12px 0; padding:18px 20px; border:1px solid color-mix(in srgb,#86efac 20%,var(--hs-line)); border-radius:10px; background:color-mix(in srgb,var(--ns-panel) 96%,transparent); }
html.ns-active body .main-wrapper .content-page :is(.c8-radio-cmd,.c8-cmd) { line-height:1.8; }
/* Reference codes pair a strong code label with its explanation and sample transmission. */
html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .reg-item { gap:22px; padding:22px; }
html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .reg-num { min-width:70px; max-width:35%; padding:7px 10px; border:1px solid var(--hs-line); border-radius:8px; font-size:14px; line-height:1.4; letter-spacing:-.02em; text-align:center; font-variant-numeric:tabular-nums; }
html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .kr-say { margin-top:12px; padding:12px 14px; border:0; border-left:2px solid var(--ns-copper); border-radius:0 6px 6px 0; background:var(--hs-soft); }
html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .kr-say-line { font-size:12.5px; font-weight:400; line-height:1.65; color:var(--ns-muted); }
/* Equipment categories each own one aligned list, rather than a grid of boxes. */
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-cols { gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block { margin:0 0 20px; padding:0; background:var(--hs-surface); border:1px solid var(--hs-line); border-radius:10px; backdrop-filter:blur(6px); }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block + .wyp-rank-block::before { display:none; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block > .km-head { padding:22px 24px; margin:0; border-bottom:1px solid var(--hs-line); }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block .reg-list { display:flex; flex-direction:column; gap:0; margin:0; padding:0; border:0; background:transparent; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block .reg-item { display:flex; align-items:baseline; gap:12px; min-height:46px; padding:12px 24px; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block .reg-item + .reg-item { border-top:1px solid color-mix(in srgb,var(--hs-line) 65%,transparent) !important; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .reg-num { min-width:10px; max-width:none; margin:0; padding:0; border:0; align-self:baseline; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .reg-text { font-size:13.5px; line-height:1.65; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .reg-item--ban .reg-num { min-width:54px; }
html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block .reg-item--ban { border-left:3px solid #f87171 !important; }
html.ns-active body .main-wrapper .content-page :is(.mn-card,.km-tile) { padding:20px; }
html.ns-active body .main-wrapper .content-page .mn-card img { display:block; width:100%; height:auto; border-radius:9px; }
html.ns-active body .main-wrapper .content-page .page-img-wrap { border:1px solid var(--hs-line); border-radius:12px; overflow:hidden; background:var(--ns-ink); box-shadow:0 8px 24px #0003; }
/* Old saved articles can still contain the former permalink controls. */
html.ns-active .heading-link-btn { display:none !important; }
/* Linked topics use natural document flow, including longer descriptions. */
html.ns-active body .main-wrapper .content-page .km-tile { display:flex; flex-direction:column; align-items:stretch; gap:12px; border-radius:8px !important; box-shadow:none; }
html.ns-active body .main-wrapper .content-page .km-tile-dot { position:absolute; right:20px; top:22px; margin:0; }
html.ns-active body .main-wrapper .content-page .km-tile-lvl { padding:0; font-size:11px; font-weight:500; letter-spacing:.04em; color:var(--ns-muted); }
html.ns-active body .main-wrapper .content-page .km-tile-title { margin:0; padding-right:18px; font-size:17px; font-weight:600; line-height:1.45; }
html.ns-active body .main-wrapper .content-page .km-tile > .reg-line { display:none; }
html.ns-active body .main-wrapper .content-page .km-tile-desc { flex:1; margin:0; font-size:13px; line-height:1.7; }
html.ns-active body .main-wrapper .content-page .km-tile > .rekrut-tile-go { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:2px 0 0; padding:0; border:0; font-size:12px; line-height:1.6; }
html.ns-active body .main-wrapper .content-page.tablet-hub-page .km-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; }
html.ns-active body .main-wrapper .content-page.tablet-hub-page .reg-intro { padding:0; margin-bottom:24px; border:0 !important; background:transparent !important; box-shadow:none; }
html.ns-active body .main-wrapper .content-page :is(.rekrut-tile,.sl-unit,.limity-card,.wyp-card) { border-radius:8px !important; box-shadow:none; }
html.ns-active body .main-wrapper .content-page .reg-kicker { letter-spacing:.06em; text-transform:none; font-size:11px; font-weight:550; }
html.ns-active .ns-hero { min-height:280px; }
html.ns-active .ns-hero-copy { padding-block:34px; }
html.ns-active .ns-hero :is(.ns-kicker,.ns-hero-rule) { display:none; }
html.ns-active .ns-hero h1 { font-size:clamp(30px,3vw,44px); font-weight:650; line-height:1.2; letter-spacing:-.035em; }
html.ns-active .ns-lead { margin-block:14px; font-size:19px; line-height:1.55; }
html.ns-active .ns-hero-intro { margin-top:18px; font-size:13px; line-height:1.7; }
html.ns-active .ns-directory-row { min-height:78px; padding-block:15px; }
html.ns-active .ns-directory-label strong { font-weight:600; font-size:15px; }
html.ns-active .ns-directory-desc { font-size:12px; line-height:1.65; }
html.ns-active .ns-directory-icon { border-radius:6px; }
html.ns-active body #sidebar :is(.nav-item,.nav-group-header) { border-radius:6px; }
/* Each sidebar destination has an actual border and a clear active state. */
html.ns-active body #sidebar :is(.nav-item,.nav-group-header) { border:1px solid color-mix(in srgb,var(--ns-copper) 16%,var(--ns-line)); background:color-mix(in srgb,var(--ns-panel) 55%,transparent); border-radius:9px; margin-block:5px; padding:11px 12px; color:var(--ns-copy); transition:background .2s,border-color .2s,box-shadow .2s; }
html.ns-active body #sidebar :is(.nav-item,.nav-group-header):hover { border-color:color-mix(in srgb,var(--ns-copper) 70%,var(--ns-line)); background:color-mix(in srgb,var(--ns-copper) 10%,var(--ns-panel)); box-shadow:inset 2px 0 var(--ns-copper); }
html.ns-active body #sidebar :is(.nav-item.active,.nav-group-header:not(.collapsed)) { border-color:color-mix(in srgb,var(--ns-copper) 65%,var(--ns-line)); background:color-mix(in srgb,var(--ns-copper) 13%,var(--ns-panel)); box-shadow:inset 3px 0 var(--ns-copper); }
html.ns-active body #sidebar .nav-sublist { margin:6px 0 12px 12px; padding:2px 0 2px 10px; border-left:1px solid var(--hs-line); background:transparent; }
html.ns-active body #sidebar .nav-sublist .nav-item { padding:9px 10px; background:color-mix(in srgb,var(--ns-panel) 45%,transparent); }
html.ns-active body #sidebar .nav-section-label { margin-top:24px; }
html.ns-active body .ns-footer [data-ns-season-title] { display:inline; white-space:nowrap; }
/* One translucent sheet per passage. Quiet separators keep long pages readable. */
html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list {
 display:flex; flex-direction:column; gap:0; padding:0; margin:0 0 24px; border:1px solid var(--hs-line); border-radius:10px; background:var(--hs-surface); backdrop-filter:blur(6px);
}
html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list > .reg-item {
 display:flex; flex-direction:row; align-items:baseline; gap:20px; margin:0; padding:20px 24px; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none;
}
html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list > .reg-item + .reg-item { border-top:1px solid color-mix(in srgb,var(--hs-line) 65%,transparent) !important; }
html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list > .reg-item--ban { border-left:3px solid #f87171 !important; }
html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list > .reg-item--warn { border-left:3px solid #fbbf24 !important; }
html.ns-active body .main-wrapper .content-page :is(.reg-intro,.rekrut-intro,.sl-unit,.km-tile,.rekrut-tile) { backdrop-filter:blur(6px); }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page :is(.nap-lspd,.neg-lspd,.c8-lspd,.st-lspd,.ops-lspd) > .reg-item {
 margin-block:0; padding:18px 22px; border:0 !important; border-bottom:1px solid var(--hs-line) !important; border-radius:0 !important; box-shadow:none;
}
html.ns-active:not(.ns-editing) body .main-wrapper .content-page :is(.nap-lspd,.neg-lspd,.c8-lspd,.st-lspd,.ops-lspd) > .reg-item--ban { border-left:3px solid #f87171 !important; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page :is(.nap-lspd,.neg-lspd,.c8-lspd,.st-lspd,.ops-lspd) > .reg-item--warn { border-left:3px solid #fbbf24 !important; }
/* The original catalogue remains filterable and editable; photos now lead each card. */
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-card { padding:0; border:0 !important; background:transparent !important; box-shadow:none; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-card > .km-head { margin:30px 0 16px; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-card:not(.veh-rules) .veh-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:20px; border:0; background:transparent; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-row { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0; padding:0; overflow:hidden; border:1px solid var(--hs-line); border-radius:10px; background:var(--hs-surface); backdrop-filter:blur(6px); transition:border-color .2s,translate .2s; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-row:hover { border-color:var(--ns-copper); translate:0 -2px; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-row.veh-is-hidden { display:none !important; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-photo { position:relative; display:block; flex:none; width:100%; max-width:none; height:auto; aspect-ratio:1.65; overflow:hidden; border:0; border-bottom:1px solid var(--hs-line); border-radius:0; cursor:zoom-in; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-photo img { display:block; width:100%; height:100%; max-height:none; object-fit:cover; border:0; border-radius:0; transition:transform .35s; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-photo:hover img { transform:scale(1.025); }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-photo::after { content:'Powiększ ↗'; position:absolute; right:12px; bottom:12px; padding:5px 9px; background:#070c15cf; border:1px solid #ffffff30; border-radius:5px; color:#f3f5f8; font-size:11px; pointer-events:none; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-body { flex:1; gap:16px; padding:20px; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-name { align-items:baseline; gap:8px; white-space:normal; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-name-text { font-size:17px; font-weight:600; line-height:1.45; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-facts { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:14px; border-top:1px solid var(--hs-line); }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-fact:has(.veh-rank) { order:-1; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-fact > span { margin-bottom:5px; font-size:11px; letter-spacing:.02em; text-transform:none; color:var(--ns-muted); }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-rank { color:var(--ns-copper); font-size:14px; font-weight:600; }
html.ns-active:not(.ns-editing) body .main-wrapper .content-page .sl-lspd .veh-spawn { font-size:13px; font-weight:400; overflow-wrap:anywhere; }
/* Gallery details live outside saved article content. */
html.ns-active .lightbox-overlay.reader-gallery.open { background:color-mix(in srgb,var(--ns-ink) 96%,transparent); grid-template-rows:48px minmax(0,1fr) auto; padding:16px max(64px,calc((100vw - 1280px)/2)); gap:12px; }
html.ns-active .reader-gallery button { border-color:var(--hs-line); background:var(--ns-panel); color:var(--ns-copy); }
html.ns-active .reader-gallery button:hover { border-color:var(--ns-copper); background:var(--hs-soft); }
html.ns-active .reader-gallery button:focus-visible { outline-color:var(--ns-copper); }
html.ns-active .reader-gallery :is(.reader-gallery-prev,.reader-gallery-next) { z-index:2; }
html.ns-active .reader-gallery-count { color:var(--ns-muted); }
html.ns-active .reader-gallery-vehicle .reader-gallery-viewport { border:1px solid var(--hs-line); border-radius:10px 10px 0 0; background:#0003; }
html.ns-active .reader-gallery-vehicle .reader-gallery-viewport img { border-radius:0; }
html.ns-active .reader-gallery-vehicle .reader-gallery-footer { margin-top:-12px; padding:20px 24px; text-align:left; background:var(--hs-surface); border:1px solid var(--hs-line); border-top:0; border-radius:0 0 10px 10px; }
html.ns-active .reader-gallery-vehicle .reader-gallery-detail { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px 28px; }
html.ns-active .reader-gallery-footer #lightbox-cap { margin:0; color:var(--ns-copy); font-size:20px; line-height:1.4; font-weight:600; }
html.ns-active .reader-gallery-eyebrow { margin:0 0 5px; color:var(--ns-copper); font-size:11px; }
html.ns-active .reader-gallery-specs { display:flex; flex-wrap:wrap; gap:14px 28px; margin:0; }
html.ns-active .reader-gallery-specs > div { min-width:95px; }
html.ns-active .reader-gallery-specs dt { margin-bottom:4px; font-size:11px; color:var(--ns-muted); }
html.ns-active .reader-gallery-specs dd { margin:0; font-size:14px; font-weight:600; color:var(--ns-copy); }
html.ns-active .reader-gallery-specs [data-gallery-rank] { color:var(--ns-copper); }
html.ns-active .reader-gallery-footer > .reader-gallery-help { display:block; margin-top:14px; color:var(--ns-muted); font-size:11px; }
html.ns-active .reader-gallery-footer [hidden] { display:none !important; }
@media(max-width:860px) { html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-cols { grid-template-columns:1fr; } }
@media(max-width:600px) {
 html.ns-active body .main-wrapper .content-page :is(.reg-intro,.rekrut-intro,.c8-go) { padding:16px; }
 html.ns-active body .main-wrapper .content-page .c8-go { padding-right:48px; }
 html.ns-active body .main-wrapper .content-page .reg-item { padding:13px 12px; gap:10px; }
 html.ns-active body .main-wrapper .content-page .c8-steps-list > .reg-item { padding:14px 12px; gap:12px; }
 html.ns-active body .main-wrapper .content-page .rekrut-tile { padding:16px !important; }
 html.ns-active body .main-wrapper .content-page .km-head-title { font-size:17px; }
 html.ns-active body .main-wrapper .content-page :is(.sl-unit,.wyp-card,.limity-card) { padding:17px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="rules"] .content-page .reg-list > .reg-item { padding:16px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .reg-item { padding:16px 12px; gap:12px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="codes"] .content-page .reg-num { min-width:58px; font-size:12px; }
 html.ns-active body .ns-footer .ns-theme-toggle { gap:6px; }
 html.ns-active body .ns-footer [data-ns-season-title] { font-size:10px; }
 html.ns-active:not(.ns-editing) .main-wrapper > .content:is([data-hs-kind="rules"],[data-hs-kind="procedure"],[data-hs-kind="codes"],[data-hs-kind="document"],[data-hs-kind="ranks"]) .content-page .reg-list > .reg-item { padding:16px 14px; gap:12px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="rules"] .content-page .reg-num { width:36px; min-width:36px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block > .km-head { padding:18px; }
 html.ns-active .main-wrapper > .content[data-hs-kind="equipment"] .wyp-rank-block .reg-item { padding:12px 18px; }
 html.ns-active .lightbox-overlay.reader-gallery.open { padding:8px 10px max(12px,env(safe-area-inset-bottom)); gap:10px; grid-template-rows:42px minmax(0,1fr) auto; }
 html.ns-active .reader-gallery-vehicle .reader-gallery-footer { margin-top:-10px; padding:16px; }
 html.ns-active .lightbox-overlay.reader-gallery-vehicle.open { align-content:center; grid-template-rows:42px minmax(0,auto) auto; background:var(--ns-ink); }
 html.ns-active .reader-gallery-vehicle .reader-gallery-viewport { height:auto; aspect-ratio:1.65; max-height:max(100px,calc(100dvh - 260px)); }
 html.ns-active .reader-gallery-footer #lightbox-cap { font-size:18px; }
 html.ns-active .reader-gallery-specs { gap:14px 20px; }
 html.ns-active .reader-gallery .reader-gallery-prev,html.ns-active .reader-gallery .reader-gallery-next { top:50%; bottom:auto; transform:translateY(-50%); background:color-mix(in srgb,var(--ns-panel) 85%,transparent); }
 html.ns-active .reader-gallery-footer > .reader-gallery-help { font-size:0; margin-top:10px; }
}
@media(prefers-reduced-transparency:reduce) { html.ns-active { --hs-surface:var(--ns-panel); } }
@media(prefers-reduced-motion:reduce) {
 html.ns-active body .main-wrapper .content-page :is(.rekrut-tile,.c8-go::after,.rekrut-tile-go::after,.veh-row,.veh-photo img),html.ns-active body #sidebar :is(.nav-item,.nav-group-header) { transition:none !important; translate:none; }
}