/* Discover pages (scripts/build-discover.mjs copies this to discover/discover.css). Taste pages also load the
   guide's own CSS; these rules only add the frame, the CTAs and the card grid. */
:root{--dc-paper:#f4ece0;--dc-ink:#1a1f2e;--dc-soft:#2c3344;--dc-mute:#7a6f60;--dc-red:#c84a3f;--dc-red-deep:#a83a31;--dc-indigo:#1b3a5b;--dc-rule:rgba(26,31,46,.12);--dc-shadow:0 1px 2px rgba(26,31,46,.08),0 8px 24px rgba(26,31,46,.06)}
body.mij-discover{margin:0;background:var(--dc-paper);color:var(--dc-ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
.dc-top{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;background:rgba(244,236,224,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--dc-rule)}
.dc-logo img{display:block;height:34px;width:auto}
.dc-top nav{display:flex;gap:1rem;margin-left:auto;font-weight:600;font-size:.92rem}
.dc-top nav a{color:var(--dc-ink);text-decoration:none}
.dc-top nav a:hover{color:var(--dc-red)}
.dc-buy{background:var(--dc-red);color:#fff!important;text-decoration:none;font-weight:700;font-size:.9rem;padding:.5rem .9rem;border-radius:10px;white-space:nowrap}
.dc-buy:hover{background:var(--dc-red-deep)}
@media(max-width:640px){.dc-top{flex-wrap:wrap;gap:.5rem;padding:.5rem 16px}.dc-top nav{order:3;width:100%;margin:0;font-size:.85rem}.dc-buy{margin-left:auto;font-size:.82rem}}
.dc-wrap{max-width:62rem;margin:0 auto;padding:2.4rem 16px 3rem}
.dc-wrap h1{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 .8rem}
.dc-wrap h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.6rem;margin:2.2rem 0 .6rem}
.dc-wrap h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dc-mute);margin:1.6rem 0 .5rem}
.dc-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dc-red);font-weight:700;margin:0 0 .8rem}
.dc-lead{font-size:1.1rem;color:var(--dc-soft);max-width:40rem;margin:0 0 1.8rem}
.dc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}
.dc-card{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--dc-rule);border-radius:14px;padding:1.1rem 1.2rem 1.2rem;box-shadow:var(--dc-shadow);color:var(--dc-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.dc-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(26,31,46,.09),0 14px 30px rgba(26,31,46,.11)}
.dc-card strong{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.2rem;line-height:1.2}
.dc-card span:last-child{color:var(--dc-mute);font-size:.92rem}
.dc-glyph{font-family:"Noto Serif JP",serif;font-size:1.7rem;line-height:1;color:var(--dc-red)}
.dc-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}
.dc-btn{display:inline-flex;flex-direction:column;gap:.15rem;background:var(--dc-red);color:#fff;text-decoration:none;font-weight:700;font-size:1.02rem;padding:.9rem 1.3rem;border-radius:12px;box-shadow:0 8px 24px rgba(26,31,46,.14)}
.dc-btn small{font-weight:500;font-size:.78rem;opacity:.9}
.dc-btn:hover{background:var(--dc-red-deep)}
.dc-btn-ghost{background:#fff;color:var(--dc-ink);border:1px solid var(--dc-rule);box-shadow:none}
.dc-btn-ghost:hover{background:#fff;border-color:var(--dc-red);color:var(--dc-red)}
/* taste pages: the guide chapter, then a fade into the CTA */
.dc-taste{max-width:62rem;margin:1.4rem auto 0;padding:0 16px;font-size:.85rem;font-weight:600;color:var(--dc-mute)}
.dc-taste span{color:var(--dc-red)}
.dc-chapter{position:relative}
.dc-chapter .chapter{padding-bottom:0!important}
.dc-end{position:relative;max-width:62rem;margin:-180px auto 0;padding:180px 16px 1rem;background:linear-gradient(to bottom,rgba(244,236,224,0) 0%,rgba(244,236,224,.94) 45%,var(--dc-paper) 70%)}
.dc-end p{font-weight:600;color:var(--dc-soft);margin:0}
.dc-more{max-width:62rem;margin:0 auto;padding:1rem 16px 3rem}
.dc-more h2{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.5rem}
/* events */
.dc-evs{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.8rem}
.dc-ev{background:#fff;border:1px solid var(--dc-rule);border-radius:12px;padding:.9rem 1.1rem}
.dc-ev p{margin:.3rem 0 0;color:var(--dc-soft)}
.dc-ev-head{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}
.dc-ev-head strong{font-size:1.05rem}
.dc-kind{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-mute)}
.dc-k-festival{color:var(--dc-red)}.dc-k-sport{color:var(--dc-indigo)}.dc-k-crowds{color:#8a5a00}
.dc-ev-next{font-size:.9rem}
.dc-ev-next span:first-child{font-weight:700;color:var(--dc-ink)}
.dc-ev-next em{color:#8a5a00;font-style:normal;font-size:.85rem}
.dc-src{font-size:.8rem;color:var(--dc-mute)}
.dc-hub{list-style:none;padding:0;margin:0;border-top:1px solid var(--dc-rule)}
.dc-hub li{display:grid;grid-template-columns:minmax(10rem,14rem) 1fr auto;gap:.3rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--dc-rule);align-items:baseline}
.dc-hub a{font-weight:700}
.dc-hub em{font-style:normal;font-size:.78rem;font-weight:600;white-space:nowrap}
.dc-buy-yes{color:#3f6b2e}.dc-buy-partly{color:#8a5a00}.dc-buy-na{color:var(--dc-mute)}
@media(max-width:640px){.dc-hub li{grid-template-columns:1fr}.dc-hub em{white-space:normal}}
.dc-foot{border-top:1px solid var(--dc-rule);padding:1.4rem 16px 2rem;text-align:center;font-size:.85rem;color:var(--dc-mute)}
.dc-langs a{margin:0 .35rem;color:var(--dc-indigo);white-space:nowrap}