/* Approved typography, independent of older per-page colour rules. */
html body[data-page] .header .brand,html body[data-page] .header .brand em,html body[data-page] .header nav,html body[data-page] .header nav a,html body[data-page] .essential,html body[data-page] .essential span,html body[data-page] .text-title,html body[data-page] .reading-body,html body[data-page] .reading-body h2,html body[data-page] .contact-primary,html body[data-page] .contact-secondary{color:#747773!important}
html body[data-page] .essential em{color:#929590!important}
html body[data-page] .reading-body a{color:inherit}
html body[data-page] .extra-links{margin-top:2em;display:flex;flex-wrap:wrap;gap:1em}
html body[data-page] .header .menu-toggle span{background:#747773!important}
@media(max-width:900px){html body[data-page] .header .menu-toggle span{height:1px!important}}

/* Freigegebene Schrift, 10.10.2026. */
html body[data-page]{--ink:#555b57;--quiet:#555b57}
html body[data-page] .header .brand,html body[data-page] .header .brand em,html body[data-page] .header nav,html body[data-page] .header nav a,html body[data-page] .header .languages a,html body[data-page] .essential,html body[data-page] .essential span,html body[data-page] .text-title,html body[data-page] .reading-body,html body[data-page] .reading-body h2,html body[data-page] .section-name,html body[data-page] .back-to-titles,html body[data-page] .text-pager,html body[data-page] .languages{color:#555b57!important}
html body[data-page] .essential em{color:#686e69!important}
html body[data-page] .header .menu-toggle span{background:#555b57!important}
html body[data-page="textos"] .reading-body{font-size:23px!important}

/* BEGIN FREIGEGEBENE GESTALTUNG 2026-10-14 */

/* Gemeinsamer warmer Hintergrund: keine Farbfilter, keine zusätzlichen Lichtschleier. */
html:root:root body[data-page][data-page] .surface{background-image:url('/assets/hintergrund-warm-weich-20261014.png')!important;background-size:100% 100%!important;background-position:center!important;filter:none!important}
html:root:root body[data-page][data-page] .surface::after,html:root:root body[data-page][data-page] .surface .light-state{display:none!important}
@media(max-width:600px){html:root:root body[data-page][data-page] .surface{background-size:auto 100%!important;background-position:45% center!important}}

html:root:root body[data-page][data-page] .header .brand,html:root:root body[data-page][data-page] .header .brand em,html:root:root body[data-page][data-page] .header nav,html:root:root body[data-page][data-page] .header nav a,html:root:root body[data-page][data-page] .essential,html:root:root body[data-page][data-page] .essential span,html:root:root body[data-page][data-page] .essential em,html:root:root body[data-page][data-page] .text-title,html:root:root body[data-page][data-page] .text-title a,html:root:root body[data-page][data-page] .reading-body,html:root:root body[data-page][data-page] .reading-body a,html:root:root body[data-page][data-page] .reading-body h2,html:root:root body[data-page][data-page] .section-name,html:root:root body[data-page][data-page] .back-to-titles,html:root:root body[data-page][data-page] .text-pager,html:root:root body[data-page][data-page] .text-pager a,html:root:root body[data-page][data-page] .languages,html:root:root body[data-page][data-page] .languages a,html:root:root body[data-page][data-page] .page-core,html:root:root body[data-page][data-page] .page-core h1,html:root:root body[data-page][data-page] .intro,html:root:root body[data-page][data-page] .long-copy,html:root:root body[data-page][data-page] .expanded-copy,html:root:root body[data-page][data-page] .meeting-details,html:root:root body[data-page][data-page] .about-opening span,html:root:root body[data-page][data-page] summary,html:root:root body[data-page][data-page] .text-link,html:root:root body[data-page][data-page] .contact-primary,html:root:root body[data-page][data-page] .contact-primary a,html:root:root body[data-page][data-page] .contact-secondary,html:root:root body[data-page][data-page] .contact-secondary a,html:root:root body[data-page][data-page] .extra-links a{color:#3B3D3A!important}
html:root:root body[data-page][data-page] .menu-toggle span{background:#3B3D3A!important}
html:root:root body[data-page][data-page] .signature{background-color:#3B3D3A!important}
html:root:root body[data-page][data-page] .essential em,html:root:root body[data-page][data-page] .essential .home-phrase em{color:#686B65!important}
html:root:root:root body[data-page][data-page] .header .brand{font-size:29.4px!important}
html:root:root:root body[data-page][data-page] .header nav{font-size:21px!important}
html:root:root:root body[data-page][data-page] .languages,html:root:root:root body[data-page][data-page] .languages a{font-size:14.7px!important}
html:root:root:root body[data-page][data-page] .section-name,html:root:root:root body[data-page][data-page] .back-to-titles,html:root:root:root body[data-page][data-page] summary,html:root:root:root body[data-page][data-page] .text-link{font-size:14.7px!important}
html:root:root:root body[data-page][data-page] .text-title,html:root:root:root body[data-page][data-page] .page-core h1{font-size:39.9px!important}
html:root:root:root body[data-page][data-page] .reading-body,html:root:root:root body[data-page][data-page] .intro,html:root:root:root body[data-page][data-page] .long-copy,html:root:root:root body[data-page][data-page] .expanded-copy,html:root:root:root body[data-page][data-page] .meeting-details{font-size:25.2px!important}
html:root:root:root body[data-page][data-page] .contact-primary{font-size:31.5px!important}
html:root:root:root body[data-page][data-page] .contact-secondary{font-size:21px!important}
@media(min-width:901px){html:root:root:root body[data-page][data-page] .essential{font-size:2.7825vw!important}html:root:root:root body[data-page][data-page] .essential.german{font-size:2.5935vw!important}}
@media(min-width:601px) and (max-width:900px){html:root:root:root body[data-page][data-page] .header .brand{font-size:28.35px!important}html:root:root:root body[data-page][data-page] .header nav{font-size:31.5px!important}}
@media(max-width:600px){html:root:root:root body[data-page][data-page] .header .brand{font-size:23.1px!important}html:root:root:root body[data-page][data-page] .header nav{font-size:30.45px!important}html:root:root:root body[data-page][data-page] .languages,html:root:root:root body[data-page][data-page] .languages a{font-size:15.75px!important}html:root:root:root body[data-page][data-page] .text-pager{font-size:18.9px!important}html:root:root:root body[data-page][data-page] .text-title{font-size:clamp(31.5px,8.61vw,42px)!important}html:root:root:root body[data-page][data-page] .contact-primary{font-size:24.15px!important}html:root:root:root body[data-page][data-page] .contact-secondary{font-size:21px!important}html:root:root:root body[data-page][data-page] .about-opening span{font-size:46.2px!important}html:root:root:root body[data-page][data-page] .essential{font-size:clamp(30.45px,8.61vw,48.3px)!important}html:root:root:root body[data-page][data-page] .essential.german{font-size:clamp(27.3px,6.615vw,47.25px)!important}}

/* END FREIGEGEBENE GESTALTUNG */

/* Freigegeben: nur Signatur/Pause; bestehendes Layout und Verhalten erhalten. */
html:root:root:root .signature{scale:1.05!important;transform-origin:right bottom;opacity:.85!important;background-color:#3B3D3A!important}
html:root:root:root .start-pause{font-size:12.6px!important}
/* Oberkante bei900px kontinuierlich; Handyendwert17svh bleibt erhalten. */
@media(max-width:900px){
 html:root:root:root body[data-page="sobre-josan"] .about-photo{top:clamp(17svh,calc(24svh - max(0px,calc(900px - 100vw)) * .32),24svh)!important}
 html:root:root:root body[data-page="sobre-josan"] .about-opening span{top:calc(clamp(17svh,calc(24svh - max(0px,calc(900px - 100vw)) * .32),24svh) + min(74vw,350px) * 1019 / 739 + clamp(36px,5svh,48px))!important}
}

/* Getrennte Vorschau: Text-Leseansicht */
html body[data-page="textos"] .reading .text-core{height:auto!important;bottom:7svh!important;}
html body[data-page="textos"] .reading .reading-body{max-width:none!important;line-height:1.6!important;letter-spacing:.002em!important;padding:16px 12px 30px 0!important;margin-top:12px!important;mask-image:linear-gradient(transparent,#000 12px)!important;-webkit-mask-image:linear-gradient(transparent,#000 12px)!important;}
html body[data-page="textos"] .reading .reading-body p{margin:0 0 1.05em!important;hyphens:auto;overflow-wrap:break-word;text-wrap:pretty;}
html body[data-page="textos"] .reading .reading-end{padding-top:1em!important;}
@media(min-width:901px){html body[data-page="textos"] .reading .text-core{left:24vw!important;width:min(68vw,820px)!important;}}
@media(max-width:900px){html body[data-page="textos"] .reading .text-core{left:9vw!important;width:84vw!important;}}
@media(max-width:600px){html body[data-page="textos"] .reading .reading-body{line-height:1.58!important;hyphens:manual!important;}html body[data-page="textos"] .reading .text-core{left:8vw!important;width:84vw!important;}}
html body[data-page="textos"].is-reading .signature{bottom:1svh!important;}

/* Bestaetigter literarischer Lesefluss, 20.10.2026. */
html body .reading-body,html body .intro,html body .long-copy,html body .expanded-copy,html body .meeting-details{line-height:1.6!important;letter-spacing:.002em!important;}
html body .reading-body p,html body .intro p,html body .long-copy p,html body .expanded-copy p,html body .meeting-details p{margin-top:0!important;margin-bottom:1.05em!important;text-wrap:pretty;hyphens:auto;overflow-wrap:break-word;}
html body .reading-body{max-width:none!important;mask-image:linear-gradient(transparent,#000 12px)!important;-webkit-mask-image:linear-gradient(transparent,#000 12px)!important;}
@media(max-width:600px){html body .reading-body,html body .intro,html body .long-copy,html body .expanded-copy,html body .meeting-details{line-height:1.58!important;}html body .reading-body p,html body .intro p,html body .long-copy p,html body .expanded-copy p,html body .meeting-details p{hyphens:manual!important;}}
/* Extra-Leseseiten bekommen denselben offenen Leseraum. */
html body[data-page="encuentros-castellon"] .reading .text-core,html body[data-page="liberacion"] .reading .text-core{height:auto!important;bottom:7svh!important;}
@media(min-width:901px){html body[data-page="encuentros-castellon"] .reading .text-core,html body[data-page="liberacion"] .reading .text-core{left:24vw!important;width:min(68vw,820px)!important;}}
@media(max-width:900px){html body[data-page="encuentros-castellon"] .reading .text-core,html body[data-page="liberacion"] .reading .text-core{left:9vw!important;width:84vw!important;}}

/* Originalsignatur von Beginn an maskieren, ohne rechteckige Zwischenanzeige. */
html:root:root:root body .signature{mask:url("assets/josan-transparent.svg") center/contain no-repeat!important;-webkit-mask:url("assets/josan-transparent.svg") center/contain no-repeat!important;background-image:none!important;}