/* ==========================================================================
   jp.css — capa japonesa de davidmatrecano.com · v1.0 · 2026-10-01
   Se carga DESPUÉS de /assets/css/shared-*.css. Solo AÑADE reglas; no toca
   ninguna regla del CSS compartido. Sin fuentes web externas: pila de fuentes
   mincho del sistema (Hiragino / Yu Mincho / Noto Serif CJK JP), coherente
   con el resto del sitio, que autoaloja sus fuentes (sin Google Fonts).
   ========================================================================== */
:root{
  --jp-serif:'Noto Serif JP','Shippori Mincho','Hiragino Mincho ProN','Hiragino Mincho Pro','Yu Mincho',YuMincho,'Source Han Serif JP','Noto Serif CJK JP','MS PMincho',serif;
}

/* ---- Banner «versión japonesa próximamente» (páginas JP aún en inglés) ---- */
.jp-soon{
  box-sizing:border-box;width:calc(100% - 44px);max-width:760px;margin:26px auto 0;
  padding:20px 24px 18px;text-align:center;
  border:1px solid rgba(201,168,76,.35);border-left:3px solid var(--cr);
  background:linear-gradient(135deg,rgba(139,26,26,.16),rgba(201,168,76,.05));
}
.jp-soon__ja{font-family:var(--jp-serif);font-size:20px;line-height:1.5;letter-spacing:.12em;color:var(--gl);font-weight:600}
.jp-soon__en{font-family:'Cinzel',serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--tm);margin-top:6px}
.jp-soon__txt{margin:12px 0 0;font-family:var(--jp-serif);font-size:14px;line-height:1.9;letter-spacing:.04em;color:var(--tl)}
.jp-soon__txt .en{display:block;margin-top:4px;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:15px;letter-spacing:0;color:var(--tm)}
@media(max-width:520px){.jp-soon{padding:16px 16px 14px}.jp-soon__ja{font-size:17px}}

/* ---- Etiqueta «próximamente» en tarjetas del índice /blog/jp.html ---- */
.jp-pend{font-family:var(--jp-serif)!important;letter-spacing:.12em!important;text-transform:none!important;font-size:12px!important}

/* ---- Tipografía japonesa (páginas con <html lang="ja">) ---- */
html[lang="ja"] body,
html[lang="ja"] p,html[lang="ja"] li,html[lang="ja"] .bfexc,html[lang="ja"] .pdesc,html[lang="ja"] blockquote{
  font-family:'EB Garamond',var(--jp-serif),Georgia,serif;
}
html[lang="ja"] article.post p,html[lang="ja"] article.post li,html[lang="ja"] .faq p,html[lang="ja"] .sources-block li{
  line-height:1.95!important;font-size:16.5px!important;letter-spacing:.02em;
  line-break:strict;word-break:normal;overflow-wrap:break-word;text-justify:inter-character;
}
html[lang="ja"] article.post p[style*="font-style:italic"]{font-size:17px!important}
html[lang="ja"] .post-hero h1,html[lang="ja"] .hero h1{
  font-family:var(--jp-serif),'Cinzel Decorative',serif;font-weight:700;line-height:1.5;letter-spacing:.04em;
}
html[lang="ja"] .post-hero .sub,html[lang="ja"] .hero-subtitle,html[lang="ja"] .ps{
  font-family:var(--jp-serif);text-transform:none;letter-spacing:.1em;font-size:13px;line-height:1.9;
}
html[lang="ja"] article.post h2,html[lang="ja"] .faq h2,html[lang="ja"] .sources-block h2,html[lang="ja"] .related h2{
  font-family:var(--jp-serif),'Cinzel',serif!important;letter-spacing:.12em!important;text-transform:none!important;font-size:16px!important;
}
html[lang="ja"] .faq h3{font-family:var(--jp-serif),'Cinzel',serif!important;letter-spacing:.06em!important;font-size:16px!important;line-height:1.7}
html[lang="ja"] .cat,html[lang="ja"] .bfcat,html[lang="ja"] .blcat,html[lang="ja"] .breadcrumb,html[lang="ja"] .tab,html[lang="ja"] .nlinks a,html[lang="ja"] .flinks a{
  font-family:var(--jp-serif),'Cinzel',serif;letter-spacing:.1em;text-transform:none;
}
html[lang="ja"] .blttl,html[lang="ja"] .bfttl{font-family:var(--jp-serif),'Cinzel',serif;letter-spacing:.03em;line-height:1.6}
html[lang="ja"] .book-cta h3{font-family:var(--jp-serif),'Cinzel',serif;letter-spacing:.08em}
html[lang="ja"] .btn{font-family:var(--jp-serif),'Cinzel',serif;letter-spacing:.1em}

/* ---- Selector de idioma con 7 botones: que no desborde en móvil ---- */
@media(max-width:820px){.lr{gap:3px}.lb{font-size:9px;padding:3px 5px}}
@media(max-width:420px){.lr{gap:2px}.lb{font-size:8px;padding:3px 3px;letter-spacing:0}}

/* ── lectura JP (artículos traducidos) ── */
html[lang="ja"] .post em,html[lang="ja"] .post i{font-style:normal;font-weight:600}
html[lang="ja"] .post p[style*="italic"]{font-style:normal !important}
html[lang="ja"] .post p,html[lang="ja"] .post li{text-align:left !important;hyphens:none !important;-webkit-hyphens:none !important;word-break:normal;overflow-wrap:anywhere;line-break:strict}
html[lang="ja"] .post p{letter-spacing:.02em}
html[lang="ja"] .post h2,html[lang="ja"] .faq h2,html[lang="ja"] .sources-block h2{letter-spacing:.12em !important;text-transform:none !important;font-family:var(--jp-serif) !important;font-weight:700;line-height:1.5}
html[lang="ja"] .faq-item h3{font-family:var(--jp-serif) !important;letter-spacing:.04em !important;line-height:1.6}
html[lang="ja"] .post-hero h1{font-family:var(--jp-serif);font-weight:700;letter-spacing:.04em;line-height:1.45}
html[lang="ja"] figcaption{font-style:normal;line-height:1.7}
html[lang="ja"] .clubnote p,html[lang="ja"] .book-cta h3{line-height:1.9}

html[lang="ja"] .pdesc,html[lang="ja"] .ps,html[lang="ja"] .hero p{font-style:normal !important}

/* plantilla outlier (Viernes 13): menú superior solo en escritorio */
@media(max-width:760px){html[lang="ja"] nav .nlinks{display:none}}
html[lang="ja"] .hero-eyebrow,html[lang="ja"] .hero-meta span,html[lang="ja"] .image-caption{letter-spacing:.1em;text-transform:none}
html[lang="ja"] .hero-subtitle,html[lang="ja"] .lede{font-style:normal !important}

/* ── página de libros JP ── */
.jp-soon--books{max-width:760px;margin:0 auto 34px}
.jp-book-soon{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center;margin:0 0 12px;padding:8px 12px;border:1px solid rgba(201,168,76,.45);background:rgba(139,26,26,.18);font-size:13px;color:var(--gl,#E8C97A);text-align:center}
.jp-book-soon .ja{font-family:var(--jp-serif);font-weight:700;letter-spacing:.1em}
.jp-book-soon .en{font-family:'EB Garamond',Georgia,serif;font-style:italic;letter-spacing:.02em;color:var(--tl,#D4C4A0)}
.jp-book-soon .sep{opacity:.5}
.book-card-title .jp-orig{display:block;margin-top:4px;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:.62em;font-weight:400;letter-spacing:.02em;opacity:.8}
html[lang="ja"] .book-card-title,html[lang="ja"] .cat-title,html[lang="ja"] .saga-title{font-family:var(--jp-serif);letter-spacing:.06em;line-height:1.45}
html[lang="ja"] .book-card-tagline{text-align:left !important;line-height:1.95;hyphens:none}
html[lang="ja"] .book-card-eyebrow,html[lang="ja"] .saga-eyebrow,html[lang="ja"] .cat-eyebrow,html[lang="ja"] .book-card-badge{letter-spacing:.1em;text-transform:none}
.jp-amz{display:inline-block;margin-top:8px}
.jp-amz--off{opacity:.6;cursor:default;border:1px dashed rgba(201,168,76,.4);padding:8px 14px;font-size:12px}
html[lang="ja"] .cat-sub,html[lang="ja"] .saga-sub,html[lang="ja"] .cat-desc{font-style:normal !important}
/* ---- home /jp.html + ficha: tipografía japonesa ---- */
html[lang="ja"] .book-card-tagline,html[lang="ja"] .bdesc{font-style:normal !important;text-align:left !important;line-height:1.95;hyphens:none}
html[lang="ja"] .btitle .jp-orig{display:block;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:.62em;font-weight:400;letter-spacing:0;opacity:.75;margin-top:4px}
html[lang="ja"] .bseries{letter-spacing:1px}
html[lang="ja"] .jp-blognote{text-align:center;opacity:.8;font-size:13px;margin:6px 0 0}
html[lang="ja"] .jp-blognote em{display:block;font-family:'EB Garamond',Georgia,serif}
html[lang="ja"] .bwrap .jp-soon{margin:0 auto 28px;max-width:760px}
html[lang="ja"] .bbuy{flex-wrap:wrap;gap:6px}