/* Scripturestead visual system: dramatic landscape header, parchment editorial body. */
.ss-header{background:#111a22;min-height:245px;position:relative;border-bottom:3px solid #b88b43}
.ss-header-inner{min-height:245px;padding:34px 0;align-items:center}
.ss-header .custom-logo-link{display:inline-block}
.ss-header .custom-logo{max-width:min(520px,65vw);max-height:155px;object-fit:contain;width:auto}
.ss-header .ss-brand{font-size:clamp(2.5rem,5.6vw,5.4rem);line-height:1;letter-spacing:.015em;text-shadow:0 2px 12px #000a}
.ss-tagline{color:#f2ddba;text-shadow:0 2px 6px #000;letter-spacing:.22em;margin-top:8px}
.ss-header-actions{display:flex;align-items:flex-end;flex-direction:column;gap:16px}
.ss-header-actions .search-form{display:flex;background:#fff;box-shadow:0 4px 20px #0006}
.ss-header-actions .search-field{padding:11px 14px;min-width:235px;border:0;font:14px system-ui}
.ss-header-actions .search-submit{border:0;background:#c99d53;color:#101010;padding:10px 14px;font-weight:700;cursor:pointer}
.ss-announcement{color:#f5e6c7;font:600 12px system-ui;letter-spacing:.05em}
.ss-nav{border-bottom:3px solid #b88b43;position:relative;z-index:5}
.ss-nav .menu{display:flex;gap:0;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ss-nav .menu>li{position:relative}
.ss-nav .menu>li>a{display:block;padding:17px 20px;border-right:1px solid #ffffff16;color:#f6e8d0;transition:background .15s}
.ss-nav .menu>li>a:hover,.ss-nav .menu>li:focus-within>a{background:#6c502a}
.ss-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#131719;padding:0;list-style:none;box-shadow:0 8px 20px #0005}
.ss-nav li:hover>.sub-menu,.ss-nav li:focus-within>.sub-menu{display:block}
.ss-nav .sub-menu a{display:block;padding:13px 17px;color:white}
.ss-nav .sub-menu a:hover{background:#6c502a}
.ss-verse{background:#e9dec8;border-bottom:1px solid #c7b58e;font:14px Georgia,serif;color:#352e24}
.ss-verse strong{font:800 11px system-ui;letter-spacing:.12em;margin-right:8px}
.ss-verse em{color:#76541e;font-weight:bold}
@media(max-width:850px){.ss-header,.ss-header-inner{min-height:205px}.ss-header-inner{display:flex;flex-direction:column;justify-content:center;text-align:center}.ss-header-actions{align-items:center}.ss-nav .menu>li>a{padding:12px 13px}}
@media(max-width:560px){.ss-header,.ss-header-inner{min-height:190px}.ss-header .custom-logo{max-width:88vw;max-height:95px}.ss-header .ss-brand{font-size:2.8rem}.ss-tagline{font-size:10px;letter-spacing:.08em}.ss-header-actions .search-field{min-width:0;width:185px}.ss-nav .menu{justify-content:center}.ss-nav .menu>li>a{font-size:10px;padding:10px}.ss-nav .sub-menu{position:static;box-shadow:none}.ss-verse{font-size:12px}}

/* Modular header zones */
.ss-header-top{background:#242b30;color:#f6e8d0;border-bottom:1px solid #b88b43}
.ss-header-zone,.ss-header-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ss-header-top .ss-header-zone{min-height:34px;padding:7px 0}
.ss-header-element{min-width:0}
.ss-header-element--menu{flex:1}
.ss-header-element--menu .menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ss-header-element--search{margin-left:auto}
.ss-header-social{display:flex;gap:10px;flex-wrap:wrap}
.ss-header-message{font-size:13px}
.ss-nav .ss-header-zone{min-height:50px}
@media(max-width:850px){.ss-header-element--search{margin-left:0}.ss-header-top .ss-header-zone{justify-content:center}}

/* Nine-position header grid: left / center / right in each row. */
.ss-header-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px}
.ss-header-cell{display:flex;align-items:center;gap:16px;min-width:0;flex-wrap:wrap}
.ss-header-cell--left{justify-content:flex-start}
.ss-header-cell--center{justify-content:center}
.ss-header-cell--right{justify-content:flex-end}
.ss-header-cell--right .ss-header-element--search{margin-left:0}
.ss-header-grid .ss-header-element--menu{flex:0 1 auto}
.ss-header-grid .ss-header-element--menu .menu{justify-content:inherit}
@media(max-width:850px){
 .ss-header-grid{grid-template-columns:1fr;gap:10px}
 .ss-header-cell,.ss-header-cell--left,.ss-header-cell--center,.ss-header-cell--right{justify-content:center}
 .ss-header-inner.ss-header-grid{display:grid}
}

/* Navigation: wide left area (formerly left + center), optional right area. */
.ss-header-grid--nav{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.ss-header-grid--nav .ss-header-cell--left{flex-wrap:nowrap}
.ss-header-grid--nav .ss-header-element--menu{flex:1 1 auto}
@media(max-width:850px){.ss-header-grid--nav{grid-template-columns:1fr}.ss-header-grid--nav .ss-header-cell--left{flex-wrap:wrap}}

/* Keep desktop navigation on one line. The optional right area only takes
   space when populated; an empty right cell must not squeeze the menu. */
@media(min-width:851px){
 .ss-header-grid--nav{display:flex;align-items:stretch;gap:0}
 .ss-header-grid--nav>.ss-header-cell--left{flex:1 1 auto;min-width:0;justify-content:flex-start;flex-wrap:nowrap}
 .ss-header-grid--nav>.ss-header-cell--right{flex:0 0 auto;min-width:0}
 .ss-header-grid--nav>.ss-header-cell--right:empty{display:none}
 .ss-header-grid--nav .ss-header-element--menu{flex:1 1 auto;min-width:0}
 .ss-header-grid--nav .ss-header-element--menu .menu{display:flex;flex-wrap:nowrap;align-items:center;gap:0}
 .ss-header-grid--nav .ss-header-element--menu .menu>li{flex:0 0 auto}
 .ss-header-grid--nav .ss-header-element--menu .menu>li>a{white-space:nowrap}
}

/* WordPress wraps wp_nav_menu() in .menu-<slug>-container by default.
   That wrapper is a flex item and was shrinking to min-content, allowing
   the links to break into multiple rows despite ample navigation space. */
@media(min-width:851px){
 .ss-nav .ss-header-grid--nav>.ss-header-cell--left{min-width:0}
 .ss-nav .ss-header-grid--nav .ss-header-element--menu{display:block;width:100%;min-width:0}
 .ss-nav .ss-header-grid--nav .ss-header-element--menu>div{width:100%;min-width:0}
 .ss-nav .ss-header-grid--nav .ss-header-element--menu ul.menu{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;max-width:100%;margin:0;padding:0;gap:0}
 .ss-nav .ss-header-grid--nav .ss-header-element--menu ul.menu>li{display:block;flex:none;white-space:nowrap}
}
