:root{--orange:#f97316;--orange-dark:#ea580c;--orange-deep:#c2410c;--bg:#fff8f0;--bg-soft:#ffe8d1;--card:#fff;--border:#f3d9c0;--text:#2d2d2d;--muted:#8a7460;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--orange-dark)}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,248,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:760px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav-logo{font-weight:800;color:var(--orange-deep);text-decoration:none;font-size:16px;white-space:nowrap}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.nav-links a{color:#6b4a2f;text-decoration:none;font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}
.nav-links a:hover{background:var(--bg-soft);color:var(--orange-dark)}
main{flex:1;max-width:760px;margin:0 auto;padding:30px 20px 40px;width:100%}
.hero{background:linear-gradient(135deg,#ff8a3c 0%,#f97316 55%,#ea580c 100%);color:#fff;padding:48px 20px 42px;text-align:center}
.hero .logo{font-size:48px;line-height:1}
.hero h1{font-size:40px;font-weight:800;letter-spacing:-.5px;margin:8px 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero .tagline{max-width:620px;margin:8px auto 0;font-size:16.5px;opacity:.97}
.ep{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin:18px 0;box-shadow:0 4px 16px rgba(234,88,12,.07)}
.ep h2{font-size:22px;color:var(--orange-deep);margin-bottom:4px;line-height:1.35}
.ep .meta{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.2px;margin-bottom:10px}
.ep p{font-size:15.5px;color:#3d3d3d;margin:12px 0}
.ep .refl{background:#fff3e0;border-left:4px solid var(--orange);border-radius:10px;padding:14px 18px;margin-top:18px;font-size:15px;color:#5a463a}
.ep .refl b{color:var(--orange-deep)}
.list{display:grid;gap:14px;margin-top:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:block;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 8px 22px rgba(249,115,22,.16)}
.card .t{font-size:16.5px;font-weight:700;color:var(--orange-deep);line-height:1.4}
.card .m{font-size:12.5px;color:var(--muted);margin-top:5px}
.card .h{font-size:14px;color:#4a4a4a;margin-top:7px}
h2.sec{font-size:20px;color:var(--orange-deep);margin:26px 0 6px}
footer{text-align:center;padding:26px 20px 36px;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
.kicker{font-size:12.5px;color:var(--muted);font-weight:700;letter-spacing:1px;text-transform:uppercase}