/* Minima One — baseline */
:root{
  --ink:#0a0a0a;
  --paper:#fff;
  --muted:#6b7280;
  --accent:#2563eb;
  --radius:16px;
  --shadow:0 4px 20px rgba(0,0,0,.05);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  color:var(--ink);
  background:var(--paper);
  font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.container{
  width:100%;
  max-width:1100px;
  padding:clamp(16px,3vw,32px);
  margin-inline:auto;
}

.site-header,.site-footer{
  opacity:.9;
}

.site-title{
  margin:0;
  font-size:clamp(28px,4vw,40px);
  letter-spacing:-.01em;
}
.site-tagline{margin:.25rem 0 0;color:var(--muted)}

/* Prose defaults (great for Gutenberg) */
.container :where(h1,h2,h3,h4){line-height:1.2;margin:1.6rem 0 .8rem}
.container h1{font-size:clamp(32px,5vw,48px)}
.container h2{font-size:clamp(24px,3.5vw,32px)}
.container h3{font-size:clamp(20px,3vw,26px)}
.container p{margin:1rem 0}
.container ul, .container ol{padding-left:1.2rem}
.container a{color:var(--accent);text-decoration:none}
.container a:hover{text-decoration:underline}

/* Cards & sections */
.section{
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
  padding:clamp(16px,2.5vw,28px);
  margin:clamp(16px,2.5vw,28px) 0;
}
.muted{color:var(--muted)}
.center{text-align:center}
.max-w-prose{max-width:760px;margin-inline:auto}
.btn{
  display:inline-block;padding:.7rem 1rem;border-radius:999px;
  background:var(--ink);color:#fff;text-decoration:none;font-weight:600
}
.btn.outline{background:transparent;color:var(--ink);border:1px solid #e5e7eb}
.grid{display:grid;gap:clamp(12px,2vw,20px)}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:800px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}

/* Full-bleed hero utility */
.full-bleed{
  width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
}
.hero{
  padding:clamp(48px,8vw,120px) 0;
  background:linear-gradient(180deg, #f8fafc, #ffffff);
  border-bottom:1px solid #f1f5f9;
}
.hero h1{margin:0}

/* Gutenberg niceties */
.wp-block-image img{border-radius:12px}
.alignwide{max-width:1100px;margin-inline:auto}
.alignfull{width:100vw;margin-left:50%;transform:translateX(-50%);}
figure{margin:1rem 0}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
pre{background:#0f172a; color:#e2e8f0; padding:16px; border-radius:12px; overflow:auto}