/* MB31: complete page localisation, readable source notes and responsive controls. */
main[data-menu-content="mb36"]{min-width:0;overflow-wrap:anywhere;--mb36-paper:#fffdf8;--mb36-ink:#291b17;--mb36-muted:#634d43;--mb36-line:#b9a58a}
main[data-menu-content="mb36"] [data-kmc-segment]{font:inherit;letter-spacing:inherit;text-transform:inherit}
main[data-menu-content="mb36"] :is(button,summary,a,input,select):focus-visible{outline:3px solid currentColor;outline-offset:4px}
main[data-menu-content="mb36"] .mb36-witness-band{padding:clamp(32px,4vw,64px) 4vw;background:#f5ebdb;color:var(--mb36-ink)}
main[data-menu-content="mb36"] .mb36-witness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px}
main[data-menu-content="mb36"] .mb36-witness-grid article{padding-top:20px;border-top:1px solid var(--mb36-line);min-width:0}
main[data-menu-content="mb36"] .mb36-witness-band :is(p,a){font-size:1rem;line-height:1.7}
main[data-menu-content="mb36"] .mb36-witness-band :is(h2,h3,p){color:var(--mb36-ink)}
main[data-menu-content="mb36"] .mb36-witness-band a{color:#75101d;text-decoration:underline}
main[data-menu-content="mb36"] .mb36-witness-band .eyebrow{color:#735015;font:700 .78rem/1.5 system-ui;letter-spacing:.09em;text-transform:uppercase}
main[data-menu-content="mb36"] .menu-content-notice{padding:1rem;margin:1rem;border:1px solid currentColor;background:var(--mb36-paper);color:var(--mb36-ink)}
main[data-menu-content="mb36"] .menu-content-notice[hidden]{display:none}
main[data-menu-content="mb36"] .menu-content-notice button{background:var(--mb36-paper);color:var(--mb36-ink);border:1px solid currentColor;padding:.5rem;margin:.4rem}
main[data-menu-content="mb36"] [data-reader-ui]{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
main[data-menu-content="mb36"] :is(input,select,button){max-width:100%;min-width:0}
main[data-menu-content="mb36"] :is(.native-toolbar,.liturgical-actions,.liturgical-section-nav){flex-wrap:wrap}
main[data-menu-content="mb36"] :is(.liturgical-full-column,.liturgical-day-context-head>div,.native-toolbar label){min-width:0}
main[data-menu-content="mb36"] .native-toolbar select{width:100%}
main[data-menu-content="mb36"] .mb36-edition-note{padding:1rem;border-left:3px solid #9a783a}
body.dark main[data-menu-content="mb36"] .mb36-witness-band{background:#20191b;color:#f9eddf;--mb36-ink:#f9eddf}
body.dark main[data-menu-content="mb36"] .mb36-witness-band a{color:#ffd2c0}
@media(max-width:850px){main[data-menu-content="mb36"] .mb36-witness-grid{grid-template-columns:1fr}}
@media(max-width:520px){main[data-menu-content="mb36"] :is(article,header,aside,section){min-width:0}main[data-menu-content="mb36"] .mb36-witness-band{padding-inline:20px}}
main[data-menu-content="mb36"] .liturgical-day-context .eyebrow{color:#76500c}
body.dark main[data-menu-content="mb36"] .liturgical-day-context .eyebrow{color:#ffe2a1}
body.dark main[data-menu-content="mb36"] .liturgical-actions a.secondary{color:#591016!important}
body.dark main[data-menu-content="mb36"] .liturgical-full-column :is(h3,summary){color:#f9eddf!important}

@media(max-width:520px){main[data-menu-content="mb36"] h1{font-size:clamp(2rem,9.2vw,2.5rem)!important;line-height:1.08;letter-spacing:-.025em;word-break:normal;hyphens:auto}}
/* One accessible image dialog per page, with captions kept in the interface language. */
[data-mb36-lightbox]{cursor:zoom-in}
.mb36-image-dialog{box-sizing:border-box;border:1px solid #b8aa90;border-radius:14px;background:#fbf8f1;color:#2d251a;padding:42px 16px 16px;max-width:min(1100px,94vw);width:max-content;max-height:94dvh;overflow:auto}
.mb36-image-dialog::backdrop{background:rgb(0 0 0 / .78)}
.mb36-image-dialog>button{position:absolute;top:5px;right:8px;width:36px;height:36px;font:28px/1 sans-serif;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.mb36-image-dialog>figure{margin:0;max-width:100%}
.mb36-image-dialog img{display:block;max-width:100%;max-height:72dvh;width:auto;height:auto;margin:0 auto;object-fit:contain}
.mb36-image-dialog figcaption{max-width:900px;margin:12px auto 0;line-height:1.5;overflow-wrap:anywhere}
body.dark .mb36-image-dialog{background:#171b21;color:#ede5d6;border-color:#655a47}
.mb36-image-dialog :focus-visible,[data-mb36-lightbox]:focus-visible{outline:3px solid #bc9256;outline-offset:3px}
