:root{--bg: #f4f6f2;--surface: #ffffff;--text: #142016;--muted: #55635a;--brand: #2f6f2e;--brand-2: #4b942f;--line: #dfe6dd}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Noto Sans,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.app-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--line)}.header-row{display:flex;justify-content:space-between;align-items:center;min-height:56px}.header-chip{background:#e8f2e5;color:var(--brand);font-weight:700;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.app-content{padding-block:1rem 2rem}.stack{display:grid;gap:1rem}.title{margin:0;font-size:clamp(1.4rem,2.8vw,2.2rem)}.text{margin:0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem}.card h2{margin-top:0}.card ol{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}@media(min-width:960px){.container{width:min(1200px,100% - 3rem)}.header-row{min-height:64px}}