:root{--bg:#fcfcfd;--surface:#fff;--text:#16161b;--muted:#60606d;--line:#e8e8ef;--accent:#cf2020;--accent-dark:#991b1b;--max:1040px;--radius-top:14px;--radius-sm:10px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}body{font-family:segoe ui,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.68;font-size:17px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column}a{color:inherit}img{max-width:100%;height:auto;display:block}picture{display:contents}.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;background:#fff;color:#000;padding:.5rem .75rem;border:2px solid #000;z-index:999}.site-header{position:sticky;top:0;z-index:20;background:rgba(252,252,253,.93);backdrop-filter:blur(7px);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.9rem 0 .8rem}.brand{font-size:clamp(2rem,5.2vw,3.45rem);line-height:1;font-weight:900;letter-spacing:.01em;margin:0;white-space:nowrap}.brand a{text-decoration:none;color:var(--text)}.brand span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:.95rem;justify-content:flex-end;padding-bottom:.32rem}nav a{text-decoration:none;color:var(--muted);font-size:.9rem;font-weight:700}nav a:hover,nav a[aria-current=page]{color:var(--accent-dark)}main{flex:1;padding:1.05rem 0 2.2rem}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:.85rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-dark);text-decoration:underline}.breadcrumb .sep{margin:0 .35rem;color:#9a9aa6}article,section.page-shell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-top)var(--radius-top)0 0;overflow:hidden}.thumb-wrap,.hero-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.thumb-link,.older-item--text{grid-template-columns:1fr}.older-item--text .older-body{padding-left:.78rem}.older-media{display:block}.thumb{width:100%;object-fit:cover;background:#ddd;transition:transform .35s ease;transform-origin:center center}article:hover .thumb,.older-item:hover .older-thumb{transform:scale(1.03)}.content,.post-content,.archive-content,.page-intro,.page-content{padding:.92rem 1rem 1rem}.meta,.post-meta,.older-meta,.results-line{color:var(--muted);font-size:.85rem}.title-link{text-decoration:none;color:var(--text)}.title-link:hover,.older-title a:hover,.post-link:hover .post-title,.post-content a:hover,.page-content a:hover{color:var(--accent-dark)}.content p,.post-content p,.page-content p{margin:.15rem 0 .55rem;color:#373845;font-size:1.02rem;line-height:1.72}.read{font-size:.9rem;color:var(--accent-dark);font-weight:700;text-decoration:none}.featured{margin-bottom:1.15rem}.featured .thumb{height:340px}.featured h1{margin:.08rem 0 .42rem;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.28;letter-spacing:-.01em}.latest-ribbon{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.38rem .55rem;border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.22);z-index:2;pointer-events:none}.older-list{display:grid;gap:.7rem}.older-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:.85rem;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);min-height:128px}.older-media{overflow:hidden;border-right:1px solid var(--line)}.older-thumb{width:100%;height:100%;min-height:128px;object-fit:cover;transition:transform .3s ease;background:#ddd}.older-body{padding:.65rem .78rem .7rem .05rem;display:flex;flex-direction:column;justify-content:center}.older-meta{margin-bottom:.2rem;line-height:1.3}.older-title{margin:0 0 .28rem;font-size:1rem;line-height:1.35;letter-spacing:-.005em}.older-title a{text-decoration:none;color:var(--text)}.older-excerpt{margin:0;color:#444554;font-size:.9rem;line-height:1.45}.page-shell{display:block}.page-intro{border-bottom:1px solid var(--line)}.page-intro h1,.archive-head h1{margin:.05rem 0 .3rem;font-size:clamp(1.45rem,2.7vw,1.95rem);line-height:1.25;letter-spacing:-.01em}.page-intro p,.archive-head p{margin:0;color:var(--muted);font-size:1rem}.page-content h2,.post-content h2{margin:1.2rem 0 .42rem;font-size:clamp(1.18rem,2.15vw,1.42rem);line-height:1.33;letter-spacing:-.01em}code,pre{font-family:ui-monospace,sfmono-regular,Menlo,Consolas,liberation mono,monospace;font-size:.88em}.post-content code,.page-content code{background:#f3f3f7;border:1px solid var(--line);border-radius:5px;padding:.08em .35em;color:#2b2c36}.post-content pre,.page-content pre{margin:.6rem 0 .9rem;padding:.75rem .9rem;background:#f6f6f9;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);overflow-x:auto;line-height:1.55;color:#2b2c36}.post-content pre code,.page-content pre code{background:0 0;border:0;padding:0;font-size:.92em;white-space:pre;color:inherit}.page-content ul,.post-content ul{margin:.25rem 0 .6rem 1.15rem;color:#373845;font-size:1.02rem;line-height:1.72}.page-content li,.post-content li{margin:.22rem 0}.page-content a,.post-content a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px}.post-shell{border:1px solid var(--line);border-radius:var(--radius-top)var(--radius-top)0 0;background:var(--surface);overflow:hidden}.hero-wrap{background:#f3f3f7}.hero-image{display:block;max-width:100%;height:auto;margin:0 auto}.post-head{padding:.92rem 1rem .9rem;border-bottom:1px solid var(--line)}.post-head .post-title{margin:.08rem 0 .42rem;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.28;letter-spacing:-.01em;max-width:34ch}.archive-shell{border:1px solid var(--line);border-radius:var(--radius-top)var(--radius-top)0 0;background:var(--surface);overflow:hidden}.archive-head{padding:1rem 1rem .9rem;border-bottom:1px solid var(--line)}.tag-filter-row{margin:0 0 .75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem}.filter-label{font-size:.83rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-right:.2rem}.tag-btn{border:1px solid #d9d9e5;background:#fff;color:#3a3c4a;font:inherit;font-size:.84rem;padding:.34rem .58rem;border-radius:999px;cursor:pointer;line-height:1}.tag-btn:hover{border-color:#c8c8d8}.tag-btn.active{background:#fff0f0;border-color:#f3b1b1;color:var(--accent-dark);font-weight:700}.year-group{margin:.25rem 0 1.2rem}.year-title{margin:0 0 .55rem;font-size:1.15rem;color:var(--accent-dark);letter-spacing:-.01em}.month-group{border-left:2px solid var(--line);padding-left:.75rem;margin:0 0 .9rem}.month-title{margin:0 0 .4rem;font-size:.92rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.post-list,.tag-index{list-style:none;margin:0;padding:0;display:grid}.post-list{gap:.38rem}.post-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:.5rem .62rem}.post-link{text-decoration:none;color:var(--text);display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:baseline}.post-link:hover .post-title{text-decoration:underline;text-underline-offset:2px}.post-date{color:var(--muted);font-size:.83rem;white-space:nowrap;min-width:62px}.post-link .post-title{font-size:.98rem;line-height:1.35;font-weight:600}.post-link .post-meta{font-size:.8rem;white-space:nowrap;text-align:right}.hidden{display:none!important}.tag-index{gap:.55rem}.tag-index li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--line)}.tag-index li:first-child{border-top:0}.tag-index a{text-decoration:none;color:var(--text);font-weight:600}.tag-index a:hover{color:var(--accent-dark)}.tag-index span{color:var(--muted);font-size:.9rem}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:.9rem 0 1.8rem;margin-top:auto}@media(max-width:800px){body{font-size:16px}.topbar{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start;padding-bottom:0}.featured .thumb{height:290px}.older-item{grid-template-columns:1fr}.older-media{border-right:0;border-bottom:1px solid var(--line)}.older-thumb{min-height:150px;max-height:170px}.older-body{padding:.62rem .75rem .72rem}}@media(max-width:780px){.post-link{grid-template-columns:1fr;gap:.22rem}.post-date,.post-meta{white-space:normal;text-align:left}.post-date{order:1}.post-title{order:2}.post-meta{order:3}}