/* Extra blocks for the free web guides moved into the house style on 2026-11-05 (wave 3):
   /unwritten-rules/, /japanese-slang/, /japan-picks/, /japan-local-spots/. Loaded only by those pages
   (front-matter page_assets), after site.css, with the same tokens. */

/* Long card subtitles read as a sentence, not a mono label */
.card .tagline{font-family:"Barlow",system-ui,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.4;color:var(--link-grey)}
.card-ja{margin:0 0 8px!important;font-size:24px;line-height:1.2;font-weight:600}
/* Slang register tones (the legend explains them): three house values. Other tones follow the lime/cream alternation. */
.card.tone-casual .card-tab{background:var(--lime)}
.card.tone-caution .card-tab{background:var(--cream)}
.card.tone-recognize .card-tab{background:var(--ink);color:var(--on-ink)}

/* The Japanese phrase box with its copy button lives in assets/site.css since round 1 E2 (PHONE.md P-02). */

/* Collapsed detail */
details.more{margin:12px 0 0;border-top:1px solid #d9d4c6;padding-top:10px}
details.more summary{cursor:pointer;font-size:12px;list-style:none;padding:14px 0}
details.more summary::-webkit-details-marker{display:none}
details.more summary::before{content:"+ ";font-weight:700}
details.more[open] summary::before{content:"− "}
details.more p{margin:8px 0 0}

/* Jump list (phones and tablets; the desktop rail has its own) */
.jump-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.jump-list li{border-bottom:1px solid #d9d4c6}
.jump-list a{display:block;padding:9px 0;text-decoration:none;font-size:14px;line-height:1.3}
.jump-list a:hover{text-decoration:underline;text-underline-offset:3px}
.jump-list .n{font-family:"Space Mono",monospace;font-size:12px;color:var(--link-grey);margin-right:6px}

/* Download row, small print, notes */
.guide-actions{margin:16px 0 0!important}
.guide-actions .watch{margin-top:0}
.read-note{font-size:12px;color:var(--link-grey);margin:8px 0 0!important}
.context-note{background:var(--paper);border:var(--rule) dashed var(--ink);padding:12px 14px;margin:0 0 18px;font-size:14px}
.context-note a{font-weight:600}
.bible-bridge h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:28px;line-height:1;margin:2px 0 8px}
.bible-bridge p{margin:0 0 8px}
.jump-3 .n{display:block}
.fine-print{font-size:12px;color:var(--link-grey)}
.legend{list-style:none;margin:10px 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.legend li{font-size:12px;border:1px solid var(--ink);padding:3px 8px;background:var(--paper)}
.legend .dot{display:inline-block;width:9px;height:9px;border:1px solid var(--ink);margin-right:6px;vertical-align:0}
.dot.casual{background:var(--lime)}.dot.caution{background:var(--cream)}.dot.recognize{background:var(--ink)}

/* Affiliate links */
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0}
.link-grid a{display:block;background:var(--paper);border:var(--rule) solid var(--ink);padding:14px;text-decoration:none}
.link-grid a:hover{background:#fffbe0}
.link-grid strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:24px;line-height:1.05}
.link-grid span{font-family:"Space Mono",monospace;font-size:12px;text-transform:uppercase;color:var(--link-grey)}

/* A page's own Tokyo Bible block (bible: in front-matter) */
.bible-own .bible-copy p{margin:0 0 10px}
.bible-items{list-style:none;margin:14px 0;padding:0;border-top:1px solid #3a3a35}
.bible-items li{padding:9px 0;border-bottom:1px solid #3a3a35}
.bible-items strong{display:block;color:var(--lime)}
.bible-price{margin:14px 0 0!important}
.bible-price strong{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:40px;line-height:1;color:var(--lime);margin-right:8px}
.bible-price .mono{font-size:12px}
.bible-small{font-size:13px!important;color:#c9c5b8;margin-top:12px!important}

/* Copy feedback */
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--ink);color:var(--lime);font-family:"Space Mono",monospace;font-size:12px;padding:10px 14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;max-width:calc(100vw - 32px)}
.toast.visible{opacity:1;transform:translate(-50%,0)}

@media (min-width:700px){
  .card .tagline{font-size:16px}
  .card-ja{font-size:30px}
  .jump-list a{font-size:16px}
  .jump-list .n{font-size:12px}
  .read-note{font-size:12px}
  .context-note{font-size:16px;padding:16px 20px}
  .link-grid strong{font-size:30px}
  .link-grid span{font-size:12px}
  .legend li{font-size:14px}
  .fine-print{font-size:14px}
}
@media (min-width:1024px){
  .bible-own .feature-inner{max-width:var(--wide);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:clamp(40px,5vw,80px);align-items:start}
  .bible-own .feature-kicker{grid-column:1/-1}
  .bible-own h2{grid-column:1;font-size:clamp(64px,6vw,104px)}
  .bible-own .bible-copy{grid-column:2;padding-top:12px}
}
@media (prefers-reduced-motion:reduce){.toast{transition:none}}