@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap";@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}:root{--cream-50: #fffdf8;--cream-100: #fbf6ec;--white: #ffffff;--ink-900: #2b2620;--ink-700: #4a4338;--ink-500: #6b6558;--rule-200: #ece5d8;--terracotta-500: #d97a3d;--terracotta-700: #b85f28;--terracotta-100: #f7e6d6;--color-bg: var(--cream-50);--color-card: var(--white);--color-surface-sunken: var(--cream-100);--color-surface-tint: var(--terracotta-100);--color-text: var(--ink-900);--color-text-secondary: var(--ink-700);--color-muted: var(--ink-500);--color-accent: var(--terracotta-500);--color-accent-dark: var(--terracotta-700);--color-border: var(--rule-200);--color-link: var(--terracotta-700);--color-link-hover: var(--terracotta-500);--font-body: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: "Newsreader", "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", serif;--text-3xs: .75rem;--text-2xs: .78rem;--text-xs: .8rem;--text-sm: .82rem;--text-sm-plus: .85rem;--text-base-sm: .9rem;--text-base-table: .92rem;--text-base: 1rem;--text-md: 1.05rem;--text-lg: 1.15rem;--text-xl: 1.3rem;--text-brand: 1.35rem;--text-2xl: 1.8rem;--leading-body: 1.7;--leading-tight: 1.25;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--space-1: .2rem;--space-2: .25rem;--space-3: .3rem;--space-4: .35rem;--space-5: .4rem;--space-6: .5rem;--space-7: .6rem;--space-8: .7rem;--space-9: .75rem;--space-10: .9rem;--space-11: 1rem;--space-12: 1.25rem;--space-13: 1.4rem;--space-14: 1.5rem;--space-15: 2rem;--space-16: 3rem;--max-width: 780px;--gutter: 1.25rem;--stack-card: 1.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--shadow-raised: 0 1px 2px rgba(43, 38, 32, .06);--duration-fast: .12s;--duration-base: .18s;--ease-standard: cubic-bezier(.2, 0, .2, 1);--transition-color: color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}a{color:var(--color-link);transition:var(--transition-color)}a:hover{color:var(--color-link-hover)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{font-family:var(--font-body);font-weight:var(--weight-bold)}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}.wrap-wide{max-width:1000px;margin:0 auto;padding:0 var(--gutter)}header.site-header{border-bottom:1px solid var(--color-border);padding:var(--space-7) 0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-11)}header.site-header .brand{font-family:var(--font-display);font-size:var(--text-brand);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-decoration:none;color:var(--color-text)}:lang(ko) header.site-header .brand{font-family:var(--font-body);font-weight:var(--weight-bold)}header.site-header .tagline{font-size:var(--text-sm-plus);color:var(--color-muted);margin-top:var(--space-2)}.header-controls{display:flex;align-items:center;gap:var(--space-13)}nav.channel-nav{display:flex;gap:var(--space-13);align-items:center;font-size:var(--text-base-sm)}nav.channel-nav a{text-decoration:none;white-space:nowrap;padding-top:calc(.2rem + 2px);padding-bottom:.2rem;color:var(--color-muted);font-weight:var(--weight-regular);border-bottom:2px solid transparent;transition:var(--transition-color)}nav.channel-nav a:hover{color:var(--color-accent-dark)}nav.channel-nav a[aria-current=page]{color:var(--color-text);font-weight:var(--weight-semibold);border-color:var(--color-accent)}.topic-row{margin-top:var(--space-9)}.topic-row .topic-row-label{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-6)}.topic-row-pills{display:flex;gap:var(--space-9);flex-wrap:wrap;font-size:var(--text-base-sm)}.topic-pill{display:inline-block;text-decoration:none;font:inherit;font-size:var(--text-base-sm);color:var(--color-muted);padding:.35rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:transparent;cursor:pointer;transition:var(--transition-color)}.topic-pill:hover,.topic-pill.active{color:var(--color-accent-dark);border-color:var(--color-accent)}.lang-switch{position:relative}.lang-switch-button{display:flex;align-items:center;gap:var(--space-5);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;color:var(--color-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.3rem .75rem;white-space:nowrap;transition:var(--transition-color)}.lang-switch-button:hover,.lang-switch[data-open=true] .lang-switch-button{color:var(--color-accent-dark);border-color:var(--color-accent)}.lang-switch-button .chevron{font-size:.6em;transition:transform var(--duration-fast) var(--ease-standard)}.lang-switch[data-open=true] .chevron{transform:rotate(180deg)}.lang-switch-menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:20;list-style:none;margin:0;padding:var(--space-4) 0;min-width:7.5rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}.lang-switch[data-open=false] .lang-switch-menu{display:none}.lang-switch-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-9);width:100%;font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;border:none;background:transparent;color:var(--color-text-secondary);font-weight:var(--weight-regular);padding:.4rem .75rem;text-decoration:none;transition:var(--transition-color)}.lang-switch-option:hover{background:var(--color-surface-tint)}.lang-switch-option[aria-selected=true]{color:var(--color-text);font-weight:var(--weight-semibold)}.lang-switch-option .check{color:var(--color-accent)}main.wrap{margin:var(--space-15) auto var(--space-16)}.hero-heading{font-size:2.4rem;line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--space-12)}@media (max-width: 640px){.hero-heading{font-size:1.75rem}}.section-divider{margin-top:var(--space-16);padding-top:var(--space-15);border-top:1px solid var(--color-border)}.article-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:var(--stack-card);background:var(--color-card)}.article-card h2{margin:0 0 var(--space-5);font-size:var(--text-lg)}.article-card h2 a{text-decoration:none;color:var(--color-text);transition:var(--transition-color)}.article-card h2 a:hover{color:var(--color-accent-dark)}.article-card .meta{font-size:var(--text-xs);color:var(--color-muted)}.article-card p.desc{color:var(--color-muted);margin:var(--space-6) 0 0}article.article-body h1{font-size:var(--text-2xl);margin-bottom:var(--space-4)}article.article-body .meta{color:var(--color-muted);font-size:var(--text-sm-plus);margin-bottom:1.5rem}article.article-body h2{font-size:var(--text-xl);margin-top:2rem;margin-bottom:var(--space-6);border-left:var(--border-accent-rule, 4px solid var(--color-accent));padding-left:var(--space-7)}article.article-body h3{font-size:var(--text-md);margin:1.5rem 0 var(--space-4)}article.article-body p{margin:0 0 1rem}article.article-body ul,article.article-body ol{padding-left:1.4rem}article.article-body li{margin-bottom:var(--space-4)}article.article-body strong{font-weight:var(--weight-bold)}article.article-body table{width:100%;border-collapse:collapse;margin:1rem 0}article.article-body th,article.article-body td{border:1px solid var(--color-border);padding:.5rem .7rem;text-align:left;font-size:var(--text-base-table)}article.article-body th{background:var(--color-surface-sunken);font-weight:var(--weight-semibold)}.article-row{display:flex;gap:var(--space-12);align-items:stretch;text-decoration:none;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);margin-bottom:var(--stack-card);transition:var(--transition-color)}.article-row:hover{border-color:var(--color-accent)}.article-row .thumb{flex:0 0 116px;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden}.article-row .body{flex:1;min-width:0}.article-row h2{margin:0 0 var(--space-5);font-size:var(--text-lg);color:var(--color-text);transition:var(--transition-color)}.article-row:hover h2{color:var(--color-accent-dark)}.article-row p{margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.article-row .row-meta{font-size:var(--text-3xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.topic-banner{display:flex;gap:var(--space-12);align-items:center;margin-bottom:var(--space-15)}.topic-banner .thumb{flex:0 0 96px;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden}.topic-banner .body{flex:1}.topic-banner p{color:var(--color-muted);margin:0;max-width:58ch}.topic-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}@media (max-width: 640px){.topic-card-grid{grid-template-columns:1fr}}.topic-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-color)}.topic-card:hover{border-color:var(--color-accent)}.topic-card.flipped{grid-column:1 / -1;flex-direction:row;border-radius:0;border-left:none;border-right:none}@media (max-width: 640px){.topic-card.flipped{flex-direction:column;border-radius:var(--radius-lg);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}.topic-card .thumb{height:148px}.topic-card.flipped .thumb{flex:0 0 44%;height:auto}.topic-card .body{padding:var(--space-11) var(--space-12) var(--space-12);flex:1}.topic-card h3{margin:0 0 var(--space-5);font-size:var(--text-md)}.topic-card.flipped h3{font-size:var(--text-xl)}.topic-card p{margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.6;max-width:46ch}.search-field{position:relative}.search-input{width:100%;font:inherit;font-size:var(--text-md);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.95rem 1.3rem;outline:none;transition:var(--transition-color)}.search-input:focus{border-color:var(--color-accent)}.search-results{position:absolute;left:0;right:0;top:calc(100% + .4rem);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-6) 0;z-index:10}.search-results[hidden]{display:none}.search-result{display:flex;justify-content:space-between;gap:var(--space-9);padding:var(--space-6) var(--space-12);text-decoration:none;color:var(--color-text);font-size:var(--text-sm-plus)}.search-result.topic{font-weight:var(--weight-semibold)}.search-result:hover{background:var(--color-surface-tint)}.search-result .arrow{color:var(--color-accent-dark)}.search-result .kicker{font-size:var(--text-3xs);color:var(--color-muted);white-space:nowrap}.search-empty{padding:var(--space-6) var(--space-12);color:var(--color-muted);font-size:var(--text-sm-plus)}.ranked-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}@media (max-width: 640px){.ranked-list-grid{grid-template-columns:1fr}}.ranked-list h2{font-size:var(--text-xl);margin:0}.ranked-list ol{list-style:none;margin:var(--space-11) 0 0;padding:0}.ranked-list li{border-top:1px solid var(--color-border)}.ranked-list a{display:flex;gap:var(--space-11);align-items:center;padding:var(--space-9) 0;text-decoration:none;color:var(--color-text)}.ranked-list .rank{flex:0 0 auto;min-width:1.65rem;padding-bottom:.1rem;border-bottom:1px solid var(--color-accent);font-family:var(--font-display);font-size:var(--text-md);color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:center}.ranked-list.today .rank{color:var(--color-accent-dark)}.ranked-list .rank-title{flex:1;font-size:var(--text-sm-plus);line-height:1.5}.ranked-list .rank-count{font-size:var(--text-3xs);color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.product-list{border-top:2px solid var(--color-accent);border-bottom:1px solid var(--color-border);background:var(--color-surface-sunken);padding:var(--space-12) var(--space-12) var(--space-11);margin:var(--space-15) 0}.product-list h3{margin:0;font-size:var(--text-md)}.product-list .intro{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm-plus);max-width:56ch}.product-rows{margin-top:var(--space-11)}.product-row{display:flex;gap:var(--space-10);align-items:flex-start;text-decoration:none;color:var(--color-text);padding:var(--space-9) 0;border-top:1px solid var(--color-border);font-size:var(--text-sm-plus);transition:var(--transition-color)}.product-row:first-child{border-top:none}.product-row .thumb{width:64px;flex:0 0 64px;aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:var(--color-border);background-size:cover;background-position:center}.product-row .body{flex:1}.product-row .title{line-height:1.4;color:var(--color-text);transition:var(--transition-color)}.product-row:hover .title{color:var(--color-accent-dark)}.product-row .rating{color:var(--color-muted);font-size:var(--text-2xs);margin-top:var(--space-1)}.product-row .price{color:var(--color-accent-dark);font-weight:var(--weight-bold);margin-top:var(--space-1)}.disclosure{font-size:var(--text-3xs);color:var(--color-muted);margin-top:var(--space-6);margin-bottom:0}.image-slot{background:var(--color-border);width:100%;height:100%}footer.site-footer{border-top:1px solid var(--color-border);padding:var(--space-15) 0;color:var(--color-muted);font-size:var(--text-sm-plus)}footer.site-footer a{color:var(--color-muted)}footer.site-footer a:hover{color:var(--color-accent-dark)}footer.site-footer .links{display:flex;gap:var(--space-11);margin-top:var(--space-6);flex-wrap:wrap}