:root{--bg: #f7f1e6;--ink: #1a1a1a;--muted: #5d5750;--accent: #ff6b35;--accent-2: #2d6cdf;--card: #fff6ea;--stroke: #2c2c2c;--glow: rgba(255, 107, 53, .25);--shadow: 0 20px 60px rgba(0,0,0,.12);--radius: 18px;--radius-lg: 28px;--grid: rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Manrope,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.page{min-height:100vh;position:relative}.bg-shapes{position:fixed;inset:-20vh -10vw auto -10vw;height:120vh;z-index:-2;pointer-events:none}.bg-shapes:before,.bg-shapes:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(.5px);opacity:.7}.bg-shapes:before{background:radial-gradient(circle at 30% 30%,#ffcf8f,transparent 70%);top:-10vmax;left:-10vmax}.bg-shapes:after{background:radial-gradient(circle at 70% 30%,#b7d4ff,transparent 70%);top:-8vmax;right:-12vmax}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:64px 64px;opacity:.25;z-index:-1;pointer-events:none}header{display:flex;align-items:center;justify-content:space-between;padding:28px 6vw 10px;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em}.logo-mark{width:42px;height:42px;border-radius:12px;border:2px solid var(--stroke);background:linear-gradient(140deg,#ff6b35,#ffd166);box-shadow:0 10px 25px #00000026}.nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffff8c;backdrop-filter:blur(6px)}.nav a:hover{border-color:var(--stroke);transform:translateY(-1px)}.hero{padding:30px 6vw 0;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.05;font-weight:800;margin:0 0 16px;letter-spacing:-.03em}.hero p{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px)}.cta{display:flex;flex-wrap:wrap;gap:12px}.btn{padding:12px 18px;border-radius:999px;border:2px solid var(--stroke);font-weight:700;background:#fff;box-shadow:4px 4px 0 var(--stroke);transition:transform .2s ease}.btn.primary{background:var(--accent);color:#111;box-shadow:4px 4px #111}.btn:hover{transform:translate(-2px,-2px)}.hero-card{background:linear-gradient(160deg,#fff6e6,#fff0d4);border-radius:var(--radius-lg);border:2px solid var(--stroke);box-shadow:var(--shadow);padding:24px;display:grid;gap:16px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.12);font-size:13px;font-weight:600}.search{display:flex;align-items:center;background:#fff;border-radius:16px;border:2px solid var(--stroke);padding:12px 14px;gap:10px}.search input{border:none;outline:none;width:100%;font-size:16px;font-family:inherit;background:transparent}.search button{background:var(--accent-2);border:2px solid var(--stroke);color:#fff;font-weight:700;border-radius:12px;padding:8px 12px;cursor:pointer}.content{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3fr) minmax(220px,1fr);gap:22px;padding:40px 6vw 80px}.panel{background:var(--card);border:2px solid var(--stroke);border-radius:var(--radius);padding:18px;box-shadow:8px 8px #00000014}.panel h3{font-family:Space Grotesk,sans-serif;font-weight:700;margin:0 0 12px}.toc a{display:block;padding:8px 10px;border-radius:10px;color:var(--muted);font-weight:600}.toc a:hover{background:#fff;color:var(--ink)}.article{background:#fffdf8;border:2px solid var(--stroke);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}.article h2{margin-top:0;font-size:clamp(28px,3vw,38px)}.meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin-bottom:16px}.meta span{background:#fff;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12)}.callout{background:#ffe6d5;border-left:6px solid var(--accent);padding:14px 16px;border-radius:12px;font-weight:600;margin:20px 0}.article h3,.article h4{margin-bottom:6px;margin-top:22px}.article p{color:var(--muted);line-height:1.6}.article ul{padding-left:18px;color:var(--muted)}.article img{max-width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(0,0,0,.12);margin:14px 0}.cards{display:grid;gap:16px;margin-top:20px}.mini-card{border-radius:16px;border:1px solid rgba(0,0,0,.12);padding:14px;background:#fff;display:grid;gap:8px}.mini-card strong{font-size:15px}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.section-list{display:grid;gap:12px;margin-top:16px}.section-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:#fff;font-weight:600}.section-item span{color:var(--muted);font-weight:600;font-size:13px}.list{display:grid;gap:12px;margin-top:16px}.list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:#fff}.list-num{min-width:28px;height:28px;border-radius:10px;background:#f2e6d6;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.list-body{display:grid;gap:4px}.list-body small{color:var(--muted);font-weight:600}.sidebar .tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:12px;margin:4px 6px 4px 0;background:#fff}.timeline{display:grid;gap:12px}.timeline .item{background:#fff;border-radius:12px;padding:10px 12px;border:1px solid rgba(0,0,0,.12);display:grid;gap:6px}.timeline .item small{color:var(--muted);font-weight:600}.subscribe{margin-top:14px;display:grid;gap:8px}.subscribe input{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.18);font-family:inherit}.subscribe button{padding:10px 12px;border-radius:12px;border:2px solid var(--stroke);background:#ffe06a;font-weight:700;cursor:pointer}.footer{padding:30px 6vw 50px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;color:var(--muted);font-size:14px}.tagline{margin:0 0 10px;color:var(--muted);font-weight:600}@media(max-width:1000px){.content{grid-template-columns:1fr}.panel.toc{order:1}.panel.sidebar{order:3}.article{order:2}}@media(max-width:820px){header{flex-direction:column;align-items:flex-start;gap:14px}.nav{width:100%;gap:8px}.nav a{padding:6px 10px;font-size:13px}.hero{padding-top:16px}.hero h1{font-size:clamp(28px,8vw,44px)}.hero-card{padding:18px}.search{flex-wrap:wrap}.search button,.search a.btn{width:100%;text-align:center}.content{padding:28px 6vw 60px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:520px){header{padding:20px 6vw 6px}.logo-mark{width:36px;height:36px}.cta{width:100%}.btn{width:100%;text-align:center}.hero-card .chips{gap:6px}.chip{font-size:12px}.article{padding:20px}.panel{padding:14px}.list-item,.section-item{flex-direction:column;align-items:flex-start}}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:floatIn .8s ease forwards}