:root{--bg:#f7f6ed;--ink:#17322a;--text:#2f4a40;--muted:#5e7268;--green:#22594a;--sun:#e9a07a;--line:rgba(34,89,74,.14)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 "DM Sans","Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 50vmax at 0% 0%,#d6ecdc,transparent 60%),radial-gradient(50vmax 40vmax at 100% 10%,#f6d8c4,transparent 60%)}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:820px;margin:0 auto;padding:22px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 20px "Bricolage Grotesque","Pretendard Variable",sans-serif;letter-spacing:-.02em}
.brand img{width:32px;height:32px;border-radius:9px}
header nav a{color:var(--green);font-weight:600;text-decoration:none;margin-left:14px;font-size:15px}
main{max-width:820px;margin:0 auto 40px;padding:34px 30px 40px;border-radius:32px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 20px 50px rgba(43,74,58,.1)}
@media (max-width:620px){main{margin:0 12px 30px;padding:26px 20px 30px;border-radius:26px}header nav a{margin-left:10px}}
h1{font:800 clamp(32px,6vw,46px)/1.08 "Bricolage Grotesque","Pretendard Variable",sans-serif;color:var(--ink);letter-spacing:-.03em;margin:0 0 8px}
h2{font:700 22px/1.3 "Bricolage Grotesque","Pretendard Variable",sans-serif;color:var(--ink);margin:34px 0 8px}
.updated{color:var(--muted);font-size:14px;margin:0 0 20px}
a{color:var(--green)}
ul{padding-left:20px}li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-top:1px solid var(--line)}
th{color:var(--ink);font-weight:700}
.box{padding:16px 18px;border-radius:18px;background:#fbefe6;border:1px solid #f1cfb9;color:#5a3a28}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}
.cards a{display:block;padding:18px;border-radius:20px;background:#fffefa;text-decoration:none;color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--line)}
.cards a span{display:block;font-weight:400;color:var(--muted);font-size:15px;margin-top:4px}
details{border-top:1px solid var(--line);padding:12px 0}
summary{cursor:pointer;font-weight:700;color:var(--ink)}
footer{max-width:820px;margin:0 auto;padding:0 20px 40px;color:var(--muted);font-size:14px}
[hidden]{display:none!important}