:root{--paper:#f7f6f1;--ink:#171a17;--muted:#595c54;--line:#deded3;--accent:#b32e25;--white:#fffdf8;--sans:"Instrument Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b32e25;outline-offset:4px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;font-family:var(--serif)}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;left:1rem;top:-100px;background:white;z-index:10;padding:12px}.skip:focus{top:1rem}.top{background:var(--ink);color:#f6f4eb;font-size:11px;letter-spacing:.095em;text-transform:uppercase}.top-inner,.mast,.foot{display:flex;align-items:center;justify-content:space-between}.top-inner{height:34px}.mast{min-height:92px;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:clamp(22px,4vw,37px);font-weight:950;letter-spacing:-.085em;white-space:nowrap;line-height:1}.brand-accent,.mark span{color:var(--accent)}.mark{background:var(--ink);color:var(--paper);display:grid;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font:700 29px/.9 Georgia,serif;border-radius:4px;letter-spacing:-.09em}.mark span{color:#ed695b}.tools,.foot div{display:flex;align-items:center;gap:17px}.tool{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;min-height:44px}.tool svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.install,.solid{border:0;background:var(--ink);color:var(--white);border-radius:4px;padding:10px 13px;font-size:13px;font-weight:700;white-space:nowrap}.install span{color:#ff8a7d;margin-right:4px}.nav{border-block:1px solid var(--line)}.nav-inner{display:flex;gap:30px;overflow:auto;scrollbar-width:thin}.nav a{flex:none;padding:13px 1px 10px;border-bottom:3px solid transparent;font-weight:700;font-size:14px}.nav a[aria-current]{color:var(--accent);border-color:var(--accent)}.nav a:hover,.tool:hover,.foot a:hover{color:var(--accent)}
main{min-height:62vh;padding-block:23px 65px}.loading,.empty{padding:40px 0;color:var(--muted)}#notice:not([hidden]){margin-top:15px;border-left:3px solid var(--accent);background:#efeae0;padding:8px 12px;font-size:13px}.ticker{display:flex;align-items:center;gap:13px;margin-bottom:24px;font-size:13px;overflow:hidden;white-space:nowrap}.ticker strong,.label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.ticker strong{color:var(--accent);display:inline-flex;align-items:center;gap:7px}.ticker strong:before{content:"";width:7px;height:7px;background:var(--accent);border-radius:50%}.ticker a{overflow:hidden;text-overflow:ellipsis}.ticker a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(245px,1fr);gap:34px}.hero{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:flex-end;background:#313a32;color:#fffdf8;overflow:hidden;border-radius:5px}.hero>img,.hero:after{position:absolute;inset:0;height:100%;width:100%;z-index:-1}.hero:after{content:"";background:linear-gradient(8deg,rgba(12,17,14,.96),rgba(12,17,14,.70) 36%,transparent 79%)}.hero-content{padding:30px 34px;max-width:680px}.label{color:var(--accent)}.hero .label{background:#a92b22;color:#fff;padding:5px 8px;border-radius:2px;display:inline-block}.hero h1{font-size:clamp(33px,4vw,56px);letter-spacing:-.036em;margin:11px 0}.hero p{color:#f2f0e7;font-size:15px;max-width:58ch}.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:8px}.hero .meta{color:#ebe9de;margin-top:15px}.hero:hover h1,.row:hover h3,.card a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.panel{border-top:3px solid var(--ink)}.section-title{display:flex;align-items:center;gap:11px;margin:15px 0 11px;font-size:29px;letter-spacing:-.035em}.section-title:before{content:"";width:5px;height:20px;background:var(--accent)}.row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row img,.row .image-empty{height:68px;width:83px;border-radius:3px}.row h3{font-size:18px;margin-top:3px}.row .meta{margin-top:4px}.image-empty{background:linear-gradient(135deg,#26352e,#5c6b56)}.latest{margin-top:35px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}.card{min-width:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.card img,.card .image-empty{aspect-ratio:16/9;border-radius:4px;margin-bottom:10px}.card h3{font-size:25px;margin:5px 0 8px}.card p{color:var(--muted);font-size:14px}.page-title{font-size:clamp(36px,5vw,63px);letter-spacing:-.04em;margin:14px 0 22px}.back{color:var(--accent);font-size:14px;font-weight:700}.story{max-width:820px;margin:auto}.story .intro{font-size:21px;color:var(--muted);margin-bottom:16px}.story .cover{margin:24px 0}.story .cover img{aspect-ratio:16/9;border-radius:4px}.story figcaption{font-size:13px;color:var(--muted);margin-top:5px}.story-body{max-width:680px;margin:24px auto;font:20px/1.75 Georgia,serif;overflow-wrap:anywhere}.story-body p,.story-body ul,.story-body ol,.story-body h2,.story-body h3,.story-body blockquote{margin:0 0 18px}.story-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.story-actions button,.foot button{background:none;border:1px solid var(--line);color:inherit;padding:8px 12px;border-radius:4px;font-weight:700;font-size:13px}.search{display:flex;gap:10px;max-width:650px}.search input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:4px}.foot{border-top:1px solid var(--line);min-height:90px;gap:15px}.foot .brand{font-size:24px;gap:0}.foot div{font-size:13px}dialog{max-width:min(460px,calc(100% - 36px));border:1px solid var(--line);border-radius:7px;padding:26px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151916aa}dialog p{margin-top:12px}.close{border:0;background:none;font-size:27px;float:right;line-height:1}.about{max-width:65ch}
@media(max-width:850px){.wrap{width:calc(100% - 44px)}.layout{gap:20px}.hero-content{padding:24px}.row img,.row .image-empty{width:64px;height:59px}.section-title{font-size:25px}.grid{gap:16px}}
@media(max-width:660px){.wrap{width:calc(100% - 30px)}.top-inner{height:29px}.mast{min-height:66px}.mark{width:32px;height:32px;font-size:23px}.brand{gap:6px}.tools{gap:9px}.tool span{display:none}.install{padding:8px;font-size:11px}.nav-inner{gap:19px}.nav a{font-size:13px;padding-top:10px}.layout{grid-template-columns:1fr;gap:24px}main{padding-top:16px}.ticker{margin-bottom:16px}.hero{min-height:360px}.hero-content{padding:21px}.hero h1{font-size:37px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card h3{font-size:20px}.card p{font-size:13px}.row img,.row .image-empty{width:82px;height:66px}.foot{flex-wrap:wrap;padding:18px 0}.story-body{font-size:18px}}
@media(max-width:360px){.mast .mark{display:none}.tools{gap:7px}.hero h1{font-size:32px}}

.theme-toggle{align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink)}
.theme-toggle .theme-sun,[data-theme="dark"] .theme-toggle .theme-moon{display:none}
[data-theme="dark"] .theme-toggle .theme-sun{display:block}
:root[data-theme="dark"]{color-scheme:dark;--paper:#141815;--ink:#f4f3ea;--muted:#bdc5bc;--line:#3b463d;--accent:#ff897c;--white:#202720}
[data-theme="dark"] :is(.top,.mark,.install,.solid){background:#252d26;color:#f4f3ea}
[data-theme="dark"] .skip{background:var(--white)}
[data-theme="dark"] .close{color:var(--ink)}
[data-theme="dark"] #notice:not([hidden]){background:#2d2924}
[data-theme="dark"] :focus-visible{outline-color:var(--accent)}
@media(max-width:660px){.theme-toggle{width:40px;height:40px}}
@media(max-width:400px){.mast .mark,.saved-tool span{display:none}.tools{gap:7px}.install{padding:7px}.brand{font-size:21px}}
