body.sec-collapsed .sec-sidebar{margin-left:-260px}body.sec-drawer-open #sec-backdrop{opacity:1;pointer-events:auto}.sec-shell{--sec-text: rgb(55, 53, 47);--sec-muted: rgba(55, 53, 47, .65);--sec-subtle: rgba(55, 53, 47, .45);--sec-faint: rgba(55, 53, 47, .35);--sec-border: rgba(55, 53, 47, .09);--sec-bg: #ffffff;--sec-sidebar-bg: #fbfbfa;--sec-hover: rgba(55, 53, 47, .06);display:flex;min-height:100vh;background:var(--sec-bg);color:var(--sec-text);font-family:var(--font-mono);font-size:14.5px;line-height:1.5}#sec-backdrop{position:fixed;inset:0;background:#0f0f0f66;z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.sec-sidebar{width:260px;min-width:260px;background:var(--sec-sidebar-bg);border-right:1px solid var(--sec-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:margin-left .22s ease}.sec-sidebar-header{padding:18px 14px 8px}.sec-brand{display:flex;align-items:center;gap:10px;padding:6px 8px;color:var(--sec-text)}.sec-brand-mark{width:28px;height:28px;border-radius:6px;flex-shrink:0;object-fit:cover}.sec-brand-text{display:flex;flex-direction:column;line-height:1.1}.sec-brand-title{font-size:14px;font-weight:600;color:var(--sec-text)}.sec-brand-sub{font-size:12px;color:var(--sec-muted);margin-top:2px}.sec-nav{flex:1;padding:4px 8px 14px;display:flex;flex-direction:column;gap:1px}.sec-nav-label{font-size:11px;font-weight:500;color:var(--sec-subtle);text-transform:uppercase;letter-spacing:.4px;padding:14px 8px 4px}.sec-nav-btn{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;color:var(--sec-muted);font-family:var(--font-mono);font-size:13px;font-weight:400;min-height:28px;transition:background .08s ease,color .08s ease}.sec-nav-btn:hover{background:var(--sec-hover);color:var(--sec-text)}.sec-nav-btn.active{background:var(--sec-accent-bg);color:var(--sec-accent)}.sec-nav-icon{width:16px;flex-shrink:0;text-align:center;color:var(--sec-subtle);font-family:var(--font-mono);font-size:12px}.sec-nav-btn.active .sec-nav-icon{color:var(--sec-accent)}.sec-nav-post .sec-nav-label-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}.sec-nav-dot{width:6px;height:6px;border-radius:50%;background:var(--sec-faint);flex-shrink:0;margin-left:4px}.sec-nav-btn.active .sec-nav-dot{background:var(--sec-accent)}.sec-nav-meta{font-size:11px;color:var(--sec-faint);flex-shrink:0;font-variant-numeric:tabular-nums}.sec-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--sec-bg)}.sec-topbar{border-bottom:1px solid var(--sec-border);height:44px;padding:0 28px;display:flex;align-items:center;gap:10px;position:sticky;top:0;background:var(--sec-bg);z-index:20}.sec-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:var(--sec-muted);cursor:pointer;border-radius:6px;margin-left:-6px;flex-shrink:0;transition:background .08s ease,color .08s ease}.sec-toggle:hover{background:var(--sec-hover);color:var(--sec-text)}.sec-breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--sec-muted);min-width:0}.sec-breadcrumb a{color:var(--sec-muted);padding:3px 6px;border-radius:3px;white-space:nowrap;transition:background .08s ease,color .08s ease}.sec-breadcrumb a:hover{background:var(--sec-hover);color:var(--sec-text)}.sec-bc-sep{color:var(--sec-faint);padding:0 2px}.sec-bc-current{color:var(--sec-text);font-weight:500;padding:3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.sec-content{flex:1;padding:48px 64px 96px;overflow-x:hidden}.sec-page{max-width:760px;margin:0 auto}.sec-hero{margin-bottom:36px}.sec-hero-title{font-family:var(--font-display);font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.015em;margin-bottom:8px;color:var(--sec-accent)}.sec-hero-sub{color:var(--sec-muted);font-size:14.5px;max-width:560px;line-height:1.6}.sec-section-title{font-size:11px;font-weight:600;color:var(--sec-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sec-list{display:flex;flex-direction:column;border:1px solid var(--sec-border);border-radius:8px;overflow:hidden;background:var(--sec-bg)}.sec-card{position:relative;padding:16px 20px 18px;color:var(--sec-text);transition:background .08s ease}.sec-card+.sec-card{border-top:1px solid var(--sec-border)}.sec-card:hover{background:var(--sec-hover)}.sec-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sec-card-year{font-size:11px;font-weight:500;color:var(--sec-faint);font-variant-numeric:tabular-nums;letter-spacing:.4px}.sec-card-tag{font-size:11px;font-weight:500;color:var(--sec-accent);background:var(--sec-accent-bg);padding:2px 8px;border-radius:4px}.sec-card-title{font-family:var(--font-display);font-size:19px;font-weight:400;line-height:1.3;color:var(--sec-text);margin-bottom:4px;letter-spacing:-.005em}.sec-card-desc{font-size:13px;color:var(--sec-muted);line-height:1.55}.sec-card-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--sec-faint);font-size:16px;transition:color .08s ease,transform .12s ease}.sec-card:hover .sec-card-arrow{color:var(--sec-accent);transform:translateY(-50%) translate(2px)}.sec-empty{border:1px dashed var(--sec-border-strong, var(--sec-border));border-radius:8px;padding:40px 24px;text-align:center;color:var(--sec-muted);font-size:13px}.sec-back{display:inline-block;font-size:13px;color:var(--sec-muted);margin-bottom:18px;padding:4px 8px;margin-left:-8px;border-radius:6px;transition:background .08s ease,color .08s ease}.sec-back:hover{background:var(--sec-hover);color:var(--sec-text)}.sec-title{font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--sec-text);margin-bottom:12px}.sec-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.sec-meta-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;background:var(--sec-hover);color:var(--sec-muted);font-size:11px;font-weight:500;letter-spacing:.2px}.sec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.sec-tag{background:var(--sec-accent-bg);color:var(--sec-accent);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500}.sec-body{font-family:var(--font-mono);font-size:14.5px;line-height:1.75;color:var(--sec-text)}.sec-body h2{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.25;margin:40px 0 12px;color:var(--sec-text);letter-spacing:-.005em}.sec-body h3{font-family:var(--font-display);font-weight:400;font-size:20px;margin:28px 0 8px;color:var(--sec-text)}.sec-body p{margin:0 0 16px}.sec-body ul,.sec-body ol{margin:0 0 16px;padding-left:24px}.sec-body li{margin-bottom:6px}.sec-body a{color:var(--sec-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--sec-accent) 40%,transparent);transition:border-color .1s ease}.sec-body a:hover{border-bottom-color:var(--sec-accent)}.sec-body img,.sec-body video{border-radius:8px;margin:24px 0;max-width:100%}.sec-body code{background:#87837824;padding:.12em .35em;border-radius:4px;font-size:.88em;font-family:var(--font-mono)}.sec-body pre{background:#37352ff0;color:#f6f5f1;padding:16px;border-radius:8px;overflow-x:auto;margin:0 0 18px;font-size:12.5px;line-height:1.6}.sec-body pre code{background:none;padding:0}.sec-body blockquote{margin:18px 0;padding:6px 16px;border-left:3px solid var(--sec-accent);color:var(--sec-muted);background:var(--sec-accent-bg);border-radius:0 6px 6px 0}@media(max-width:900px){.sec-content{padding:32px 28px 80px}.sec-hero-title{font-size:38px}.sec-title{font-size:32px}}@media(max-width:768px){.sec-sidebar{position:fixed;top:0;left:0;z-index:100;width:min(280px,84vw);transform:translate(-100%);margin-left:0!important;box-shadow:4px 0 20px #0f0f0f14;transition:transform .22s ease}body.sec-drawer-open .sec-sidebar{transform:translate(0)}.sec-main{width:100%}.sec-topbar{padding:0 14px}.sec-bc-current{max-width:200px}.sec-card-arrow{display:none}}@media(max-width:640px){.sec-content{padding:24px 16px 80px}.sec-hero-title{font-size:30px}.sec-hero-sub{font-size:13.5px}.sec-title{font-size:26px}.sec-card-title{font-size:16px}.sec-card{padding:14px 16px}.sec-body{font-size:14px}.sec-body h2{font-size:22px;margin-top:30px}.sec-body h3{font-size:17px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #7B8F6A;--color-card: #F4F7F0;--color-text: #1E2B18;--color-accent: #C8D9B8;--color-link: #5A6E4C;--radius: 6px;--gap: 16px;--font-display: "DM Serif Display", serif;--font-mono: "IBM Plex Mono", monospace}html{font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg);scroll-behavior:smooth}body{min-height:100vh}a{color:var(--color-text);text-decoration:none}img{max-width:100%;display:block}