/** * Whisky Investment News — single + archive styling (wr-theme). * Loaded only on whisky-news single/archive (see wr_news_assets in functions.php). * Prose mirrors the analysis articles: PT Serif 19/31, Poppins headings. */ /* ---- Single ---- */ .wr-news-single { max-width: 760px; } .wr-news-head { margin-bottom: 28px; } .wr-news-eyebrow { font-family: var(--font-ui); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; font-size: 12px; margin: 0 0 12px; } .wr-news-eyebrow a { color: var(--brand-amber); text-decoration: none; } .wr-news-eyebrow a:hover { color: var(--brand-cask); } .wr-news-title { font-family: var(--font-headings); font-weight: 700; font-size: clamp(28px, 4vw, 38px); line-height: 1.14; letter-spacing: -0.015em; color: var(--brand-ink); margin: 0 0 12px; } .wr-news-date { font-family: var(--font-notes); font-size: 14px; color: var(--fg-4); margin: 0; } .wr-news-hero { margin: 0 0 28px; } .wr-news-hero img { width: 100%; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--border-1); } .wr-news-body { font-family: var(--font-body); font-size: 19px; line-height: 31px; color: var(--fg-1); } .wr-news-body p { margin: 0 0 1.15em; } .wr-news-body h2, .wr-news-body h3 { font-family: var(--font-headings); color: var(--brand-ink); letter-spacing: -0.01em; } .wr-news-body h2 { font-size: 26px; line-height: 1.28; margin: 48px 0 16px; } .wr-news-body h3 { font-size: 20px; line-height: 1.35; margin: 36px 0 12px; } .wr-news-body ul, .wr-news-body ol { margin: 0 0 1.3em; padding-left: 1.2em; } .wr-news-body li { margin-bottom: 8px; } .wr-news-body a { color: var(--brand-cask); text-decoration: underline; text-decoration-color: var(--brand-cask-100); text-underline-offset: 2px; } .wr-news-body a:hover { color: var(--brand-amber); text-decoration-color: currentColor; } .wr-news-body strong { font-weight: 700; } /* Some legacy posts wrap their content in a stray tag — neutralise it. */ .wr-news-body body { display: block; } .wr-news-foot { margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--border-1); } /* ---- Archive ---- */ .wr-news-archive { max-width: 820px; } .wr-news-archive-head { margin-bottom: 34px; } .wr-news-archive-sub { font-family: var(--font-body); font-size: 18px; line-height: 1.55; color: var(--fg-3); margin: 10px 0 0; max-width: 60ch; } .wr-news-list { display: grid; gap: 16px; } .wr-news-card { display: flex; flex-direction: column; text-decoration: none; background: #fff; border: 1px solid var(--border-1); border-radius: var(--radius-lg); padding: 26px 28px; color: var(--fg-1); transition: transform var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard); } .wr-news-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); color: var(--fg-1); } .wr-news-card-date { font-family: var(--font-notes); font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--fg-4); margin-bottom: 8px; } .wr-news-card-title { font-family: var(--font-headings); font-weight: 600; font-size: 21px; line-height: 1.28; color: var(--brand-ink); margin-bottom: 10px; } .wr-news-card-excerpt { font-family: var(--font-body); font-size: 16px; line-height: 1.55; color: var(--fg-3); } .wr-news-card-more { font-family: var(--font-ui); font-weight: 600; font-size: 14px; color: var(--brand-cask); margin-top: 14px; } .wr-news-card:hover .wr-news-card-more { color: var(--brand-amber); } @media (max-width: 640px) { .wr-news-card { padding: 22px; } }