:root{--color-bg: #ffffff;--color-surface: #f7f8f8;--color-text: #1f2328;--color-muted: #667085;--color-border: #d9dee3;--color-accent: #0f766e;--color-accent-soft: #e7f5f3;--color-heading: #101418;--container: 1080px;--radius: 8px;--shadow: 0 12px 30px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}body{margin:0;min-width:320px}a{color:inherit;text-decoration-color:#0f766e59;text-underline-offset:.2em}a:hover{color:var(--color-accent);text-decoration-color:currentColor}p,ul,ol,dl{margin:0}ul,ol{padding-left:1.35rem}h1,h2,h3{margin:0;color:var(--color-heading);line-height:1.25;letter-spacing:0}h1{font-size:clamp(2.3rem,2rem + 1.4vw,3.4rem)}h2{font-size:clamp(1.55rem,1.35rem + .8vw,2.1rem)}h3{font-size:1.2rem}main{min-height:70vh}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{border-bottom:1px solid var(--color-border);background:#ffffffeb}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding-block:1rem}.site-logo{font-weight:750;font-size:1.1rem;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem 1.2rem;color:var(--color-muted);font-size:.95rem}.site-nav a{text-decoration:none}.site-footer{margin-top:4rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-block:2rem}.footer-title{font-weight:700}.muted{color:var(--color-muted)}.hero{padding-block:5rem 4rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:2rem;align-items:start}.hero-copy{display:grid;gap:1.5rem}.lead{max-width:760px;color:#3d4652;font-size:1.08rem}.section{padding-block:3rem}.section-header{display:grid;gap:.7rem;max-width:760px;margin-bottom:1.5rem}.page-header{display:grid;gap:1rem;padding-block:4rem 2.5rem;max-width:820px}.surface-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.button-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;border-radius:var(--radius);font-weight:700;text-decoration:none}.button{background:var(--color-accent);color:#fff}.button:hover{color:#fff;background:#0b5f59}.secondary-button{border:1px solid var(--color-border);background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.project-card{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.project-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{color:var(--color-accent);font-size:.82rem;font-weight:750}.status-badge{flex:0 0 auto;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent);padding:.2rem .6rem;font-size:.78rem;font-weight:700}.project-meta{display:grid;gap:.45rem;color:var(--color-muted);font-size:.92rem}.project-meta div{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem}.project-meta dt{font-weight:700}.project-meta dd{margin:0}.learning{border-left:3px solid var(--color-accent);padding-left:.8rem;color:#3d4652}.card-actions{display:flex;flex-wrap:wrap;gap:.8rem}.text-link{color:var(--color-accent);font-weight:700}.external-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem;padding:0;list-style:none}.external-links a{color:var(--color-accent);font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:2rem;align-items:start}.prose{display:grid;gap:1.3rem}.prose h2{margin-top:1.2rem}.prose ul{display:grid;gap:.4rem}.detail-aside{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.meta-list{display:grid;gap:.9rem}.meta-list dt{color:var(--color-muted);font-size:.82rem;font-weight:700}.meta-list dd{margin:.15rem 0 0}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;padding:0;list-style:none}.tag-list li{border:1px solid var(--color-border);border-radius:999px;background:#fff;padding:.18rem .55rem;font-size:.82rem}@media(max-width:760px){.header-inner,.footer-inner,.hero-grid,.content-grid{grid-template-columns:1fr}.header-inner,.footer-inner{display:grid}.site-nav{justify-content:flex-start}.hero,.page-header{padding-block:3rem 2rem}}