/* roulang page: index */
:root {
  --ink: #202523;
  --muted: #68716d;
  --paper: #f7f8f5;
  --white: #fff;
  --line: #dfe5df;
  --green: #246b50;
  --green-dark: #174d3a;
  --lime: #d6ed8a;
  --rose: #d97765;
  --soft-green: #eaf2e9;
  --soft-rose: #f9ece8;
  --radius: 8px;
  --shadow: 0 14px 36px rgba(34, 53, 42, .08);
  --content: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--green); }
button, input { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid rgba(36,107,80,.34); outline-offset: 3px; }
.container { width: min(var(--content), calc(100% - 48px)); margin-inline: auto; }
.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
}
.nav-shell { min-height: 76px; display: flex; align-items: center; gap: 28px; }
.brand { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; font-size: 16px; font-weight: 800; line-height: 1.25; }
.brand-mark {
  width: 34px; height: 34px; display: grid; place-items: center;
  border-radius: 7px; color: var(--white); background: var(--green);
  font-size: 15px; font-weight: 900;
}
.nav-links { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.nav-links a { padding: 9px 14px; border-radius: 6px; color: #505a54; font-size: 14px; font-weight: 650; transition: background .18s, color .18s; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--green-dark); background: var(--soft-green); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.command-search { position: relative; }
.command-search input {
  width: 196px; height: 40px; padding: 0 40px 0 14px;
  border: 1px solid var(--line); border-radius: 6px; background: #fbfcfa;
  color: var(--ink); box-shadow: none; font-size: 13px; margin: 0;
}
.command-search input::placeholder { color: #8a938d; }
.search-key {
  position: absolute; right: 9px; top: 9px; padding: 1px 5px;
  color: #768078; border: 1px solid var(--line); border-radius: 4px; font-size: 11px; line-height: 1.5;
}
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 42px; padding: 0 17px; border: 1px solid transparent; border-radius: 6px;
  background: var(--green); color: var(--white); font-size: 14px; font-weight: 750;
  transition: transform .18s, background .18s, box-shadow .18s;
}
.button:hover { color: var(--white); background: var(--green-dark); box-shadow: 0 6px 15px rgba(36,107,80,.2); transform: translateY(-1px); }
.button.secondary { color: var(--green-dark); background: var(--white); border-color: var(--line); }
.button.secondary:hover { background: var(--soft-green); box-shadow: none; }
.mobile-toggle { display: none; border: 1px solid var(--line); border-radius: 6px; background: white; width: 42px; height: 40px; color: var(--ink); }
.hero {
  position: relative; overflow: hidden;
  padding: 58px 0 45px;
  background: #e9f1e8;
  border-bottom: 1px solid #dce7db;
}
.hero::after {
  content: ""; position: absolute; right: -110px; top: -190px;
  width: 520px; height: 520px; border: 1px solid rgba(36,107,80,.16); border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(36,107,80,.035), 0 0 0 96px rgba(36,107,80,.025);
  pointer-events: none;
}
.hero-content { position: relative; z-index: 1; max-width: 960px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--green-dark); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--rose); }
.hero h1 { max-width: 850px; margin: 16px 0 14px; font-size: clamp(34px, 4.3vw, 56px); line-height: 1.19; font-weight: 850; letter-spacing: 0; }
.hero-copy { max-width: 800px; margin: 0; color: #4e5b53; font-size: 17px; line-height: 1.9; }
.hero-actions { display: flex; gap: 11px; margin-top: 25px; flex-wrap: wrap; }
.hero-meta { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 25px; color: #526258; font-size: 13px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 8px; }
.meta-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; }
.age-note { margin-top: 21px; padding-top: 14px; border-top: 1px solid rgba(36,107,80,.18); color: #65726a; font-size: 12px; }
main section { padding: 66px 0; border-bottom: 1px solid var(--line); }
main section:nth-of-type(even) { background: var(--white); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.section-head > div { max-width: 720px; }
.section-kicker { margin-bottom: 7px; color: var(--green); font-size: 12px; font-weight: 800; letter-spacing: .07em; }
.section-head h2 { margin: 0 0 8px; font-size: 29px; line-height: 1.3; font-weight: 820; }
.section-head p { margin: 0; color: var(--muted); font-size: 15px; }
.text-link { color: var(--green); font-weight: 750; font-size: 14px; white-space: nowrap; }
.text-link:hover { color: var(--green-dark); text-decoration: underline; text-underline-offset: 4px; }
.topic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.topic-card {
  min-height: 195px; padding: 21px; border: 1px solid var(--line); border-radius: var(--radius);
  background: var(--white); transition: transform .2s, box-shadow .2s, border-color .2s;
}
.topic-card:hover { transform: translateY(-3px); border-color: #bed2c2; box-shadow: var(--shadow); }
.card-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.tag { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 4px; color: var(--green-dark); background: var(--soft-green); font-size: 11px; font-weight: 750; }
.card-arrow { color: #9aa69e; font-size: 19px; }
.topic-card h3 { margin: 16px 0 8px; font-size: 18px; line-height: 1.4; }
.topic-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.feature-band { display: grid; grid-template-columns: 1.12fr .88fr; gap: 40px; align-items: center; }
.feature-copy h2 { margin: 0 0 13px; font-size: 30px; line-height: 1.35; }
.feature-copy p { margin: 0; color: var(--muted); }
.feature-list { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.feature-list li { display: flex; gap: 11px; align-items: flex-start; color: #46534b; font-size: 14px; }
.check { flex: 0 0 21px; width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: var(--soft-green); font-size: 12px; font-weight: 900; }
.fact-panel { padding: 24px; border-radius: var(--radius); color: white; background: var(--green-dark); }
.fact-panel h3 { margin: 0 0 15px; font-size: 17px; }
.fact-row { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.76); font-size: 13px; }
.fact-row strong { color: white; font-weight: 750; text-align: right; }
.matrix-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.matrix-item { display: flex; align-items: flex-start; gap: 16px; padding: 19px 20px; background: #f7f9f6; border-left: 3px solid var(--green); }
.matrix-number { color: #95a59a; font-size: 12px; font-weight: 800; }
.matrix-item h3 { margin: 0 0 4px; font-size: 16px; }
.matrix-item p { margin: 0; color: var(--muted); font-size: 13px; }
.quality-strip { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: white; }
.quality-item { min-height: 145px; padding: 22px 19px; border-right: 1px solid var(--line); }
.quality-item:last-child { border-right: 0; }
.quality-item strong { display: block; margin-bottom: 8px; color: var(--green-dark); font-size: 16px; }
.quality-item p { margin: 0; color: var(--muted); font-size: 13px; }
.editorial-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 34px; align-items: start; }
.editorial-aside { padding: 23px; background: var(--soft-rose); border-radius: var(--radius); }
.editorial-aside .tag { background: white; color: #9b5549; }
.editorial-aside h3 { margin: 14px 0 8px; font-size: 19px; }
.editorial-aside p { margin: 0; color: #75615d; font-size: 13px; }
.update-list { margin: 0; padding: 0; list-style: none; }
.update-list li { display: grid; grid-template-columns: 104px 1fr; gap: 18px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.update-list li:first-child { padding-top: 0; }
.update-list li:last-child { border-bottom: 0; }
.update-type { color: var(--green); font-size: 12px; font-weight: 800; }
.update-list h3 { margin: 0 0 4px; font-size: 16px; }
.update-list p { margin: 0; color: var(--muted); font-size: 13px; }
.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.compare-item { padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }
.compare-item.emphasis { border-color: #b7cebd; background: #f3f8f2; }
.compare-item h3 { margin: 0 0 13px; font-size: 18px; }
.compare-item ul { margin: 0; padding-left: 19px; color: var(--muted); font-size: 14px; }
.compare-item li + li { margin-top: 8px; }
.timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.timeline-item { position: relative; padding: 20px 24px 8px 0; border-top: 2px solid #c8d8cd; }
.timeline-item::before { content: ""; position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border: 2px solid var(--green); border-radius: 50%; background: var(--paper); }
.timeline-item span { color: var(--green); font-size: 12px; font-weight: 800; }
.timeline-item h3 { margin: 7px 0 5px; font-size: 16px; }
.timeline-item p { margin: 0; color: var(--muted); font-size: 13px; }
.quote-band { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 27px; background: #f1f4ed; border-radius: var(--radius); }
.quote { margin: 0; padding-left: 18px; border-left: 2px solid var(--rose); color: #48534c; font-size: 14px; }
.quote cite { display: block; margin-top: 11px; color: #78817b; font-size: 12px; font-style: normal; }
.privacy-row { display: flex; align-items: flex-start; gap: 18px; max-width: 860px; }
.privacy-mark { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; color: var(--green); border: 1px solid #cddbcf; border-radius: 7px; font-weight: 900; }
.privacy-row h2 { margin: 0 0 7px; font-size: 23px; }
.privacy-row p { margin: 0; color: var(--muted); font-size: 14px; }
.final-band { padding: 32px; display: flex; justify-content: space-between; align-items: center; gap: 22px; color: white; background: var(--green-dark); border-radius: var(--radius); }
.final-band h2 { margin: 0 0 6px; color: white; font-size: 23px; }
.final-band p { margin: 0; color: rgba(255,255,255,.74); font-size: 14px; }
.final-band .button { color: var(--green-dark); background: var(--lime); }
.final-band .button:hover { background: #e4f6ad; }
.site-footer { padding: 35px 0 25px; color: #58645c; background: #edf1eb; }
.footer-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; padding-bottom: 23px; border-bottom: 1px solid #d5ddd4; }
.footer-brand { color: var(--ink); font-weight: 800; }
.footer-note { max-width: 540px; margin: 9px 0 0; font-size: 12px; color: var(--muted); }
.footer-links { display: flex; gap: 20px; font-size: 13px; font-weight: 650; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 17px; color: #78827a; font-size: 11px; }
.age-chip { color: #8b4a40; font-weight: 800; }
@media (max-width: 1024px) {
  .nav-shell { gap: 14px; }
  .brand { max-width: 250px; font-size: 14px; }
  .command-search input { width: 160px; }
  .topic-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .container { width: min(var(--content), calc(100% - 36px)); }
  .nav-shell { min-height: 68px; flex-wrap: wrap; justify-content: space-between; padding: 12px 0; }
  .brand { max-width: calc(100% - 60px); }
  .mobile-toggle { display: block; }
  .nav-links { display: none; order: 3; flex: 0 0 100%; margin: 0; padding: 5px 0 3px; border-top: 1px solid var(--line); }
  .nav-links.is-open { display: flex; }
  .nav-actions { display: none; order: 4; flex: 0 0 100%; padding-bottom: 6px; }
  .nav-actions.is-open { display: flex; }
  .command-search { flex: 1; }
  .command-search input { width: 100%; }
  .hero { padding: 48px 0 35px; }
  .hero h1 { font-size: 38px; }
  main section { padding: 51px 0; }
  .section-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .feature-band, .editorial-layout { grid-template-columns: 1fr; }
  .quality-strip { grid-template-columns: 1fr 1fr; }
  .quality-item:nth-child(2) { border-right: 0; }
  .quality-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .quote-band { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .container { width: calc(100% - 30px); }
  .brand { font-size: 13px; gap: 8px; }
  .brand-mark { width: 31px; height: 31px; }
  .nav-links { flex-wrap: wrap; }
  .nav-links a { padding: 8px 10px; }
  .hero h1 { font-size: 33px; }
  .hero-copy { font-size: 15px; }
  .hero-actions { align-items: stretch; }
  .hero-actions .button { flex: 1; }
  .hero-meta { gap: 11px 16px; }
  .section-head h2 { font-size: 25px; }
  .topic-grid, .matrix-grid, .compare-grid, .timeline { grid-template-columns: 1fr; }
  .topic-card { min-height: 0; }
  .quality-strip { grid-template-columns: 1fr; }
  .quality-item { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .quality-item:last-child { border-bottom: 0; }
  .update-list li { grid-template-columns: 1fr; gap: 3px; }
  .final-band, .footer-main, .footer-bottom { flex-direction: column; align-items: flex-start; }
  .final-band { padding: 23px; }
  .footer-links { flex-wrap: wrap; gap: 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* roulang page: category1 */
:root{--ink:#202523;--muted:#68716d;--paper:#f7f8f5;--white:#fff;--line:#dfe5df;--green:#246b50;--green-dark:#174d3a;--lime:#d6ed8a;--rose:#d97765;--soft-green:#eaf2e9;--soft-rose:#f9ece8;--radius:8px;--shadow:0 14px 36px rgba(34,53,42,.08);--content:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(36,107,80,.34);outline-offset:3px}.container{width:min(var(--content),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-shell{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;font-size:16px;font-weight:800;line-height:1.25}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:var(--white);background:var(--green);font-size:15px;font-weight:900}.nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-links a{padding:9px 14px;border-radius:6px;color:#505a54;font-size:14px;font-weight:650;transition:background .18s,color .18s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green-dark);background:var(--soft-green)}.nav-actions{display:flex;align-items:center;gap:10px}.command-search{position:relative}.command-search input{width:196px;height:40px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:6px;background:#fbfcfa;color:var(--ink);box-shadow:none;font-size:13px;margin:0}.command-search input::placeholder{color:#8a938d}.search-key{position:absolute;right:9px;top:9px;padding:1px 5px;color:#768078;border:1px solid var(--line);border-radius:4px;font-size:11px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:6px;background:var(--green);color:var(--white);font-size:14px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{color:var(--white);background:var(--green-dark);box-shadow:0 6px 15px rgba(36,107,80,.2);transform:translateY(-1px)}.button.secondary{color:var(--green-dark);background:var(--white);border-color:var(--line)}.button.secondary:hover{background:var(--soft-green);box-shadow:none}.mobile-toggle{display:none;border:1px solid var(--line);border-radius:6px;background:white;width:42px;height:40px;color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:58px 0 45px;background:#e9f1e8;border-bottom:1px solid #dce7db}.hero:after{content:"";position:absolute;right:-110px;top:-190px;width:520px;height:520px;border:1px solid rgba(36,107,80,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(36,107,80,.035),0 0 0 96px rgba(36,107,80,.025);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:960px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-dark);font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--rose)}.hero h1{max-width:850px;margin:16px 0 14px;font-size:clamp(34px,4.3vw,56px);line-height:1.19;font-weight:850}.hero-copy{max-width:800px;margin:0;color:#4e5b53;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:11px;margin-top:25px;flex-wrap:wrap}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#526258;font-size:13px}.hero-meta span{display:inline-flex;align-items:center;gap:8px}.meta-dot{width:7px;height:7px;background:var(--green);border-radius:50%}
main section{padding:66px 0;border-bottom:1px solid var(--line)}main section:nth-of-type(even){background:var(--white)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head>div{max-width:720px}.section-kicker{margin-bottom:7px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.07em}.section-head h2{margin:0 0 8px;font-size:29px;line-height:1.3;font-weight:820}.section-head p{margin:0;color:var(--muted);font-size:15px}.text-link{color:var(--green);font-weight:750;font-size:14px;white-space:nowrap}.text-link:hover{color:var(--green-dark);text-decoration:underline;text-underline-offset:4px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.topic-card{min-height:195px;padding:21px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:transform .2s,box-shadow .2s,border-color .2s}.topic-card:hover{transform:translateY(-3px);border-color:#bed2c2;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:4px;color:var(--green-dark);background:var(--soft-green);font-size:11px;font-weight:750}.card-arrow{color:#9aa69e;font-size:19px}.topic-card h3{margin:16px 0 8px;font-size:18px;line-height:1.4}.topic-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.feature-band{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}.feature-copy h2{margin:0 0 13px;font-size:30px;line-height:1.35}.feature-copy p{margin:0;color:var(--muted)}.feature-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.feature-list li{display:flex;gap:11px;align-items:flex-start;color:#46534b;font-size:14px}.feature-list li:before{content:"✓";display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--green-dark);font-weight:800}.fact-panel{padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fdfefd;box-shadow:var(--shadow)}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.fact-row:first-child{padding-top:0}.fact-row:last-child{padding-bottom:0;border-bottom:0}.fact-row strong{color:var(--green-dark);font-size:21px}.fact-row span{color:var(--muted)}
.channel-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:34px}.channel-intro{padding-right:22px}.channel-intro h2{margin:0 0 14px;font-size:29px;line-height:1.35}.channel-intro p{margin:0;color:var(--muted)}.channel-list{display:grid;gap:10px}.channel-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:7px;background:var(--white);transition:border-color .18s,transform .18s}.channel-item:hover{border-color:#b8cdbd;transform:translateX(3px)}.channel-item strong{display:block;font-size:15px}.channel-item small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.channel-item b{color:var(--green);font-size:18px}
.article-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px}.article-list{display:grid;gap:0;border-top:1px solid var(--line)}.article-item{display:grid;grid-template-columns:105px 1fr auto;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.article-date{color:var(--green);font-size:12px;font-weight:800}.article-item h3{margin:0;font-size:16px;line-height:1.45}.article-item p{margin:4px 0 0;color:var(--muted);font-size:13px}.article-arrow{color:#9aa69e}.notice-box{padding:25px;background:var(--soft-rose);border-left:4px solid var(--rose);border-radius:0 8px 8px 0}.notice-box h3{margin:0 0 10px;font-size:20px}.notice-box p{margin:0;color:#705a55;font-size:14px;line-height:1.85}
.cta-section{background:var(--green)!important;color:white;text-align:center;border-bottom:0}.cta-section h2{margin:0 auto 12px;font-size:30px;line-height:1.35}.cta-section p{max-width:650px;margin:0 auto 23px;color:#dce9df;font-size:15px}.cta-section .button{background:var(--lime);color:var(--green-dark)}.cta-section .button:hover{background:#e5f5a8;color:var(--green-dark)}
.site-footer{padding:38px 0 24px;background:#1d2923;color:#d8e2d9}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-brand{display:block;color:#fff;font-weight:800;font-size:16px}.footer-note{max-width:500px;margin:10px 0 0;color:#aab8ad;font-size:13px}.footer-links{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.footer-links a{color:#cbd8cd;font-size:13px}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);color:#91a096;font-size:12px}.age-chip{color:#d6ed8a}
@media(max-width:1024px){.nav-shell{gap:16px}.command-search input{width:150px}.feature-band{gap:25px}}
@media(max-width:768px){.container{width:min(var(--content),calc(100% - 32px))}.nav-shell{min-height:68px;flex-wrap:wrap}.brand{font-size:14px}.nav-actions{margin-left:auto}.command-search{display:none}.mobile-toggle{display:block}.nav-links{order:3;display:none;width:100%;margin:0;padding:8px 0 14px;border-top:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-links a{flex:1;text-align:center}.hero{padding:44px 0 38px}.hero h1{font-size:38px}.hero-copy{font-size:16px}.topic-grid{grid-template-columns:repeat(2,1fr)}.feature-band,.channel-layout,.article-grid{grid-template-columns:1fr}.channel-intro{padding-right:0}.article-item{grid-template-columns:85px 1fr auto}.footer-main,.footer-bottom{flex-direction:column;gap:16px}}
@media(max-width:520px){.hero h1{font-size:32px}.hero-actions .button{width:100%}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}.feature-copy h2,.channel-intro h2,.section-head h2,.cta-section h2{font-size:25px}.article-item{grid-template-columns:1fr auto;gap:5px 12px}.article-date{grid-column:1/-1}.article-item h3{font-size:15px}.footer-links{gap:12px 18px}}