/* Gyeol design system — Aspen Search grid, adapted. Shared by every page. */
:root{
 --white:#FFFFFF; --ink:#232323; --mint:#A1FFCB; --gray:#E0E0E0; --gray2:#D9D9D9; --line:#232323;
 --bg:var(--white); --fg:var(--ink);
 --sans:"Inter","Noto Sans KR","Apple SD Gothic Neo","Pretendard",system-ui,sans-serif;
 --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --bar:50px;
}
:root[data-theme="dark"]{ --bg:#232323; --fg:#FFFFFF; --line:#FFFFFF; --gray:#2E2E2E; --gray2:#353535; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 var(--sans);font-weight:450;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:var(--bar) 1fr 1fr;height:var(--bar);background:var(--bg);border-bottom:1px solid var(--line)}
.bar .sq{display:grid;place-items:center;background:var(--ink);border-right:1px solid var(--line)}
.bar .sq img{width:34px;height:34px}
.bar .left{display:flex;align-items:center;padding-left:66px;font-size:13px;font-family:var(--mono);border-right:1px solid var(--line)}
.bar .right{display:grid;grid-template-columns:1fr auto auto;align-items:center}
.bar nav{display:flex;gap:16px;padding-left:20px;font-size:15px}
.bar nav a:hover,.bar nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.tog{width:22px;height:12px;border:1px solid var(--fg);border-radius:999px;position:relative;margin:0 18px;cursor:pointer;background:transparent}
.tog::after{content:"";position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:50%;background:var(--fg)}
:root[data-theme="dark"] .tog::after{right:auto;left:1px}
.bar .cta{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;height:100%;padding:0 20px;min-width:174px}
:root[data-theme="dark"] .bar .cta{background:#fff;color:var(--ink)}
.row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.row>*{min-width:0}
.cell{position:relative;padding:18px 18px 20px;border-right:1px solid var(--line);overflow:hidden;min-width:0}
.cell:last-child{border-right:0}
.cell.dark{background:var(--ink);color:#fff}
.cell.mint{background:var(--mint);color:var(--ink)}
.cell.gray{background:var(--gray)}
:root[data-theme="dark"] .cell.gray{color:#fff}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0 0 10px}
.big{font-size:clamp(20px,1.75vw,25px);line-height:1.22;letter-spacing:-.012em;margin:0;text-wrap:pretty}
.num{font-size:clamp(44px,5.2vw,84px);line-height:.95;letter-spacing:-.045em;margin:0}
.lab{font-size:13.5px;margin-top:auto;padding-top:22px}
.mono{font-family:var(--mono)}
.foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-top:24px;cursor:pointer;background:none;border:0;color:inherit;width:100%;text-align:left}
.foot:hover{text-decoration:underline;text-underline-offset:4px}
.foot:disabled{opacity:.5;cursor:default}
input,textarea,select{width:100%;background:transparent;color:inherit;border:1px solid var(--line);padding:10px 11px;font:inherit;border-radius:0;resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid var(--fg);outline-offset:-1px}
.mint input,.mint textarea,.mint select{border-color:var(--ink)}
.dark input,.dark textarea,.dark select{border-color:#fff}
.chip{border:1px solid var(--line);background:transparent;color:inherit;padding:5px 11px;font:inherit;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.chip:hover,.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.mint .chip:hover,.mint .chip[aria-pressed="true"]{background:var(--ink);color:#fff}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
td{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px}
td:first-child{font-family:var(--sans)}
tr.us td{font-weight:600}
.bars{display:flex;flex-direction:column;gap:6px}
.b{display:grid;grid-template-columns:minmax(90px,170px) 1fr 58px;gap:10px;align-items:center;font-size:13px}
.b .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b .track{height:14px;background:rgba(0,0,0,.08);position:relative}
:root[data-theme="dark"] .b .track{background:rgba(255,255,255,.12)}
.mint .b .track{background:rgba(0,0,0,.12)}
.dark .b .track{background:rgba(255,255,255,.14)}
.b .fill{position:absolute;inset:0 auto 0 0;background:var(--fg);transition:width .35s cubic-bezier(.2,.7,.3,1)}
.mint .b .fill{background:var(--ink)}
.dark .b .fill{background:#fff}
.b.lead .t{font-weight:600}
.b .n{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums}
pre{margin:0;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all}
footer{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr}
footer .cell{border-color:#444}
footer .fine{font-size:12.5px;opacity:.7;line-height:1.55;margin-top:14px;max-width:60ch}
footer .links{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:14px}
.err{color:#B00020;font-size:13px;margin-top:8px}
:root[data-theme="dark"] .err,.dark .err{color:#FF8A8A}
.hide{display:none}
@media (max-width:900px){
 .row{grid-template-columns:1fr!important}
 .cell{border-right:0;border-bottom:1px solid var(--line)}
 .bar{grid-template-columns:var(--bar) 1fr}.bar .left{display:none}.bar nav{gap:12px;font-size:14px;padding-left:12px}.bar .cta{min-width:0;padding:0 14px}
 footer{grid-template-columns:1fr}
}