@font-face{font-family:"EZ Sans";src:url("ez-sans.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--mint:#5fd3b8;--mint-deep:#1f6f6a;--mint-light:#c9f3e8;--cream:#fff8e6;--ink:#24343a}
*{box-sizing:border-box}
body{margin:0;font-family:"EZ Sans","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:var(--ink);background:linear-gradient(#d4efff,#e3f9f1);line-height:1.75}
a{color:var(--mint-deep);font-weight:700}
a:focus-visible,button:focus-visible{outline:3px solid #ff8a00;outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px 14px;border-radius:8px;z-index:10}
.skip:focus{left:8px}
header{background:var(--mint-deep);color:#fff;padding:14px 0}
header .wrap{display:flex;align-items:center;gap:14px}
header img{width:40px;image-rendering:pixelated}
header a{color:#fff;text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
main{background:#fff;border:3px solid var(--mint-deep);border-radius:24px;margin:28px auto 40px;padding:10px 30px 30px}
h1{font-size:30px;margin:20px 0 4px}
h2{font-size:20px;margin:30px 0 8px;padding-top:12px;border-top:2px dashed var(--mint-light)}
.meta{color:#4d6166;font-weight:700;font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px;margin:8px 0}
th,td{border:1px solid #cfe9e2;padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--cream)}
td:first-child,th:first-child{white-space:nowrap}
.box{background:var(--cream);border-radius:14px;padding:12px 16px;margin:12px 0}
footer{text-align:center;font-size:13px;color:#4d6166;padding:0 0 40px}
@media (max-width:560px){main{padding:6px 16px 20px;border-radius:16px}h1{font-size:24px}table{font-size:13px}th,td{padding:6px}}