/* Shared header, footer and mobile bar for every page. Colours come from themes.css. */
:root{--site-max:1200px;--site-line:#ece6e3}
body{margin:0}
.site-header{position:sticky;top:0;z-index:20;display:block;max-width:none;margin:0;padding:0;gap:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:3px solid var(--accent-bright,#ed4350);border-bottom:1px solid var(--site-line);box-shadow:none}
.site-bar{max-width:var(--site-max);margin:auto;padding:0 24px;height:62px;display:flex;align-items:center;gap:24px}
.site-brand{display:inline-flex;align-items:center;gap:5px;font-size:23px;font-weight:900;letter-spacing:-1px;color:var(--theme-ink,#44272b)!important;text-decoration:none!important;white-space:nowrap}
.site-brand b{background:var(--accent-bright,#ed4350);color:#fff;border-radius:9px;padding:0 7px;font-size:19px;line-height:1.5}
.site-brand small{font-size:12px;font-weight:500;letter-spacing:0;color:#8f8488;margin-left:6px}
.site-nav{display:flex;gap:2px;flex-wrap:nowrap}
.site-nav a{padding:7px 12px;border-radius:8px;color:#5d5458;text-decoration:none;font-size:15px;white-space:nowrap}
.site-nav a:hover{background:var(--soft,#fff0f1);color:var(--accent-dark,#9f202c)}
.site-nav a[aria-current="page"]{background:var(--soft,#fff0f1);color:var(--accent-dark,#9f202c);font-weight:700}
.site-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.site-account{border:0;background:none;padding:6px 4px;color:var(--accent-dark,#9f202c);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-publish{border:0;background:var(--accent,#c52c36);color:#fff!important;border-radius:9px;padding:8px 16px;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;text-decoration:none!important;white-space:nowrap;box-shadow:none}
.site-publish:hover{background:var(--accent-dark,#9f202c)}
.site-footer{display:block;max-width:none;margin:48px 0 0;padding:0;background:#fff;border-top:1px solid var(--site-line);color:#7d7377;font-size:13px}
.site-foot-inner{max-width:var(--site-max);margin:auto;padding:28px 24px 32px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) auto;gap:20px 36px;align-items:start}
.site-foot-brand p{margin:8px 0 0;line-height:1.7}
.site-footer .site-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:6px;margin:0}
.site-footer .site-links a{color:#6e6468;text-decoration:none}
.site-footer .site-links a:hover{color:var(--accent-dark,#9f202c)}
.site-footer .theme-bar{padding:0;justify-content:flex-start;flex-wrap:wrap}
.mobilebar{display:none}
@media(max-width:920px){
 .site-nav{display:none}.site-brand small{display:none}
 .site-bar{height:54px;padding:0 16px;gap:12px}
 .site-foot-inner{grid-template-columns:1fr;padding:22px 16px calc(92px + env(safe-area-inset-bottom))}
 .mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;align-items:center;background:#fffffff7;border-top:1px solid var(--site-line);padding:7px 4px max(7px,env(safe-area-inset-bottom))}
 .mobilebar a,.mobilebar button{border:0;background:none;color:#5d5458;font:inherit;font-size:12px;text-decoration:none;padding:5px 8px;cursor:pointer;box-shadow:none}
 .mobilebar a[aria-current="page"]{color:var(--accent-dark,#9f202c);font-weight:700}
 .mobilebar .pub{background:var(--accent,#c52c36);color:#fff;border-radius:20px;padding:7px 16px;font-weight:600}
}
@media(max-width:560px){.site-account{display:none}}