@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--ink:#203830;--paper:#fff;--line:#d9dfdb;--muted:#58685f;--gold:#94713e;--wash:#f2f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.85;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:var(--ink);color:white;padding:10px 20px}.skip-link:focus{top:12px}
.header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 48px;border-bottom:1px solid var(--line);gap:20px}.brand{font-family:'Noto Serif KR',serif;font-size:26px;font-weight:600;display:flex;gap:12px;align-items:center;white-space:nowrap}.brand img{width:35px;height:35px;border-radius:9px}.brand span{font-size:12px;letter-spacing:3px;font-weight:400;margin-left:3px}.header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.header nav a{padding:8px 0;border-bottom:1px solid transparent}.header nav a:hover,.header nav a[aria-current]{border-bottom-color:var(--ink)}
.hero{max-width:1280px;margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:76px 48px 74px;align-items:center}.eyebrow{font-size:13px;font-weight:600;letter-spacing:1.4px;color:var(--muted);margin:0 0 24px}h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:500}h1{font-size:clamp(42px,5vw,64px);line-height:1.5;letter-spacing:-2px;margin:0 0 24px}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.42;letter-spacing:-3px;margin-bottom:27px}em{font-style:normal;color:var(--gold)}.intro{font-size:18px;color:var(--muted);line-height:1.9;margin:0 0 5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--ink);color:white;padding:15px 23px;margin-top:24px;font-size:15px;border:1px solid var(--ink);line-height:1.8}.button:hover{background:#314f42}.hero-text-link{display:block;width:fit-content;color:var(--muted);font-size:14px;margin-top:18px;text-decoration:underline;text-underline-offset:5px}.hero-image{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-image img{width:100%;aspect-ratio:1.09;object-fit:cover}.hero-image figcaption{font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:12px;text-align:right}.reading-strip{max-width:1184px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0 24px;gap:20px;font-size:14px}.reading-strip p{margin:0}.reading-strip span{color:var(--gold);font-size:12px;margin-right:12px}
.section{max-width:1280px;margin:auto;padding:66px 48px;border-top:1px solid var(--line)}h2{font-size:34px;letter-spacing:-1px;line-height:1.55;margin:0 0 24px}h3{font-size:25px;line-height:1.65;margin:14px 0}h3 small{font-family:'Noto Sans KR',sans-serif;font-size:14px;margin-left:8px;font-weight:400;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:4px;line-height:1.7}.text-link:hover{color:var(--gold);border-color:var(--gold)}.term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 34px;margin-top:28px}.term-card{padding:26px 0 25px;border-top:1px solid var(--ink);display:flex;flex-direction:column;align-items:flex-start;min-width:0}.term-card:hover h3{color:var(--gold)}.term-card h3{margin:10px 0 0}.category{font-size:13px;letter-spacing:.7px;color:var(--muted)}.term-card p{font-size:16px;color:var(--muted);margin:13px 0 22px}.read-link{font-size:13px;width:100%;margin-top:auto;display:flex;justify-content:space-between}.read-link span{font-size:18px}.search-form{display:flex;max-width:660px;min-height:59px;border:1px solid #a6b3a9;background:#fff}.search-form input{width:100%;min-width:0;flex:1;border:0;background:transparent;padding:15px 20px;color:var(--ink);border-radius:0;appearance:none}.search-form input::placeholder{color:#647268;font-size:15px}.search-form button{border:0;background:var(--ink);color:white;padding:12px 25px;white-space:nowrap;font-size:15px}.search-form button:hover{background:#314f42}.home-search{margin:8px 0 36px}
.guide-row{display:grid;grid-template-columns:54px 1fr 30px;gap:25px;padding:31px 0;border-top:1px solid var(--line);align-items:start}.guide-no{font-family:'Noto Serif KR',serif;color:var(--gold);font-size:23px;line-height:1.8}.guide-row h3{font-size:25px;margin:8px 0}.guide-row p{color:var(--muted);font-size:15px;margin:7px 0 0;max-width:800px}.guide-row:hover h3{color:var(--gold)}.guide-arrow{font-size:27px;align-self:center}.reading{background:var(--wash);max-width:none;padding-left:max(48px,calc((100vw - 1184px)/2));padding-right:max(48px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reading h2{font-size:38px;margin-bottom:0}.reading>div>p:not(.eyebrow){font-size:18px;line-height:2;color:var(--muted);margin:0 0 28px}.app-teaser{display:flex;gap:42px;align-items:center;justify-content:center;padding-top:78px;padding-bottom:78px}.app-teaser>img{width:100px;height:100px;border-radius:25px}.app-teaser .eyebrow{margin-bottom:12px}.app-teaser h2{margin-bottom:14px}.app-teaser p:not(.eyebrow){color:var(--muted);margin:0}.app-teaser .button{margin-top:22px}
footer{padding:38px 48px 30px;color:var(--muted);font-size:13px;max-width:1280px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px 24px}footer p{grid-column:1/-1;margin:0}.footer-brand{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:500;color:var(--ink)}.footer-brand span{font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:400;margin-left:16px;color:var(--muted)}.footer-links{display:flex;align-items:center;gap:25px;font-size:13px}.footer-links a:hover{text-decoration:underline}.fine{font-size:12px!important;color:var(--muted);line-height:1.8}.breadcrumb{max-width:1280px;margin:28px auto 0;padding:0 48px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span[aria-current]{max-width:700px}.page-intro{max-width:1280px;margin:auto;padding:55px 48px 56px}.page-intro .eyebrow{margin-bottom:22px}.page-intro p:not(.eyebrow){font-size:18px;color:var(--muted);margin:0}.dictionary-section{padding-top:42px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 16px}.filter-row button{background:transparent;border:1px solid var(--line);border-radius:2px;padding:7px 20px;font-size:14px;color:var(--ink)}.filter-row button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-row button:hover{border-color:var(--ink)}.result-count{font-size:13px;color:var(--muted);margin:25px 0 0}.dictionary-grid{margin-top:17px}#empty-search{padding:50px 0 60px;text-align:center}#empty-search h2{font-size:27px}#empty-search p{color:var(--muted)}
.entry-header,.guide-header{max-width:1280px;margin:auto;padding:48px 48px 50px;border-bottom:1px solid var(--line)}.entry-header{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.entry-header .eyebrow{margin-bottom:14px}.entry-header h1{font-size:60px;line-height:1.5;margin:0 0 18px}.entry-header h1 span{font-size:27px;margin-left:9px;color:var(--muted);letter-spacing:-1px}.entry-summary{font-size:19px;line-height:1.9;color:var(--muted);max-width:790px;margin:0}.entry-hanja{font-family:'Noto Serif KR',serif;font-size:55px;color:var(--gold);letter-spacing:7px;padding-left:10px}.article-layout{max-width:1280px;margin:auto;padding:50px 48px 75px;display:grid;grid-template-columns:minmax(0,800px) 240px;gap:80px;align-items:start}.article-section{margin-bottom:38px}.article-section h2{font-size:27px;line-height:1.6;margin:0 0 20px}.article-section p{margin:0 0 19px;line-height:2;max-width:74ch}.article-section a:not(.text-link){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#879b8a}.article-section li{margin-bottom:11px;line-height:1.9}.article-section ul,.article-section ol{padding-left:24px}.example{padding:28px 30px;background:var(--wash);border-left:2px solid #8b9e87}.example .eyebrow{margin-bottom:14px;font-size:13px}.example p:last-child{margin:0}.source-list{border-top:1px solid var(--line);padding-top:28px;margin-top:45px}.source-list h2{font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:500;letter-spacing:0}.source-list ul{font-size:13px;line-height:1.8;padding-left:20px}.source-list p{margin-bottom:0}.byline{font-size:12px;color:var(--muted);margin:24px 0}.article-aside{position:sticky;top:28px;font-size:14px}.article-aside>.eyebrow{margin-bottom:15px}.article-aside>a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.article-aside a:hover{color:var(--gold)}.aside-guide{margin-top:35px;padding-top:22px;border-top:1px solid var(--ink)}.aside-guide>a{display:block;line-height:1.8;margin-top:12px}.app-note{display:flex;gap:24px;padding:30px;background:var(--wash);margin-top:40px;align-items:flex-start}.app-note img{flex-shrink:0;width:52px;height:52px;border-radius:14px}.app-note .eyebrow{font-size:12px;margin:0 0 10px}.app-note h3{font-size:21px;margin:0 0 10px}.app-note p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 15px}.guide-header h1{max-width:970px;font-size:47px;line-height:1.55;letter-spacing:-1.7px}.guide-header .byline{margin-bottom:0}.guide-index{padding-top:12px}.table-wrap{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:13px 15px;vertical-align:top}th{background:var(--wash);font-weight:500}
.app-page-hero{max-width:1280px;margin:auto;padding:62px 48px;display:flex;gap:55px;align-items:center}.app-page-hero>img{width:112px;height:112px;border-radius:29px}.app-page-hero h1{font-size:54px;line-height:1.5}.app-status{display:inline-block;font-size:13px;background:var(--wash);padding:7px 13px;margin:24px 0 0}.feature-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.feature-columns h2{font-size:28px;margin:15px 0}.feature-columns p{color:var(--muted);font-size:16px}.app-details details{border-top:1px solid var(--line);padding:20px 0}.app-details summary{cursor:pointer;font-size:17px;font-weight:500}.app-details details p{max-width:830px;color:var(--muted);margin:20px 0 10px;line-height:2}.app-details details:last-of-type{border-bottom:1px solid var(--line);margin-bottom:25px}.editorial{grid-template-columns:minmax(0,830px);padding-top:20px}
@media(max-width:1050px){.hero{gap:36px;padding-top:56px;padding-bottom:56px}.reading-strip{margin:0 48px}.reading-strip p{font-size:12px}.reading-strip span{margin-right:6px}.term-grid{gap:0 26px}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 200px}.entry-hanja{font-size:38px;letter-spacing:3px}.entry-header h1{font-size:51px}.reading{gap:38px}.guide-header h1{font-size:42px}}
@media(max-width:760px){.header{padding:19px 24px;gap:12px}.brand{font-size:23px;gap:9px}.brand span{display:none}.brand img{width:31px;height:31px;border-radius:8px}.header nav{gap:17px}.hero{grid-template-columns:1fr;padding:43px 24px 30px;gap:40px;min-height:0}.hero h1{font-size:55px;letter-spacing:-2px}.hero .eyebrow{margin-bottom:22px}.hero-image img{aspect-ratio:1.35;object-position:center}.hero-image figcaption{font-size:11px}.reading-strip{margin:0 24px;padding:22px 0;gap:9px}.reading-strip p{flex:1;line-height:1.7;font-size:12px}.reading-strip span{display:block;margin:0 0 5px}.section{padding:44px 24px}.section-heading{display:block}.section-heading h2{margin-bottom:16px}.section-heading .text-link{margin-bottom:16px}h2{font-size:29px}.term-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin-top:23px}.term-card{padding:23px 0}.term-card h3{font-size:24px}.term-card h3 small{display:block;margin:0;font-size:12px}.term-card p{font-size:15px;margin-top:10px}.home-search{margin-top:14px}.guide-row{grid-template-columns:28px minmax(0,1fr) 20px;gap:14px;padding:26px 0}.guide-row h3{font-size:23px}.guide-row p{font-size:15px}.guide-no{font-size:19px}.guide-arrow{font-size:24px}.reading{display:block;padding:44px 24px}.reading h2{font-size:34px;margin-bottom:26px}.reading>div>p:not(.eyebrow){font-size:16px}.app-teaser{gap:23px;align-items:flex-start;justify-content:flex-start;padding-top:48px;padding-bottom:48px}.app-teaser>img{width:64px;height:64px;border-radius:17px}.app-teaser h2{font-size:28px}.app-teaser p:not(.eyebrow){font-size:15px}.app-teaser .eyebrow{font-size:11px}footer{padding:28px 24px;display:block}.footer-brand span{display:block;margin:6px 0 0}.footer-links{margin:22px 0 18px}footer p{margin:8px 0}.breadcrumb{padding:0 24px;margin-top:20px;font-size:11px;gap:7px}.page-intro{padding:38px 24px 40px}.page-intro h1{font-size:40px}.page-intro p:not(.eyebrow){font-size:16px}.dictionary-section{padding-top:32px}.search-form input{padding:14px 15px}.search-form input::placeholder{font-size:14px}.search-form button{padding:12px 19px}.filter-row{gap:8px}.filter-row button{padding:6px 15px}.entry-header{padding:36px 24px 32px;display:block}.entry-header h1{font-size:45px}.entry-header h1 span{font-size:23px;margin-left:6px}.entry-hanja{display:block;font-size:26px;padding:0;margin-top:18px;letter-spacing:3px}.entry-summary{font-size:17px}.article-layout{display:flex;flex-direction:column;padding:34px 24px 48px;gap:36px}.article-layout article{width:100%;min-width:0}.article-section h2{font-size:25px}.example{padding:23px}.article-aside{width:100%;position:static}.aside-guide{margin-top:26px}.app-note{padding:23px;gap:17px}.app-note img{width:42px;height:42px;border-radius:11px}.app-note h3{font-size:20px}.guide-header{padding:35px 24px 34px}.guide-header h1{font-size:34px;letter-spacing:-1px}.guide-header .eyebrow{margin-bottom:18px}.guide-index{padding-top:10px}.app-page-hero{padding:40px 24px;align-items:flex-start;gap:23px}.app-page-hero>img{width:62px;height:62px;border-radius:16px}.app-page-hero h1{font-size:37px;letter-spacing:-1.4px}.app-page-hero .eyebrow{font-size:11px;margin-bottom:16px}.feature-columns{grid-template-columns:1fr;gap:24px}.feature-columns h2{font-size:27px;margin:10px 0}.app-details summary{font-size:16px}.editorial{padding-top:5px}}
@media(max-width:410px){.header{padding:16px 20px;flex-wrap:wrap}.header nav{width:100%;gap:28px;font-size:14px;margin-top:3px}.header nav a{padding:4px 0}.hero h1{font-size:49px}.term-grid{gap:0 19px}.term-card p{font-size:14px}.term-card h3{font-size:22px}.app-teaser{display:block}.app-teaser>img{margin-bottom:23px}.app-page-hero{display:block}.app-page-hero>img{margin-bottom:25px}.filter-row button{padding:6px 13px}.app-note{display:block}.app-note img{margin-bottom:18px}.guide-row{grid-template-columns:22px minmax(0,1fr);gap:12px}.guide-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Released app links and native sharing */
.header-install{background:var(--ink);color:white;padding:8px 15px;font-size:13px;white-space:nowrap}.header nav{margin-left:auto}.install-note{font-size:13px;color:var(--muted);line-height:1.8;word-break:keep-all;margin:14px 0}.launch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.launch-actions .button{gap:16px}.share-button{background:transparent;color:var(--ink);font-family:inherit;cursor:pointer}.share-button:hover{color:white}.share-status{font-size:13px;word-break:break-all}.share-status input{display:block;width:100%;max-width:430px;padding:8px;margin-top:6px}.footer-links{flex-wrap:wrap}.header{gap:24px}@media(max-width:760px){.header{flex-wrap:wrap;gap:12px}.header nav{order:3;width:100%;justify-content:space-between;margin:0}.header-install{margin-left:auto}.launch-actions .button{font-size:14px;padding:12px 17px}.app-page-hero .launch-actions{align-items:stretch;flex-direction:column}}