/* a0027 — Left rail + magazine (light) */
:root{
  --bg:#fbf7f1;
  --paper:#ffffff;
  --ink:#14241a;
  --muted:#4f5c54;
  --line:#eadfd4;
  --brand:#1f6f4a;
  --accent:#caa35a;
  --radius:16px;
  --shadow:0 14px 40px rgba(20,36,26,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.65 ui-serif,Georgia,"Times New Roman",Times,serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}

.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.rail{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;padding:18px;border-right:1px solid var(--line);background:rgba(255,255,255,.55);backdrop-filter:saturate(180%) blur(10px)}
#logo a{display:inline-block;font:700 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.3px;color:var(--brand)}
.rail-nav ul{list-style:none;margin:16px 0 0;padding:0}
.rail-nav a{display:block;padding:10px 10px;border-radius:12px;color:var(--muted);font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.rail-nav li.active a{background:rgba(31,111,74,.10);color:var(--brand)}
.rail-note{margin-top:14px;color:var(--muted);font:14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.rail-slot{margin-top:16px;padding:12px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font:13px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff}

.mag{padding:0}
.hero{padding:30px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.55))}
.hero-inner{max-width:980px;margin:0 auto}
.kicker{font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.headline{margin:10px 0 8px;font:800 34px/1.15 ui-serif,Georgia,serif}
.dek{margin:0;color:var(--muted);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-width:70ch}
.hero-ads{margin-top:14px;color:var(--muted);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

.columns{padding:22px}
.prose{max-width:900px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

.highlights{padding:0 22px 26px}
.highlights .grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.tile-title{font:700 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--brand)}
.tile-body{margin-top:8px;color:var(--muted);font:14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

#footer{border-top:1px solid var(--line);background:#fff}
#footer .container{max-width:1100px;margin:0 auto;padding:18px 22px}
#footer .social a{display:inline-flex;align-items:center;gap:8px;margin-right:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line)}
#footer p{margin:10px 0 0;color:var(--muted);font:14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width: 980px){
  .shell{grid-template-columns:1fr}
  .rail{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}
  .highlights .grid{grid-template-columns:1fr}
}