:root{--ink:#17212b;--muted:#647181;--paper:#f7f7f4;--card:#fff;--accent:#087b70;--line:#dfe4e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.site-header{background:#10171f;color:#fff;border-bottom:4px solid #0e8c7d}.header-inner{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{text-decoration:none;color:#fff}.identity strong{display:block;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.25}.identity span{color:#9eaaa9;font-size:.85rem}.nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nav>a,.nav summary{display:block;padding:10px 12px;color:#d7e0df;text-decoration:none;font-size:.82rem;font-weight:750;text-transform:uppercase;white-space:nowrap;cursor:pointer;list-style:none}.nav summary::-webkit-details-marker{display:none}.nav>a:hover,.nav summary:hover,.nav details[open]>summary{color:#7ed7c4}.nav details{position:relative}.nav summary::after{content:'⌄';margin-left:7px;color:#7ed7c4}.dropdown{position:absolute;z-index:10;top:100%;left:0;width:255px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 38px #07111f35}.dropdown a{display:block;padding:9px 11px;border-radius:5px;color:#263642;text-decoration:none;font-size:.86rem;font-weight:550;text-transform:none}.dropdown a:hover{background:#e8f4f1;color:#087b70}.hero{background:linear-gradient(135deg,#17232c,#0e3434);color:#fff}.hero-inner{max-width:1120px;margin:auto;padding:64px 24px}.hero h1{max-width:760px;margin:0;font-size:clamp(2.1rem,6vw,4.5rem);line-height:1.05}.hero p{max-width:720px;color:#c6d1d0;font-size:1.08rem}.layout{max-width:1120px;margin:0 auto;padding:44px 24px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px}.content-card,.post-card,.sidebar{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 30px #14222d0a}.content-card{padding:clamp(24px,5vw,58px)}.content-card h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin:.25em 0}.content-card h2,.content-card h3{line-height:1.3;margin-top:1.8em}.content-card img{max-width:100%;height:auto;border-radius:8px}.content-card pre{overflow:auto;padding:18px;background:#111b24;color:#e6f2f0;border-radius:8px}.content-card table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.content-card td,.content-card th{border:1px solid var(--line);padding:8px}.meta{color:var(--muted);font-size:.9rem}.post-list{display:grid;gap:20px}.post-card{padding:28px}.post-card h2{margin:0 0 8px;line-height:1.25}.post-card h2 a{text-decoration:none;color:var(--ink)}.post-card h2 a:hover{color:var(--accent)}.read-more{font-weight:750;text-decoration:none}.sidebar{align-self:start;padding:24px;position:sticky;top:22px}.sidebar h2{font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.topic-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.topic-list a{text-decoration:none;color:#43515d}.topic-list a:hover{color:var(--accent)}.site-footer{margin-top:44px;background:#10171f;color:#aeb9b8}.footer-inner{max-width:1120px;margin:auto;padding:30px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:#7ed7c4}.breadcrumb{font-size:.85rem;color:var(--muted)}@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column}.nav{width:100%}.nav details{position:static}.dropdown{position:static;width:min(100%,360px);margin:0 0 8px}.layout{grid-template-columns:1fr}.sidebar{position:static}.hero-inner{padding:46px 22px}}