/*
Theme Name: The Brief
Theme URI: https://brief.tysoo.online/
Author: The Brief
Description: Reading desk for brief.tysoo.online
Version: 1.0
*/
:root { color-scheme: light; --ink:#1c1915; --muted:#5c564c; --line:#e4ddd2; --paper:#f7f3ec; --card:#fffdf9; --accent:#1f4d40; --gold:#8d6a32; }
* { box-sizing: border-box; }
body { margin:0; font-family: "Segoe UI", system-ui, sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { width:min(1080px, calc(100% - 32px)); margin:0 auto; }
header.site { border-bottom:1px solid var(--line); background:#fffdf9; }
header.site .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:72px; }
.brand { font-family: Georgia, "Times New Roman", serif; font-size:28px; letter-spacing:-0.03em; color:var(--ink); }
.brand small { display:block; font-family: "Segoe UI", system-ui, sans-serif; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); }
nav.desk { display:flex; gap:18px; font-size:14px; }
.hero { padding:48px 0 20px; }
.hero h1 { font-family: Georgia, serif; font-weight:500; font-size:clamp(36px, 5vw, 58px); line-height:1.05; margin:0 0 12px; letter-spacing:-0.03em; }
.hero p { max-width:62ch; color:var(--muted); font-size:18px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:16px; padding-bottom:28px; }
.card { background:var(--card); border:1px solid var(--line); color:inherit; display:block; }
.card img, .card svg { width:100%; height:auto; display:block; background:#14302a; }
.card .pad { padding:14px 16px 18px; }
.card h2 { font-family: Georgia, serif; font-size:22px; font-weight:500; line-height:1.25; margin:0; }
.kicker { font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin:0 0 6px; }
article.post { padding:28px 0 48px; }
article.post h1, article.page h1 { font-family: Georgia, serif; font-weight:500; font-size:clamp(32px, 4vw, 48px); line-height:1.12; margin:0 0 10px; }
.dek { color:var(--muted); font-size:18px; max-width:68ch; }
figure.cover { margin:18px 0; max-width:520px; }
figure.cover img { width:100%; height:auto; display:block; }
.prose { max-width:72ch; }
.prose p { margin:0 0 16px; }
.note { color:var(--muted); font-size:14px; }
.leaderboard, .ad-hold { display:flex; justify-content:center; }
.ad-hold-header { margin:12px auto; width:100%; max-width:728px; }
.ad-hold-article { margin:18px auto; width:100%; max-width:336px; }
footer.site { border-top:1px solid var(--line); padding:22px 0 36px; color:var(--muted); font-size:14px; }
footer.site .wrap { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
footer.site nav { display:flex; gap:14px; }
@media (max-width: 640px) {
  header.site .wrap { min-height:60px; }
  .brand { font-size:22px; }
}