:root{
  --bg:#ffffff;
  --text:#1a1a1a;
  --muted:#6b7280;
  --accent:#0a7d5a;
  --accent-light:#e8f5f0;
  --border:#e5e7eb;
  --radius:10px;
  --max:780px;
  --font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
  font-size:17px;
}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}

.site-header{
  border-bottom:1px solid var(--border);
  position:sticky;top:0;background:#fff;z-index:10;
}
.header-inner{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 0;gap:16px;flex-wrap:wrap;
}
.logo{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--text)}
.logo span{color:var(--accent)}
.top-nav{display:flex;gap:18px;flex-wrap:wrap}
.top-nav a{
  color:var(--text);text-decoration:none;font-size:.95rem;
  padding:6px 0;border-bottom:2px solid transparent;
}
.top-nav a:hover{border-color:var(--accent);color:var(--accent)}

.breadcrumbs{font-size:.9rem;color:var(--muted);padding:16px 0}
.breadcrumbs a{color:var(--muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--accent)}

article{padding-bottom:40px}
h1{
  font-size:clamp(1.6rem,3.2vw,2.15rem);
  line-height:1.25;
  margin:8px 0 18px;
  font-weight:700;
}
h2{
  font-size:clamp(1.25rem,2.4vw,1.55rem);
  margin:36px 0 14px;
  line-height:1.3;
  font-weight:700;
  border-left:4px solid var(--accent);
  padding-left:12px;
}
h3{font-size:1.15rem;margin:24px 0 10px;font-weight:600}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
a{color:var(--accent)}
strong{color:#000}
code{
  background:var(--accent-light);
  color:var(--accent);
  padding:2px 8px;
  border-radius:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;
  font-weight:600;
}

.lead{
  background:var(--accent-light);
  padding:18px 20px;
  border-radius:var(--radius);
  border-left:4px solid var(--accent);
  font-size:1.02rem;
}

.table-wrap{overflow-x:auto;margin:16px 0 20px;border-radius:var(--radius);border:1px solid var(--border)}
table{border-collapse:collapse;width:100%;font-size:.94rem;min-width:520px}
th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--border)}
th{background:#f7f8fa;font-weight:600;font-size:.88rem}
tr:last-child td{border-bottom:none}

.opinion{
  background:#fff8e1;
  border:1px solid #f0d77a;
  border-radius:var(--radius);
  padding:20px 22px;
  margin:28px 0;
}
.opinion h2{
  border-left:none;padding-left:0;margin-top:0;font-size:1.2rem;color:#8a6a00;
}

details{
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px 18px;
  margin-bottom:10px;
  background:#fff;
}
details[open]{background:#fafbfc}
summary{
  cursor:pointer;
  font-weight:600;
  font-size:1rem;
  list-style:none;
  position:relative;
  padding-right:28px;
}
summary::-webkit-details-marker{display:none}
summary::after{
  content:"+";position:absolute;right:0;top:-2px;
  font-size:1.3rem;color:var(--accent);font-weight:400;
}
details[open] summary::after{content:"−"}
details p{margin:10px 0 2px;color:#333}

.disclaimer{
  margin-top:32px;
  padding:14px 18px;
  font-size:.88rem;
  color:var(--muted);
  border-top:1px solid var(--border);
}

.site-footer{
  background:#f7f8fa;
  border-top:1px solid var(--border);
  padding:36px 0 24px;
  font-size:.92rem;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:24px;
}
.footer-title{font-weight:600;margin-bottom:8px}
.muted{color:var(--muted)}
.copyright{
  border-top:1px solid var(--border);
  padding-top:16px;
  font-size:.85rem;
  color:var(--muted);
  text-align:center;
}

@media (max-width:640px){
  .footer-grid{grid-template-columns:1fr}
  .top-nav{gap:12px;font-size:.88rem}
}