:root{--brand:#0b7a5a;--ink:#1f2937;--muted:#6b7280;--bg:#f7faf9;--card:#ffffff;--line:#e5e7eb;}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.65;color:var(--ink);background:var(--bg);} 
header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10} 
.nav{max-width:980px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap} 
.logo{font-weight:800;font-size:1.35rem;color:var(--brand);text-decoration:none}.links a{margin-left:14px;color:var(--ink);text-decoration:none}.links a:hover{color:var(--brand)}
main{max-width:980px;margin:32px auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
h1{line-height:1.2;margin:0 0 12px;font-size:2rem} h2{margin-top:30px;color:#111827}.muted{color:var(--muted)}
ul{padding-left:22px}.button{display:inline-block;background:var(--brand);color:white;text-decoration:none;padding:10px 16px;border-radius:8px;margin-top:8px}a{color:#0969da}footer{max-width:980px;margin:30px auto;padding:20px;color:var(--muted);font-size:.9rem}.notice{background:#ecfdf5;border-left:4px solid var(--brand);padding:12px 14px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.tile{border:1px solid var(--line);background:white;border-radius:12px;padding:18px;text-decoration:none;color:var(--ink)}.tile strong{color:var(--brand)}
@media(max-width:640px){.card{padding:22px}.links a{display:block;margin:6px 0}h1{font-size:1.65rem}}