.library-tools{grid-template-columns:1fr;gap:1rem}.category-filters{justify-content:flex-start}.category-filters button{font-size:.875rem;min-height:44px}.category-count{opacity:.75;margin-left:.4rem;font-weight:400}.mobile-category{display:none}.library-help{font-size:.875rem;color:#625e55;max-width:70ch}.result-count{font-size:.95rem}.library-pagination{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin:2rem 0}.library-pagination[hidden]{display:none}.library-pagination button{font:600 1rem var(--sans);padding:.7rem 1.1rem;min-height:44px;border:1px solid #b8aa91;border-radius:6px;color:var(--ink);background:var(--white);cursor:pointer}.library-pagination button:disabled{opacity:.4;cursor:default}.library-pagination button:focus-visible,.category-filters button:focus-visible,.mobile-category select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.search-box:focus-within{outline:2px solid var(--gold);outline-offset:2px}.saint-card h3{overflow-wrap:anywhere}.saint-card .text-link{font-size:1rem;min-height:44px}.saint-card .patronage{font-size:.875rem}.category-tag{font-size:.75rem;letter-spacing:.04em}.dialog-source{font-size:.875rem;border-top:1px solid #cfc4b2;padding-top:1.2rem}.dialog-body h3{font-family:var(--serif);font-size:1.7rem}.dialog-body blockquote{margin-left:0;margin-right:0}.dialog-body a{color:#315c77}.dialog-body .reflection-label{font-size:.875rem;font-family:var(--sans)}@media(max-width:700px){.category-filters{display:none}.mobile-category{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;text-align:left}.mobile-category select{width:100%;font:1rem var(--sans);min-height:48px;padding:.6rem;border:1px solid #b8aa91;background:var(--white);color:var(--ink);border-radius:6px}.library-pagination{gap:.65rem}.library-pagination button{padding:.65rem}.saint-card{min-height:0}.saint-symbol{font-size:2.5rem;margin:1rem 0}}
/* A long-form reader with a close control that stays available while reading. */
#saint-dialog{width:min(940px,calc(100% - 1.5rem));max-height:94vh;padding:clamp(1.5rem,5vw,4rem);overscroll-behavior:contain}#saint-dialog .close{position:sticky;top:0;float:right;right:auto;background:var(--white);border:1px solid #b8aa91;border-radius:50%;width:44px;height:44px;line-height:1;z-index:2}#saint-dialog .dialog-body{font-size:1.0625rem;line-height:1.85;overflow-wrap:break-word}#saint-dialog .dialog-body h3{margin:2rem 0 .75rem;line-height:1.2}#saint-dialog .reading-time{color:#6d6559;font-size:.9rem;margin:-.3rem 0 1.5rem}#saint-dialog .dialog-source{margin-top:2rem;font-size:.875rem}@media(max-width:700px){#saint-dialog{max-height:96dvh}#saint-dialog .dialog-body{font-size:1rem;line-height:1.8}}

a.text-link{display:inline-block;text-decoration:none}.directory-link{max-width:1200px;margin:24px auto;padding:0 24px}.directory-link a{color:inherit;text-underline-offset:4px}
.browse-modes{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 1.2rem}.browse-modes button{font:600 1rem var(--sans);min-height:48px;padding:10px 22px;border:1px solid #a68c5e;border-radius:6px;background:#fffdf8;color:#15202a;cursor:pointer}.browse-modes button[aria-pressed=true]{background:#071421;border-color:#071421;color:#fff}.browse-modes button:focus-visible,.country-picker select:focus-visible{outline:3px solid #917339;outline-offset:4px}.country-picker{display:flex;flex-direction:column;gap:8px;font-size:1rem;font-weight:600;max-width:480px}.country-picker select{width:100%;min-height:48px;padding:10px 14px;font:1rem var(--sans);border:1px solid #a68c5e;border-radius:6px;background:#fffdf8;color:#15202a}.library-tools [hidden],#origin-help[hidden]{display:none!important}.saint-origin{font-size:.9rem;color:#775c2b!important;margin:0 0 .75rem}.country-directory-link{margin-left:1.5rem}@media(max-width:600px){.country-directory-link{margin-left:0;display:block!important}}
