:root{color-scheme:light;--honey:#f5b300;--honey-deep:#c98a00;--honey-soft:#fff4cc;--honey-wash:#fffbec;--ink:#1f1a12;--ink-2:#5b5346;--ink-3:#8d8473;--line:#ece4d2;--bg:#fffdf8;--card:#fff;--danger:#c2410c;--radius:16px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.7}img{max-width:100%}[hidden]{display:none!important}a{color:var(--honey-deep)}h1,h2,h3{letter-spacing:-.02em;line-height:1.35}h1{margin:0 0 .4em;font-size:clamp(1.6rem,4.5vw,2.1rem)}h2{margin:2.2em 0 .6em;font-size:1.3rem}h3{margin:1.6em 0 .4em;font-size:1.05rem}.wrap{width:100%;max-width:760px;margin:0 auto;padding-inline:20px}.muted{color:var(--ink-3);font-size:.875rem}.site-header{z-index:10;backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#fffdf8eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:12px;height:58px;display:flex}.logo{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.logo b{color:var(--honey-deep)}.site-header nav{gap:4px;display:flex}.site-header nav a{color:var(--ink-2);border-radius:999px;padding:6px 10px;font-size:.95rem;text-decoration:none}.site-header nav a:hover{background:var(--honey-wash)}.site-header nav a[aria-current=page]{color:var(--ink);background:var(--honey-soft);font-weight:600}main.wrap{padding-block:28px 56px}.site-footer{border-top:1px solid var(--line);background:#fffaf0;padding-block:24px 40px}.site-footer p{margin:.3em 0}.footer-links{flex-wrap:wrap;gap:16px;font-size:.9rem;display:flex}.footer-links a{color:var(--ink-2);text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.calc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.calc-card{height:100%;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;display:block}a.calc-card:hover{border-color:var(--honey);transform:translateY(-2px)}.calc-card .emoji{font-size:1.6rem}.calc-card strong{margin-top:6px;font-size:1.05rem;display:block}.calc-card p{color:var(--ink-2);margin:4px 0 0;font-size:.9rem;line-height:1.55}.calc-card.soon{opacity:.6}.badge{background:var(--line);color:var(--ink-2);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}.prose p,.prose li{color:#2e281d}.prose ul,.prose ol{padding-left:1.3em}.formula{background:var(--honey-wash);text-align:center;border:1px solid #f3e2a8;border-radius:12px;padding:14px 16px;font-weight:600}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px}th{color:var(--ink-2);font-weight:600}details.faq{border-bottom:1px solid var(--line);padding:4px 0}details.faq summary{cursor:pointer;padding:10px 0;font-weight:600;list-style-position:outside}details.faq p{margin:0 0 12px}@media (width<=480px){.wrap{padding-inline:16px}.logo span{font-size:.98rem}.site-header nav a{padding:6px 8px}}.post-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.post-card{color:inherit;align-items:flex-start;gap:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.post-card:hover{border-color:var(--honey);transform:translateY(-2px)}.post-card .emoji{background:var(--honey-soft);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:1.6rem;display:grid}.post-text{gap:2px;min-width:0;display:grid}.post-text strong{font-size:1.02rem;line-height:1.45}.post-desc{color:var(--ink-2);font-size:.9rem;line-height:1.55}.post-meta{color:var(--ink-3);font-size:.8rem}@media (width<=600px){.header-inner{flex-wrap:wrap;row-gap:4px;height:auto;padding-block:10px 6px}.site-header nav{scrollbar-width:none;width:100%;margin-inline:-8px;overflow-x:auto}}