:root{--cream:#fbf7f0;--paper:#fffdf9;--ink:#2a211d;--muted:#6d5f58;--espresso:#3a2118;--coffee:#6b3f2a;--roast:#9a6948;--line:#e8ddd2;--accent:#c47a43;--max:1120px;--shadow:0 14px 40px #3a211814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--coffee)}img{max-width:100%;height:auto}.container{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbf7f0f5;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.brand{letter-spacing:-.03em;color:var(--espresso);font-size:1.25rem;font-weight:900;text-decoration:none}.brand-mark{background:var(--espresso);width:31px;height:31px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;margin-right:.5rem;font-size:.9rem;display:inline-flex}.nav-links{flex-wrap:wrap;align-items:center;gap:1.1rem;font-size:.92rem;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--espresso)}main{min-height:70vh}.hero{background:radial-gradient(circle at 85% 20%,#ead5c1 0,#0000 34%),linear-gradient(135deg,#fbf7f0 0%,#f4e9dc 100%);padding:6.5rem 0 5rem}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;display:grid}.kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--coffee);font-size:.76rem;font-weight:800}h1,h2,h3{color:var(--espresso);letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;line-height:1.15}h1{margin:.65rem 0 1.2rem;font-size:clamp(2.7rem,6vw,5.4rem)}h2{margin:0 0 1rem;font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.35rem}.lede{color:var(--muted);max-width:650px;font-size:1.2rem}.cta-row{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.button{border:1px solid var(--espresso);border-radius:999px;padding:.75rem 1.05rem;font-weight:800;text-decoration:none;display:inline-block}.button.primary{background:var(--espresso);color:var(--cream)}.button.secondary{color:var(--espresso);background:0 0}.hero-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:2rem}.coffee-cup{aspect-ratio:1;background:radial-gradient(circle,#1f120d 0 29%,#70432b 30% 42%,#d7b08e 43% 48%,#f8eee4 49% 64%,#c8b19e 65% 67%,#0000 68%);border-radius:50%;place-items:center;display:grid;position:relative}.coffee-cup:after{content:"";border:10px solid #f8eee4;border-left:0;border-radius:0 50% 50% 0;width:20%;height:20%;position:absolute;top:35%;right:4%}.section{padding:5rem 0}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.section-head p{color:var(--muted);max-width:650px;margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1.4rem}.card h3{margin:.5rem 0}.card p{color:var(--muted);margin:.4rem 0 1rem}.card-link{color:var(--coffee);font-weight:800;text-decoration:none}.category-icon{background:#f0e0d0;border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.post-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:1.5rem}.post-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.post-card h3{margin:.5rem 0 .65rem}.post-card p{color:var(--muted)}.prose{max-width:760px;margin:0 auto;padding:4rem 0 6rem}.prose h1{margin-top:.5rem;font-size:clamp(2.4rem,5vw,4rem)}.prose h2{margin-top:2.6rem;font-size:2rem}.prose h3{margin-top:2rem}.prose p,.prose li{font-size:1.05rem}.prose blockquote{border-left:4px solid var(--accent);background:#f4e9dc;margin:2rem 0;padding:1rem 1.3rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.8rem;font-size:.92rem;display:flex}.checklist{background:#f4e9dc;border:1px solid #e3cdb9;border-radius:20px;padding:1.4rem 1.6rem}.checklist ul{margin-bottom:0}.related{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.breadcrumb{color:var(--muted);font-size:.9rem}.page-intro{max-width:800px;padding:4.5rem 0 2rem}.page-intro p{color:var(--muted);font-size:1.1rem}.category-list{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:2rem;display:grid}.category-pill{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:16px;padding:1rem;font-weight:800;text-decoration:none}.site-footer{border-top:1px solid var(--line);background:#f1e6db;padding:3rem 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}.footer-grid h3{margin-top:0;font-size:1.05rem}.footer-links{color:var(--muted);gap:.4rem;display:grid}.small{color:var(--muted);font-size:.88rem}.notice{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:1rem 1.2rem}form{gap:1rem;max-width:700px;display:grid}label{font-weight:800}input,textarea{width:100%;font:inherit;color:var(--ink);background:#fffefa;border:1px solid #d8cabe;border-radius:12px;padding:.8rem .9rem}textarea{resize:vertical;min-height:180px}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:2rem}.cards,.category-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.nav{flex-direction:column;align-items:flex-start;padding:1rem 0}.nav-links{gap:.65rem .9rem}.hero{padding:4.5rem 0 3.5rem}.cards,.post-grid,.footer-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}h1{font-size:2.75rem}}