:root{--paper:#F5F2EB;--ink:#141310;--body:#34322D;--muted:#5C5951;--faint:#7A766D;--line:#D9D4C8;--rule:#141310;--red:#B3261E;--card:#FBF9F4;--grain:0.06}
:root[data-theme="dark"]{--paper:#17171A;--ink:#EDE9E0;--body:#C8C3B8;--muted:#9A958B;--faint:#75716A;--line:#2E2D31;--rule:#EDE9E0;--red:#C9524A;--card:#1E1E22;--grain:0.03}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif KR",serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;font-size:16px;line-height:1.75}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--grain);background-image:radial-gradient(rgba(0,0,0,0.5) 0.6px,transparent 0.7px);background-size:3px 3px}
*{box-sizing:border-box}
a{color:var(--ink);text-decoration:none}
input,button{font:inherit;color:inherit}
input::placeholder{color:var(--faint)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
[data-sans]{font-family:Pretendard,"Apple SD Gothic Neo",sans-serif}
[data-num]{font-variant-numeric:tabular-nums;letter-spacing:0.02em}
[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-ttl]{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size 280ms cubic-bezier(.22,1,.36,1)}
[data-art]:hover [data-ttl],[data-ttl]:hover{background-size:100% 1px}
[data-photo]{transition:transform 520ms cubic-bezier(.16,1,.3,1),filter 520ms ease-out}
[data-art]:hover [data-photo]{transform:scale(1.015);filter:contrast(1.04)}
[data-dot]{position:relative}
[data-dot]::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.10;background-image:radial-gradient(rgba(0,0,0,0.9) 0.7px,transparent 0.8px);background-size:4px 4px;mix-blend-mode:multiply}
:root[data-theme="dark"] [data-dot]::after{opacity:0.05}
[data-rank]{transition:color 240ms ease-out,border-color 240ms ease-out}
[data-rank]:hover{border-color:var(--red)!important}
[data-rank]:hover [data-rankno]{color:var(--red)!important}
[data-nav-a]{position:relative;transition:color 200ms}
[data-nav-a]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform 260ms cubic-bezier(.22,1,.36,1)}
[data-nav-a]:hover::after,[data-nav-a][aria-current="true"]::after{transform:scaleX(1)}
[data-arrow]{display:inline-block;transition:transform 240ms cubic-bezier(.22,1,.36,1)}
a:hover [data-arrow]{transform:translateX(4px)}
[data-ticker]{overflow:hidden}
[data-ticker-track]{display:flex;gap:0;animation:hjTicker 36s linear infinite;width:max-content}
[data-ticker]:hover [data-ticker-track],[data-ticker]:focus-within [data-ticker-track]{animation-play-state:paused}
@keyframes hjTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hjPage{from{opacity:0}to{opacity:1}}
[data-pagein]{animation:hjPage 220ms ease-out both}
[data-sub-in]{transition:box-shadow 220ms ease-out,border-color 220ms ease-out}
[data-sub-in]:focus{box-shadow:inset 0 0 0 1px var(--ink)}
[data-ticker-item]:focus-visible{outline:none;box-shadow:inset 0 -2px 0 0 var(--red);color:var(--red)}
[data-rank]:focus-visible{outline:none;border-color:var(--red)!important}
[data-rank]:focus-visible [data-rankno]{color:var(--red)!important}
[data-toc-a]{transition:color 220ms ease-out}
[data-toc-a][aria-current="true"],[data-toc-a][aria-current="true"] span{color:var(--red)!important}
[data-progress]{position:fixed;left:0;top:0;height:2px;background:var(--red);z-index:70;width:0;transition:width 120ms linear}
nav[aria-label="분야"]>div{scrollbar-width:none;position:relative}
nav[aria-label="분야"]>div::-webkit-scrollbar{display:none}
@media (max-width:1023px){nav[aria-label="분야"]{mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}[data-article-grid] aside{position:static!important}}
@media (max-width:767px){[data-article-grid] aside{order:2}[data-article-grid]>div:first-child{order:1}}
@media print{[data-topbar],nav[aria-label="분야"],[data-ticker],[data-cursor],[data-progress],footer nav,footer a,[aria-label="사이드바"],[aria-label="이전 다음 기사"],button,[role="dialog"]{display:none!important}body::before{display:none}body{background:#fff;color:#000}[data-article-grid]{grid-template-columns:1fr!important}a{color:#000}}
[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:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1px solid var(--ink);opacity:0.7;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),border-color 260ms ease-out,background 260ms ease-out,opacity 240ms ease-out,border-radius 300ms}
[data-cursor-dot]{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--ink);transition:background 240ms ease-out,opacity 200ms ease-out}
[data-cursor-ico]{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:var(--paper);font-size:12px;font-weight:700;opacity:0;transition:opacity 240ms ease-out;font-family:Pretendard,sans-serif;letter-spacing:0.08em}
[data-cursor][data-mode="link"] [data-cursor-ring]{width:38px;height:38px;margin:-19px 0 0 -19px;border-color:var(--red);opacity:1}
[data-cursor][data-mode="link"] [data-cursor-dot]{background:var(--red)}
[data-cursor][data-mode="view"] [data-cursor-ring]{width:54px;height:54px;margin:-27px 0 0 -27px;background:var(--ink);border-color:var(--ink);opacity:0.92}
[data-cursor][data-mode="view"] [data-cursor-dot]{opacity:0}
[data-cursor][data-mode="view"] [data-cursor-ico]{opacity:1}
[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}[data-cursor]{display:none!important}}
@media (max-width:1023px){[data-lead]{grid-template-columns:minmax(0,1fr)!important}[data-mid]{grid-template-columns:minmax(0,1fr)!important}[data-latest]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-desk-nav]{display:none!important}[data-mob-nav]{display:flex!important}}
@media (max-width:767px){[data-mast]{font-size:clamp(56px,38vw,92px)!important}[data-lead-cols]{columns:1!important}[data-latest]{grid-template-columns:minmax(0,1fr)!important}[data-sections]{grid-template-columns:minmax(0,1fr)!important}[data-topbar]{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:4px 12px!important;padding:10px 18px!important}
[data-topbar]>span:nth-child(1){grid-column:1;font-size:12px!important}
[data-topbar]>span:nth-child(2){grid-column:1;grid-row:2;font-size:11.5px!important;color:var(--muted)!important}
[data-topbar]>[data-hdr-btns]{grid-column:2;grid-row:1 / span 2;gap:4px!important}
[data-hdr-btns] button span,[data-hdr-btns] a span{display:none}
[data-hdr-btns] button{width:34px;justify-content:center;padding:0!important}
[data-hdr-btns] a{padding:0 12px!important}
[data-hdr-btns] a[href="#/saved"]{width:34px;padding:0!important;justify-content:center}
nav[aria-label="분야"]>div{justify-content:flex-start!important;padding:0 18px!important;scroll-padding-left:18px}
nav[aria-label="분야"] a{padding:12px 12px!important;font-size:14.5px!important}
[data-ticker]{grid-template-columns:auto minmax(0,1fr)!important}
[data-ticker]>span{padding:12px 12px 12px 0!important;margin-right:10px!important}
[data-ticker-track]{scrollbar-width:none}
[data-ticker-track]::-webkit-scrollbar{display:none}
[data-ticker-item]{white-space:normal!important;padding:12px 8px 12px 0!important;font-size:14px!important;line-height:1.5}[data-ticker-track]{animation:none!important;width:100%!important;overflow-x:auto;scroll-snap-type:x mandatory}[data-ticker-item]{flex:0 0 100%!important;scroll-snap-align:start;border-left:0!important}[data-ticker-dup]{display:none!important}[data-article-grid]{grid-template-columns:minmax(0,1fr)!important}[data-sub-form]{grid-template-columns:minmax(0,1fr)!important}[data-hdr-btns] button,[data-hdr-btns] a{padding:0 10px!important}} .dch1:hover{border-color:var(--ink) !important;}