@font-face{font-family:'Poppins';font-weight:400 500;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-Medium.woff) format('woff')}
@font-face{font-family:'Poppins';font-weight:600 800;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-Bold.woff) format('woff')}
@font-face{font-family:'Lora';font-weight:400 700;font-style:normal;font-display:swap;src:url(/assets/fonts/lora.woff) format('woff')}
@font-face{font-family:'Lora';font-weight:400 700;font-style:italic;font-display:swap;src:url(/assets/fonts/lora-italic.woff) format('woff')}
body{margin:0}img{max-width:100%}
.skip{position:absolute;left:-999px;top:0;background:var(--brand);color:var(--on-brand);padding:10px 16px;z-index:100}.skip:focus{left:8px;top:8px}

:root{--bg:#F6F7F6;--surface:#FFFFFF;--ink:#12181B;--mute:#566269;--line:#DCE1DF;--brand:#12353F;--on-brand:#FFFFFF;--accent:#C2701B;--focus:#B35C00;
--t-edu:#DCEBE5;--t-dev:#D7E7EE;--t-rel:#F2DEE6;--t-money:#F4E7CD;--t-ia:#E0E1F7;
--c-edu:#14594A;--c-dev:#16586B;--c-rel:#8A2F52;--c-money:#8A5A12;--c-ia:#3A39AE;
--ff-d:'Poppins',system-ui,sans-serif;--ff-b:'Lora',Georgia,serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1316;--surface:#171F23;--ink:#EEF2F1;--mute:#A5B1B7;--line:#29343A;--brand:#CFE6F0;--on-brand:#0E1316;--accent:#F2B35A;--focus:#F2B35A;
--t-edu:#183B33;--t-dev:#17353F;--t-rel:#3D2030;--t-money:#3B2E15;--t-ia:#22224F;--c-edu:#6FC4AA;--c-dev:#7CBFD3;--c-rel:#EE97B5;--c-money:#E8B864;--c-ia:#A9B0FF;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E1316;--surface:#171F23;--ink:#EEF2F1;--mute:#A5B1B7;--line:#29343A;--brand:#CFE6F0;--on-brand:#0E1316;--accent:#F2B35A;--focus:#F2B35A;
--t-edu:#183B33;--t-dev:#17353F;--t-rel:#3D2030;--t-money:#3B2E15;--t-ia:#22224F;--c-edu:#6FC4AA;--c-dev:#7CBFD3;--c-rel:#EE97B5;--c-money:#E8B864;--c-ia:#A9B0FF;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--ff-b);font-size:17px;line-height:1.6;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.wrap{max-width:1140px;margin:0 auto}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.logo .mark{width:74px;height:auto;display:block}.logo .m-d{display:none}.logo span{font:800 18px var(--ff-d);letter-spacing:.16em;text-transform:uppercase}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo .m-l{display:none}:root:not([data-theme="light"]) .logo .m-d{display:block}}:root[data-theme="dark"] .logo .m-l{display:none}:root[data-theme="dark"] .logo .m-d{display:block}.logo{padding-block:16px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:center;padding-block:20px 44px}
.hero h1{font:800 clamp(34px,5.6vw,58px)/1.04 var(--ff-d);margin:0 0 18px;text-wrap:balance;letter-spacing:-.01em}
.hero p{font-size:19px;color:var(--mute);margin:0 0 26px;max-width:46ch}
.cta{display:inline-block;font:600 16px var(--ff-d);background:var(--accent);color:#1A1006;text-decoration:none;padding:14px 26px;border-radius:10px}
.cta:hover{filter:brightness(1.07)}
.trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;list-style:none;font:500 14px var(--ff-d);color:var(--mute)}
.trust li::before{content:"\2713";color:var(--accent);font-weight:700;margin-right:7px}
.fan{position:relative;height:clamp(280px,40vw,430px)}
.fan img{position:absolute;top:0;height:100%;width:auto;aspect-ratio:210/297;border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.28);background:var(--line)}
.fan img:nth-child(1){left:2%;transform:rotate(-7deg) scale(.88);top:6%}
.fan img:nth-child(2){left:50%;transform:translateX(-50%);z-index:2}
.fan img:nth-child(3){right:2%;transform:rotate(7deg) scale(.88);top:6%}
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-block:1px solid var(--line);margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:12px max(16px,env(safe-area-inset-left,0px))}
.bar>div{display:flex;gap:8px;overflow-x:auto;max-width:1140px;margin:0 auto;scrollbar-width:none}
.bar button{flex:none;font:600 14px var(--ff-d);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;white-space:nowrap}
.bar button[aria-pressed="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.bar button span{opacity:.65;margin-left:6px;font-weight:500}
.count{font:500 14px var(--ff-d);color:var(--mute);margin:26px 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px}
article.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pic{background:var(--t);padding:26px 20px 22px;display:flex;justify-content:center}
.pic img{width:min(62%,210px);height:auto;aspect-ratio:210/297;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.3);background:var(--line);transition:transform .25s}
.card:hover .pic img{transform:translateY(-4px) rotate(-1.2deg)}
.body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.kicker{font:700 12px var(--ff-d);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.body h3{font:700 20px/1.22 var(--ff-d);margin:0;text-wrap:balance}
.body p{margin:0;color:var(--mute);font-size:15.5px;line-height:1.55}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 4px;padding:0;list-style:none}
.chips li{font:500 12.5px var(--ff-d);background:var(--t);color:var(--ink);border-radius:6px;padding:4px 10px}
.buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.price{font:700 20px var(--ff-d)}
.btn{font:600 14.5px var(--ff-d);text-decoration:none;background:var(--brand);color:var(--on-brand);padding:12px 22px;border-radius:9px;white-space:nowrap}
.btn:hover{filter:brightness(1.12)}
.why{margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.why div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.why strong{display:block;font:700 17px var(--ff-d);margin-bottom:6px}
.why span{color:var(--mute);font-size:15.5px}
.faq{margin-top:56px;max-width:780px}
.faq h2{font:800 clamp(24px,3.6vw,32px)/1.2 var(--ff-d);margin:0 0 18px}
details{border-top:1px solid var(--line);padding:15px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{font:600 16.5px var(--ff-d);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::after{content:"+";font-size:22px;line-height:1}
details[open] summary::after{content:"\2013"}
summary::-webkit-details-marker{display:none}
details p{margin:10px 0 0;color:var(--mute);font-size:16px}
footer .m-d{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) footer .m-l{display:none}:root:not([data-theme="light"]) footer .m-d{display:inline}}:root[data-theme="dark"] footer .m-l{display:none}:root[data-theme="dark"] footer .m-d{display:inline}footer{margin-top:56px;padding-block:28px 40px;border-top:1px solid var(--line);color:var(--mute);font:14px var(--ff-d)}
.k-edu{--t:var(--t-edu);--c:var(--c-edu)}.k-dev{--t:var(--t-dev);--c:var(--c-dev)}.k-rel{--t:var(--t-rel);--c:var(--c-rel)}.k-money{--t:var(--t-money);--c:var(--c-money)}.k-ia{--t:var(--t-ia);--c:var(--c-ia)}

.pp{padding-block:18px 10px}
.crumb{font:500 14px var(--ff-d);color:var(--mute);margin:0 0 22px}.crumb a{color:var(--ink)}
.pdp{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:44px;align-items:start}
.pdp .gal{background:var(--t);border-radius:18px;padding:34px 24px;display:flex;justify-content:center;position:sticky;top:calc(20px + env(safe-area-inset-top,0px))}
.pdp .gal img{width:min(100%,300px);height:auto;aspect-ratio:210/297;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.pdp h1{font:800 clamp(28px,4.4vw,42px)/1.1 var(--ff-d);margin:6px 0 14px;text-wrap:balance}
.pdp .lead{font-size:19px;color:var(--mute);margin:0 0 18px}
.pdp h2{font:700 21px var(--ff-d);margin:34px 0 12px}
.box{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:20px 0}
.box .btn{padding:14px 28px;font-size:16px}
.box small{display:block;font:500 13px var(--ff-d);color:var(--mute)}
.ticks{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ticks li{padding-left:28px;position:relative}
.ticks li::before{content:"\2713";position:absolute;left:0;top:0;font:700 16px var(--ff-d);color:var(--c)}
.toc details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:8px;background:var(--surface)}
.toc details:last-of-type{border-bottom:1px solid var(--line)}
.toc summary{font:600 15.5px var(--ff-d)}.toc summary .pg{margin-left:auto;margin-right:12px}.toc summary{display:flex;align-items:center}
.toc .pg{font:500 12.5px var(--ff-d);color:var(--mute);white-space:nowrap}
.toc ul{margin:10px 0 2px;padding:0;list-style:none;display:grid;gap:6px;font-size:15px;color:var(--mute)}
.toc ul li{display:flex;justify-content:space-between;gap:14px}
.toc .flat{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:8px;background:var(--surface);font:600 15.5px var(--ff-d)}
.samples{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.samples button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px;cursor:zoom-in;scroll-snap-align:start}

.more{margin-top:56px}.more h2{font:800 clamp(22px,3vw,28px) var(--ff-d);margin:0 0 18px}
.light{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.light.on{display:flex}.light img{max-height:94vh;max-width:min(94vw,780px);width:auto;height:auto;border-radius:6px;background:#fff}
.card .pic a{display:block}.card h3 a{text-decoration:none;color:inherit}.card h3 a:hover{text-decoration:underline}
.buy .more-link{font:600 14px var(--ff-d);color:var(--ink);margin-right:auto}
.buy{flex-wrap:wrap}
@media (max-width:820px){.pdp{grid-template-columns:minmax(0,1fr)}.pdp .gal{position:static}.samples img{height:240px}}

header.top{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;max-width:1140px;margin:0 auto}
.catnav{flex:1 0 100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}.catnav a{flex:none;font:600 14px var(--ff-d);text-decoration:none;color:var(--ink);padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap}.catnav a:hover{border-color:var(--ink)}.catnav a[aria-current="true"]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.mainnav{display:flex;gap:6px;flex-wrap:wrap}.mainnav a{font:600 14.5px var(--ff-d);text-decoration:none;padding:8px 14px;border-radius:8px;color:var(--ink)}.mainnav a:hover,.mainnav a[aria-current="page"]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
footer.site{margin-top:72px;border-top:1px solid var(--line);background:var(--surface);padding:40px max(16px,env(safe-area-inset-left,0px)) 36px}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.fcols h4{font:700 13px var(--ff-d);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:var(--mute)}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:500 15px var(--ff-d)}.fcols a{text-decoration:none;color:var(--ink)}.fcols a:hover{text-decoration:underline}
.fbrand p{color:var(--mute);font-size:15px;max-width:30ch;margin:10px 0 0}
footer.site .copy{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--mute);font:14px var(--ff-d)}
.doc{max-width:760px}.doc h1{font:800 clamp(30px,4.6vw,44px)/1.1 var(--ff-d);margin:0 0 16px}.doc h2{font:700 20px var(--ff-d);margin:30px 0 8px}.doc p,.doc li{color:var(--ink);font-size:17px}.doc .lead{font-size:19px;color:var(--mute)}.doc ul{padding-left:22px}
.doc .note{font:500 13.5px var(--ff-d);color:var(--mute);margin-top:34px;padding-top:14px;border-top:1px solid var(--line)}
@media (max-width:760px){.fcols{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}

.blog h1{font:800 clamp(30px,4.6vw,46px)/1.1 var(--ff-d);margin:0 0 10px}.blog .lead{font-size:19px;color:var(--mute);margin:0 0 28px;max-width:56ch}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:22px}
.post{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit}
.post .pic{padding:20px 20px 16px}.post .pic img{width:min(46%,130px)}
.post:hover h3{text-decoration:underline}
.post .body{gap:8px}.post h3{font:700 19px/1.25 var(--ff-d);margin:0}.post .meta{font:500 13px var(--ff-d);color:var(--mute)}
.art{max-width:720px}.art h1{font:800 clamp(30px,4.6vw,44px)/1.1 var(--ff-d);margin:6px 0 12px;text-wrap:balance}.art .meta{font:500 14px var(--ff-d);color:var(--mute);margin:0 0 26px}
.art h2{font:700 21px var(--ff-d);margin:30px 0 8px}.art p,.art li{font-size:18px;line-height:1.7}.art ul{padding-left:22px}.art li{margin-bottom:6px}
.cta-book{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;background:var(--t);border-radius:16px;padding:20px;margin:36px 0 0}
.cta-book img{width:96px;height:auto;aspect-ratio:210/297;border-radius:5px;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.cta-book h3{font:700 19px/1.25 var(--ff-d);margin:0 0 4px}.cta-book p{font:500 14.5px/1.5 var(--ff-b);margin:0 0 12px;color:var(--ink)}.cta-book .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cta-book .ghost{font:600 14px var(--ff-d);color:var(--ink)}

header.top{position:relative}
.dd{position:static}
.dd button{font:600 14.5px var(--ff-d);padding:8px 14px;border-radius:8px;border:0;background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:7px}
.dd button:hover,.dd button[aria-expanded="true"]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.dd svg{transition:transform .2s}.dd button[aria-expanded="true"] svg{transform:rotate(180deg)}
.ddp{position:absolute;right:0;top:calc(100% - 6px);z-index:15;width:min(640px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.18);padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.ddp a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:10px 12px;border-radius:10px}
.ddp a:hover{background:var(--bg)}
.ddp i{flex:none;width:10px;height:36px;border-radius:5px;background:var(--c,var(--brand))}
.ddp b{display:block;font:600 15px var(--ff-d)}.ddp small{display:block;font:500 13px/1.35 var(--ff-b);color:var(--mute)}
.ddp .all{grid-column:1/-1;background:var(--bg)}
@media (max-width:640px){.ddp{grid-template-columns:minmax(0,1fr)}}

.light{display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;cursor:default;background:#0A0F11}
.light.on{display:flex}
.lt{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-left,0px)) 10px;color:#fff;font:600 14px var(--ff-d)}
.lt button{font:600 14px var(--ff-d);color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:8px 14px;margin-left:8px;cursor:pointer}
.lv{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:4px 16px 24px;-webkit-overflow-scrolling:touch}
.light .lv canvas{width:min(100%,860px);height:auto;border-radius:4px;background:#fff;cursor:zoom-in;display:block}
.light.z .lv{justify-content:flex-start}.light.z .lv canvas{width:1700px;cursor:zoom-out}
.ln{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.lp{left:max(8px,env(safe-area-inset-left,0px))}.lnx{right:max(8px,env(safe-area-inset-right,0px))}
.samples canvas{display:block;height:380px;width:auto;border-radius:4px;background:#fff}
@media (max-width:820px){.samples canvas{height:300px}.ln{width:40px;height:54px}}
@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.fan{height:260px;order:-1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pic img{transition:none}}

:root{--hh:76px}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;max-width:none;margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:0 max(16px,env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid var(--line);display:block}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:31}
.hin{max-width:1140px;margin:0 auto;height:var(--hh);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
.hin .logo{padding:0}.hin .logo .mark{width:52px}.hin .logo span{font-size:16px}
.hin .mainnav{margin-left:auto}
.hact{display:flex;align-items:center;gap:10px}
.shop{font:600 14.5px var(--ff-d);text-decoration:none;background:var(--accent);color:#1A1006;padding:10px 20px;border-radius:9px;white-space:nowrap}.shop:hover{filter:brightness(1.07)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:var(--surface);border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded="true"] span:nth-child(2){opacity:0}.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:25;background:var(--bg);padding:calc(var(--hh) + env(safe-area-inset-top,0px) + 8px) max(20px,env(safe-area-inset-left,0px)) 40px;overflow-y:auto}
.drawer nav{display:grid;gap:2px;max-width:520px;margin:0 auto}
.drawer a{font:600 20px var(--ff-d);text-decoration:none;color:var(--ink);padding:14px 4px;border-bottom:1px solid var(--line)}
.drawer .dh{font:700 12px var(--ff-d);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:20px 0 4px}
.bar{top:calc(var(--hh) + env(safe-area-inset-top,0px))}
@media (max-width:760px){:root{--hh:64px}.hin .mainnav{display:none}.burger{display:flex}.hin .logo .mark{width:46px}.hin .logo span{font-size:14px}.shop{padding:9px 16px}}
@media (max-width:360px){.hin .logo span{display:none}}

.fan{height:clamp(300px,34vw,390px)}
.fan img{height:auto}
.fan img:nth-child(2){height:100%;width:auto;left:50%;transform:translateX(-50%);z-index:2}
.fan img:nth-child(1){height:82%;width:auto;left:0;top:11%;transform:rotate(-6deg);scale:1}
.fan img:nth-child(3){height:82%;width:auto;right:0;left:auto;top:11%;transform:rotate(6deg);scale:1}
@media (max-width:760px){.fan{height:260px}}
.fan img:nth-child(2){height:92%;top:4%}.fan img:nth-child(1),.fan img:nth-child(3){height:80%;top:10%}@media (max-width:760px){.fan img:nth-child(2){height:100%;top:0}.fan img:nth-child(1),.fan img:nth-child(3){height:82%;top:11%}}
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
img,canvas{-webkit-user-drag:none;user-drag:none}
.doc a[href^="mailto:"]{-webkit-user-select:text;user-select:text}

.art .answer{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);padding:16px 20px;border-radius:0 10px 10px 0;margin:0 0 26px}.art .answer p{margin:0}.art .answer strong{font:700 12px var(--ff-d);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:4px}
.art nav.toc{font:500 15px var(--ff-d);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:0 0 26px;background:var(--surface)}.art nav.toc b{display:block;margin-bottom:6px}.art nav.toc ol{margin:0;padding-left:20px}.art nav.toc li{margin:3px 0}.art nav.toc a{color:var(--ink)}
.art h2{scroll-margin-top:96px}.art h3{font:700 17px var(--ff-d);margin:24px 0 6px}
.art .tl{font-family:var(--ff-d);margin:22px 0 28px}.art .tl-track{display:grid;grid-template-columns:1fr 1.6fr 2fr 2.4fr;gap:3px;height:50px}.art .tl-seg{border-radius:6px;display:flex;align-items:flex-end;padding:6px 9px;font-size:12px;font-weight:700;color:var(--ink)}
.art .s1{background:var(--accent);color:#12181B}.art .s2{background:color-mix(in srgb,var(--accent) 60%,var(--bg))}.art .s3{background:color-mix(in srgb,var(--accent) 28%,var(--bg))}.art .s4{background:color-mix(in srgb,var(--brand) 22%,var(--bg))}
.art .tl-labels{display:grid;grid-template-columns:1fr 1.6fr 2fr 2.4fr;gap:3px;margin-top:8px}.art .tl-labels div{font-size:13px;line-height:1.4;color:var(--mute);padding-right:6px;min-width:0}.art .tl-labels b{display:block;color:var(--ink);font-size:14px}
.art .cap{font:500 13px var(--ff-d);color:var(--mute);margin-top:6px}
@media(max-width:560px){.art .tl-track,.art .tl-labels{grid-template-columns:1fr}.art .tl-track{height:auto}.art .tl-seg{min-height:34px;align-items:center}.art .tl-labels{gap:10px;margin-top:12px}}
.art .tw{overflow-x:auto;margin:16px 0 6px}.art table{border-collapse:collapse;width:100%;font:500 15px var(--ff-d);min-width:480px}.art th,.art td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}.art th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.art td:first-child{font-weight:700}
.art .day{display:grid;grid-template-columns:70px 1fr;gap:4px 14px;padding:13px 0;border-bottom:1px solid var(--line)}.art .day .d{font:700 14px var(--ff-d);color:var(--accent)}.art .day p{margin:0;font-size:17px;line-height:1.55}
.art .script{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-style:italic;margin:14px 0 20px}.art .script small{display:block;font:600 11.5px var(--ff-d);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.art .help{border:1px solid var(--brand);background:var(--surface);border-radius:10px;padding:16px 20px;margin:18px 0}.art .help p:last-child{margin:0}
.art details{border-bottom:1px solid var(--line);padding:13px 0}.art summary{cursor:pointer;font:700 16.5px/1.4 var(--ff-d)}.art details p{margin:10px 0 0;font-size:17px}
.art .refs{font:500 14px/1.55 var(--ff-d);color:var(--mute);padding-left:20px}.art .refs li{margin:8px 0;font-size:14px;line-height:1.55}
.art .byline{font:500 14px/1.5 var(--ff-d);color:var(--mute);margin-top:28px;border-top:1px solid var(--line);padding-top:14px}
.fig{margin:0 0 24px}.fig img{width:100%;height:auto;border-radius:12px;display:block}.fig.narrow{max-width:380px;margin:8px auto 26px}.fig figcaption{font:500 13px/1.4 var(--ff-d,var(--sans));color:var(--mute,var(--muted));text-align:center;margin-top:8px}.post .pic.full{padding:0}.post .pic.full img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;display:block}.mid-cta{display:flex;gap:16px;align-items:center;background:var(--t);border-radius:14px;padding:14px 18px;margin:26px 0}.mid-cta img{width:54px;height:auto;border-radius:4px;flex:none}.mid-cta p{margin:0;font:500 15.5px/1.5 var(--ff-d)}.mid-cta a{color:var(--c);font-weight:700;white-space:nowrap}.art .cta-book{margin-top:34px}