/*
Theme Name: Practical Value Guide
Theme URI: https://practicalvalueguide.com/
Author: Practical Value Guide
Description: A lightweight editorial WordPress theme for Practical Value Guide. Activating the theme automatically creates the starter pages, categories, menu and ten English guide articles.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: practical-value-guide
*/

:root{
  --pvg-ink:#172033;
  --pvg-muted:#667085;
  --pvg-line:#e7e9ee;
  --pvg-soft:#f6f7f9;
  --pvg-accent:#3157d5;
  --pvg-paper:#fff;
  --pvg-max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pvg-ink);background:var(--pvg-paper);line-height:1.72}
a{color:var(--pvg-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.pvg-wrap{max-width:var(--pvg-max);margin:0 auto;padding:0 24px}
.site-header{border-bottom:1px solid var(--pvg-line);background:#fff;position:sticky;top:0;z-index:20}
.site-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{font-weight:850;font-size:20px;letter-spacing:-.03em;color:var(--pvg-ink)}
.site-brand:hover{text-decoration:none}
.site-menu{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:0;padding:0}
.site-menu a{color:var(--pvg-ink);font-weight:600;font-size:14px}
.hero{padding:84px 0 60px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--pvg-accent)}
.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.01;letter-spacing:-.06em;max-width:900px;margin:10px 0 22px}
.hero p{font-size:20px;color:var(--pvg-muted);max-width:720px}
.button{display:inline-block;background:var(--pvg-ink);color:white!important;font-weight:750;padding:12px 17px;border-radius:10px}
.button:hover{text-decoration:none;opacity:.92}
.section{padding:36px 0 64px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-head h2{font-size:34px;letter-spacing:-.035em;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{border:1px solid var(--pvg-line);border-radius:18px;padding:24px;background:#fff}
.card h2,.card h3{font-size:21px;line-height:1.28;margin:8px 0 12px;letter-spacing:-.02em}
.card p{color:var(--pvg-muted);margin:0 0 14px}
.card .meta{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--pvg-accent)}
.article-shell{max-width:820px;margin:0 auto;padding:64px 24px}
.article-shell h1{font-size:clamp(40px,6vw,64px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 18px}
.article-shell h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin-top:42px}
.article-shell p,.article-shell li{font-size:18px}
.dek{font-size:21px!important;color:var(--pvg-muted)}
.notice{background:var(--pvg-soft);border-radius:12px;padding:16px 18px;color:#4b5565;margin:28px 0}
.archive-title{padding:64px 0 24px}
.archive-title h1{font-size:48px;letter-spacing:-.045em;margin:5px 0}
.site-footer{margin-top:70px;border-top:1px solid var(--pvg-line);padding:36px 0;color:var(--pvg-muted);font-size:14px}
.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{color:var(--pvg-muted)}
.pvg-content h2{margin-top:34px}
.pvg-content p,.pvg-content li{font-size:17px}
@media(max-width:860px){
  .grid{grid-template-columns:1fr}
  .site-nav{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}
  .site-menu{gap:12px}
  .hero{padding-top:54px}
  .hero h1{font-size:48px}
}