/* hanidea.com 포털 — 생성물(build.mjs). 설계 han/디자인/DESIGN_hanidea_portal.md */
@font-face{font-family:Hahmlet;src:url(/fonts/Hahmlet-900-ksx1001.woff2) format("woff2");font-weight:900;font-style:normal;font-display:optional}
@font-face{font-family:"IBM Plex Sans KR";src:url(/fonts/IBMPlexSansKR-500-ksx1001.woff2) format("woff2");font-weight:500;font-style:normal;font-display:optional}
:root{color-scheme:light dark;--지면:#8c8a88;--잉크:#15181c;--연잉크:#1a1d21;--t0:13px;--t1:19px;--t2:29px;--t3:43px;--t4:64px;--lh:1.44;--거터:8px}
@media (prefers-color-scheme:dark){:root{--지면:#384248;--잉크:#e9ebee;--연잉크:#c3c8cf}}
*{box-sizing:border-box}
html{background:var(--지면);color:var(--잉크);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:16px;font:500 var(--t1)/var(--lh) "IBM Plex Sans KR",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.mast{margin:0}
nav{flex:1;min-height:0}
h1{margin:0;font:900 var(--t2)/1.15 Hahmlet,serif;letter-spacing:0;text-wrap:balance}
.mast p{margin:8px 0 0;text-wrap:pretty}
.board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--거터);align-content:start;flex:1}
.tile{margin:0;min-width:0}
.paid,.internal{grid-column:1/-1}
.tile a{display:flex;flex-direction:column;gap:4px;height:100%;min-height:44px;padding:8px;color:var(--ti);background:var(--t);text-decoration:none;outline:0 solid var(--t);outline-offset:0;position:relative;transition:outline-width 120ms}
.tile strong{font:900 var(--t1)/1.2 Hahmlet,serif;display:flex;align-items:center;gap:4px}
.line{font-size:var(--t0);line-height:var(--lh)}
.meta{font-size:var(--t0);line-height:var(--lh);margin-top:auto}
.lock{flex:none}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tile a:hover,.tile a:active,.tile a:focus-visible{outline-width:8px;z-index:1}
.tile a:focus-visible{box-shadow:0 0 0 10px var(--잉크)}
footer p{margin:0;font-size:var(--t0);line-height:var(--lh)}
@media (max-width:999px) and (max-height:700px){h1{font-size:var(--t1)}body{gap:8px}}
@media (min-width:1000px){body{padding:64px;gap:32px}h1{font-size:var(--t4)}.board{grid-template-columns:repeat(4,minmax(0,1fr))}.paid,.internal{grid-column:span 2}.tile a{padding:16px;gap:4px}.tile strong{font-size:var(--t2)}.line{font-size:var(--t1)}}
@media (min-width:1000px) and (max-height:760px){h1{font-size:var(--t3)}body{gap:16px;padding:48px 64px}}
@media (prefers-reduced-motion:reduce){.tile a{transition:none}}
.t-reviewreply{--t:#f4f6f5;--ti:#14161b}
.t-credential{--t:#e6d8b6;--ti:#2a241a}
.t-season{--t:#1b2119;--ti:#f4ecdc}
.t-listing{--t:#B8A78B;--ti:#1F1A14}
.t-reels{--t:#a8a8a4;--ti:#17181a}
.t-slop{--t:#ffe7f0;--ti:#1b1e24}
.t-unlock{--t:#c4baab;--ti:#201d1a}
.t-studio{--t:#edf2f6;--ti:#203c56}