@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/np/fonts/cabin-condensed-600-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/np/fonts/cabin-condensed-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/np/fonts/cabin-condensed-700-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cabin Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/np/fonts/cabin-condensed-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-400i-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-400i.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-400-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-600-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/np/fonts/source-serif-4-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/ibm-plex-mono-400-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/np/fonts/ibm-plex-mono-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/np/fonts/ibm-plex-mono-500-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/np/fonts/ibm-plex-mono-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--paper:#fbf7f2;--paper2:#f3ece3;--card:#fff;--ink:#1d1916;--ink2:#5b524b;--line:#e2d8cc;--ver:#c8441c;--ver-d:#a3360f;--ver2:#f6dfd4;--olive:#504107;--olive-d:#3d3105;--olive2:#efe9cf;--zero:#0f6b5c;--zero2:#dcefe9;--r:14px;
--disp:"Cabin Condensed","Arial Narrow",system-ui,sans-serif;--body:"Source Serif 4",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 var(--body);overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--olive);text-underline-offset:2px}
a:hover{color:var(--ver-d)}
h1,h2,h3,h4{font-family:var(--disp);letter-spacing:-.01em;line-height:1.1;color:var(--ink)}
h2{font-size:32px;margin:0 0 10px}
h3{font-size:21px;margin:0 0 6px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:50}.skip:focus{left:8px}
.mono,.kicker,.src,.stamp,.no{font-family:var(--mono)}
.kicker{font-size:12.5px;font-weight:500;color:var(--ver);letter-spacing:.07em;text-transform:uppercase;margin:0 0 6px}
.small{font:400 11px var(--mono);color:var(--ink2)}
/* header */
.hd{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hd__in{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.coin{width:36px;height:36px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#f2c9b8,var(--ver) 70%);display:grid;place-items:center;color:#fff;font:600 17px var(--mono);box-shadow:inset 0 0 0 3px #e9a58b,0 1px 0 #8d2e12}
.logo__w b{display:block;font:700 20px/1 var(--disp);letter-spacing:-.01em}
.logo__w b em{font-style:normal;color:var(--ver)}
.logo__w small{display:block;font:500 10px var(--mono);color:var(--ink2);letter-spacing:.06em;margin-top:3px}
.nav{display:flex;gap:18px;font:600 15.5px var(--disp)}
.nav a{color:var(--ink);text-decoration:none;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:var(--ver)}
.hd__sp{flex:1}
.lang{font:500 13px var(--mono);color:var(--ink2);text-decoration:none;border:1px solid var(--line);padding:4px 8px;border-radius:6px}
.mnu{position:relative}
.mnu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font:600 15px var(--disp);border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fff}
.mnu summary::-webkit-details-marker{display:none}
.mnu__p{position:absolute;right:0;top:calc(100% + 8px);width:min(760px,92vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -20px #5b3a20;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;z-index:30}
.mnu__g b{display:block;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ver);margin-bottom:6px}
.mnu__g a{display:block;color:var(--ink);text-decoration:none;font-size:15px;padding:3px 0}
.mnu__g a:hover{color:var(--ver)}
.ico{vertical-align:middle}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 0;margin:0 auto;font:400 12.5px var(--mono);color:var(--ink2)}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{color:var(--ink2)}
/* hero */
.hero{padding:40px 0 22px}
.hero__in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.hero__in>*{min-width:0}
.hero h1{font-size:52px;line-height:1.02;margin:6px 0 16px}
.hero h1 em{font-style:normal;color:var(--ver)}
.answer{background:#fff;border-left:5px solid var(--zero);padding:14px 18px;border-radius:0 var(--r) var(--r) 0;margin:0 0 14px}
.answer p{margin:0;font-size:18.5px}
.answer__k{font-family:var(--disp);font-size:19px}
.answer strong{font-weight:600}
.quick{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--zero2);border:1px solid #b5dbd1;border-radius:12px;padding:10px 12px;margin:0 0 14px;font-size:15.5px}
.quick i{display:block;font:normal 500 11px var(--mono);color:var(--zero);text-transform:uppercase;letter-spacing:.05em}
.quick b{font-family:var(--disp);font-size:19px}
.quick .btn{flex:none}
.by{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink2);margin:6px 0 10px;line-height:1.45}
.by img{width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);object-fit:cover}
.by b{color:var(--ink);font-family:var(--disp);font-size:16px}
.by .mono{font-size:11.5px}
.disc{font:400 11.5px var(--mono);color:var(--ink2);margin:4px 0 0}
/* stair */
.stair{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 10px;box-shadow:0 10px 30px -18px #6b3a20}
.stair h2{font-size:24px;margin:0 0 2px}
.stair .s{margin:0 0 10px;font-size:14px;color:var(--ink2)}
.step{display:grid;grid-template-columns:78px 1fr;gap:12px;margin:0 0 8px;text-decoration:none;color:inherit}
.step .kr{font:600 14px var(--mono);display:flex;align-items:flex-end;justify-content:flex-end;padding:0 4px 8px 0;color:var(--ink2)}
.step .blk{display:block;border-radius:10px;padding:9px 12px;border:1px solid var(--line);background:var(--paper)}
.step .h{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.step .h b{font:700 17px var(--disp)}
.step .tag{font:500 11.5px var(--mono);color:var(--ink2);white-space:nowrap;text-align:right}
.step .p{display:block;margin:2px 0 0;font-size:14px;line-height:1.4}
.step:hover .blk{border-color:var(--ver)}
.st0 .blk{background:repeating-linear-gradient(135deg,#fff,#fff 6px,#f4efe8 6px,#f4efe8 12px);border-style:dashed}
.st2 .blk{margin-left:18px}.st3 .blk{margin-left:36px;background:var(--zero2);border-color:#b5dbd1}.st4 .blk{margin-left:54px}.st5 .blk{margin-left:72px;background:var(--ver2);border-color:#efc3b1}
.st3 .tag{background:var(--zero);color:#fff;border-radius:4px;padding:1px 6px}
/* buttons */
.btn{display:inline-block;background:var(--olive);color:#fbf5df;text-decoration:none;font:700 16px var(--disp);padding:10px 14px;border-radius:9px;text-align:center;border:0;cursor:pointer;line-height:1.15}
.btn:hover{background:var(--olive-d);color:#fff}
.btn--sm{font-size:14.5px;padding:7px 11px}
.btn--ghost{background:none;border:1px dashed var(--ink2);color:var(--ink);width:100%}
.btn--ghost:hover{background:#fff;color:var(--ink)}
/* tickets */
.picks{padding:6px 0 26px}
.picks__g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.list{display:grid;gap:12px}
.tk{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);display:grid;grid-template-columns:1fr 128px;overflow:visible}
.tk__main{padding:14px 16px;min-width:0}
.tk__hd{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.tk__hd h3{margin:0;font-size:21px}
.tk .why{font-size:14px;color:var(--ink2);margin:1px 0 0;line-height:1.35}
.lg{width:96px;height:48px;object-fit:contain;border-radius:8px;background:#1d1916;padding:4px;flex:none}
.lg--sm{width:70px;height:35px}
.lg--txt{display:grid;place-items:center;color:#fff;font:700 18px var(--disp)}
.tk__stub{border-left:2px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 10px;background:var(--paper);border-radius:0 var(--r) var(--r) 0;position:relative}
.tk__stub::before,.tk__stub::after{content:"";position:absolute;left:-10px;width:18px;height:18px;border-radius:50%;background:var(--paper);border:1px solid var(--line)}
.tk__stub::before{top:-10px;clip-path:inset(50% 0 0 0)}.tk__stub::after{bottom:-10px;clip-path:inset(0 0 50% 0)}
.list .tk__stub::before,.list .tk__stub::after{background:var(--paper)}
.no{font-size:11px;color:var(--ink2);letter-spacing:.06em}
.grade{font:700 32px/1 var(--disp);color:var(--olive);text-align:center}
.grade small{display:block;font:500 9.5px var(--mono);color:var(--ink2);letter-spacing:.06em;margin-top:3px}
.tk .rv{font:600 13.5px var(--disp)}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14.5px;margin:0 0 6px;line-height:1.35}
.facts dt{font:500 11px var(--mono);color:var(--ink2);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}
.facts dd{margin:0}
.facts dd small{display:block;font-size:12.5px;color:var(--ink2)}
.zero{color:var(--zero);font-weight:600}
.src{font-size:11px;color:var(--ink2)}.src a{color:var(--ink2)}
.tk--top{border-color:#e5c9b9}
.tk--lead{margin:12px 0 18px;border-width:2px;border-color:var(--ver2)}
@media (min-width:1021px){
  .list .tk__main{display:grid;grid-template-columns:290px minmax(0,1fr);gap:4px 26px;align-items:center}
  .list .tk__hd{margin:0;align-items:flex-start}
  .list .facts{grid-row:span 2;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:auto auto;grid-auto-columns:minmax(0,1fr);gap:2px 16px;margin:0}
  .list .src{grid-column:1}
  .picks .tk{grid-template-columns:1fr}
  .picks .tk__stub{border-left:0;border-top:2px dashed var(--line);flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-radius:0 0 var(--r) var(--r)}
  .picks .tk__stub::before,.picks .tk__stub::after{display:none}
  .picks .grade{font-size:28px}
}
.zero{display:grid;gap:22px}
.zero__t .tbl{max-width:900px}
@media (min-width:1021px){
  .calc{grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
  .calc--s{grid-template-columns:1fr 1fr}
  .bars{grid-template-columns:1fr 1fr;column-gap:28px}
}
.tk[data-more]{display:none}.list.open .tk[data-more]{display:grid}
html:not(.js) .tk[data-more]{display:grid}
.more{text-align:center;margin:14px 0 0}
/* sections */
.blk{padding:30px 0;border-top:1px solid var(--line)}
.blk:first-child{border-top:0}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}
.sec-h p{margin:4px 0 0;color:var(--ink2);max-width:760px}
.stamp{font-size:11.5px;color:var(--ver);border:1px solid var(--ver2);border-radius:6px;padding:4px 8px;white-space:nowrap;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.two>*{min-width:0}
.two .faq{padding:0;border:0}
.lead2{color:var(--ink2);margin:0 0 14px}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--line);background:#fff}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:500 11.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);background:var(--paper2);white-space:nowrap}
tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}
th[data-sort]{cursor:pointer}th[data-sort]::after{content:" ↕";color:#b7aa9c}
th[aria-sort=ascending]::after{content:" ↑";color:var(--ver)}th[aria-sort=descending]::after{content:" ↓";color:var(--ver)}
.sortable td{white-space:nowrap}.sortable td.tn{font-weight:600}
.g{font:700 15px var(--disp);color:var(--olive);background:var(--olive2);border-radius:5px;padding:0 6px;font-style:normal}
.ok{color:var(--zero)}
.note{font-size:13px;color:var(--ink2);margin:8px 0 0}
.facts-t th{width:34%;font:600 15px var(--disp);background:none;white-space:normal;text-transform:none;letter-spacing:0;color:var(--ink)}
.facts-t td small{display:block;color:var(--ink2);font-size:13px}
.facts-t td.srcc{width:24%}
/* calc */
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:14px}
.calc h3{font-size:22px}
.calc label{display:block;font:500 11.5px var(--mono);color:var(--ink2);text-transform:uppercase;margin:6px 0 4px}
.calc__row{display:flex;align-items:center;gap:8px}
.calc input{width:100%;max-width:220px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:500 18px var(--mono);background:var(--paper)}
.calc__chips{display:flex;gap:6px;margin-top:8px}
.calc__chips button{font:500 13px var(--mono);border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 12px;cursor:pointer}
.calc__chips button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.calc__n{font-size:12.5px;color:var(--ink2);margin:8px 0 0}
.bars{display:grid;gap:6px}
.bar{display:grid;grid-template-columns:118px 1fr 112px;gap:10px;align-items:center;font-size:14px}
.bar a{color:var(--ink);text-decoration:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .t{height:14px;border-radius:4px;background:var(--paper2);position:relative;overflow:hidden}
.bar .t b{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--olive)}
.bar .t b.z{background:var(--zero)}
.bar .v{font:500 12.5px var(--mono);text-align:right}
.bar .v small{display:block;color:var(--ink2);font-size:11px}
.calc__l{display:flex;gap:14px;font-size:12.5px;color:var(--ink2);margin:6px 0 0}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}.sw--z{background:var(--zero)}.sw--o{background:var(--olive)}
.calc--s .calc__out{background:var(--paper);border-radius:12px;padding:12px}
.calc__res{font:700 34px var(--disp);color:var(--zero)}
.calc .row{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:6px}
.lbl{font:500 11px var(--mono);color:var(--ink2);text-transform:uppercase}
/* mini */
.mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:18px 0}
.mini h2{font-size:22px}
.mini__sub{font-size:14px;color:var(--ink2);margin:-4px 0 10px}
.mini ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mini li{display:grid;grid-template-columns:22px 70px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:8px}
.mini li:first-child{border-top:0;padding-top:0}
.mini .rank{font:600 14px var(--mono);color:var(--ink2)}
.mt-n a{color:var(--ink);text-decoration:none}.mt-n b{font-family:var(--disp);font-size:17px}
.mt-n small{display:block;font-size:12.5px;color:var(--ink2);line-height:1.3}
.mini__f{font:400 11.5px var(--mono);color:var(--ink2);margin:10px 0 0}
/* log */
.log{list-style:none;padding:0;margin:0}
.log li{margin:0 0 12px;padding-left:14px;border-left:3px solid var(--ver2)}
.log .d{display:block;font:500 12px var(--mono);color:var(--ver)}
/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 8px}
.faq summary{font:700 18px var(--disp);cursor:pointer}
.faq details div{margin-top:6px}
.faq details p{margin:0 0 8px}
/* pages */
.page{max-width:860px}
.page--wide,.page--rev{max-width:1180px}
.pg-h{padding:22px 0 8px}
.pg-h h1{font-size:44px;margin:0 0 10px}
.pg-h--me{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:start}.pg-h--me .me{border-radius:50%;grid-row:span 3}
.prose{font-size:17.5px}
.prose h2{font-size:30px;margin:34px 0 10px;scroll-margin-top:80px}
.prose h3{font-size:22px;margin:22px 0 6px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}
.prose li{margin:0 0 4px}
.prose .tbl{margin:8px 0 18px}
.toc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin:16px 0}
.toc summary{font:600 16px var(--disp);cursor:pointer}.toc ol{margin:8px 0 4px;padding-left:20px;font-size:15px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start;padding:20px 0}
.side{position:sticky;top:84px}.side .mini{margin:0}
.author{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:start}
.author img{border-radius:50%}
.author__n{font:700 22px var(--disp);margin:0 0 4px}
.author p{margin:0 0 6px}
.author__l{font-size:14px}
.sib ul{columns:2;padding-left:18px;margin:0}
.rm-g,.hc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rm,.hc{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.rm{flex-direction:row;justify-content:space-between;align-items:center}
.hc b,.rm b{font:700 17px var(--disp)}.hc span{font-size:13.5px;color:var(--ink2)}
.hc:hover,.rm:hover{border-color:var(--ver)}
.lgc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lgc{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-decoration:none;color:var(--ink)}
.lgc b{font-family:var(--disp);font-size:16px}.lgc small{display:block;font-size:12.5px;color:var(--ink2)}
.az{columns:3;padding-left:18px}
.cta2{display:flex;align-items:center;gap:14px;justify-content:center;margin:20px 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.spec .note a{white-space:nowrap}
/* footer */
.ft{background:#221d19;color:#d9cfc5;padding:30px 0 34px;font-size:14px;margin-top:30px}
.ft a{color:#f3c9b6}
.ft__top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.logo--ft{color:#fff}.logo--ft small{color:#bfb2a6}
.ft__rg{display:flex;gap:10px;align-items:center;margin:0}
.age{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #f3c9b6;font:700 13px var(--mono);color:#fff}
.ft__links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:18px 0 10px}
.ft__ad{font:400 12px var(--mono);color:#a99d92;margin:0}
.strip{display:none}
/* mobile */
@media (max-width:1020px){.nav{display:none}.cols{grid-template-columns:1fr}.side{position:static}.mnu__p{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  body{font-size:16.5px}
  .hd__in{height:56px;gap:10px}
  .logo__w b{font-size:17px}.logo__w small{font-size:9px}
  .coin{width:30px;height:30px;font-size:14px}
  .hero{padding:18px 0 6px}
  .hero__in{grid-template-columns:1fr;gap:16px}
  .hero h1{font-size:34px}
  .answer p{font-size:16.5px}
  .stair{padding:14px 12px 6px}
  .step{grid-template-columns:52px 1fr;gap:8px}.step .kr{font-size:12px}
  .st2 .blk{margin-left:8px}.st3 .blk{margin-left:16px}.st4 .blk{margin-left:24px}.st5 .blk{margin-left:32px}
  .step .h{flex-wrap:wrap}.step .h b{font-size:16px}
  .picks__g{grid-template-columns:1fr}
  .tk{grid-template-columns:1fr}
  .tk__stub{border-left:0;border-top:2px dashed var(--line);flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-radius:0 0 var(--r) var(--r)}
  .tk__stub::before,.tk__stub::after{display:none}
  .tk__stub .btn{flex:1 1 140px}
  .grade{font-size:26px}
  .two{grid-template-columns:1fr}
  h2{font-size:26px}
  .pg-h h1{font-size:32px}
  .prose{font-size:16.5px}.prose h2{font-size:25px}
  .bar{grid-template-columns:84px 1fr 86px;font-size:13px}
  .mini li{grid-template-columns:18px 56px 1fr;}.mini li .btn{grid-column:1/-1}
  .lg--sm{width:56px;height:28px}
  .rm-g,.hc-g,.lgc-g{grid-template-columns:1fr}
  .az,.sib ul{columns:1}
  .author{grid-template-columns:60px 1fr}.author img{width:60px;height:60px}
  .pg-h--me{grid-template-columns:80px 1fr}.pg-h--me .me{width:80px;height:80px}
  .mnu__p{grid-template-columns:1fr;max-height:75vh;overflow:auto}
  .sec-h{flex-direction:column;align-items:flex-start}
  .has-strip{padding-bottom:62px}
  .strip{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:25;box-shadow:0 -6px 20px -14px #5b3a20}
  .strip a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px;font:700 14px var(--disp);color:var(--ink);text-decoration:none;text-align:center;line-height:1.1}
  .strip small{font:400 10.5px var(--mono);color:var(--ink2);margin-top:2px}
  .strip .go{background:var(--olive);color:#fbf5df}.strip .go small{color:#e9dfb9}
  .cta2{flex-direction:column}
}