:root{--bg:#24262b;--bg-card:#2e3136;--bg-callout:#343841;--border:#3d414a;--text:#dcdde0;--text-muted:#9a9da5;--hero-bg:#bfe0f5;--hero-text:#17313f;--hero-subtext:#2c4f63;--h1-color:#7cc4f2;--h2-color:#8fe0bb;--h3-color:#f2cf7d;--h4-color:#f0a8c2;--quote-border:#4fa3dd;--link-color:#7cc4f2}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}a{color:var(--link-color)}.container{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{position:relative;background:var(--hero-bg);padding:3.5rem 1.5rem 4.5rem;text-align:center;overflow:hidden}.hero-content{max-width:680px;margin:0 auto;position:relative;z-index:1}.hero .site-title{font-size:2.3rem;margin:0 0 .9rem;color:var(--hero-text)}.hero .site-subtitle{margin:0;font-size:1.05rem;color:var(--hero-subtext)}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:70px;display:block}.hero-wave path{fill:var(--bg)}.empty{text-align:center;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1.75rem;gap:1.75rem}.card{display:block;text-decoration:none;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.35)}.card-cover{width:100%;height:160px;object-fit:cover;display:block;background:var(--border)}.card-body{padding:1rem 1.1rem 1.3rem}.card-body h2{font-size:1.15rem;margin:0 0 .4rem;color:var(--h1-color)}.meta{font-size:.85rem;color:var(--text-muted);margin:0 0 .6rem}.card-body p:not(.meta){font-size:.92rem;color:var(--text-muted);margin:0}.article-page{padding-top:2.5rem}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline}.article-cover{width:100%;max-height:360px;object-fit:cover;border-radius:10px;margin-bottom:1.5rem}.article-page h1{color:var(--h1-color);margin-bottom:.4rem}.markdown-body{margin-top:1.5rem}.markdown-body h1{color:var(--h1-color);margin-top:2rem}.markdown-body h2{color:var(--h2-color);margin-top:1.8rem}.markdown-body h3{color:var(--h3-color);margin-top:1.6rem}.markdown-body h4{color:var(--h4-color);margin-top:1.4rem}.markdown-body img{max-width:100%;border-radius:8px}.markdown-body figure.notion-image{margin:1.5rem 0;text-align:center}.markdown-body figure.notion-image img{max-width:100%;border-radius:8px}.markdown-body figure.notion-image figcaption{margin-top:.5rem;font-size:.85rem;font-style:italic;color:var(--text-muted)}.markdown-body pre{background:#16171a;color:#e8e8e8;padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border)}.markdown-body pre code{background:transparent;padding:0;border-radius:0;color:#e8e8e8}.markdown-body pre code *{color:inherit}.markdown-body code{background:var(--bg-callout);padding:.15rem .4rem;border-radius:4px;color:#f0c987}.markdown-body blockquote{border-left:3px solid var(--quote-border);margin:1.2rem 0;padding:.3rem 1rem;color:var(--text-muted);background:rgba(79,163,221,.07)}.callout{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-callout);border:1px solid var(--border);border-radius:8px;padding:.9rem 1.1rem;margin:1.2rem 0}.callout-icon{font-size:1.3rem;line-height:1.4}.callout-text{color:var(--text)}.callout-text p{margin:0}.site-footer{position:relative;background:var(--hero-bg);padding:4.5rem 1.5rem 2.5rem;margin-top:3rem;text-align:center;overflow:hidden}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:70px;display:block}.footer-wave path{fill:var(--bg)}.footer-content{position:relative;z-index:1;max-width:680px;margin:0 auto}.footer-name{font-size:1.25rem;font-weight:600;color:var(--hero-text);margin:0 0 .5rem}.footer-links{color:var(--hero-subtext);margin:0 0 .9rem;font-size:.95rem}.footer-links a{color:var(--hero-text);text-decoration:none;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-copy{font-size:.8rem;color:var(--hero-subtext);margin:0}.markdown-body table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.92rem}.markdown-body td,.markdown-body th{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.markdown-body th{background:var(--bg-card);color:var(--h1-color);font-weight:600}.notion-columns{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.2rem 0}.notion-column{flex:1 1 240px;min-width:0}.notion-column .notion-image{margin:0}.notion-column p:first-child{margin-top:0}.callout-text .notion-image{margin-top:.75rem}