
:root{--paper:#efe6d6;--paper-2:#f8f3ea;--ink:#1f1c18;--muted:#6c6255;--line:#c7b8a1;--red:#9e3b2d;--deep:#31231f;--gold:#8f6a2d;--panel:#fffdf8}*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Source Han Serif SC","Songti SC","STSong",serif;color:var(--ink);background:radial-gradient(circle at top left,#f9f4ec 0, var(--paper) 48%, #e8decd 100%);line-height:1.75}a{color:var(--deep);text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 26px;background:rgba(248,243,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar nav a{margin-left:18px}.brand{font-size:26px;font-weight:700;letter-spacing:.02em}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:center;padding:54px clamp(24px,5vw,72px) 40px}.hero-copy h1{font-size:54px;line-height:1.04;margin:10px 0 12px;letter-spacing:0}.eyebrow{color:var(--red);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:22px;color:var(--deep);max-width:20em}.hero-links a{display:inline-block;margin:16px 12px 0 0;padding:12px 18px;border:1px solid var(--deep);border-radius:999px;background:var(--deep);color:#fff}.hero-links a+a{background:transparent;color:var(--deep)}.band,.grid-block{padding:28px clamp(24px,5vw,72px)}.route{display:flex;flex-wrap:wrap;gap:10px}.route span,.mini-tag{display:inline-block;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,253,248,.9);font-size:13px;color:var(--deep);margin:4px 6px 0 0}.section-note,.excerpt,.empty{color:var(--muted)}.chapter-grid,.concept-grid,.plate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.chapter-card,.concept-card,.plate-card{display:block;background:rgba(255,253,248,.9);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(49,35,31,.05)}.chapter-card span,.concept-card span{color:var(--red);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.chapter-card h3,.concept-card h3,.plate-card h3{margin:8px 0 10px;font-size:22px;line-height:1.2}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:32px clamp(20px,5vw,72px)}.content{background:rgba(255,253,248,.86);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 30px rgba(49,35,31,.06)}.content h1{font-size:42px;line-height:1.1;margin:10px 0 18px}.content h2{font-size:22px;margin:26px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.callout{background:linear-gradient(135deg,#f5e7d8,#efe3d1);border-left:5px solid var(--red);padding:14px 18px;border-radius:12px}.deep-card{border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:16px;padding:16px;margin:16px 0}.sidebar{position:sticky;top:78px;align-self:start;background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:18px;padding:18px}.sidebar h2{font-size:18px;margin:8px 0 10px}.visual-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.visual-card,.plate-side{display:block;background:#fbfaf7;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 8px 18px rgba(49,35,31,.06)}.visual-card img,.plate-card img,.plate-side img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f0ece4;border:1px solid #d8cdbd;border-radius:12px;padding:8px}.visual-card span,.plate-side span{display:block;margin-top:8px;font-weight:700;font-size:13px;line-height:1.35}.visual-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.plate-hero img{width:100%;max-height:78vh;object-fit:contain;background:#f5f0e8;border:1px solid var(--line);border-radius:16px;padding:18px}.search{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fffdf8}table{width:100%;border-collapse:collapse;margin-top:14px;background:#fffdf8}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.learn-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.learn-nav a,.learn-nav span{display:inline-block;min-width:120px;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#fffdf8;text-align:center}details{margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#fffdf8;padding:12px 16px}summary{cursor:pointer;font-weight:700}@media(max-width:860px){.hero,.layout{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.content h1{font-size:32px}.sidebar{position:static}.topbar{padding:12px 18px}.topbar nav a{margin-left:10px}}
