/*
Theme Name: 예림픽
Description: 검색하는 이유에서 시작하는 구매 가이드. Pretendard와 읽기 중심의 블록 테마.
Template: twentytwentyfive
Version: 2.0.5
Text Domain: yerim-pick
*/
:root { --pick-ink:#172923; --pick-muted:#5b6862; --pick-line:#dde3dc; --pick-tint:#f1f5ee; --pick-accent:#245d49; }
* { box-sizing: border-box; }
html { scroll-padding-top: 28px; }
body { margin:0; word-break:keep-all; overflow-wrap:break-word; -webkit-font-smoothing:antialiased; }
input,button,textarea,select { font:inherit; }
::selection { background:#d6e8bb; color:#172923; }
a { text-underline-offset:4px; text-decoration-thickness:1px; }
a:hover { text-decoration-thickness:2px; }
:where(a,button,input,summary,[tabindex]):focus-visible { outline:3px solid #487b24; outline-offset:4px; }
.wp-site-blocks { padding:0; }
.wp-site-blocks > * { margin-block-start:0; }
.pick-header { border-bottom:1px solid var(--pick-line); padding:22px 24px; }
.pick-header-inner { max-width:1120px; margin:auto; display:flex; align-items:center; gap:36px; }
.pick-brand { color:var(--pick-ink); text-decoration:none; font-size:25px; font-weight:800; letter-spacing:-.06em; display:flex; align-items:center; gap:10px; flex-shrink:0; }
.pick-brand-mark { width:30px; height:30px; background:var(--pick-ink); color:#e3f0c7; border-radius:6px; display:grid; place-items:center; font-size:20px; line-height:1; letter-spacing:0; }
.pick-navigation { display:flex; gap:28px; margin-left:auto; }
.pick-navigation a { display:inline-flex; align-items:center; min-height:44px; color:var(--pick-ink); font-size:15px; font-weight:600; text-decoration:none; }
.pick-navigation a:hover { color:var(--pick-accent); text-decoration:underline; }
.pick-header-search { display:flex; align-items:center; width:214px; border:1px solid var(--pick-line); border-radius:6px; background:#f7f8f5; overflow:hidden; }
.pick-header-search input { min-width:0; width:100%; border:0; background:transparent; padding:10px 0 10px 12px; font-size:14px; line-height:24px; color:var(--pick-ink); }
.pick-header-search button { width:44px; min-height:44px; flex-shrink:0; display:grid; place-items:center; border:0; background:transparent; color:var(--pick-ink); cursor:pointer; }
.pick-header-search svg { width:19px; height:19px; }
.pick-header-search:focus-within { outline:2px solid var(--pick-accent); outline-offset:2px; }
.pick-header-search input:focus-visible { outline:0; }
.pick-home { max-width:1120px; margin:auto; padding:0 0 72px; }
.pick-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; padding:78px 0 68px; align-items:center; }
.pick-eyebrow { color:var(--pick-accent); font-size:13px; letter-spacing:.07em; font-weight:700; margin:0 0 22px; }
.pick-hero h1 { font-size:clamp(42px,5.3vw,66px); letter-spacing:-.055em; line-height:1.17; margin:0 0 28px; font-weight:750; }
.pick-hero h1 em { font-style:normal; color:var(--pick-accent); }
.pick-hero-description { font-size:18px; color:var(--pick-muted); line-height:1.85; margin:0 0 26px; max-width:420px; }
.pick-text-link { font-size:15px; font-weight:650; display:inline-flex; align-items:center; min-height:44px; gap:14px; color:var(--pick-ink); text-decoration:none; }
.pick-text-link:hover { text-decoration:underline; }
.pick-questions { border-top:2px solid var(--pick-ink); padding-top:22px; }
.pick-questions-label { margin:0 0 12px; font-size:13px; font-weight:650; color:var(--pick-muted); }
.pick-question { display:grid; grid-template-columns:32px 1fr; gap:16px; padding:22px 0; border-bottom:1px solid var(--pick-line); }
.pick-question-number { color:var(--pick-accent); font-size:12px; font-weight:700; padding-top:4px; font-variant-numeric:tabular-nums; }
.pick-question h2 { font-size:21px; line-height:1.45; letter-spacing:-.035em; margin:0 0 6px; }
.pick-question p { color:var(--pick-muted); font-size:15px; line-height:1.7; margin:0; }
.pick-principles-strip { display:flex; gap:20px; padding:20px 0; border-block:1px solid var(--pick-line); font-size:14px; color:var(--pick-muted); align-items:center; flex-wrap:wrap; }
.pick-principles-strip strong { color:var(--pick-ink); margin-right:auto; }
.pick-principles-strip span::before { content:'✓'; color:var(--pick-accent); padding-right:8px; }
.pick-section-heading { display:flex; justify-content:space-between; align-items:baseline; margin:56px 0 24px; gap:16px; }
.pick-section-heading h2 { font-size:27px; margin:0; letter-spacing:-.035em; }
.pick-section-heading p { margin:0; color:var(--pick-muted); font-size:14px; }
.pick-empty { border:1px solid var(--pick-line); background:#f7f8f5; padding:36px 40px; border-radius:8px; }
.pick-empty h2,.pick-empty h3 { margin:0 0 8px; font-size:20px; }
.pick-empty p { margin:0; font-size:16px; color:var(--pick-muted); max-width:600px; }
.pick-empty .pick-text-link { margin-top:12px; }
.pick-content-shell { padding:64px 24px 88px; }
.pick-article-head { margin:0 auto 40px; max-width:720px; }
.pick-article-head h1 { font-size:clamp(30px,4vw,44px); line-height:1.35; letter-spacing:-.04em; margin:16px 0 20px; }
.pick-article-head .wp-block-post-excerpt { color:var(--pick-muted); font-size:19px; }
.pick-article-head .wp-block-post-excerpt p { margin:0; }
.pick-article-head .wp-block-post-terms { font-size:13px; font-weight:700; }
.pick-article-head .wp-block-post-terms a { text-decoration:none; }
.pick-meta { display:flex; flex-wrap:wrap; gap:6px 18px; color:var(--pick-muted); font-size:13px; margin:22px 0 0; }
.pick-prose { font-size:18px; line-height:1.85; }
.pick-prose > * { margin-block:0 1.6em; }
.pick-prose h2 { margin-top:2.8em; margin-bottom:.85em; font-size:28px; line-height:1.45; letter-spacing:-.035em; scroll-margin-top:28px; }
.pick-prose h3 { margin-top:2em; margin-bottom:.7em; font-size:22px; line-height:1.5; }
.pick-prose ul,.pick-prose ol { padding-left:1.4em; }
.pick-prose li { margin-block:.45em; }
.pick-prose strong { font-weight:650; }
.pick-prose :where(img,video,iframe) { max-width:100%; }
.pick-prose figure { margin-inline:0; }
.pick-prose img { border-radius:8px; height:auto; }
.pick-prose figcaption { font-size:13px; line-height:1.65; color:var(--pick-muted); text-align:left; margin-top:10px; }
.pick-prose :where(.alignwide,.alignfull) { max-width:100%; width:auto; margin-inline:0; }
.pick-prose .wp-block-table { width:100%; overflow-x:auto; border:1px solid var(--pick-line); border-radius:8px; margin-block:24px; }
.pick-prose .wp-block-table table { border-collapse:collapse; width:100%; min-width:560px; font-size:15px; line-height:1.7; }
.pick-prose .wp-block-table :where(td,th) { padding:16px; border:0; border-bottom:1px solid var(--pick-line); text-align:left; vertical-align:top; min-width:120px; }
.pick-prose .wp-block-table th { background:var(--pick-tint); font-weight:650; }
.pick-prose .wp-block-table tbody tr:last-child td { border-bottom:0; }
.pick-prose .wp-block-table figcaption { padding:0 16px 12px; }
.pick-disclosure { font-size:13px; line-height:1.8; color:var(--pick-muted); border-left:2px solid #97ad94; padding:2px 0 2px 16px; }
.pick-verdict { background:var(--pick-tint); border:1px solid #d4dfcf; border-radius:8px; padding:28px; margin-block:28px; }
.pick-verdict > *:first-child { margin-top:0; }
.pick-verdict > *:last-child { margin-bottom:0; }
.pick-verdict .pick-eyebrow { margin:0 0 12px; }
.pick-verdict .wp-block-columns { gap:24px; }
.pick-verdict .wp-block-column { min-width:0; }
.pick-verdict p { font-size:16px; line-height:1.85; }
.pick-verdict strong { color:var(--pick-ink); }
.pick-toc { margin:32px 0 44px; border-block:1px solid var(--pick-line); padding:18px 0; font-size:15px; }
.pick-toc summary { cursor:pointer; font-weight:650; min-height:36px; display:list-item; }
.pick-toc ol { columns:2; column-gap:32px; padding-left:22px; margin:10px 0 0; }
.pick-toc li { break-inside:avoid; margin:0 0 7px; padding-left:2px; }
.pick-toc a { color:var(--pick-muted); text-decoration:none; display:inline-block; padding:3px 0; }
.pick-toc a:hover { color:var(--pick-accent); text-decoration:underline; }
.pick-sources { background:#f7f8f5; border:1px solid var(--pick-line); border-radius:8px; padding:24px; font-size:15px; }
.pick-sources > *:first-child { margin-top:0; }
.pick-sources > *:last-child { margin-bottom:0; }
.pick-editor-note { border-top:1px solid var(--pick-line); padding-top:24px; margin-top:52px; font-size:14px; color:var(--pick-muted); }
.pick-back { margin-top:40px; font-size:15px; }
.pick-archive { max-width:1120px; margin:auto; }
.pick-archive h1 { margin:0 0 18px; font-size:40px; }
.pick-archive .pick-prose { max-width:720px; margin-inline:0; }
.pick-archive-intro { font-size:18px; color:var(--pick-muted); max-width:640px; margin-bottom:40px; }
.pick-post-grid { margin-top:28px; }
.pick-post-grid .wp-block-post-template { gap:32px; }
.pick-post-grid .wp-block-post { border-bottom:1px solid var(--pick-line); padding-bottom:28px; }
.pick-post-grid .wp-block-post-featured-image { margin-bottom:18px; }
.pick-post-grid .wp-block-post-featured-image img { aspect-ratio:16/10; object-fit:cover; border-radius:8px; }
.pick-post-grid .wp-block-post-title { font-size:23px; line-height:1.5; margin:10px 0 12px; }
.pick-post-grid .wp-block-post-title a { color:var(--pick-ink); text-decoration:none; }
.pick-post-grid .wp-block-post-title a:hover { text-decoration:underline; }
.pick-post-grid .wp-block-post-excerpt { font-size:16px; color:var(--pick-muted); }
.pick-post-grid .wp-block-post-excerpt p { margin:0; }
.pick-post-grid .wp-block-post-date { font-size:13px; color:var(--pick-muted); }
.pick-post-grid .wp-block-query-pagination { padding-top:24px; font-size:16px; }
.pick-post-grid .wp-block-query-pagination a { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.pick-footer { border-top:1px solid var(--pick-line); background:#f7f8f5; padding:36px 24px; }
.pick-footer-inner { max-width:1120px; margin:auto; display:flex; gap:24px; justify-content:space-between; align-items:flex-start; }
.pick-footer-name { font-size:18px; font-weight:750; color:var(--pick-ink); margin:0 0 6px; }
.pick-footer p { font-size:13px; line-height:1.8; color:var(--pick-muted); margin:0; }
.pick-footer-links { display:flex; gap:24px; font-size:13px; padding-top:4px; }
.pick-footer-links a { min-height:44px; display:inline-flex; align-items:center; color:var(--pick-muted); }
.wp-block-search__input { min-width:0; border:1px solid var(--pick-line); border-radius:5px; }
.wp-block-search__button { min-height:44px; border-radius:5px; }
@media(max-width:1199px) { .pick-home { margin-inline:24px; } }
@media(max-width:760px) {
 .pick-header { padding:16px 20px 0; }
 .pick-header-inner { flex-wrap:wrap; gap:8px 20px; }
 .pick-brand { font-size:23px; }
 .pick-header-search { margin-left:auto; width:min(45vw,200px); }
 .pick-navigation { order:3; width:100%; margin:0; gap:26px; padding:4px 0; }
 .pick-navigation a { font-size:14px; }
 .pick-home { margin-inline:20px; padding-bottom:48px; }
 .pick-hero { grid-template-columns:1fr; gap:36px; padding:44px 0 32px; }
 .pick-eyebrow { margin-bottom:18px; font-size:12px; }
 .pick-hero h1 { font-size:46px; margin-bottom:22px; }
 .pick-hero-description { font-size:17px; margin-bottom:14px; }
 .pick-question { padding:18px 0; gap:12px; }
 .pick-question h2 { font-size:20px; }
 .pick-question p { font-size:14px; }
 .pick-principles-strip { gap:8px 18px; font-size:13px; padding-block:18px; }
 .pick-principles-strip strong { width:100%; }
 .pick-section-heading { margin-top:36px; flex-wrap:wrap; gap:8px; }
 .pick-section-heading h2 { font-size:25px; }
 .pick-empty { padding:24px; }
 .pick-empty h3 { font-size:18px; }
 .pick-empty p { font-size:15px; }
 .pick-content-shell { padding:38px 20px 56px; }
 .pick-article-head { margin-bottom:28px; }
 .pick-article-head h1 { font-size:31px; }
 .pick-article-head .wp-block-post-excerpt { font-size:17px; }
 .pick-prose { font-size:17px; line-height:1.85; }
 .pick-prose h2 { font-size:25px; }
 .pick-prose h3 { font-size:21px; }
 .pick-verdict { padding:22px; }
 .pick-verdict .wp-block-columns { gap:16px; }
 .pick-toc ol { columns:1; }
 .pick-toc a { padding:5px 0; }
 .pick-archive h1 { font-size:31px; }
 .pick-archive-intro { font-size:17px; }
 .pick-post-grid .wp-block-post-template { grid-template-columns:1fr; }
 .pick-footer { padding:28px 20px; }
 .pick-footer-inner { flex-direction:column; gap:12px; }
 .pick-footer-links { padding:0; }
}
@media(prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth; } }
.pick-article-head h1, .pick-prose h2, .pick-prose h3 { word-break:keep-all; overflow-wrap:break-word; text-wrap:pretty; }
.pick-footer .pick-footer-name { font-size:18px; font-weight:750; color:var(--pick-ink); margin-bottom:6px; }

/* Topic navigation stays visible and wraps without sideways scrolling. */
.pick-topics { background:#f7f8f5; border-bottom:1px solid var(--pick-line); padding:14px 24px; }
.pick-topics-inner { max-width:1120px; margin:auto; display:grid; gap:6px; }
.pick-topic-row { display:flex; align-items:baseline; gap:20px; }
.pick-topic-label { flex:0 0 58px; color:var(--pick-muted); font-size:12px; font-weight:650; }
.pick-topic-links { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; min-width:0; }
.pick-topic-chip { display:inline-flex; align-items:center; gap:5px; padding:6px 12px; min-height:44px; max-width:100%; border-radius:6px; color:var(--pick-ink); text-decoration:none; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.pick-topic-chip:hover { background:#e6eee0; color:var(--pick-accent); }
.pick-topic-chip[aria-current="page"] { background:var(--pick-accent); color:#fff; }
.pick-topic-count { font-size:11px; font-variant-numeric:tabular-nums; opacity:.75; margin-left:3px; }
.pick-topic-more { font-size:13px; }
.pick-topic-more summary { cursor:pointer; padding:10px 12px; min-height:44px; color:var(--pick-muted); }
.pick-topic-more[open] { flex-basis:100%; }
.pick-topic-more[open] .pick-topic-links { padding-block:8px; }
.pick-article-tags { font-size:14px; margin-block:32px; line-height:2; color:var(--pick-muted); }
.pick-article-tags a { display:inline-block; padding:2px 8px; background:var(--pick-tint); border-radius:5px; text-decoration:none; }
.pick-related { margin-block:44px; border-top:1px solid var(--pick-line); padding-top:28px; }
.pick-related-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.pick-related-heading h2 { margin:0; font-size:23px; letter-spacing:-.035em; }
.pick-related-heading > a { font-size:13px; padding-block:10px; }
.pick-related-list { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.pick-related-card { display:flex; align-items:center; gap:20px; padding:16px; border:1px solid var(--pick-line); border-radius:8px; color:var(--pick-ink); text-decoration:none; }
.pick-related-card:hover { background:var(--pick-tint); border-color:#a5b9a5; }
.pick-related-card img { width:132px; height:96px; flex-shrink:0; object-fit:cover; border-radius:5px; }
.pick-related-card h3 { font-size:18px; line-height:1.55; margin:0 0 8px; }
.pick-related-card span { font-size:13px; color:var(--pick-accent); }
@media(max-width:760px) {
 .pick-topics { padding:10px 20px; }
 .pick-topic-row { gap:8px; }
 .pick-topic-label { flex-basis:48px; font-size:11px; }
 .pick-topic-links { gap:2px; }
 .pick-topic-chip { font-size:13px; padding-inline:9px; }
 .pick-related-heading h2 { font-size:21px; }
 .pick-related-card { gap:12px; padding:12px; }
 .pick-related-card img { width:80px; height:80px; }
 .pick-related-card h3 { font-size:16px; }
}

/* Ad-block notice: optional, dismissible, and independent of article content. */
.pick-adblock-signal { position:fixed; width:0; height:0; overflow:hidden; pointer-events:none; }
.pick-reader-notice[hidden] { display:none; }
.pick-reader-notice { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:16px; background:rgba(16,32,26,.58); }
.pick-reader-notice-panel { position:relative; width:min(100%,460px); max-height:calc(100dvh - 32px); overflow-y:auto; padding:32px; border-radius:12px; background:#fff; color:var(--pick-ink); box-shadow:0 24px 70px rgba(0,0,0,.2); }
.pick-reader-notice-eyebrow { margin:0 0 10px; color:var(--pick-accent); font-size:13px; font-weight:700; }
.pick-reader-notice-panel h2 { margin:0 40px 16px 0; font-size:25px; line-height:1.4; letter-spacing:-.035em; }
.pick-reader-notice-panel p:not(.pick-reader-notice-eyebrow) { margin:0; color:var(--pick-muted); font-size:16px; line-height:1.8; }
.pick-reader-notice-close { position:absolute; top:16px; right:16px; display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--pick-muted); font-size:28px; cursor:pointer; }
.pick-reader-notice-continue { min-height:44px; margin-top:24px; padding:10px 20px; border:0; border-radius:6px; background:var(--pick-accent); color:#fff; font-weight:650; cursor:pointer; }
.pick-reader-notice-continue:hover { background:var(--pick-ink); }
@media(max-width:480px) { .pick-reader-notice-panel { padding:24px; } .pick-reader-notice-panel h2 { font-size:22px; } }

/* Legacy custom-HTML images use the same click-to-enlarge behavior as core image blocks. */
.pick-image-zoomable { cursor:zoom-in; }
.pick-image-lightbox[hidden] { display:none; }
.pick-image-lightbox { position:fixed; inset:0; z-index:10020; display:grid; place-items:center; padding:24px; background:rgba(11,20,17,.9); opacity:0; transition:opacity .16s ease; }
.pick-image-lightbox.is-open { opacity:1; }
.pick-image-lightbox-dialog { position:relative; display:grid; justify-items:center; max-width:100%; max-height:100%; }
.pick-image-lightbox-image { display:block; width:auto; height:auto; max-width:min(94vw,1800px); max-height:calc(100dvh - 112px); object-fit:contain; border-radius:4px; box-shadow:0 18px 60px rgba(0,0,0,.32); }
.pick-image-lightbox-caption { max-width:min(94vw,900px); margin:12px 56px 0; color:#fff; font-size:14px; line-height:1.6; text-align:center; }
.pick-image-lightbox-close { position:fixed; top:16px; right:16px; display:grid; place-items:center; width:48px; height:48px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(0,0,0,.45); color:#fff; font-size:32px; line-height:1; cursor:pointer; }
.pick-image-lightbox-close:hover { background:rgba(0,0,0,.75); }
html.pick-image-lightbox-open, html.pick-image-lightbox-open body { overflow:hidden; }
@media(max-width:480px) {
 .pick-image-lightbox { padding:8px; }
 .pick-image-lightbox-image { max-width:96vw; max-height:calc(100dvh - 96px); }
 .pick-image-lightbox-caption { margin-inline:44px; font-size:13px; }
 .pick-image-lightbox-close { top:10px; right:10px; }
}
@media(prefers-reduced-motion:reduce) { .pick-image-lightbox { transition:none; } }

/* Live Gold Box recommendations appear after the article, never over it. */
.pick-goldbox[hidden], .pick-goldbox-status[hidden] { display:none; }
.pick-goldbox { margin-block:44px; padding:24px; border:1px solid var(--pick-line); border-radius:10px; background:#f7f8f5; color:var(--pick-ink); }
.pick-goldbox-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.pick-goldbox-heading h2 { margin:0; font-size:24px; line-height:1.3; letter-spacing:-.035em; }
.pick-goldbox-clock { margin:0; color:var(--pick-muted); font-size:13px; }
.pick-goldbox-clock time { display:inline-block; color:var(--pick-accent); font-variant-numeric:tabular-nums; font-weight:700; }
.pick-goldbox-controls[hidden] { display:none; }
.pick-goldbox-controls { display:flex; align-items:center; gap:6px; }
.pick-goldbox-controls button { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--pick-line); border-radius:50%; background:#fff; color:var(--pick-accent); font:inherit; font-size:19px; cursor:pointer; }
.pick-goldbox-controls button:hover:not(:disabled) { border-color:var(--pick-accent); background:var(--pick-tint); }
.pick-goldbox-controls button:focus-visible, .pick-goldbox-list:focus-visible { outline:2px solid var(--pick-accent); outline-offset:2px; }
.pick-goldbox-controls button:disabled { opacity:.35; cursor:default; }
.pick-goldbox-disclosure { margin:12px 0 20px; color:var(--pick-muted); font-size:12px; line-height:1.6; }
.pick-goldbox-list { display:flex; gap:12px; overflow-x:auto; padding:2px 2px 12px; scroll-snap-type:x proximity; scrollbar-color:#9baea3 transparent; }
.pick-goldbox-card { flex:0 0 168px; display:flex; flex-direction:column; gap:6px; min-width:0; padding:10px; border:1px solid var(--pick-line); border-radius:8px; background:#fff; color:var(--pick-ink); text-decoration:none; scroll-snap-align:start; }
.pick-goldbox-card:hover { border-color:#a4b9a4; background:var(--pick-tint); }
.pick-goldbox-card img { width:100%; aspect-ratio:1; height:auto; object-fit:contain; }
.pick-goldbox-name { font-size:13px; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3em; }
.pick-goldbox-price { margin-top:auto; font-size:16px; font-variant-numeric:tabular-nums; }
.pick-goldbox-status { color:var(--pick-muted); font-size:12px; line-height:1.7; }
.pick-goldbox-status { margin:12px 0 0; }
@media(max-width:640px) { .pick-goldbox-controls { display:none; } }
@media(max-width:480px) {
 .pick-goldbox { padding:18px; margin-block:32px; }
 .pick-goldbox-heading h2 { font-size:21px; }
 .pick-goldbox-card { flex-basis:152px; }
}