:root{--bg: #f3f5fb;--surface: #ffffff;--surface-soft: #f8faff;--ink: #131d31;--muted: #55617d;--line: #dce3f4;--brand: #0d7e57;--brand-soft: #e6f8f1;--accent: #2f64ff;--accent-soft: #eaf0ff;--chip: #eef2fb;--chip-ink: #2a3e6a;--radius-xl: 22px;--radius-lg: 16px;--radius-md: 11px;--shadow-lg: 0 24px 56px #1b2e5a12;--shadow-md: 0 13px 30px #23397514}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:IBM Plex Sans KR,Pretendard,Noto Sans KR,sans-serif;color:var(--ink);background:radial-gradient(72rem 36rem at 104% -16%,#d6f2ff 0%,transparent 52%),radial-gradient(70rem 35rem at -14% 108%,#ddf8ea 0%,transparent 47%),linear-gradient(180deg,#f8f9fe 0%,var(--bg) 100%)}.bg-noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.55;background-image:linear-gradient(transparent 95%,#fff6 95%),linear-gradient(90deg,transparent 95%,#ffffff55 95%);background-size:22px 22px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1rem;border-bottom:1px solid #dbe2f5;background:#ffffffc4;backdrop-filter:blur(8px)}.brand{text-decoration:none;font-family:Sora,IBM Plex Sans KR,sans-serif;color:var(--ink);font-size:1rem;letter-spacing:-.01em}.topbar nav{display:flex;gap:.4rem}.topbar nav a{text-decoration:none;color:var(--muted);font-size:.9rem;border:1px solid transparent;border-radius:999px;padding:.34rem .74rem}.topbar nav a:hover{border-color:#d0dbf8;background:#f2f6ff;color:var(--ink)}.docs-shell{max-width:1280px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}.sidebar{position:sticky;top:4.4rem;align-self:start;background:#fffc;border:1px solid #d9e1f4;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:.9rem;max-height:calc(100vh - 5rem);overflow:auto}.sidebar-title{margin:0;font-family:Sora,IBM Plex Sans KR,sans-serif;font-size:.86rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.sidebar-list{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.35rem}.sidebar-list a{text-decoration:none;color:#2f3f63;display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid #e1e8f8;border-radius:10px;padding:.43rem .58rem;font-size:.87rem}.sidebar-list a:hover{border-color:#c7d7f8;background:#f3f7ff}.sidebar-list a.active{border-color:#b8d9cb;background:var(--brand-soft);color:#0a5a3f}.count{border:1px solid #d2dcf6;border-radius:999px;background:#f0f4ff;color:#324a7c;padding:.05rem .42rem;font-size:.76rem}.content{min-width:0}.hero{border:1px solid #d9e1f6;border-radius:var(--radius-xl);background:linear-gradient(145deg,#fff,#f7faff 48%,#f3fbf7);box-shadow:var(--shadow-lg);padding:clamp(1.2rem,2.3vw,2.2rem)}.eyebrow{display:inline-block;margin:0;border-radius:999px;border:1px solid #cfe7dc;background:#ebfaf3;color:#176247;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .62rem}.hero h1,.hero h2,.hero h3{margin:.46rem 0 0;font-family:Sora,IBM Plex Sans KR,sans-serif;letter-spacing:-.02em}.hero h1{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08}.hero p{margin:.72rem 0 0;color:var(--muted);line-height:1.65}.hero-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.hero-actions a{text-decoration:none}.hero-btn{background:linear-gradient(90deg,#0d7e57,#0a6848);color:#fff;border:1px solid #0c8a5f;border-radius:999px;padding:.54rem .95rem;font-size:.88rem;font-weight:600}.hero-chip{border:1px solid #d5dff9;background:#f2f6ff;color:#344c7d;border-radius:999px;padding:.33rem .7rem;font-size:.8rem}.stats-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem}.stat-card{grid-column:span 3;border:1px solid #dae3f8;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f6f9ff);box-shadow:var(--shadow-md);padding:.85rem .95rem}.stat-card h3{margin:0;color:#5a6888;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{display:block;margin-top:.2rem;font-size:1.7rem;font-family:Sora,IBM Plex Sans KR,sans-serif}.stat-card p{margin:.18rem 0 0;color:var(--muted);font-size:.85rem}.panel{margin-top:1rem;border:1px solid #d9e2f6;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);padding:.95rem 1rem}.panel h2,.panel h3{margin:0;font-family:Sora,IBM Plex Sans KR,sans-serif;letter-spacing:-.01em}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.panel-head p{margin:0;color:var(--muted);font-size:.85rem}.group-pills{margin-top:.72rem;display:flex;flex-wrap:wrap;gap:.42rem}.group-pill{border:1px solid #d5dff8;border-radius:999px;background:#f4f7ff;color:#2d3e67;padding:.34rem .72rem;font-size:.83rem;cursor:pointer}.group-pill.active{background:linear-gradient(90deg,#0f7d56,#0c6547);border-color:#0c6547;color:#fff}.search-box{margin-top:.82rem;display:grid;gap:.3rem}.search-box span{color:var(--muted);font-size:.84rem}.search-box input{border:1px solid #d5def4;border-radius:var(--radius-md);padding:.58rem .68rem;font:inherit;font-size:.92rem;color:var(--ink);background:var(--surface-soft)}.search-box input:focus{outline:none;border-color:#7e9ef0;box-shadow:0 0 0 3px #2f64ff1f}.entry-list{list-style:none;margin:.92rem 0 0;padding:0;display:grid;gap:.66rem}.entry-item{border:1px solid #d9e2f6;border-radius:13px;background:linear-gradient(180deg,#fff,#f8faff);padding:.72rem .8rem}.entry-item:hover{border-color:#bfcef1;box-shadow:0 11px 24px #1f37680f}.entry-item a{text-decoration:none}.entry-title{color:#0f2a58;font-weight:700}.entry-desc{margin:.34rem 0 0;color:var(--muted);font-size:.89rem}.entry-flow{margin:.35rem 0 0;color:#38548c;font-size:.83rem}.entry-path{margin:.42rem 0 0;font-size:.82rem;color:var(--muted);word-break:break-word}.entry-path code{background:#eff4ff;border:1px solid #dce7ff;border-radius:8px;padding:.12rem .35rem}.pill-row{margin-top:.56rem;display:flex;flex-wrap:wrap;gap:.33rem}.pill{border:1px solid #d7e2fb;border-radius:999px;background:var(--chip);color:var(--chip-ink);font-size:.76rem;padding:.14rem .5rem}.detail-actions{margin-top:.62rem;display:flex;gap:.45rem;flex-wrap:wrap}.detail-actions a,.detail-actions button{border-radius:999px;border:1px solid #d4def8;background:#f4f8ff;color:#314a7a;font:inherit;font-size:.83rem;text-decoration:none;padding:.35rem .74rem;cursor:pointer}.detail-actions button.copy-btn{border-color:#0c865c;background:linear-gradient(90deg,#0f8058,#0b6747);color:#fff}.copy-status{margin:.52rem 0 0;color:var(--muted);font-size:.84rem}.code-panel :global(pre){margin:.72rem 0 0;border-radius:14px;border:1px solid #27385a;background:#0f1930!important;box-shadow:inset 0 0 0 1px #ffffff10;overflow:auto}.code-panel :global(code){font-family:JetBrains Mono,Cascadia Mono,Consolas,monospace;font-size:.84rem;line-height:1.5}.guide-grid{margin-top:.72rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.62rem}.guide-card{grid-column:span 6;border:1px solid #dde5f8;border-radius:12px;background:#f8faff;padding:.62rem .7rem}.guide-card h3{margin:0;font-size:.93rem}.guide-card ul,.guide-card ol{margin:.46rem 0 0;padding-left:1rem;color:var(--muted);font-size:.87rem;line-height:1.52}.pagination{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.page-link{text-decoration:none;border:1px solid #d9e2f6;border-radius:12px;background:#fff;padding:.58rem .68rem;color:#203562}.page-link small{display:block;color:var(--muted);margin-bottom:.12rem}@media(max-width:1040px){.docs-shell{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.stats-grid .stat-card{grid-column:span 6}}@media(max-width:680px){.topbar{flex-direction:column;align-items:flex-start}.stats-grid .stat-card,.guide-card{grid-column:span 12}.pagination{grid-template-columns:1fr}.hero h1{font-size:clamp(1.65rem,8vw,2.2rem)}}