*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:#222;background:#eee7d8;line-height:1.62}
.fond{min-height:100vh;background-image:linear-gradient(rgba(20,20,20,.42),rgba(20,20,20,.58)),url("https://herriabihotzean.github.io/herriabihotzean-site/fond-herriabihotzean.jpg");background-position:center;background-size:cover;background-attachment:fixed;padding:18px 14px 92px}
.bouton{display:inline-block;padding:9px 14px;border:1px solid rgba(255,255,255,.85);border-radius:7px;background:rgba(20,55,32,.94);color:white;text-decoration:none;font-weight:bold;font-family:inherit;cursor:pointer}
article{width:min(900px,100%);margin:0 auto;padding:clamp(24px,5vw,60px);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 14px 46px rgba(0,0,0,.35)}
article h1{text-align:center;color:rgb(20,55,32);font-size:clamp(2rem,6vw,3.3rem);line-height:1.08;margin:0 0 1.25rem;padding:.45rem .25rem .65rem;border-top:1px solid rgba(20,55,32,.28);border-bottom:1px solid rgba(20,55,32,.28)}
article p{text-align:justify}
.sticky-language-audio{position:sticky;top:0;z-index:5000;width:100%;padding:5px 10px 7px;background:rgba(20,55,32,.97);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.28);margin-bottom:14px}
.language-switcher{position:relative;z-index:1000;display:flex;justify-content:center;align-items:flex-start;gap:14px;margin:0 auto 3px;padding:2px;flex-wrap:wrap;color:white}.language-choice{display:flex;flex-direction:column;align-items:center;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:3px 5px;border-radius:7px;font:inherit;text-align:center;min-width:54px}.language-choice img{display:block;width:30px;height:30px;object-fit:contain;margin:0 auto 3px}.language-label{display:block;font-size:.78rem;line-height:1.2;white-space:nowrap}.language-choice.active{background:rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.72)}.language-choice.active .language-label{font-weight:700}.language-choice:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.audio-controls{display:flex;flex-direction:column;align-items:center;gap:5px}.audio-open-button{appearance:none;border:1px solid rgba(255,255,255,.82);border-radius:999px;padding:4px 13px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:.82rem;cursor:pointer}.audio-panel{width:min(620px,100%);margin:0 auto;text-align:center}.audio-panel[hidden]{display:none!important}.audio-track-label{font-size:.86rem;margin:3px 0 5px;font-weight:bold}.audio-panel audio{width:min(480px,100%);height:34px}.audio-nav{display:flex;justify-content:center;gap:7px;margin-top:5px}.audio-nav button{appearance:none;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;padding:3px 10px;cursor:pointer;font:inherit;font-size:.78rem}
.navigation-permanente{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:6000;width:auto;max-width:calc(100vw - 16px);padding:5px;display:flex;justify-content:center;gap:7px;border-radius:9px;background:rgba(0,0,0,.24);backdrop-filter:blur(3px)}.navigation-permanente .bouton{white-space:nowrap;padding:6px 10px;font-size:.78rem}
.pied{width:min(900px,100%);margin:24px auto 0;padding:18px;text-align:center;color:white;background:rgba(0,0,0,.42);border-radius:8px}.index-card{width:min(760px,100%);margin:0 auto;padding:clamp(24px,5vw,54px);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 14px 46px rgba(0,0,0,.35);text-align:center}.index-card h1{color:rgb(20,55,32);font-size:clamp(2rem,6vw,3.2rem);margin:.3rem 0 .35rem}.index-card .subtitle{margin:0 0 1.7rem;color:#444;font-style:italic;font-size:1.08rem}.menu-saints{display:grid;gap:11px;max-width:660px;margin:0 auto}.menu-saints .bouton{display:block;font-size:1.02rem;padding:12px 14px}
.saint-figure{max-width:620px;margin:28px auto 6px;text-align:center}.saint-figure img{display:block;max-width:100%;max-height:520px;margin:0 auto;border-radius:6px;box-shadow:0 5px 22px rgba(0,0,0,.22)}.saint-figure figcaption{margin-top:9px;font-style:italic;color:#444}.image-placeholder{min-height:260px;border:1px dashed rgba(20,55,32,.55);border-radius:7px;display:flex;align-items:center;justify-content:center;padding:25px;color:rgb(20,55,32);background:#f7f4ea;text-align:center}.image-placeholder[hidden]{
    display:none!important;
}
@media(max-width:700px){.fond{padding:8px 5px 76px;background-attachment:scroll}article{padding:22px 14px}article p{text-align:justify;hyphens:auto;overflow-wrap:break-word}.sticky-language-audio{padding:3px 5px 5px}.navigation-permanente{bottom:6px;gap:4px;max-width:calc(100vw - 8px);padding:4px}.navigation-permanente .bouton{padding:5px 7px;font-size:.68rem}.language-switcher{gap:8px}.language-choice img{width:26px;height:26px}.language-label{font-size:.72rem}}