.site-emblem-brand{display:inline-flex!important;align-items:center;gap:12px;text-decoration:none;max-width:100%;min-width:0}.site-emblem-brand .site-emblem{display:block;width:58px;height:auto;flex:0 0 58px;object-fit:contain}.site-brand-name{min-width:0;line-height:1.7}.site-footer-emblem{display:block;width:100px;height:auto;margin:0 auto 18px;object-fit:contain}footer{padding-top:28px}@media(max-width:650px){.site-emblem-brand{gap:10px}.site-emblem-brand .site-emblem{width:48px;flex-basis:48px}.site-brand-name{font-size:calc(14px * var(--text-scale,1))}.site-footer-emblem{width:86px}}

/* Readable navigation and content discovery on every screen size. */
header{flex-wrap:wrap;gap:16px}header nav{flex-wrap:wrap;gap:8px 20px;min-width:0}header nav a{display:inline-flex!important;align-items:center;min-height:44px;padding:4px 2px;overflow-wrap:anywhere}header nav a:first-child{display:inline-flex!important}
.discovery-section{max-width:1120px;margin:auto;padding:32px 40px}.discovery-section h2{font-size:calc(24px * var(--text-scale,1));margin:0 0 20px}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.discovery-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;border:1px solid #c5c8b9;border-top:3px solid #957132;border-radius:8px;padding:20px;background:#fffdf8;color:#17362c;min-width:0}.discovery-card strong{font-size:calc(18px * var(--text-scale,1))}.discovery-card span{font-size:calc(15px * var(--text-scale,1));line-height:1.9}.discovery-card:hover{border-color:#806029;background:#f3eddf}.discovery-card:focus-visible{outline:3px solid #92703a;outline-offset:4px}html[data-theme=dark] .discovery-card{background:#1b2e25;color:#edf0e7;border-color:#8d957e}
@media(max-width:900px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{width:100%;order:3}header nav a{font-size:calc(15px * var(--text-scale,1))}}
@media(max-width:500px){.discovery-section{padding:28px 24px}.discovery-grid{grid-template-columns:1fr}.discovery-card{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Scale inherited form text too, and let long content fit its container. */
body{font-size:calc(16px * var(--text-scale,1))}
.hero-inner>*,.ask-grid>*,.lecture-grid>*,.shelf-actions>*{min-width:0}
.shelf-card,.ask-form,.lecture-form,.newsletter-form{overflow-wrap:anywhere}
input,textarea,select{max-width:100%}