/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--paper:#f3f0e9;--paper-deep:#e9e3d8;--ink:#202722;--muted:#6c706b;--line:#cdc7ba;--pine:#2f5342;--white:#fbfaf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;word-break:keep-all;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}main{min-height:100vh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1160px;height:76px;margin:0 auto;padding:0 28px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--paper);background:var(--pine);place-items:center;font-family:Batang,Noto Serif KR,serif;font-size:18px;display:grid}.header-nav{align-items:center;gap:22px;display:flex}.header-nav a{color:var(--muted);text-underline-offset:5px;font-size:14px;text-decoration:none}.header-nav a:hover,.header-nav a[aria-current=page]{color:var(--ink);text-decoration:underline}.hero{grid-template-columns:1.15fr .85fr;align-items:start;gap:8%;max-width:1160px;margin:0 auto;padding:56px 28px 64px;display:grid}.eyebrow{color:var(--pine);letter-spacing:.06em;margin:0 0 10px;font-size:13px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:30px;font-family:Batang,Noto Serif KR,serif;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.3}.hero-copy{padding-top:58px}.service-intro{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.75}.data-note{border-top:1px solid var(--line);margin:0}.data-note div{border-bottom:1px solid var(--line);grid-template-columns:108px 1fr;gap:12px;padding:13px 0;font-size:13px;display:grid}.data-note dt{color:var(--muted)}.data-note dd{margin:0}.search-panel{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:24px 0 22px}.search-panel label{margin-bottom:12px;font-size:14px;font-weight:750;display:block}.search-row{gap:8px;display:flex}.search-row input{border:1px solid var(--line);background:var(--white);outline:none;flex:1;min-width:0;height:58px;padding:0 18px;font-size:20px}.search-row input:focus{border-color:var(--pine);box-shadow:inset 0 0 0 1px var(--pine)}.search-row>button{background:var(--pine);color:#fff;border:0;height:58px;padding:0 22px;font-weight:750}.search-panel>p{color:var(--muted);margin:12px 0 18px;font-size:13px}.quick-names{flex-wrap:wrap;gap:7px;display:flex}.quick-names button,.filters button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:7px 12px}.quick-names button:hover,.filters button:hover{border-color:var(--ink);color:var(--ink)}.results-section{background:var(--white);border-top:1px solid var(--line);padding:80px max(28px,50vw - 552px) 92px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.section-number{color:var(--pine);letter-spacing:.12em;margin-bottom:10px;font-family:Georgia,serif;font-size:13px}.section-heading h2,.guide h2{letter-spacing:-.05em;margin-bottom:0;font-family:Batang,Noto Serif KR,serif;font-size:clamp(28px,3vw,40px)}.section-heading h2 strong{color:var(--pine)}.section-heading>p{color:var(--muted);margin-bottom:4px;font-size:14px}.filters{scrollbar-width:none;gap:7px;padding:0 0 24px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{border-radius:100px;flex:none}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.message{border-left:3px solid var(--pine);background:var(--paper);color:#4f5d54;margin:0 0 18px;padding:13px 16px;font-size:14px}.combination-builder{border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--paper);margin-bottom:28px;padding:24px}.combination-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.combination-heading h3{margin-bottom:0;font-family:Batang,serif;font-size:24px}.combination-heading>p{color:var(--muted);margin-bottom:2px;font-size:13px}.combination-slots{gap:10px;margin:24px 0 18px;display:flex}.combination-slot{text-align:center;background:#fbfaf78c;border:1px dashed #aaa59b;grid-template-rows:auto 1fr auto;align-items:center;gap:4px;width:132px;min-height:142px;padding:12px;display:grid}.combination-slot.selected{border-style:solid;border-color:var(--pine);background:var(--white)}.combination-slot>span{color:var(--muted);font-size:12px}.combination-slot>strong{font-family:Batang,serif;font-size:45px;font-weight:500}.combination-slot>small{min-height:32px;color:var(--muted);place-items:center;font-size:11px;line-height:1.45;display:grid}.combination-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:18px;display:flex}.combination-summary>p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.65}.combination-summary b{color:var(--ink);font-family:Batang,serif;font-size:17px}.combination-actions{flex:none;gap:7px;display:flex}.combination-actions button{border:1px solid var(--pine);background:var(--white);color:var(--pine);padding:9px 13px;font-size:13px}.combination-actions button:last-child{background:var(--pine);color:#fff}.combination-actions button:disabled{cursor:not-allowed;border-color:var(--line);color:#aaa59b;background:0 0}.saved-combinations{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.saved-combinations h4{margin:0 0 10px;font-size:13px}.saved-combinations ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-combinations li{border:1px solid var(--line);background:var(--white);display:flex}.saved-combination-main{color:var(--ink);background:0 0;border:0;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.saved-combination-main strong{font-family:Batang,serif;font-size:18px}.saved-combination-main span{color:var(--muted);font-size:11px}.saved-combination-remove{border:0;border-left:1px solid var(--line);color:var(--muted);background:0 0;padding:0 9px;font-size:11px}.saved-combination-main:hover,.saved-combination-remove:hover{color:var(--pine)}.official-detail{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--pine);grid-template-columns:120px 1fr auto;align-items:center;gap:28px;margin-bottom:28px;padding:24px;display:grid}.official-detail-character{background:var(--white);border:1px solid var(--line);place-items:center;min-height:112px;font-family:Batang,serif;font-size:54px;display:grid}.official-detail-copy h3{margin-bottom:8px;font-family:Batang,serif;font-size:25px}.official-detail-copy>p:not(.section-number){color:var(--muted);margin-bottom:16px;font-size:14px}.official-detail-copy dl{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.official-detail-copy dl div{gap:8px;font-size:12px;display:flex}.official-detail-copy dt{color:var(--muted)}.official-detail-copy dd{margin:0}.official-detail>button{border:1px solid var(--line);background:var(--white);color:var(--muted);padding:9px 12px;font-size:13px}.official-detail>button:hover{border-color:var(--pine);color:var(--pine)}.official-readings{border-top:2px solid var(--ink);margin-bottom:58px}.loading-note{color:var(--muted);border-bottom:1px solid var(--line);padding:28px 4px}.official-reading{border-bottom:1px solid var(--line)}.official-reading summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 4px;font-size:14px;list-style:none;display:flex}.official-reading summary::-webkit-details-marker{display:none}.official-reading summary span:last-child{color:var(--pine);font-size:13px}.official-grid{border-top:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.official-item{border-top:0;border-left:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:84px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:48px 1fr;align-items:center;gap:10px;margin:0;padding:12px;display:grid}.official-item:hover,.official-item[aria-pressed=true]{background:var(--white);box-shadow:inset 0 0 0 1px var(--pine)}.official-character{text-align:center;font-family:Batang,serif;font-size:30px}.official-gloss{color:var(--muted);font-size:12px;line-height:1.5;overflow:hidden}.curated-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.curated-heading h3{margin-bottom:0;font-family:Batang,serif;font-size:25px}.curated-heading>p{color:var(--muted);margin-bottom:2px;font-size:13px}.result-list{border-top:2px solid var(--ink)}.result-card{border-bottom:1px solid var(--line);grid-template-columns:48px 160px 1fr auto;align-items:center;gap:24px;min-height:184px;padding:28px 4px;display:grid}.rank{color:#a19d95;align-self:start;font-family:Georgia,serif;font-size:12px}.hanja-display{gap:6px;display:flex}.hanja-display span{border:1px solid var(--line);background:var(--paper);place-items:center;width:68px;height:78px;font-family:Batang,serif;font-size:37px;display:grid}.meaning h3{letter-spacing:-.035em;margin-bottom:10px;font-size:18px}.meaning>p{max-width:600px;color:var(--muted);font-size:14px;line-height:1.7}.letter-notes,.mood-notes{flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.letter-notes b{color:var(--pine);font-family:Batang,serif;font-size:16px}.mood-notes{color:var(--muted);margin-top:12px}.mood-notes span:before{content:"·";color:var(--pine);margin-right:5px}.card-actions{flex-direction:column;gap:7px;display:flex}.card-actions button{border:1px solid var(--line);min-width:66px;color:var(--muted);background:0 0;padding:8px 10px;font-size:13px}.card-actions button:hover,.card-actions button[aria-pressed=true]{border-color:var(--pine);color:var(--pine)}.guide{grid-template-columns:1fr 1fr;gap:10%;max-width:1104px;margin:0 auto;padding:92px 0;display:grid}.guide-copy{border-top:2px solid var(--ink);padding-top:24px}.guide-copy p{color:var(--muted);font-size:15px;line-height:1.8}.guide-copy a{color:var(--pine);text-underline-offset:6px;margin-top:16px;font-weight:750;display:inline-block}footer{background:var(--ink);color:#e9e5dc;grid-template-columns:1fr 1fr;align-content:start;gap:18px;min-height:230px;padding:54px max(28px,50vw - 552px);display:grid}.footer-brand .brand-mark{color:var(--ink);background:#d8d2c6}footer>p{color:#b5b7b2;text-align:right}.copyright{border-top:1px solid #414740;grid-column:1/-1;margin-top:28px;padding-top:20px;font-size:12px}.ranking-intro{border-bottom:2px solid var(--ink);max-width:1104px;margin:0 auto;padding:62px 0 52px}.ranking-intro h1{margin-bottom:16px}.ranking-intro>p:last-child{max-width:650px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.8}.ranking-content{max-width:1104px;margin:0 auto;padding:30px 0 92px}.ranking-controls{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding-bottom:28px;display:flex}.control-group{align-items:center;gap:14px;display:flex}.control-label{color:var(--muted);font-size:13px}.year-tabs,.gender-tabs{gap:6px;display:flex}.year-tabs button,.gender-tabs button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:8px 13px}.year-tabs button.active,.gender-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--white)}.ranking-layout{grid-template-columns:minmax(0,1fr) 310px;gap:70px;padding-top:56px;display:grid}.ranking-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.ranking-section-heading h2,.frequent-sounds h2{letter-spacing:-.045em;margin-bottom:0;font-family:Batang,Noto Serif KR,serif;font-size:28px}.ranking-section-heading>p{color:var(--muted);margin-bottom:3px;font-size:13px}.popular-name-list{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.popular-name-list li{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr 90px 110px;align-items:center;gap:14px;min-height:68px;display:grid}.popular-rank{color:#9b978f;font-family:Georgia,serif;font-size:12px}.popular-name-list strong{font-family:Batang,Noto Serif KR,serif;font-size:21px}.popular-count{color:var(--muted);text-align:right;font-size:13px}.popular-name-list a{color:var(--pine);text-align:right;text-underline-offset:5px;font-size:13px;font-weight:700}.frequent-sounds{align-self:start;padding-top:3px}.frequent-sounds>p:not(.section-number):not(.calculation-note){color:var(--muted);margin:14px 0 20px;font-size:13px;line-height:1.7}.frequent-sounds ol{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.frequent-sounds li{border-bottom:1px solid var(--line);grid-template-columns:26px 42px 1fr;align-items:center;min-height:52px;display:grid}.frequent-sounds li>span{color:#9b978f;font-family:Georgia,serif;font-size:11px}.frequent-sounds li a{color:var(--pine);text-underline-offset:4px;font-family:Batang,serif;font-size:21px;font-weight:700}.frequent-sounds li small{color:var(--muted);text-align:right;font-size:11px}.frequent-sounds .calculation-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.65}.ranking-source-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-top:58px;padding:20px 0;font-size:12px;line-height:1.7}.ranking-source-note p{margin-right:22px;display:inline}.ranking-source-note strong{color:var(--ink);margin-right:5px}.ranking-source-note a{color:var(--pine);text-underline-offset:4px;font-weight:700;display:inline-block}.reading-intro,.reading-detail-intro{border-bottom:2px solid var(--ink);max-width:1104px;margin:0 auto;padding:62px 0 52px}.reading-intro h1,.reading-detail-intro h1{margin-bottom:16px}.reading-intro>p:last-child,.reading-detail-intro>p{max-width:720px;color:var(--muted);margin-bottom:0;font-size:15px;line-height:1.8}.reading-index,.reading-evidence,.reading-characters,.reading-guide,.related-readings{max-width:1104px;margin:0 auto}.reading-index{padding:48px 0 92px}.reading-index-heading,.reading-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.reading-index-heading h2,.reading-section-heading h2,.reading-guide h2,.related-readings h2{letter-spacing:-.045em;margin-bottom:0;font-family:Batang,Noto Serif KR,serif;font-size:28px}.reading-index-heading>p,.reading-section-heading>a{color:var(--muted);margin-bottom:3px;font-size:13px}.reading-section-heading>a{color:var(--pine);text-underline-offset:5px;font-weight:700}.reading-index-list{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.reading-index-list li{border-bottom:1px solid var(--line);grid-template-columns:44px 58px 150px 1fr 70px;align-items:center;gap:16px;min-height:72px;display:grid}.reading-rank{color:#9b978f;font-family:Georgia,serif;font-size:12px}.reading-sound{color:var(--pine);text-underline-offset:5px;font-family:Batang,serif;font-size:25px;font-weight:700;text-decoration-thickness:1px}.reading-count,.reading-examples{color:var(--muted);font-size:13px}.reading-open{color:var(--pine);text-align:right;text-underline-offset:5px;font-size:13px;font-weight:700}.reading-basis-note{color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.7}.breadcrumb{color:var(--muted);gap:8px;margin-bottom:34px;font-size:12px;display:flex}.breadcrumb a{color:var(--pine);text-underline-offset:4px}.finder-link{color:var(--pine);text-underline-offset:6px;margin-top:24px;font-size:14px;font-weight:750;display:inline-block}.reading-evidence{padding:52px 0 64px}.name-example-list{border-top:2px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.name-example-list li{border-bottom:1px solid var(--line);min-width:0;padding:18px 12px 16px 0}.name-example-list a{color:var(--ink);text-underline-offset:5px;margin-bottom:8px;font-family:Batang,serif;font-size:20px;font-weight:700;display:block}.name-example-list span,.name-example-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.65;display:block;overflow:hidden}.reading-characters{border-top:1px solid var(--line);padding:62px 0 82px}.reading-character-list{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.reading-character-list li{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:12px;min-height:104px;padding:14px 12px 14px 0;display:grid}.reading-character-list strong{text-align:center;font-family:Batang,serif;font-size:35px;font-weight:500}.reading-character-list b,.reading-character-list span{font-size:12px;line-height:1.5;display:block}.reading-character-list b{margin-bottom:3px}.reading-character-list span,.reading-character-list small{color:var(--muted)}.reading-character-list small{grid-column:2;margin-top:-19px;font-family:Georgia,serif;font-size:9px}.reading-guide{border-top:2px solid var(--ink);grid-template-columns:280px 1fr;gap:70px;padding:68px 0;display:grid}.reading-guide dl{margin:0}.reading-guide dl div{border-bottom:1px solid var(--line);margin-bottom:22px;padding:0 0 22px}.reading-guide dt{margin-bottom:8px;font-size:14px;font-weight:750}.reading-guide dd{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.related-readings{padding:0 0 92px}.related-readings h2{margin-bottom:18px;font-size:22px}.related-readings div{flex-wrap:wrap;gap:8px;display:flex}.related-readings a{border:1px solid var(--line);min-width:44px;color:var(--pine);text-align:center;padding:9px 13px;font-family:Batang,serif;text-decoration:none}.related-readings a:hover{border-color:var(--pine);background:var(--white)}@media (width<=800px){.site-header{height:66px;padding:0 20px}.hero{grid-template-columns:1fr;gap:28px;padding:42px 20px 52px}.hero-copy{padding-top:0}h1{font-size:36px}.results-section{padding:60px 20px 72px}.section-heading{flex-direction:column;align-items:start;gap:12px}.result-card{grid-template-columns:26px 132px 1fr;align-items:start;gap:14px}.official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combination-summary{flex-direction:column;align-items:flex-start;gap:14px}.official-detail{grid-template-columns:90px 1fr;gap:18px}.official-detail-character{min-height:90px;font-size:44px}.official-detail>button{grid-column:2;justify-self:start}.curated-heading{flex-direction:column;align-items:start;gap:8px}.hanja-display span{width:59px;height:68px;font-size:32px}.meaning{grid-column:2/-1}.card-actions{flex-direction:row;grid-column:2/-1}.guide{grid-template-columns:1fr;gap:42px;padding:72px 20px}.ranking-intro{padding:48px 20px 40px}.ranking-content{padding:24px 20px 72px}.ranking-layout{grid-template-columns:1fr;gap:58px;padding-top:42px}.ranking-controls{flex-direction:column;align-items:flex-start}.reading-intro,.reading-detail-intro{padding:48px 20px 40px}.reading-index,.reading-evidence,.reading-characters,.reading-guide,.related-readings{margin-left:20px;margin-right:20px}.reading-index{padding-top:40px;padding-bottom:72px}.reading-index-list li{grid-template-columns:30px 46px 125px 1fr;gap:10px;padding:11px 0}.reading-open{text-align:left;grid-column:2/-1}.name-example-list,.reading-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-guide{grid-template-columns:1fr;gap:30px}footer{grid-template-columns:1fr}footer>p{text-align:left}.copyright{grid-column:1}}@media (width<=480px){.header-guide-link{display:none}h1{font-size:32px}.search-row{flex-direction:column}.search-row>button{width:100%}.result-card{grid-template-columns:22px 1fr}.official-grid{grid-template-columns:1fr}.official-detail{grid-template-columns:72px 1fr;padding:16px}.combination-builder{padding:16px}.combination-heading{flex-direction:column;align-items:flex-start;gap:8px}.combination-slots{width:100%}.combination-slot{flex:1;width:auto;min-width:0;min-height:126px;padding:9px}.combination-slot>strong{font-size:37px}.combination-actions{width:100%}.combination-actions button{flex:1}.official-detail-character{min-height:72px;font-size:36px}.official-detail-copy dl{gap:6px;display:grid}.hanja-display,.meaning,.card-actions{grid-column:2}.control-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.year-tabs{width:100%}.year-tabs button{flex:1;padding-left:8px;padding-right:8px}.popular-name-list li{grid-template-columns:30px 1fr auto;gap:10px;padding:12px 0}.popular-count{font-size:12px}.popular-name-list a{text-align:left;grid-column:2/-1}.ranking-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.ranking-source-note p{margin:0 0 6px;display:block}.header-nav{gap:10px}.header-nav a{font-size:12px}.reading-index-heading,.reading-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.reading-index-list li{grid-template-columns:24px 38px 1fr}.reading-count{text-align:right}.reading-examples,.reading-open{grid-column:2/-1}.name-example-list,.reading-character-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}