:root{--color-bg: #ffffff;--color-bg-alt: #f8f8f6;--color-surface: #f0efeb;--color-border: #e5e3dc;--color-text: #1a1a18;--color-text-muted: #6b6b62;--color-text-faint: #9a9a90;--color-accent: #1a6b3c;--color-accent-hover: #14542f;--color-accent-light: #e8f5ee;--color-tag-bg: #eef7f2;--color-tag-text: #1a6b3c;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--container-max: 1100px;--container-prose: 720px;--gap: 1.5rem}@media(prefers-color-scheme:dark){:root{--color-bg: #111110;--color-bg-alt: #161615;--color-surface: #1e1e1c;--color-border: #2a2a27;--color-text: #f0efe8;--color-text-muted: #9a9a90;--color-text-faint: #6b6b62;--color-accent: #3dd68c;--color-accent-hover: #5ee09f;--color-accent-light: #0d2b1c;--color-tag-bg: #0d2b1c;--color-tag-text: #3dd68c;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 30px rgba(0,0,0,.5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.65;min-height:100vh;display:flex;flex-direction:column}main{flex:1}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}ul,ol{padding-left:1.5rem}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.25rem}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:1rem}.site-logo{text-decoration:none}.logo-text{font-size:var(--size-xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.logo-dot{color:var(--color-accent)}.site-logo:hover .logo-dot{color:var(--color-accent-hover)}.main-nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0}.nav-link{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:var(--size-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;transition:color .15s,background .15s}.nav-link:hover,.nav-link.active{color:var(--color-text);background:var(--color-surface);text-decoration:none}.nav-dropdown{position:relative}.dropdown-arrow{font-size:.7em;transition:transform .2s}.dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);list-style:none;padding:.5rem;z-index:200}.dropdown-menu.open{display:block}.dropdown-menu li a{display:block;padding:.45rem .75rem;font-size:var(--size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);text-decoration:none;transition:background .15s,color .15s}.dropdown-menu li a:hover{background:var(--color-surface);color:var(--color-text)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.nav-toggle span{display:block;height:2px;background:var(--color-text);border-radius:2px;transition:.2s}.nav-toggle:hover{background:var(--color-surface)}@media(max-width:680px){.nav-toggle{display:flex}.main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;box-shadow:var(--shadow)}.main-nav.open{display:block}.nav-list{flex-direction:column;align-items:stretch;gap:.125rem}.nav-link{width:100%}.dropdown-menu{position:static;box-shadow:none;border:1px solid var(--color-border);margin-top:.25rem;border-radius:var(--radius-sm)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:var(--radius);font-size:var(--size-sm);font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:background .15s,color .15s,transform .1s}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);color:#fff}.btn-outline{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent)}.btn-outline:hover{background:var(--color-accent-light)}.hero{padding:4rem 0 3.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.hero-inner{max-width:680px}.hero-eyebrow{font-size:var(--size-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.hero-title{font-size:clamp(var(--size-3xl),5vw,var(--size-4xl));font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.hero-desc{font-size:var(--size-lg);color:var(--color-text-muted);max-width:560px;margin-bottom:1.75rem}.posts-section,.categories-section{padding:3.5rem 0}.categories-section{border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.section-header{margin-bottom:2rem}.section-title{font-size:var(--size-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:.35rem}.section-sub{color:var(--color-text-muted);font-size:var(--size-sm)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.post-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.post-card-image{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.post-card:hover .post-card-image img{transform:scale(1.03)}.post-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-border) 100%)}.post-card-placeholder span{font-size:var(--size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.post-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.post-category-tag{display:inline-block;font-size:var(--size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-tag-text);background:var(--color-tag-bg);padding:.2rem .6rem;border-radius:100px;margin-bottom:.6rem;text-decoration:none}.post-category-tag:hover{background:var(--color-accent);color:#fff;text-decoration:none}.post-card-title{font-size:var(--size-lg);font-weight:700;line-height:1.3;letter-spacing:-.01em;margin-bottom:.5rem}.post-card-title a{color:var(--color-text);text-decoration:none}.post-card-title a:hover{color:var(--color-accent)}.post-card-excerpt{font-size:var(--size-sm);color:var(--color-text-muted);line-height:1.55;flex:1;margin-bottom:1rem}.post-card-meta{font-size:var(--size-xs);color:var(--color-text-faint);display:flex;align-items:center;gap:.4rem;margin-top:auto}.meta-sep{opacity:.5}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s}.category-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px);text-decoration:none}.category-icon{font-size:1.75rem;line-height:1}.category-name{font-size:var(--size-xs);font-weight:600;color:var(--color-text);text-align:center;line-height:1.3}.post-full{padding:2.5rem 0 4rem}.post-container{max-width:var(--container-prose)}.post-header{margin-bottom:1.75rem}.post-title{font-size:clamp(var(--size-2xl),4vw,var(--size-4xl));font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:.5rem 0 .75rem}.post-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--size-sm);color:var(--color-text-muted)}.post-excerpt{font-size:var(--size-lg);color:var(--color-text-muted);line-height:1.5;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.post-hero{margin-bottom:2rem;border-radius:var(--radius-xl);overflow:hidden}.post-hero-image{width:100%;aspect-ratio:16/9;object-fit:cover}.post-hero-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center}.hero-placeholder-inner{text-align:center}.hero-category-label{font-size:var(--size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.prose{font-size:var(--size-lg);line-height:1.75;color:var(--color-text)}.prose h2{font-size:var(--size-2xl);font-weight:700;letter-spacing:-.02em;margin-top:2.25rem;margin-bottom:.75rem}.prose h3{font-size:var(--size-xl);font-weight:700;margin-top:1.75rem;margin-bottom:.5rem}.prose p,.prose ul,.prose ol{margin-bottom:1.25rem}.prose li{margin-bottom:.35rem}.prose a{text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:700}.prose em{font-style:italic}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--color-surface);border:1px solid var(--color-border);padding:.15em .4em;border-radius:4px}.prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem}.prose pre code{background:none;border:none;padding:0}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:1.25rem;color:var(--color-text-muted);margin:1.5rem 0;font-style:italic}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.prose img{border-radius:var(--radius);margin:1.5rem 0}.post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tag{font-size:var(--size-xs);color:var(--color-text-muted);background:var(--color-surface);padding:.2rem .6rem;border-radius:100px}.post-affiliate-note{font-size:var(--size-sm);color:var(--color-text-muted);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:.875rem 1rem;margin-bottom:1.5rem;line-height:1.5}.back-link{font-size:var(--size-sm);font-weight:600;color:var(--color-accent)}.about-page{padding:3rem 0 5rem}.about-container{max-width:var(--container-prose)}.page-header{margin-bottom:2rem}.page-header h1{font-size:var(--size-4xl);font-weight:800;letter-spacing:-.03em}.about-lead{font-size:var(--size-xl);line-height:1.6;color:var(--color-text);margin-bottom:1.25rem}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-alt);padding:2.5rem 0;margin-top:auto}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-tagline{font-size:var(--size-sm);color:var(--color-text-muted);margin-top:.35rem}.footer-nav ul{list-style:none;padding:0;display:flex;gap:1.25rem;flex-wrap:wrap}.footer-nav a{font-size:var(--size-sm);color:var(--color-text-muted);text-decoration:none}.footer-nav a:hover{color:var(--color-text)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem}.affiliate-disclosure{font-size:var(--size-xs);color:var(--color-text-muted);line-height:1.55;margin-bottom:.5rem;max-width:680px}.copyright{font-size:var(--size-xs);color:var(--color-text-faint)}.empty-state{color:var(--color-text-muted);font-size:var(--size-lg);padding:3rem 0}@media(max-width:480px){.post-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:2.5rem 0 2rem}.footer-top{flex-direction:column;gap:1.25rem}}