/* Reading surfaces for page titles and breadcrumbs, independent of seasonal art.
   Homepage compositions and headings inside the content (h2/h3) stay untouched. */
html body:not(.page-index) #wrapper h1:not(.sr-only):not(.visually-hidden){
 box-sizing:border-box;
 max-width:100%;
 padding:clamp(18px,2.2vw,28px);
 margin:0 0 20px;
 background:#fff9ef!important;
 background-image:none!important;
 color:#203536!important;
 border:1px solid #e4d6c2;
 border-left:3px solid #a67c47;
 border-radius:12px;
 box-shadow:0 4px 16px rgba(0,0,0,.07);
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(25px,2.5vw,38px)!important;
 font-weight:700!important;
 font-style:normal!important;
 line-height:1.28!important;
 letter-spacing:normal!important;
 text-transform:none!important;
 text-shadow:none!important;
 white-space:normal!important;
 overflow-wrap:anywhere;
 word-break:normal;
 hyphens:auto;
}
html body #wrapper nav.breadcrumb{
 box-sizing:border-box;
 max-width:100%;
 margin:0 0 16px;
 padding:12px 16px;
 background:#fff9ef!important;
 color:#32494a!important;
 border:1px solid #e4d6c2;
 border-radius:10px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
 line-height:1.55;
}
html body #wrapper nav.breadcrumb ol{margin:0;padding:0}
html body #wrapper nav.breadcrumb li,
html body #wrapper nav.breadcrumb li span{color:#32494a!important;white-space:normal;overflow-wrap:anywhere}
html body #wrapper nav.breadcrumb a,
html body #wrapper nav.breadcrumb a span{color:#214e50!important;text-decoration:underline;text-underline-offset:3px}
html body #wrapper nav.breadcrumb li::after{color:#7b6a53!important}
html body #wrapper nav.breadcrumb a:focus-visible{outline:2px solid #214e50;outline-offset:4px}
@media(max-width:767px){
 html body:not(.page-index) #wrapper h1:not(.sr-only):not(.visually-hidden){padding:18px 16px;margin-bottom:16px;font-size:26px!important}
 html body #wrapper nav.breadcrumb{padding:10px 12px;font-size:13px;margin-bottom:12px}
}