:root{--ink: #0f1117;--ink-2: #3b3f4a;--muted: #6b7280;--bg: #ffffff;--bg-soft: #f5f7f6;--line: #e5e7eb;--green: #22c55e;--green-ink: #15803d;--radius: 10px;--wrap: 1120px;--narrow: 720px;--font: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}img{max-width:100%;height:auto;display:block}a{color:var(--green-ink)}a:hover{color:var(--ink)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.narrow{max-width:var(--narrow);margin-left:auto;margin-right:auto;padding:0 20px}.muted,.meta{color:var(--muted);font-size:.88rem}.meta a{color:inherit}.sr-only,.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:.7em 1.4em;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{background:var(--green-ink);color:#fff}.btn:disabled{opacity:.6;cursor:wait}.btn-small{padding:.45em 1em;font-size:.9rem}.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:20px}.logo img{height:36px;width:auto}.nav{display:flex;align-items:center;gap:22px}.nav a{color:var(--ink-2);text-decoration:none;font-weight:500;font-size:.95rem}.nav a:hover,.nav a[aria-current=page]{color:var(--green-ink)}.nav a.btn{color:#fff}.nav-toggle,.nav-burger{display:none}@media(max-width:860px){.nav-burger{display:block;width:28px;height:20px;position:relative;cursor:pointer}.nav-burger span,.nav-burger:before,.nav-burger:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--ink)}.nav-burger:before{top:0}.nav-burger span{top:9px}.nav-burger:after{bottom:0}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 20px 24px;border-bottom:1px solid var(--line);gap:14px}.nav-toggle:checked~.nav{display:flex}}.hero{padding:56px 20px 24px}.hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em;max-width:16ch}.hero p{font-size:1.15rem;color:var(--ink-2);max-width:55ch;margin:0}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:48px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}.list{display:flex;flex-direction:column;gap:32px}.card{display:grid;gap:14px}.list .card{grid-template-columns:260px 1fr;gap:24px;align-items:start}.card-img img{aspect-ratio:16 / 10;object-fit:cover;width:100%;border-radius:var(--radius);background:var(--bg-soft)}.card h3{margin:4px 0 6px;font-size:1.2rem;line-height:1.3}.compact h3{font-size:1.05rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--green-ink)}.card-excerpt{margin:0 0 6px;color:var(--ink-2);font-size:.97rem}.card .meta{margin:0}.tag-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--green-ink);text-decoration:none}@media(max-width:640px){.list .card{grid-template-columns:1fr}}.pagination{display:flex;justify-content:space-between;align-items:center;margin:40px 0}.pagination a{font-weight:600;text-decoration:none}.archive-header{padding:48px 20px 0}.archive-header h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 8px}.archive-header p{max-width:60ch;color:var(--ink-2)}.post-header{padding-top:48px}.post-header h1{font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.15;letter-spacing:-.02em;margin:8px 0 14px}.post-excerpt{font-size:1.2rem;color:var(--ink-2);margin:0 0 14px}.feature-image{max-width:1000px;margin:28px auto 8px;padding:0 20px}.feature-image img{width:100%;border-radius:var(--radius)}.feature-image figcaption,.prose figcaption,.prose img+em{display:block;text-align:center;color:var(--muted);font-size:.88rem;margin-top:8px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.chip{font-size:.85rem;padding:4px 12px;border-radius:999px;background:var(--bg-soft);color:var(--ink-2);text-decoration:none}.chip:hover{background:var(--green);color:var(--ink)}.prose{font-size:1.08rem;line-height:1.75}.prose h2{font-size:1.6rem;line-height:1.25;margin:2.2em 0 .6em;letter-spacing:-.01em}.prose h3{font-size:1.25rem;margin:1.8em 0 .5em}.prose p,.prose ul,.prose ol{margin:0 0 1.2em}.prose li{margin-bottom:.4em}.prose img{border-radius:6px;margin:1.6em auto .4em}.prose blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:4px solid var(--green);color:var(--ink-2);font-style:italic}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--bg-soft)}.prose code{background:var(--bg-soft);padding:.1em .35em;border-radius:4px;font-size:.9em}.kg-callout-card{display:flex;gap:14px;padding:18px 20px;border-radius:var(--radius);background:var(--bg-soft);margin:1.6em 0}.kg-callout-card-blue{background:#eef5ff}.kg-callout-card-green{background:#ecfdf3}.kg-callout-card-yellow{background:#fff9e6}.kg-callout-card-red{background:#fff0f0}.kg-callout-card-pink{background:#fff0f7}.kg-callout-card-purple{background:#f4f0ff}.kg-callout-card-accent{background:var(--ink);color:#fff}.kg-callout-card-accent a{color:var(--green)}.kg-callout-emoji{font-size:1.4rem;line-height:1.5}.kg-callout-text p:last-child{margin-bottom:0}.kg-cta-card{margin:1.8em 0;padding:22px 24px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line)}.kg-cta-bg-green{background:#ecfdf3;border-color:#bbf7d0}.kg-cta-text p:last-child{margin-bottom:14px}.kg-cta-button,.kg-btn{display:inline-block;background:var(--ink);color:#fff!important;padding:.65em 1.3em;border-radius:999px;font-weight:600;text-decoration:none}.kg-cta-button:hover,.kg-btn:hover{background:var(--green-ink)}.kg-cta-sponsor-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kg-cta-image-container img{border-radius:6px;margin:0 0 12px}.kg-button-card{text-align:center;margin:1.6em 0}.kg-bookmark-card{margin:1.6em 0}.kg-bookmark-container{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--ink);text-decoration:none}.kg-bookmark-container:hover{border-color:var(--green);color:var(--ink)}.kg-bookmark-content{flex:1;padding:16px 18px;min-width:0}.kg-bookmark-title{font-weight:700;line-height:1.35}.kg-bookmark-description{color:var(--ink-2);font-size:.9rem;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kg-bookmark-metadata{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-top:10px}.kg-bookmark-icon{width:18px;height:18px;margin:0!important}.kg-bookmark-thumbnail{width:30%;max-width:220px;position:relative}.kg-bookmark-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important}@media(max-width:560px){.kg-bookmark-thumbnail{display:none}}.subscribe{margin:64px auto;max-width:760px;padding:36px 32px;border-radius:16px;background:var(--ink);color:#fff;text-align:center}.subscribe h2{margin:0 0 8px;font-size:1.6rem;line-height:1.25}.subscribe p{color:#c9ccd3;margin:0 0 20px}.subscribe-form{display:flex;gap:10px;max-width:480px;margin:0 auto}.subscribe-form input[type=email]{flex:1;min-width:0;padding:.7em 1em;border-radius:999px;border:0;font:inherit}.subscribe .btn{background:var(--green);color:var(--ink)}.subscribe .btn:hover{background:#fff;color:var(--ink)}.subscribe-msg{min-height:1.4em;margin:14px 0 0!important;color:#fff!important}@media(max-width:520px){.subscribe-form{flex-direction:column}}.site-footer{border-top:1px solid var(--line);padding:36px 0 48px;background:var(--bg-soft)}.footer-inner{display:grid;gap:14px;justify-items:start}.footer-inner img{height:28px;width:auto}.footer-inner nav{display:flex;flex-wrap:wrap;gap:18px}.footer-inner nav a{color:var(--ink-2);text-decoration:none;font-size:.92rem}.disclaimer{font-size:.82rem;color:var(--muted);max-width:70ch;margin:0}
