/* Author-Agent: claude claude-opus-5[1m]
   Created-At: 2026-09-22T17:27:53+09:00
   Updated-At: 2026-09-22T17:27:53+09:00
   Parent-Agent: none
   scorebriefing.com 토큰·셸·모듈 스타일 — 정본은 .ai_design.md §2·§3. 옐로는 배타 5곳(.hl / .hero .n:after / .st.hot / .s.w / 도구 우세값)만. */
:root{--paper:#EEEFE9;--ink:#23251D;--yellow:#F7A501;--hair:#DCDFD2;--mute:#6C6E63;--off:#E4E6DE;--off-paper:#D3D5CC;--draw:#B6B7AF}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Pretendard,system-ui,sans-serif;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink)}
button{font-family:inherit}.num{font-variant-numeric:tabular-nums}.mute{color:var(--mute)}.hl{background:var(--yellow);padding:0 3px}
.shell{position:sticky;top:0;z-index:10;background:var(--paper);height:52px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:2px solid var(--ink)}
.wm{font-weight:800;font-size:17px;letter-spacing:-.03em}.wm em{font-style:normal;background:var(--yellow);padding:0 4px}
.tabs{margin-left:auto;display:flex;gap:14px;font-size:12px;font-weight:700;color:var(--mute)}.tabs a{color:inherit;text-decoration:none}.tabs a.on{color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:2px}
.wrap{max-width:430px;margin:0 auto;padding:0 16px 48px}
.hero{padding:24px 0 16px;border-bottom:2px solid var(--ink)}.hero .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:700}
.hero .n{font-size:148px;font-weight:800;line-height:.9;letter-spacing:-.06em;display:inline-block;position:relative;z-index:0;margin-top:6px}
.hero .n:after{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:22px;background:var(--yellow);z-index:-1}
.hero .ws{font-size:15px;line-height:1.5;margin-top:12px;max-width:34ch}.hero .strip{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute);font-weight:600}
h2{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:22px 0 4px}.sub{font-size:12px;color:var(--mute);margin-bottom:10px}.note{font-size:11px;color:var(--mute);margin-top:8px;line-height:1.4}
.tool{background:#fff;border:1px solid var(--hair);border-radius:6px;padding:12px;margin-bottom:12px}.tool .th{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.tool .th b{font-size:15px;font-weight:800}.tool .th span{font-size:11px;color:var(--mute);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--hair);background:#fff;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;min-height:34px}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg{display:flex;gap:6px;margin:10px 0}.seg button{flex:1;border:1.5px solid var(--hair);background:#fff;border-radius:6px;padding:8px;font-size:12px;font-weight:700;cursor:pointer;min-height:36px}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.res{margin-top:10px;border-top:1px solid var(--hair);padding-top:10px}
.sc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sc div{background:var(--paper);border-radius:6px;padding:10px 8px;text-align:center}.sc .lb{font-size:10px;letter-spacing:.08em;color:var(--mute);font-weight:700;text-transform:uppercase}.sc .v{font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1.1;margin-top:2px}.sc .v em{font-style:normal;background:var(--yellow);padding:0 4px}.sc .d{font-size:11px;color:var(--mute);margin-top:2px}
.mn{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mn div{background:var(--paper);border-radius:6px;padding:10px}.mn .lb{font-size:11px;color:var(--mute);font-weight:700}.mn .v{font-size:40px;font-weight:800;letter-spacing:-.06em;line-height:1.05}.mn .v em{font-style:normal;background:var(--yellow);padding:0 6px}.mn .d{font-size:11.5px;color:var(--mute);margin-top:4px;line-height:1.4}
.cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;font-size:12.5px}.cmp .c{text-align:center}.cmp .k{font-size:10px;color:var(--mute);font-weight:700;letter-spacing:.06em;text-align:center}.cmp .big{font-size:22px;font-weight:800;letter-spacing:-.04em}.cmp .row{display:contents}.cmp .row>*{padding:7px 0;border-bottom:1px solid var(--hair)}.cmp .w{background:var(--yellow);padding:0 4px;border-radius:3px}
.map{background:#fff;border:1px solid var(--hair);border-radius:6px;padding:10px 12px}.mr{display:grid;grid-template-columns:58px 1fr 40px;align-items:center;gap:10px;height:30px;border-bottom:1px solid var(--hair)}.mr:last-child{border:0}.mr .t{font-size:12.5px;font-weight:700}.mr .st{font-size:11px;font-weight:700;text-align:right}.mr .st.hot{background:var(--yellow);padding:2px 4px;border-radius:3px}
.g{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gm{background:#fff;border:1px solid var(--hair);border-radius:6px;padding:10px 10px 8px;min-width:0}.gm .h{display:flex;justify-content:space-between;font-size:10px;color:var(--mute);font-weight:700;letter-spacing:.06em}.gm .l{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:6px;gap:8px}.gm .l .n{font-size:13px;font-weight:700;overflow-wrap:anywhere}.gm .l .s{font-size:20px;font-weight:800;letter-spacing:-.04em}.gm .l .s.w{background:var(--yellow);padding:0 4px;border-radius:3px}.gm svg{display:block;margin-top:3px}.gm .vs{color:var(--mute);font-weight:500;font-size:11px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--hair);border-radius:6px;overflow:hidden;font-size:12.5px}th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;text-align:left;padding:8px 8px;border-bottom:2px solid var(--ink)}td{padding:7px 8px;border-bottom:1px solid var(--hair);vertical-align:middle;white-space:nowrap}tr:last-child td{border:0}td.r,th.r{text-align:right}td.tm{font-weight:700}
.bar{display:inline-block;height:6px;background:var(--ink);border-radius:2px;vertical-align:middle}.bar.a{background:var(--draw)}
.foot{margin-top:32px;padding-top:12px;border-top:1px solid var(--hair);font-size:11px;color:var(--mute);line-height:1.5}
@media(min-width:1024px){.wrap{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.full{grid-column:1/-1}.hero{display:grid;grid-template-columns:auto 1fr;column-gap:48px;align-items:end}.hero .k{grid-column:1/-1}.hero .n{font-size:220px}.tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tools h2,.tools .sub{grid-column:1/-1;margin-bottom:0}.tools .tool{margin:0}.g{grid-template-columns:repeat(3,1fr)}.foot{grid-column:1/-1}}