/* ============================================================
   המדריך של נטו — guides.html + guide-*.html only.
   Idea: a net ledger. Night-teal masthead, the key number on a
   receipt slip, facts as ledger rows with their source, a calm
   wide-margin reading column on ice paper.
   Everything is scoped under .ng so styles.css stays untouched.
   ============================================================ */
.ng{
  --ng-night:#03110F; --ng-night2:#04171B; --ng-night3:#082522;
  --ng-teal:#2DD4BF; --ng-teal2:#18BEB0; --ng-teal3:#13988D;
  --ng-ice:#E8F6F4; --ng-paper:#F6FBFA; --ng-ink:#0A2C28; --ng-text:#22312F; --ng-soft:#4E615E;
  --ng-rule:#CFE3E0; --ng-rule-d:rgba(232,246,244,.14);
  --ng-serif:"Frank Ruhl Libre",Georgia,serif; --ng-sans:"Heebo",system-ui,sans-serif;
  font-family:var(--ng-sans); color:var(--ng-text); background:var(--ng-paper);
  -webkit-text-size-adjust:100%;
}
.ng *,.ng *::before,.ng *::after{box-sizing:border-box}
.ng a{color:inherit}
.ng :focus-visible{outline:2px solid var(--ng-teal);outline-offset:3px;border-radius:3px}
.ng-wide{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.ng-col{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:grid;grid-template-columns:240px minmax(0,720px);column-gap:clamp(32px,6vw,96px);justify-content:center}
.ng-col>*{grid-column:2}
.ng-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ng [hidden]{display:none!important}

/* ---------- crumbs ---------- */
.ng-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:rgba(232,246,244,.62);margin-bottom:clamp(18px,2.4vw,28px)}
.ng-crumbs a{color:rgba(232,246,244,.82);text-decoration:none;border-bottom:1px solid transparent}
.ng-crumbs a:hover{border-bottom-color:var(--ng-teal)}
.ng-crumbs span[aria-hidden]{opacity:.4}

/* ---------- article masthead (night ledger paper) ---------- */
.ng-mast{
  position:relative;color:var(--ng-ice);
  background:
    repeating-linear-gradient(to bottom,transparent 0 47px,rgba(45,212,191,.07) 47px 48px),
    radial-gradient(120% 90% at 85% 0%,#0B3430 0%,transparent 60%),
    linear-gradient(180deg,var(--ng-night2),var(--ng-night));
  padding:calc(var(--nav-h,78px) + clamp(28px,4vw,56px)) 0 clamp(40px,5vw,76px);
  overflow:hidden;
}
.ng-mast::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.5),transparent)}
.ng-mast-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,5vw,80px);align-items:end}
.ng-mast-solo{grid-template-columns:minmax(0,1fr)}
.ng-h1{font-family:var(--ng-serif);font-weight:900;font-size:clamp(34px,4.6vw,66px);line-height:1.08;letter-spacing:-.01em;color:#fff;margin:0;max-width:18ch;text-wrap:balance}
.ng-dek{margin:clamp(16px,2vw,24px) 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:rgba(232,246,244,.86);max-width:56ch}
.ng-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:22px 0 0;font-size:14px;color:rgba(232,246,244,.66)}
.ng-meta span{display:inline-flex;align-items:center;gap:8px}
.ng-meta span::before{content:"";width:14px;height:1px;background:var(--ng-teal)}

/* ---------- the receipt slip ---------- */
.ng-slip{
  position:relative;background:var(--ng-ice);color:var(--ng-ink);
  padding:22px 24px 30px;border-radius:4px 4px 0 0;
  box-shadow:0 30px 60px -28px rgba(0,0,0,.65);
  transform:rotate(-1.2deg);
  -webkit-mask:conic-gradient(from 135deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 9px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat;
          mask:conic-gradient(from 135deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 9px repeat-x,linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat;
}
.ng-slip-top{display:flex;justify-content:space-between;gap:10px;margin:0 0 16px;padding-bottom:12px;border-bottom:1.5px dashed rgba(10,44,40,.35);font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ng-soft)}
.ng-slip-label{margin:0;font-size:15px;font-weight:600;color:var(--ng-soft)}
.ng-slip-num{margin:4px 0 0;font-family:var(--ng-serif);font-weight:900;font-size:clamp(46px,5vw,64px);line-height:1;color:var(--ng-ink);font-variant-numeric:tabular-nums;direction:ltr;text-align:right;unicode-bidi:plaintext}
.ng-slip-note{margin:14px 0 0;padding-top:12px;border-top:3px double rgba(10,44,40,.4);font-size:13.5px;line-height:1.5;color:var(--ng-text)}
.ng-slip-foot{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--ng-soft)}

/* ---------- cover ---------- */
.ng-cover{margin:0;background:linear-gradient(var(--ng-night) 0 50%,var(--ng-paper) 50% 100%)}
.ng-cover img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:6px}

/* ---------- reading area ---------- */
.ng-paper{background:var(--ng-paper);padding:clamp(36px,5vw,72px) 0 clamp(40px,5vw,72px)}
.ng-read{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(32px,6vw,96px);justify-content:center;align-items:start}
.ng-read-solo{grid-template-columns:minmax(0,720px)}

.ng-toc{position:sticky;top:calc(var(--nav-h,78px) + 24px);font-size:15px}
.ng-toc summary{list-style:none;cursor:default;font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--ng-teal3);padding-bottom:10px;border-bottom:2px solid var(--ng-ink)}
.ng-toc summary::-webkit-details-marker{display:none}
.ng-toc ul{list-style:none;margin:0;padding:0}
.ng-toc li{border-bottom:1px solid var(--ng-rule)}
.ng-toc a{display:block;padding:11px 12px 11px 0;line-height:1.45;color:var(--ng-soft);text-decoration:none;border-inline-start:2px solid transparent;margin-inline-start:-14px;padding-inline-start:12px;transition:color .2s,border-color .2s}
.ng-toc a:hover{color:var(--ng-ink)}
.ng-toc a[aria-current]{color:var(--ng-ink);font-weight:700;border-inline-start-color:var(--ng-teal2)}

.ng-text{font-size:clamp(17px,1.25vw,18.5px);line-height:1.85;color:var(--ng-text);min-width:0}
.ng-text>p{margin:0 0 1.15em}
.ng-text>p:first-of-type::first-line{font-weight:500;color:var(--ng-ink)}
.ng-text strong{color:var(--ng-ink);font-weight:700}
.ng-text a{color:var(--ng-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ng-teal2);text-decoration-thickness:2px;text-underline-offset:4px}
.ng-text a:hover{background:rgba(45,212,191,.16)}
.ng-h2{font-family:var(--ng-serif);font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1.2;color:var(--ng-ink);margin:2em 0 .6em;padding-top:.9em;border-top:1px solid var(--ng-rule);position:relative;scroll-margin-top:calc(var(--nav-h,78px) + 20px)}
.ng-h2::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:56px;height:3px;background:var(--ng-teal2)}
.ng-h3{font-size:clamp(19px,1.5vw,21px);font-weight:800;color:var(--ng-ink);margin:1.6em 0 .4em}
.ng-list{margin:0 0 1.3em;padding-inline-start:0;list-style:none}
.ng-list li{position:relative;padding-inline-start:28px;margin-bottom:.55em}
ul.ng-list li::before{content:"";position:absolute;inset-inline-start:4px;top:.78em;width:12px;height:2px;background:var(--ng-teal2)}
ol.ng-list{counter-reset:ngol}
ol.ng-list li{counter-increment:ngol}
ol.ng-list li::before{content:counter(ngol);position:absolute;inset-inline-start:0;top:.32em;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ng-teal3);font-size:12px;font-weight:800;line-height:17px;text-align:center;color:var(--ng-teal3)}

/* tip: a margin note */
.ng-tip{margin:1.6em 0;padding:18px 22px;background:#fff;border:1px solid var(--ng-rule);border-inline-start:4px solid var(--ng-teal);border-radius:2px 10px 10px 2px}
.ng-tip-k{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--ng-teal3);margin-bottom:4px}
.ng-tip p{margin:0;font-size:.95em;line-height:1.7}

/* "שורת הנטו": the total line of a receipt */
.ng-netline{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;margin:1.6em 0 1.8em!important;padding:14px 0 12px;border-top:3px double var(--ng-ink);border-bottom:1px solid var(--ng-ink)}
.ng-netline b{font-family:var(--ng-serif);font-weight:900;font-size:15px;color:var(--ng-teal3);white-space:nowrap}
.ng-netline span{font-weight:700;color:var(--ng-ink);line-height:1.6}

/* tables */
.ng-tablewrap{margin:1.6em 0}
.ng-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ng-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;font-variant-numeric:tabular-nums}
.ng-table caption{caption-side:top;text-align:start;font-size:13.5px;font-weight:700;color:var(--ng-soft);padding-bottom:10px}
.ng-table th,.ng-table td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--ng-rule);white-space:nowrap}
.ng-table thead th{font-size:13px;font-weight:800;color:var(--ng-ink);border-bottom:2px solid var(--ng-ink);background:transparent}
.ng-table tbody th{font-weight:700;color:var(--ng-ink)}
.ng-table tbody tr:nth-child(even){background:rgba(232,246,244,.6)}

/* facts ledger */
.ng-ledger{margin:0 0 2.2em;padding:22px 24px 10px;background:#fff;border:1px solid var(--ng-rule);border-top:3px solid var(--ng-ink);border-radius:0 0 10px 10px}
.ng-ledger-h{font-family:var(--ng-serif);font-size:20px;font-weight:700;color:var(--ng-ink);margin:0 0 6px}
.ng-ledger-rows{margin:0}
.ng-lrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:11px 0;border-bottom:1px dotted #A9C6C2;font-size:16px;line-height:1.45}
.ng-lrow:last-child{border-bottom:0}
.ng-lrow dt{color:var(--ng-soft)}
.ng-lrow dd{margin:0;display:flex;align-items:baseline;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ng-lval{font-weight:800;color:var(--ng-ink);font-variant-numeric:tabular-nums}
.ng-src{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;border:1px solid}
.ng-src-gov{color:#3F5A57;border-color:#B9CFCB;background:#F2F7F6}
.ng-src-stock{color:#0C6E66;border-color:#9BDCD4;background:#E6F8F5}

.ng-footnote{margin:2.4em 0 0!important;padding-top:12px;border-top:1px solid var(--ng-rule);font-size:13px!important;line-height:1.6!important;color:var(--ng-soft)}

/* tools (related pages) */
.ng-tools{margin-top:2.4em}
.ng-tools-h{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--ng-teal3);margin:0 0 10px}
.ng-tools ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.ng-text .ng-tools a{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 16px;border:1px solid var(--ng-rule);border-radius:10px;background:#fff;text-decoration:none;font-weight:400;transition:border-color .2s,transform .2s}
.ng-text .ng-tools a:hover{border-color:var(--ng-teal2);background:#fff;transform:translateY(-2px)}
.ng-tools b{font-size:16px;color:var(--ng-ink)}
.ng-tools span{font-size:13.5px;line-height:1.45;color:var(--ng-soft)}

/* ---------- see the car ---------- */
.ng-sec-h{font-family:var(--ng-serif);font-weight:700;font-size:clamp(26px,2.6vw,36px);line-height:1.15;color:var(--ng-ink);margin:0 0 18px}
.ng-cars{background:var(--ng-ice);padding:clamp(40px,5vw,64px) 0}
.ng-carlist{list-style:none;margin:0;padding:0;border-top:2px solid var(--ng-ink)}
.ng-carlist a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n m" "d m";gap:2px 20px;align-items:center;padding:18px 4px;border-bottom:1px solid #B9D4D0;text-decoration:none;transition:background .2s}
.ng-carlist a:hover{background:rgba(255,255,255,.6)}
.ng-car-n{grid-area:n;font-size:19px;font-weight:800;color:var(--ng-ink)}
.ng-car-d{grid-area:d;font-size:14px;color:var(--ng-soft)}
.ng-car-m{grid-area:m;font-family:var(--ng-serif);font-weight:900;font-size:clamp(22px,2.2vw,28px);color:var(--ng-ink);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:baseline;gap:4px}
.ng-car-m small{font-family:var(--ng-sans);font-size:13px;font-weight:600;color:var(--ng-soft)}
.ng-car-m::after{content:"←";font-family:var(--ng-sans);font-size:18px;color:var(--ng-teal3);margin-inline-start:10px;transition:transform .2s}
.ng-carlist a:hover .ng-car-m::after{transform:translateX(-4px)}
.ng-cars-asof{margin:12px 0 0;font-size:13px;color:var(--ng-soft)}

/* ---------- FAQ ---------- */
.ng-faq{background:var(--ng-paper);padding:clamp(44px,5vw,72px) 0}
.ng-qa{border-bottom:1px solid var(--ng-rule)}
.ng-qa:first-of-type{border-top:2px solid var(--ng-ink)}
.ng-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}
.ng-qa summary::-webkit-details-marker{display:none}
.ng-qa summary h3{margin:0;font-size:clamp(17px,1.4vw,19px);font-weight:700;line-height:1.45;color:var(--ng-ink)}
.ng-qa summary::after{content:"";flex:0 0 22px;height:22px;border-radius:50%;border:1.5px solid var(--ng-teal3);background:linear-gradient(var(--ng-teal3),var(--ng-teal3)) center/10px 1.5px no-repeat,linear-gradient(var(--ng-teal3),var(--ng-teal3)) center/1.5px 10px no-repeat;transition:transform .25s}
.ng-qa[open] summary::after{transform:rotate(45deg)}
.ng-qa p{margin:0 0 20px;font-size:17px;line-height:1.75;color:var(--ng-text);max-width:66ch}
.ng-qa a{color:var(--ng-ink);font-weight:600;text-decoration-color:var(--ng-teal2)}

/* ---------- lead CTA ---------- */
.ng-ask{background:var(--ng-night2);color:var(--ng-ice);padding:clamp(40px,5vw,64px) 0;border-top:1px solid rgba(45,212,191,.25)}
.ng-ask-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.ng-ask-h{font-family:var(--ng-serif);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.15;color:#fff;margin:0}
.ng-ask-p{margin:10px 0 0;font-size:16.5px;line-height:1.65;color:rgba(232,246,244,.78);max-width:48ch}
.ng-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.ng-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.ng-f span{font-size:13px;font-weight:700;color:rgba(232,246,244,.75)}
.ng-f input{width:100%;height:52px;padding:0 14px;border-radius:10px;border:1px solid rgba(232,246,244,.25);background:rgba(232,246,244,.06);color:#fff;font:inherit;font-size:16.5px}
.ng-f input[dir="ltr"]{text-align:right}
.ng-f input:focus{outline:none;border-color:var(--ng-teal);box-shadow:0 0 0 3px rgba(45,212,191,.25)}
.ng-btn{height:52px;padding:0 24px;border:0;border-radius:10px;background:var(--ng-teal);color:#03211D;font:inherit;font-weight:800;font-size:16.5px;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}
.ng-btn:hover{background:#5EE6D4;transform:translateY(-1px)}
.ng-btn:disabled{opacity:.6;cursor:default;transform:none}
.ng .ng-consent{color:rgba(232,246,244,.72);font-size:13px;margin-top:12px}
.ng .ng-consent a{color:var(--ng-teal)}
.ng-form-msg{margin:8px 0 0;min-height:1.4em;font-size:14px;font-weight:600;color:var(--ng-teal)}
.ng-form-msg.is-bad{color:#FFB4A8}
.ng-form.is-sent .ng-fields,.ng-form.is-sent .ng-consent{display:none}

/* ---------- related guides: torn stubs ---------- */
.ng-more{background:var(--ng-night);padding:clamp(40px,5vw,64px) 0 clamp(48px,6vw,80px)}
.ng-more .ng-sec-h{color:#fff}
.ng-stubs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ng-stub{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:20px 20px 22px;background:var(--ng-night3);border:1px solid rgba(45,212,191,.18);border-radius:10px;text-decoration:none;color:var(--ng-ice);transition:border-color .2s,transform .2s}
.ng-stub::before{content:"";position:absolute;inset-inline:16px;top:54px;border-top:1.5px dashed rgba(232,246,244,.2)}
.ng-stub:hover{border-color:var(--ng-teal);transform:translateY(-3px)}
.ng-stub-c{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ng-teal);padding-bottom:14px}
.ng-stub-t{font-family:var(--ng-serif);font-size:20px;font-weight:700;line-height:1.3;color:#fff;flex:1}
.ng-stub-n{font-family:var(--ng-serif);font-weight:900;font-size:24px;color:var(--ng-teal);font-variant-numeric:tabular-nums}
.ng-stub-r{font-family:var(--ng-sans);font-size:14px;font-weight:600;color:rgba(232,246,244,.6)}

/* ============================================================
   HUB
   ============================================================ */
.ng-hub{background:var(--ng-night)}
.ng-hubmast{position:relative;color:var(--ng-ice);padding:calc(var(--nav-h,78px) + clamp(28px,4vw,60px)) 0 clamp(24px,3vw,36px);
  background:repeating-linear-gradient(to bottom,transparent 0 47px,rgba(45,212,191,.06) 47px 48px),radial-gradient(90% 120% at 10% 0%,#0B3430 0%,transparent 55%),var(--ng-night2)}
.ng-hub-h1{font-family:var(--ng-serif);font-weight:900;font-size:clamp(46px,7.4vw,112px);line-height:.95;letter-spacing:-.02em;color:#fff;margin:0}
.ng-hub-dek{margin:clamp(16px,2vw,24px) 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:rgba(232,246,244,.82);max-width:60ch}
.ng-hub-tools{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:clamp(24px,3vw,40px);padding-top:clamp(18px,2vw,24px);border-top:1px solid var(--ng-rule-d)}
.ng-search{flex:0 1 380px;min-width:0;position:relative}
.ng-search input{width:100%;height:50px;padding:0 44px 0 16px;border-radius:999px;border:1px solid rgba(232,246,244,.28);background:rgba(232,246,244,.06);color:#fff;font:inherit;font-size:16.5px}
.ng-search::before{content:"";position:absolute;inset-inline-start:17px;top:50%;width:13px;height:13px;margin-top:-9px;border:2px solid var(--ng-teal);border-radius:50%}
.ng-search::after{content:"";position:absolute;inset-inline-start:30px;top:50%;width:7px;height:2px;margin-top:4px;background:var(--ng-teal);transform:rotate(-45deg)}
.ng-search input::placeholder{color:rgba(232,246,244,.5)}
.ng-search input:focus{outline:none;border-color:var(--ng-teal);box-shadow:0 0 0 3px rgba(45,212,191,.22)}
.ng-chips{display:flex;flex-wrap:wrap;gap:8px}
.ng-chip{font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(232,246,244,.24);background:transparent;color:var(--ng-ice);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ng-chip span{font-size:12.5px;font-weight:700;opacity:.65;font-variant-numeric:tabular-nums}
.ng-chip:hover{border-color:var(--ng-teal)}
.ng-chip[aria-pressed="true"]{background:var(--ng-teal);border-color:var(--ng-teal);color:#03211D}
.ng-chip[aria-pressed="true"] span{opacity:.8}

.ng-feature{background:var(--ng-night2);padding:0 0 clamp(36px,4vw,56px)}
.ng-feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;text-decoration:none;color:var(--ng-ink);background:var(--ng-ice);border-radius:8px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);transition:transform .3s}
.ng-feat:hover{transform:translateY(-3px)}
.ng-feat-noimg{grid-template-columns:minmax(0,1fr)}
.ng-feat-img{display:block;min-height:100%;background:#0B3430}
.ng-feat-img img{display:block;width:100%;height:100%;object-fit:cover}
.ng-feat-txt{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3.6vw,52px)}
.ng-feat-k{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--ng-teal3)}
.ng-feat-t{font-family:var(--ng-serif);font-weight:900;font-size:clamp(28px,3.2vw,46px);line-height:1.1;color:var(--ng-ink)}
.ng-feat-d{font-size:17px;line-height:1.65;color:var(--ng-text);max-width:52ch}
.ng-feat-slip{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:6px;padding:14px 0 10px;border-top:1.5px dashed rgba(10,44,40,.35);border-bottom:3px double rgba(10,44,40,.45)}
.ng-feat-slip small{font-size:14px;font-weight:600;color:var(--ng-soft)}
.ng-feat-slip b{font-family:var(--ng-serif);font-weight:900;font-size:clamp(36px,4vw,52px);line-height:1;color:var(--ng-ink);font-variant-numeric:tabular-nums}
.ng-feat-go{margin-top:auto;font-weight:800;color:var(--ng-teal3);display:inline-flex;gap:8px;align-items:center}
.ng-feat-go::after{content:"←";transition:transform .2s}
.ng-feat:hover .ng-feat-go::after{transform:translateX(-4px)}

.ng-index{background:var(--ng-night);color:var(--ng-ice);padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,88px)}
.ng-group{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(20px,4vw,64px);padding:clamp(26px,3vw,40px) 0;border-top:1px solid var(--ng-rule-d);scroll-margin-top:calc(var(--nav-h,78px) + 16px)}
.ng-group:first-child{border-top:0}
.ng-group-head{position:sticky;top:calc(var(--nav-h,78px) + 20px);align-self:start}
.ng-group-h{font-family:var(--ng-serif);font-weight:700;font-size:clamp(28px,2.8vw,40px);line-height:1.1;color:#fff;margin:0}
.ng-group-head p{margin:10px 0 0;font-size:15px;line-height:1.6;color:rgba(232,246,244,.6)}
.ng-entries{list-style:none;margin:0;padding:0;border-top:1px solid rgba(232,246,244,.4)}
.ng-entry a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t v" "d v";gap:4px 28px;align-items:center;padding:18px 0;border-bottom:1px dotted rgba(232,246,244,.22);text-decoration:none;color:var(--ng-ice);transition:background .2s,padding .2s}
.ng-entry a:hover{background:linear-gradient(90deg,transparent,rgba(45,212,191,.08))}
.ng-entry a:hover .ng-entry-t{color:var(--ng-teal)}
.ng-entry-t{grid-area:t;font-family:var(--ng-serif);font-weight:700;font-size:clamp(19px,1.7vw,23px);line-height:1.3;color:#fff;transition:color .2s}
.ng-entry-d{grid-area:d;font-size:15px;line-height:1.55;color:rgba(232,246,244,.62);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ng-entry-v{grid-area:v;display:flex;flex-direction:column;align-items:flex-end;text-align:end;min-width:110px}
.ng-entry-v small{font-size:12px;font-weight:600;color:rgba(232,246,244,.5);white-space:nowrap}
.ng-entry-v b{font-family:var(--ng-serif);font-weight:900;font-size:clamp(20px,1.9vw,26px);color:var(--ng-teal);font-variant-numeric:tabular-nums;white-space:nowrap}
.ng-empty{margin:24px 0 0;padding:24px;border:1px dashed rgba(232,246,244,.3);border-radius:10px;font-size:17px;color:var(--ng-ice)}
.ng-empty a{color:var(--ng-teal);font-weight:700}

/* ============================================================
   responsive
   ============================================================ */
@media (max-width:980px){
  .ng-mast-grid{grid-template-columns:minmax(0,1fr);align-items:start}
  .ng-slip{max-width:380px;transform:none;margin-top:6px}
  .ng-read,.ng-col{grid-template-columns:minmax(0,1fr)}
  .ng-col>*{grid-column:1}
  .ng-toc{position:static;margin-bottom:6px}
  .ng-toc summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--ng-rule);border-radius:10px;background:#fff;letter-spacing:.04em;font-size:14px}
  .ng-toc summary::after{content:"+";font-size:20px;font-weight:400;line-height:1;color:var(--ng-teal3)}
  .ng-toc details[open] summary::after{content:"−"}
  .ng-toc details[open] summary{border-radius:10px 10px 0 0}
  .ng-toc ul{border:1px solid var(--ng-rule);border-top:0;border-radius:0 0 10px 10px;background:#fff;padding:0 16px}
  .ng-toc li:last-child{border-bottom:0}
  .ng-toc a{margin-inline-start:0;padding-inline-start:0;border:0}
  .ng-ask-grid{grid-template-columns:minmax(0,1fr)}
  .ng-group{grid-template-columns:minmax(0,1fr);gap:14px}
  .ng-group-head{position:static}
  .ng-feat{grid-template-columns:minmax(0,1fr)}
  .ng-feat-img img{aspect-ratio:16/9;height:auto}
}
@media (max-width:640px){
  .ng-h1{font-size:clamp(30px,8.4vw,40px)}
  .ng-slip{max-width:none}
  .ng-cover img{aspect-ratio:4/3;border-radius:4px}
  .ng-cover .ng-wide{padding-inline:0}
  .ng-ledger{padding:16px 16px 6px}
  .ng-lrow{grid-template-columns:minmax(0,1fr);gap:2px}
  .ng-lrow dd{justify-content:flex-start}
  .ng-table{font-size:14.5px}
  .ng-table th,.ng-table td{padding:10px 10px}
  .ng-netline{grid-template-columns:minmax(0,1fr)}
  .ng-carlist a{grid-template-columns:minmax(0,1fr);grid-template-areas:"n" "d" "m";gap:4px}
  .ng-car-m{margin-top:4px}
  .ng-fields{grid-template-columns:minmax(0,1fr)}
  .ng-btn{width:100%}
  .ng-hub-tools{display:grid;grid-template-columns:minmax(0,1fr)}
  .ng-search{display:block;width:100%;min-width:0}
  .ng-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * clamp(16px,4vw,48px));padding-inline:clamp(16px,4vw,48px);padding-bottom:4px;scrollbar-width:none}
  .ng-chips::-webkit-scrollbar{display:none}
  .ng-chip{flex:0 0 auto}
  .ng-entry a{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "d" "v";gap:4px}
  .ng-entry-d{-webkit-line-clamp:2}
  .ng-entry-v{flex-direction:row;align-items:baseline;gap:8px;min-width:0;margin-top:2px}
}
@media (prefers-reduced-motion:reduce){.ng *{transition:none!important}.ng-slip{transform:none}}
@media print{.ng-ask,.ng-more,.ng-toc,#site-header,#site-footer{display:none!important}.ng-mast,.ng-hub,.ng-index{background:#fff!important;color:#000!important}}