/* 예림픽 2.0: two-level discovery and a calm editorial reading layout. */
:root { --pick-ink:#172923; --pick-accent:#245d49; --pick-muted:#59655f; --pick-line:#dfe5df; --pick-tint:#edf4ee; }
.pick-header { padding:18px 24px; background:#fff; }
.pick-header-inner { min-height:44px; gap:32px; position:relative; }
.pick-brand { font-size:26px; gap:10px; letter-spacing:-.055em; }
.pick-brand-mark { background:#204b3b; color:#fff; width:32px; height:32px; border-radius:6px; }
.pick-navigation { gap:32px; }
.pick-navigation a { font-size:15px; }
.pick-search-link { justify-content:center; width:44px; }
.pick-search-link svg { width:22px; height:22px; }
.pick-mobile-menu { display:none; }
.pick-content-shell.pick-discovery-shell { max-width:none; padding:52px 24px 64px; }
.pick-discovery-page { max-width:1120px; margin-inline:auto; }
.pick-introduction { margin:0 0 30px; }
.pick-intro-eyebrow { margin:0 0 18px; font-size:15px; font-weight:600; color:var(--pick-accent); }
.pick-introduction h1 { margin:0 0 14px; font-size:clamp(34px,4.2vw,54px); font-weight:750; line-height:1.2; letter-spacing:-.055em; text-wrap:balance; }
.pick-introduction h1 em { color:var(--pick-accent); font-style:normal; }
.pick-intro-description { margin:0; font-size:20px; line-height:1.7; color:var(--pick-muted); }
.pick-list-introduction { margin:0 0 28px; }
.pick-list-introduction h1 { font-size:36px; margin:0 0 10px; line-height:1.35; }
.pick-list-introduction p { margin:0; color:var(--pick-muted); font-size:18px; }
.pick-discovery-search { display:flex; align-items:center; gap:16px; width:100%; min-height:64px; padding:7px 8px 7px 20px; border:1px solid #cbd5cc; border-radius:8px; background:#fff; margin:0 0 32px; }
.pick-discovery-search > svg { width:24px; height:24px; flex-shrink:0; color:var(--pick-muted); }
.pick-discovery-search input[type="search"] { padding:8px 0; width:100%; min-width:0; border:0; background:transparent; color:var(--pick-ink); font-size:18px; line-height:1.5; }
.pick-discovery-search input::placeholder { color:#66716b; opacity:1; }
.pick-discovery-search:focus-within { outline:2px solid var(--pick-accent); outline-offset:3px; }
.pick-discovery-search input:focus-visible { outline:0; }
.pick-discovery-search button { background:var(--pick-accent); color:#fff; border:0; border-radius:6px; min-height:48px; min-width:88px; padding:10px 20px; font-size:16px; font-weight:650; cursor:pointer; flex-shrink:0; }
.pick-discovery-search button:hover { background:#193f31; }
.pick-discovery { margin:0 0 32px; }
.pick-discovery > h2 { font-size:17px; margin:0 0 8px; line-height:1.5; letter-spacing:-.02em; }
.pick-category-tabs { display:flex; flex-wrap:wrap; gap:0 12px; border-bottom:1px solid var(--pick-line); }
.pick-category-tabs a { min-height:48px; padding:10px 24px 12px; color:var(--pick-ink); font-size:16px; text-decoration:none; border-bottom:3px solid transparent; margin-bottom:-1px; display:flex; align-items:center; justify-content:center; }
.pick-category-tabs a:hover { color:var(--pick-accent); background:#f7f9f6; }
.pick-category-tabs a.is-active { color:var(--pick-accent); border-bottom-color:var(--pick-accent); font-weight:700; }
.pick-subtopics { margin-top:18px; padding:16px 18px; border-radius:7px; background:#f5f8f4; }
.pick-subtopics > p { margin:0 0 10px; font-size:14px; font-weight:550; }
.pick-subtopics nav { display:flex; gap:8px; flex-wrap:wrap; }
.pick-subtopics a { display:flex; align-items:center; justify-content:center; min-height:44px; min-width:80px; padding:7px 18px; border:1px solid #d5ded5; border-radius:6px; background:#fff; font-size:15px; line-height:1.5; color:var(--pick-ink); text-decoration:none; }
.pick-subtopics a:hover { border-color:var(--pick-accent); }
.pick-subtopics a[aria-current="page"] { background:#dceade; border-color:#dceade; color:#194c35; font-weight:650; }
.pick-list-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 18px; }
.pick-list-heading h2 { font-size:26px; line-height:1.4; margin:0; letter-spacing:-.035em; }
.pick-list-heading > span { font-size:14px; color:var(--pick-muted); flex-shrink:0; }
.pick-guide-list { list-style:none; padding:0; margin:0; }
.pick-guide-row { display:grid; grid-template-columns:148px minmax(0,1fr) 128px; gap:26px; align-items:center; padding:22px 0; border-bottom:1px solid var(--pick-line); }
.pick-guide-row:first-child { padding-top:8px; }
.pick-guide-topic { display:flex; align-items:center; justify-content:center; width:148px; min-height:82px; padding:14px; border-radius:6px; background:var(--pick-tint); color:var(--pick-ink); font-weight:700; font-size:20px; line-height:1.45; text-align:center; }
.pick-guide-cover { display:block; width:148px; text-decoration:none; }
.pick-guide-topic.is-image { padding:0; height:auto; min-height:0; aspect-ratio:16/10; overflow:hidden; background:#f5f7f4; }
.pick-guide-topic.is-image img { display:block; width:100%; height:100%; object-fit:contain; }
.pick-guide-copy { min-width:0; }
.pick-guide-category { margin:0 0 5px; font-size:14px; line-height:1.5; color:var(--pick-accent); }
.pick-guide-copy :where(h2,h3) { font-size:23px; margin:0 0 7px; font-weight:700; line-height:1.45; letter-spacing:-.035em; }
.pick-guide-copy :where(h2,h3) a { color:var(--pick-ink); text-decoration:none; }
.pick-guide-copy :where(h2,h3) a:hover { color:var(--pick-accent); text-decoration:underline; }
.pick-content-shell.pick-discovery-shell .pick-discovery-page h2 { border-top:0; padding-top:0; }
.pick-content-shell.pick-reading-shell h2 { border-top:0; padding-top:0; }
.pick-guide-excerpt { margin:0; font-size:16px; line-height:1.65; color:var(--pick-muted); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.pick-guide-meta { display:flex; align-items:flex-end; flex-direction:column; gap:12px; font-size:14px; }
.pick-guide-meta time { color:var(--pick-muted); white-space:nowrap; }
.pick-guide-meta a { font-size:15px; color:var(--pick-accent); font-weight:650; text-decoration:none; min-height:44px; display:flex; align-items:center; gap:9px; white-space:nowrap; }
.pick-guide-meta a:hover { text-decoration:underline; }
.pick-pagination { margin:28px 0 8px; }
.pick-pagination .page-numbers { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; padding:0; list-style:none; }
.pick-pagination li :where(a,span) { min-width:44px; min-height:44px; padding:8px 12px; display:flex; justify-content:center; align-items:center; text-decoration:none; border-radius:6px; font-size:15px; }
.pick-pagination li .current { background:var(--pick-accent); color:#fff; }
.pick-pagination a:hover { background:var(--pick-tint); }
.pick-selection-principles { margin-top:32px; padding-top:24px; border-top:1px solid var(--pick-line); display:flex; justify-content:space-between; align-items:baseline; gap:18px; }
.pick-selection-principles a { color:var(--pick-ink); font-size:15px; font-weight:650; text-decoration:none; }
.pick-selection-principles a:hover { text-decoration:underline; }
.pick-selection-principles p { margin:0; color:var(--pick-muted); font-size:14px; }
.pick-empty { padding:28px; }
.pick-footer { background:#f7f9f6; }
.pick-footer-links { align-items:center; flex-wrap:wrap; gap:4px 24px; padding-top:0; line-height:1.6; }
.pick-footer-links > :where(a,span) { display:flex; align-items:center; min-height:44px; white-space:nowrap; }

/* Reading pages retain all article images, original links, and original headings. */
.pick-content-shell.pick-reading-shell { max-width:1168px; margin-inline:auto; padding:52px 24px 64px; }
.pick-reading-shell .pick-article-head { max-width:720px; margin:0 0 24px; }
.pick-reading-shell .pick-article-head h1 { font-size:clamp(30px,3.6vw,44px); line-height:1.3; margin:18px 0; letter-spacing:-.045em; font-weight:750; }
.pick-reading-shell .pick-article-head .wp-block-post-excerpt { font-size:19px; line-height:1.75; color:var(--pick-muted); margin-block:14px; }
.pick-reading-shell .pick-meta { margin:18px 0 0; font-size:14px; color:var(--pick-muted); }
.pick-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font-size:14px; }
.pick-breadcrumb a { text-decoration:none; }
.pick-breadcrumb a:hover { text-decoration:underline; }
.pick-breadcrumb span { color:var(--pick-muted); }
.pick-reading-shell .pick-prose { max-width:none; width:100%; margin:0; font-size:18px; line-height:1.85; }
.pick-reading-shell .pick-prose p { text-align:justify; text-align-last:left; word-break:normal; line-break:strict; }
.pick-reading-layout { display:grid; grid-template-columns:minmax(0,1fr) 232px; column-gap:56px; align-items:start; width:100%; max-width:1008px; }
.pick-prose > .pick-reading-layout { margin:0; }
.pick-reading-prelude,.pick-reading-intro,.pick-reading-body { grid-column:1; min-width:0; }
.pick-reading-prelude { margin-bottom:24px; }
.pick-reading-intro > *,.pick-reading-body > * { margin-block:0 1.5em; }
.pick-reading-intro > :first-child { margin-top:0; }
.pick-reading-body > :first-child { margin-top:8px; }
.pick-reading-outline { grid-column:2; grid-row:1 / span 3; align-self:start; position:sticky; top:32px; min-width:0; padding-left:22px; border-left:1px solid var(--pick-line); }
.pick-outline { font-size:15px; line-height:1.65; max-height:calc(100dvh - 64px); overflow-y:auto; scrollbar-width:thin; }
.pick-outline summary { font-weight:700; cursor:pointer; padding:4px 0 12px; min-height:44px; list-style:none; }
.pick-outline summary::-webkit-details-marker { display:none; }
.pick-outline ol { list-style:none; columns:1; margin:0; padding:0; }
.pick-outline li { margin:0; padding:0; }
.pick-outline a { display:block; margin:4px 0; padding:7px 0 7px 14px; border-left:2px solid transparent; font-size:14px; color:var(--pick-muted); text-decoration:none; overflow-wrap:anywhere; }
.pick-outline a:hover { color:var(--pick-accent); text-decoration:underline; }
.pick-outline a[aria-current="location"] { border-left-color:var(--pick-accent); color:var(--pick-accent); font-weight:650; }
.pick-reading-simple { max-width:720px; }
.pick-reading-simple > * { margin-block:0 1.5em; }
.pick-summary-panel { padding:24px 28px; background:var(--pick-tint); border:0; border-left:5px solid var(--pick-accent); border-radius:5px; margin-block:24px; }
.pick-summary-panel p { font-size:17px; line-height:1.85; }
.pick-summary-panel .pick-summary-label { font-size:23px; color:var(--pick-accent); font-weight:750; line-height:1.4; margin:0 0 14px; }
.pick-summary-panel > :last-child { margin-bottom:0; }
.pick-affiliate-notice { padding:14px 18px; border:1px solid var(--pick-line); border-radius:6px; background:#f6f8f5; font-size:14px; line-height:1.75; color:var(--pick-muted); }
.pick-affiliate-label { display:block; font-size:14px; font-weight:650; color:var(--pick-muted); margin:0 0 5px; }
.pick-affiliate-notice p { margin:0; font-size:14px !important; line-height:1.75; }
.pick-prose :where(h2,h3) { text-wrap:pretty; }
.pick-prose h2 { font-size:28px; line-height:1.45; scroll-margin-top:32px; }
.pick-prose h3 { font-size:23px; }
.pick-prose figcaption { font-size:14px; line-height:1.7; }
.pick-reading-body .wp-block-table { max-width:100%; }
.pick-reading-shell > :where(.pick-article-tags,.pick-related,.pick-goldbox,.pick-editor-note,.pick-back) { max-width:720px; margin-inline:0; }
.pick-related-card { padding:18px 0; border:0; border-bottom:1px solid var(--pick-line); border-radius:0; gap:20px; }
.pick-related-card:hover { background:#f7f9f6; }
.pick-related-topic { min-width:94px; max-width:112px; flex:0 0 94px; padding:16px 10px; background:var(--pick-tint); border-radius:5px; font-size:16px; font-weight:650; text-align:center; }
.pick-related-topic.is-image { display:block; padding:0; aspect-ratio:4/3; overflow:hidden; background:#f5f7f4; }
.pick-related-card .pick-related-topic.is-image img { display:block; width:100%; height:100%; object-fit:contain; border-radius:0; }
.pick-related-card > div { min-width:0; }
.pick-related-card h3 { font-size:20px; line-height:1.5; margin:0 0 6px; }
.pick-related-list { gap:0; }

@media(max-width:999px) {
 .pick-reading-layout { display:block; max-width:720px; }
 .pick-reading-outline { position:static; padding:0; border-left:0; margin:0 0 28px; }
 .pick-outline { max-height:none; overflow:visible; padding:0; border:1px solid var(--pick-line); border-radius:6px; }
 .pick-outline summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; }
 .pick-outline summary::after { content:''; width:8px; height:8px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); flex-shrink:0; }
 .pick-outline[open] summary::after { transform:rotate(225deg); }
 .pick-outline nav { padding:0 16px 12px; }
 .pick-outline a { padding-block:10px; min-height:44px; }
 .pick-guide-row { grid-template-columns:112px minmax(0,1fr); gap:8px 22px; }
 .pick-guide-cover { width:112px; grid-row:1 / span 2; }
 .pick-guide-topic { width:112px; min-height:76px; grid-row:1 / span 2; font-size:18px; }
 .pick-guide-meta { grid-column:2; flex-direction:row; justify-content:space-between; align-items:center; gap:8px; }
}
@media(max-width:760px) {
 .pick-header { padding:14px 24px; }
 .pick-header-inner { flex-wrap:nowrap; gap:16px; }
 .pick-brand { font-size:25px; }
 .pick-navigation { display:none; }
 .pick-mobile-menu { display:block; margin-left:auto; }
 .pick-mobile-menu > summary { display:flex; align-items:center; justify-content:center; width:44px; height:44px; cursor:pointer; list-style:none; }
 .pick-mobile-menu > summary::-webkit-details-marker { display:none; }
 .pick-mobile-menu > summary svg { width:24px; height:24px; }
 .pick-mobile-menu-panel { position:absolute; top:calc(100% + 14px); right:-24px; width:calc(100% + 48px); z-index:20; padding:18px 24px 24px; border-bottom:1px solid var(--pick-line); background:#fff; box-shadow:0 12px 18px #1729230a; }
 .pick-mobile-menu-panel nav { display:flex; gap:26px; margin-bottom:16px; }
 .pick-mobile-menu-panel nav a { min-height:44px; display:flex; align-items:center; font-size:16px; font-weight:600; color:var(--pick-ink); text-decoration:none; }
 .pick-mobile-menu-panel form { display:flex; border:1px solid var(--pick-line); border-radius:6px; padding:4px; }
 .pick-mobile-menu-panel input[type="search"] { border:0; width:100%; min-width:0; font-size:16px; padding:8px; }
 .pick-mobile-menu-panel button { border:0; border-radius:4px; background:var(--pick-accent); color:#fff; min-width:56px; min-height:44px; font-size:15px; }
 .pick-content-shell.pick-discovery-shell { padding:32px 24px 48px; }
 .pick-introduction { margin-bottom:24px; }
 .pick-intro-eyebrow { font-size:14px; margin-bottom:16px; }
 .pick-introduction h1 { font-size:32px; margin-bottom:12px; line-height:1.25; }
 .pick-intro-description { font-size:17px; line-height:1.7; }
 .pick-list-introduction h1 { font-size:30px; }
 .pick-list-introduction p { font-size:17px; }
 .pick-discovery-search { min-height:56px; gap:10px; padding:5px 5px 5px 12px; margin-bottom:28px; }
 .pick-discovery-search > svg { width:20px; height:20px; }
 .pick-discovery-search input[type="search"] { font-size:16px; }
 .pick-discovery-search input::placeholder { font-size:13px; }
 .pick-discovery-search button { min-width:58px; min-height:44px; padding:8px 12px; font-size:15px; }
 .pick-discovery { margin-bottom:28px; }
 .pick-discovery > h2 { font-size:16px; }
 .pick-category-tabs { gap:0; }
 .pick-category-tabs a { flex:1 1 auto; padding:10px 12px; font-size:15px; }
 .pick-subtopics { padding:14px; margin-top:14px; }
 .pick-subtopics > p { font-size:13px; margin-bottom:9px; }
 .pick-subtopics nav { gap:7px; }
 .pick-subtopics a { flex:1 1 60px; min-width:60px; padding:8px 10px; font-size:14px; }
 .pick-list-heading { margin-bottom:16px; }
 .pick-list-heading h2 { font-size:23px; }
 .pick-list-heading > span { font-size:13px; }
 .pick-guide-row { grid-template-columns:1fr; gap:8px; padding:22px 0; }
 .pick-guide-cover { width:112px; grid-row:auto; }
 .pick-guide-topic { grid-row:auto; width:fit-content; min-height:32px; padding:5px 14px; font-size:14px; }
 .pick-guide-topic.is-image { width:112px; }
 .pick-guide-copy :where(h2,h3) { font-size:21px; line-height:1.45; margin-bottom:8px; }
 .pick-guide-category { font-size:13px; margin-bottom:6px; }
 .pick-guide-excerpt { font-size:16px; line-height:1.7; }
 .pick-guide-meta { grid-column:1; font-size:13px; }
 .pick-guide-meta a { font-size:14px; }
 .pick-selection-principles { display:block; margin-top:26px; padding-top:20px; }
 .pick-selection-principles p { margin-top:8px; font-size:13px; line-height:1.8; }
 .pick-empty { padding:22px; }
 .pick-content-shell.pick-reading-shell { padding:30px 24px 48px; }
 .pick-reading-shell .pick-article-head h1 { font-size:30px; line-height:1.35; margin:16px 0; }
 .pick-reading-shell .pick-article-head .wp-block-post-excerpt { font-size:17px; line-height:1.8; }
 .pick-reading-shell .pick-meta { font-size:13px; }
 .pick-breadcrumb { font-size:13px; }
 .pick-reading-shell .pick-prose { font-size:17px; line-height:1.7; }
 .pick-reading-shell .pick-prose p { text-align:left; }
 .pick-reading-intro > p,.pick-reading-body > p,.pick-reading-simple > p { margin-bottom:1.2em; }
 .pick-reading-shell .pick-prose h2 { margin-bottom:16px; }
 .pick-summary-panel { padding:20px; }
 .pick-summary-panel .pick-summary-label { font-size:22px; }
 .pick-summary-panel p { font-size:16px; line-height:1.7; }
 .pick-affiliate-notice { padding:12px 14px; }
 .pick-affiliate-notice p,.pick-affiliate-label { font-size:13px !important; }
 .pick-prose h2 { font-size:25px; line-height:1.45; }
 .pick-prose h3 { font-size:21px; }
 .pick-related-topic { min-width:78px; max-width:78px; flex-basis:78px; font-size:14px; }
 .pick-related-card { gap:16px; }
 .pick-related-card h3 { font-size:18px; }
 .pick-footer { padding-inline:24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }