:root{--accent:#1F3A93;--accent-deep:#16296B;--accent-soft:#EDF0FA;--accent-ink:#FFFFFF;--paper:#FDFDFC;--card:#FFFFFF;--soft:#F5F5F3;--ink:#14161A;--body:#3D4147;--line:#E2E0DC;--muted:#71757C;--r:16px}
:root[data-theme="dark"]{--paper:#111317;--card:#181B20;--soft:#1E2228;--ink:#F2F1EE;--body:#C3C6CB;--line:#2C3037;--muted:#8E939A;--accent:#8FA7F0;--accent-deep:#B3C2F6;--accent-soft:#1C2436;--accent-ink:#111317}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;font-size:16px;line-height:1.75;transition:background 220ms ease-out,color 220ms ease-out}
*{box-sizing:border-box}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent-deep)}
input,button,select,textarea{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:var(--muted)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-serif]{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-weight:800;letter-spacing:-0.035em}
[data-cut="1"]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
[data-lines]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
[data-lines="2"]{-webkit-line-clamp:2}
[data-lines="3"]{-webkit-line-clamp:3}
[data-card]{transition:border-color 180ms ease-out,background 180ms ease-out}
[data-card]:hover{border-color:var(--accent)}
[data-card]:hover [data-ttl]{color:var(--accent-deep)}
[data-ttl]{transition:color 180ms}
[data-zoom]{transition:transform 620ms cubic-bezier(.2,.7,.2,1)}
[data-card]:hover [data-zoom],[data-figure]:hover [data-zoom]{transform:scale(1.03)}
[data-navlink]{transition:color 160ms ease-out}
[data-navlink]:hover,[data-navlink][aria-current="true"]{color:var(--accent-deep)}
[data-hov]{transition:background 160ms ease-out}
[data-hov]:hover{background:var(--soft)}
[data-hov]:hover [data-ttl]{color:var(--accent-deep)}
[data-catrail]::-webkit-scrollbar{display:none}
[data-catcard]{position:relative;overflow:hidden;transition:border-color 420ms ease-out,box-shadow 420ms ease-out}
[data-catcard]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 520ms cubic-bezier(.2,.7,.2,1)}
[data-catcard]:hover{border-color:#C8C6C1;box-shadow:0 1px 2px rgba(20,22,26,0.04),0 10px 26px rgba(20,22,26,0.06)}
[data-catcard]:hover::after{transform:scaleX(1)}
[data-catcard] [data-catbar]{transition:width 520ms cubic-bezier(.2,.7,.2,1)}
[data-catcard]:hover [data-catbar]{width:44px!important}
[data-catcard] [data-catarrow]{transition:transform 420ms cubic-bezier(.2,.7,.2,1),opacity 320ms ease-out;opacity:0.55}
[data-catcard]:hover [data-catarrow]{transform:translateX(4px);opacity:1}
[data-catcard] [data-ttl]{transition:color 320ms ease-out}
[data-catcard]:hover [data-ttl]{color:var(--accent-deep)}
[data-herocard] [data-heroart] [data-heronum]{transition:color 400ms ease-out}
[data-herocard]:hover [data-heroart] [data-heronum]{color:rgba(255,255,255,0.26)}
[data-herocard] [data-hero-title]{transition:color 200ms ease-out}
[data-herocard] [data-hero-title]:hover{color:var(--accent-deep);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}
[data-herocta]{transition:background 220ms ease-out,transform 220ms cubic-bezier(.2,.7,.2,1)}
[data-herocta]:hover{background:var(--accent-deep)!important;color:var(--accent-ink)!important;transform:translateY(-2px)}
[data-heroarrow]{transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
[data-herocta]:hover [data-heroarrow]{transform:translateX(4px)}
[data-heronav]:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}
@media (max-width:899px){[data-herocard]{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}[data-heroart]{aspect-ratio:16/9}}
[data-btn]{transition:background 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out}
[data-num]{font-variant-numeric:tabular-nums;letter-spacing:0.01em}
@keyframes jnRiseA{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes jnRiseB{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes jnMaskA{from{clip-path:inset(0 100% 0 0 round 0)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes jnMaskB{from{clip-path:inset(0 100% 0 0 round 0)}to{clip-path:inset(0 0 0 0 round 0)}}
@keyframes jnPage{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-herotext="a"]>*{animation:jnRiseA 620ms cubic-bezier(.22,1,.36,1) both}
[data-herotext="b"]>*{animation:jnRiseB 620ms cubic-bezier(.22,1,.36,1) both}
[data-herotext]>*:nth-child(1){animation-delay:120ms}[data-herotext]>*:nth-child(2){animation-delay:170ms}[data-herotext]>*:nth-child(3){animation-delay:220ms}[data-herotext]>*:nth-child(4){animation-delay:270ms}[data-herotext]>*:nth-child(5){animation-delay:320ms}[data-herotext]>*:nth-child(6){animation-delay:370ms}[data-herotext]>*:nth-child(7){animation-delay:420ms}[data-herotext]>*:nth-child(8){animation-delay:470ms}
[data-heroslide="in-a"]{animation:jnMaskA 900ms cubic-bezier(.76,0,.24,1) both}
[data-heroslide="in-b"]{animation:jnMaskB 900ms cubic-bezier(.76,0,.24,1) both}
[data-pagein="a"]{animation:jnRiseA 420ms cubic-bezier(.22,1,.36,1) both}
[data-pagein="b"]{animation:jnRiseB 420ms cubic-bezier(.22,1,.36,1) both}
[data-row]{transition:background 300ms cubic-bezier(.22,1,.36,1),border-color 300ms ease-out}
[data-row] [data-ttl]{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1.5px;background-repeat:no-repeat;background-position:0 96%;transition:background-size 320ms cubic-bezier(.22,1,.36,1),color 260ms ease-out}
[data-row]:hover [data-ttl]{background-size:100% 1.5px}
[data-row] [data-row-fig]{transition:transform 620ms cubic-bezier(.16,1,.3,1)}
[data-row]:hover [data-row-fig]{transform:scale(1.02)}
[data-herotag]{transition:border-color 260ms ease-out,color 260ms ease-out,transform 260ms cubic-bezier(.22,1,.36,1)}
[data-herotag]:hover{border-color:var(--accent)!important;color:var(--accent-deep)!important;transform:translateY(-1px)}
header[data-shrunk="1"]>div{height:60px!important}
[data-savedbtn]:hover{border-color:var(--accent)!important;color:var(--accent-deep)!important}
@media (max-width:1023px){[data-savedlabel]{display:none}[data-savedbtn]{padding:0 11px!important;gap:6px!important}}
header>div{transition:height 360ms cubic-bezier(.22,1,.36,1)}
header{transition:background 360ms ease-out,box-shadow 360ms ease-out}
header[data-shrunk="1"]{background:rgba(253,253,252,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line),0 8px 24px rgba(20,22,26,0.04)}
:root[data-theme="dark"] header[data-shrunk="1"]{background:rgba(17,19,23,0.88)}
::selection{background:var(--accent-soft);color:var(--ink)}
[data-body] p a,[data-body] li a{color:var(--accent-deep);text-decoration:none;background-image:linear-gradient(var(--accent-soft),var(--accent-soft));background-size:0% 100%;background-repeat:no-repeat;background-position:0 0;transition:background-size 260ms cubic-bezier(.22,1,.36,1)}
[data-body] p a:hover,[data-body] li a:hover{background-size:100% 100%}
[data-body] strong{font-weight:700;color:var(--ink)}
[data-body] > p:first-of-type{font-size:19px;line-height:1.9;color:var(--ink)}
[data-body] h2:first-of-type{margin-top:34px}
[data-hov]:hover [data-num]{color:var(--accent-deep)}
[data-card] [data-num],[data-hov] [data-num]{transition:color 260ms cubic-bezier(.22,1,.36,1)}
[data-note]{transition:border-color 300ms cubic-bezier(.22,1,.36,1)}
@media (max-width:767px){[data-note]{grid-template-columns:minmax(0,1fr)!important}}
[data-cursor]{position:fixed;left:0;top:0;z-index:99;pointer-events:none;opacity:0;transition:opacity 240ms ease-out}
[data-cursor-ring]{position:absolute;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:1px solid var(--accent);background:rgba(43,91,215,0.05);transition:width 300ms cubic-bezier(.22,1,.36,1),height 300ms cubic-bezier(.22,1,.36,1),margin 300ms cubic-bezier(.22,1,.36,1),background 300ms ease-out,opacity 240ms ease-out}
[data-cursor-dot]{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--accent);transition:opacity 200ms ease-out,transform 200ms ease-out}
[data-cursor-ico]{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:var(--accent-deep);font-size:13px;font-weight:700;opacity:0;transition:opacity 240ms ease-out}
[data-cursor][data-mode="link"] [data-cursor-ring]{width:40px;height:40px;margin:-20px 0 0 -20px;background:rgba(43,91,215,0.09)}
[data-cursor][data-mode="view"] [data-cursor-ring]{width:58px;height:58px;margin:-29px 0 0 -29px;background:rgba(43,91,215,0.12)}
[data-cursor][data-mode="view"] [data-cursor-dot]{opacity:0}
[data-cursor][data-mode="view"] [data-cursor-ico]{opacity:1}
[data-cursor][data-mode="drag"] [data-cursor-ring]{width:62px;height:42px;margin:-21px 0 0 -31px;border-radius:999px;background:rgba(43,91,215,0.1)}
[data-cursor][data-mode="drag"] [data-cursor-dot]{opacity:0}
[data-cursor][data-mode="drag"] [data-cursor-ico]{opacity:1;font-size:9.5px;letter-spacing:0.14em}
[data-cursor][data-mode="btn"] [data-cursor-ring]{opacity:0}
[data-cursor][data-mode="text"]{opacity:0!important}
@media (pointer:coarse),(hover:none){[data-cursor]{display:none!important}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-cursor]{display:none!important}}
@media (max-width:1279px){
[data-toc-rail]{display:none!important}
[data-post-grid]{grid-template-columns:minmax(0,1fr) 272px!important}
[data-toc-inline]{display:block!important}
}
@media (max-width:1023px){
[data-desk-nav]{display:none!important}
[data-menu-btn]{display:inline-flex!important}
[data-withside]{grid-template-columns:minmax(0,1fr)!important}
[data-post-grid]{grid-template-columns:minmax(0,1fr)!important}
[data-sidebar]{position:static!important;border-top:1px solid var(--ink);padding-top:26px;margin-top:12px}
[data-catgrid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
[data-hero-fig]{min-height:340px!important}
}
@media (max-width:767px){
[data-hero-inner]{padding:20px!important}
[data-hero-title]{font-size:clamp(24px,6.6vw,32px)!important}
[data-hero-fig]{min-height:0!important;aspect-ratio:4/3}
[data-catgrid]{grid-template-columns:minmax(0,1fr)!important}
[data-row]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
[data-row-fig]{width:100%!important}
[data-body] p,[data-body] li{font-size:17px!important}
[data-post-title]{font-size:clamp(26px,7.2vw,34px)!important}
[data-rel]{grid-template-columns:minmax(0,1fr)!important}
[data-cform]{grid-template-columns:minmax(0,1fr)!important}
[data-sf]{grid-template-columns:minmax(0,1fr)!important}
[data-top-btn]{right:14px!important;bottom:14px!important}
}