:root{
    --mint:#cfead9;
    --ink:#0f1012;
    --bg:#ffffff;
    --muted:#6b7280;
  }
  
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.6;
  }
  
  /* Header */
  .uu-top{
    position:sticky; top:0; z-index:10;
    background:var(--mint);
    border-bottom:1px solid rgba(0,0,0,.12);
  }
  .uu-top__inner{
    max-width:1100px; margin:0 auto;
    padding:16px 20px;
    display:flex; align-items:center; gap:18px;
  }
  .uu-brand{
    font-weight:800; letter-spacing:.02em;
    text-decoration:none; color:var(--ink);
  }
  .uu-h1{
    margin:0; font-weight:800; letter-spacing:-.01em;
    font-size:clamp(24px,3.6vw,38px);
  }
  
  /* Main */
  .uu-main{
    max-width:900px; margin:0 auto;
    padding: clamp(28px,5vw,64px) clamp(16px,6vw,24px);
  }
  .uu-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:12px;
    padding: clamp(16px,3.6vw,28px);
    box-shadow:0 10px 28px rgba(0,0,0,.04);
    margin-bottom: clamp(16px,3.2vw,22px);
  }
  .uu-card h2{
    margin:0 0 .5em 0;
    font-weight:800; letter-spacing:-.01em;
    font-size: clamp(18px,2.6vw,24px);
  }
  .uu-card h3{
    margin:1em 0 .4em 0;
    font-weight:600;
    font-size: clamp(16px,2vw,20px);
  }
  .uu-card p, .uu-card ul{ margin:.35em 0 }
  .uu-card a{ color:#0f1012 }
  .uu-card a:hover{ text-decoration:underline; text-underline-offset:3px }
  
  .uu-credits{ margin:.35em 0 0 0; padding-left:1.1em }
  .uu-credits li{ margin:.2em 0 }
  
  .uu-muted{ text-align:center; color:var(--muted) }