:root{color-scheme:light;--line:#dedbd9;--ink:#242424;--accent:#d7979d}
.hero .landing-logo{display:block;height:auto;object-fit:contain;object-position:center}
.card-thumb{height:auto}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{background:#fff!important;color:var(--ink)!important;font-family:"IBM Plex Sans KR","Apple SD Gothic Neo",sans-serif!important}
.hero,.article-hero,.article-body,.card,.toc-box,.rail-box,.recommendation,.cta-box,.toc-link,.sidebar-card,.popular-card{background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;border-color:var(--line)!important}
.hero{border-width:0 0 1px!important;padding:30px 0 40px!important}.hero h1{font-size:clamp(28px,4vw,48px)!important;letter-spacing:-.045em;line-height:1.3!important}
.hero p,.article-body p,.card p,.meta,.eyebrow,.toc-link,.popular-card p{font-family:inherit!important;color:#555!important;letter-spacing:normal!important}
.hero-tags{gap:24px!important}.hero-tags a{padding-bottom:8px;border-bottom:1px solid var(--accent)}
.shell{max-width:1280px!important;padding:24px!important}.grid{gap:32px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:40px!important}
.card{border-width:0 0 1px!important;padding:0 0 28px!important}.card h2{font-size:25px!important;line-height:1.45!important;letter-spacing:-.035em}.card-thumb{border:0!important}
.logo{width:280px!important;height:94px;object-fit:cover;object-position:center;max-width:100%}.article-hero h1{font-size:clamp(28px,4vw,46px)!important;line-height:1.35!important;letter-spacing:-.04em}
.article-body{border:0!important;font-size:18px;line-height:1.95;padding:24px 0!important}.article-body p{white-space:normal;overflow-wrap:anywhere;margin:0 0 26px}.article-body h2{font-size:28px!important;line-height:1.5!important;padding-top:20px}.article-body a{text-decoration:underline}.article-body figure{margin:32px 0}.article-body figcaption{font-size:13px;color:#777}.article-hero{border:0!important;padding:16px 0!important}
.site-footer{max-width:1280px;margin:64px auto 0;padding:24px;display:flex;align-items:center;gap:32px;border-top:1px solid var(--line)}
form input,form button{padding:12px;border:1px solid var(--line);background:white;color:var(--ink);font:inherit}form{margin-top:24px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #555;outline-offset:4px}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer{flex-wrap:wrap}.article-layout{padding:20px!important}.toc-rail{display:none!important}}
@media(max-width:520px){.grid{grid-template-columns:1fr!important}.shell{padding:16px!important}.logo{width:240px!important}.site-footer{gap:12px}.article-body{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.hero,.article-hero,.article-body,.card,.rail-box,.sidebar-card,.popular-card{border-radius:0;box-shadow:none!important}
.shell{max-width:1280px!important;padding:32px!important}
.grid{column-gap:40px!important;row-gap:48px!important}
.card{border:0!important}.card h2{margin-top:16px;letter-spacing:-.025em}.card p{margin-bottom:16px}
.card-thumb,.sidebar-thumb,.popular-thumb,.hero-image{border-radius:6px!important}
.rail-box{border:0!important;padding:0!important;position:static!important}
.rail-box h2{font-size:21px!important;line-height:1.5!important;letter-spacing:-.025em}
.rail-grid{gap:0!important}.sidebar-card,.popular-card{border:0!important;border-bottom:1px solid #eeece9!important;padding:20px 0!important;gap:14px!important}
.sidebar-card{grid-template-columns:80px minmax(0,1fr);align-items:start}
.sidebar-card strong,.popular-card strong{font-size:16px!important;line-height:1.6!important}
.popular-card{grid-template-columns:64px minmax(0,1fr)!important}
.recommend-rail{gap:40px!important}.recommend-rail .rail-box + .rail-box{margin-top:0!important}
.article-layout{grid-template-columns:180px minmax(0,740px) 240px!important;gap:40px!important;padding:40px 24px!important}
.article-shell{min-width:0}.article-body{line-height:1.95!important}
.toc-box{background:rgba(248,248,246,.68)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(225,225,220,.45)!important;border-radius:10px!important;box-shadow:none!important;padding:20px 16px!important;max-height:calc(100dvh - 64px);overflow-y:auto}
.toc-box h2{font-size:18px!important;line-height:1.5!important}.toc-box .eyebrow{display:none}.toc-nav{gap:4px!important}
.toc-link{border:0!important;border-left:2px solid transparent!important;background:transparent!important;border-radius:0 4px 4px 0!important;padding:10px 12px!important;font-size:14px;transition:background .16s,color .16s}
.toc-link:hover{background:rgba(255,255,255,.6)!important;color:#222!important}
.toc-link[aria-current]{border-left-color:#b97980!important;background:rgba(255,255,255,.8)!important;color:#222!important;font-weight:600}
.hero input,.hero button{border-radius:6px}.hero input{background:#fafaf9}.hero form{display:flex;gap:8px;max-width:480px}.hero input{min-width:0;flex:1}
@media(max-width:1279px){.article-layout{grid-template-columns:minmax(0,1fr) 240px!important;gap:32px!important}.toc-rail{display:none!important}}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr)!important;padding:24px!important}.recommend-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid #e8e6e3;padding-top:32px}.grid{gap:32px!important}}
@media(max-width:520px){.shell,.article-layout{padding:20px!important}.recommend-rail{grid-template-columns:minmax(0,1fr)!important}}