/* One reusable branded shell across all Ginja Blog pages. */
#ginja-site-header,#ginja-site-footer{box-sizing:border-box;position:relative;color:#fff;font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;line-height:1.45}
#ginja-site-header *,#ginja-site-footer *{box-sizing:border-box}
#ginja-site-header a,#ginja-site-footer a{color:inherit;text-decoration:none}
#ginja-site-header{z-index:1000;background:linear-gradient(90deg,#071729 25%,#081c37 75%);border-bottom:1px solid rgba(111,151,194,.24);padding:0!important;height:auto!important;min-height:0!important;box-shadow:0 8px 20px rgba(0,0,0,.08)}
#ginja-site-header .ginja-head-inner{max-width:1370px;margin:auto;min-height:83px;padding:16px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between}
#ginja-site-header .ginja-brand{display:flex;flex:0 0 auto;align-items:center;min-width:138px}
#ginja-site-header .ginja-brand img,#ginja-site-footer img{display:block;object-fit:contain;max-width:100%;height:auto}
#ginja-site-header .ginja-shared-nav{display:flex;flex-wrap:wrap;gap:9px 15px;align-items:center;justify-content:center;min-width:0}
#ginja-site-header .ginja-shared-nav a{font-size:12px!important;font-weight:700!important;white-space:nowrap;opacity:.88;transition:opacity .2s,color .2s}
#ginja-site-header .ginja-shared-nav a:hover,#ginja-site-footer a:hover{opacity:1;color:#39ff14!important}
#ginja-site-header .ginja-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
#ginja-site-header .ginja-head-follow{background:#007bff;color:white!important;font-size:12px!important;font-weight:850!important;padding:10px 12px;border-radius:8px}
#ginja-site-header .ginja-head-search,#ginja-site-header .ginja-head-menu{padding:7px 9px;border:1px solid rgba(163,188,213,.25);border-radius:7px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:20px;line-height:1}
#ginja-site-header .ginja-head-menu{display:none}
#ginja-site-header .ginja-shared-search{display:none!important;max-width:1370px;width:100%;margin:auto;padding:10px 24px 19px;gap:10px;align-items:center;background:transparent}
#ginja-site-header .ginja-shared-search.ginja-visible{display:flex!important}
#ginja-site-header .ginja-shared-search input{height:44px;min-width:0;flex:1;background:#102c4d;border:1px solid #355777;border-radius:7px;color:white;padding:9px 12px;font-size:14px}
#ginja-site-header .ginja-shared-search button{padding:11px 18px;background:#007bff;color:#fff;border:0;border-radius:7px;cursor:pointer;font-size:14px}
#ginja-site-footer{display:block!important;background:#061222;border-top:1px solid rgba(111,151,194,.25);padding:48px 0 0!important;width:100%;height:auto!important;clear:both}
#ginja-site-footer .ginja-foot-inner{max-width:1370px;margin:0 auto;padding:0 24px 46px;display:grid;grid-template-columns:1.55fr repeat(3,1fr);column-gap:43px;row-gap:30px}
#ginja-site-footer .ginja-foot-about p{font-size:13px;color:#a8bdd5;max-width:270px;line-height:1.8;margin:17px 0 0}
#ginja-site-footer .ginja-foot-col{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
#ginja-site-footer h4{color:#fff;font-size:14px;font-weight:850;margin:0 0 8px}
#ginja-site-footer .ginja-foot-col a{font-size:13px!important;font-weight:400!important;color:#abc1db!important}
#ginja-site-footer .ginja-foot-bottom{max-width:1370px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(111,151,194,.18);font-size:12px;color:#a8bdd5;flex-wrap:wrap}
@media(max-width:1150px){#ginja-site-header .ginja-head-inner{flex-wrap:wrap}#ginja-site-header .ginja-shared-nav{order:3;width:100%;justify-content:flex-start}#ginja-site-footer .ginja-foot-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#ginja-site-header .ginja-head-inner{min-height:70px;padding:14px 17px;flex-wrap:nowrap}#ginja-site-header .ginja-head-menu{display:inline-flex}#ginja-site-header .ginja-shared-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#081c37;border-bottom:1px solid #355777;padding:17px 20px;box-shadow:0 17px 25px #0008;flex-direction:column;gap:0;align-items:stretch;max-height:75vh;overflow:auto}#ginja-site-header .ginja-shared-nav.ginja-open{display:flex}#ginja-site-header .ginja-shared-nav a{padding:10px 6px;font-size:14px!important}#ginja-site-header .ginja-head-follow{font-size:10px!important;padding:9px}#ginja-site-header .ginja-brand{min-width:90px;width:140px}#ginja-site-footer .ginja-foot-inner{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;padding:0 18px 35px}#ginja-site-footer .ginja-foot-about{grid-column:1/-1}#ginja-site-footer .ginja-foot-bottom{padding:18px}#ginja-site-header .ginja-shared-search{padding:12px 18px 18px}}
@media(max-width:385px){#ginja-site-header .ginja-head-search{display:none}#ginja-site-header .ginja-brand{width:116px}#ginja-site-footer .ginja-foot-inner{grid-template-columns:1fr}}

/* GINJA responsive spacing pass — 2026-11-05: scoped, reversible, no position changes */
#ginja-site-header .ginja-head-inner,
#ginja-site-footer .ginja-foot-inner,
#ginja-site-footer .ginja-foot-bottom{
  width:calc(100% - 40px);
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}
#ginja-site-header .ginja-head-inner{min-height:78px;padding:14px 0;gap:16px}
#ginja-site-header .ginja-brand{width:174px;min-width:174px;flex:0 0 174px}
#ginja-site-header .ginja-brand img{width:174px;height:auto;max-height:37px}
#ginja-site-header .ginja-shared-nav{column-gap:14px;row-gap:7px}
#ginja-site-header .ginja-shared-nav a{line-height:1.4}
#ginja-site-footer .ginja-foot-inner{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(0,1fr));gap:28px;padding:0 0 42px}
#ginja-site-footer .ginja-foot-bottom{padding:19px 0}
#ginja-site-footer .ginja-foot-col{min-width:0}
#ginja-site-footer .ginja-foot-col a{line-height:1.6}
body.ginja-content-aligned > main{box-sizing:border-box;max-width:1320px;width:calc(100% - 40px);margin-left:auto;margin-right:auto}
body.ginja-content-aligned > .hero{box-sizing:border-box;max-width:none}
body.ginja-content-aligned > main .grid{max-width:100%}
body.ginja-content-aligned > main .card{box-sizing:border-box;border-radius:12px;padding:clamp(16px,2vw,25px);min-width:0;overflow-wrap:anywhere}
body.ginja-content-aligned > main .card img{max-width:100%;height:auto;object-fit:cover;border-radius:9px}
body.ginja-content-aligned > main h2{line-height:1.23}
body.ginja-content-aligned > main p{line-height:1.6}
@media(max-width:1250px){
  #ginja-site-header .ginja-head-inner{flex-wrap:nowrap;min-height:76px}
  #ginja-site-header .ginja-shared-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;background:#081c37;border-bottom:1px solid #355777;padding:16px 24px;z-index:1050;box-shadow:0 16px 26px #0007;flex-direction:column;align-items:stretch;gap:0;max-height:72vh;overflow-y:auto}
  #ginja-site-header .ginja-shared-nav.ginja-open{display:flex}
  #ginja-site-header .ginja-shared-nav a{padding:9px 4px;font-size:14px!important}
  #ginja-site-header .ginja-head-menu{display:inline-flex}
}
@media(max-width:900px){
  #ginja-site-footer .ginja-foot-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  #ginja-site-footer .ginja-foot-about{grid-column:1/-1}
}
@media(max-width:720px){
  #ginja-site-header .ginja-head-inner,
  #ginja-site-footer .ginja-foot-inner,
  #ginja-site-footer .ginja-foot-bottom{width:calc(100% - 32px)}
  #ginja-site-header .ginja-head-inner{min-height:68px;padding:12px 0}
  #ginja-site-header .ginja-brand{width:140px;min-width:140px;flex-basis:140px}
  #ginja-site-header .ginja-brand img{width:140px}
  #ginja-site-header .ginja-shared-nav{padding:13px 16px}
  #ginja-site-footer .ginja-foot-inner{padding-bottom:32px}
  body.ginja-content-aligned > main{width:calc(100% - 32px)}
  body.ginja-content-aligned > main .card{padding:18px}
}
@media(max-width:390px){
  #ginja-site-header .ginja-brand{width:116px;min-width:116px;flex-basis:116px}
  #ginja-site-header .ginja-brand img{width:116px}
  #ginja-site-footer .ginja-foot-inner{grid-template-columns:1fr}
}
/* 2026-11-05 page geometry audit v3: scoped, reversible */
:root{--ginja-page-max:1320px;--ginja-page-gutter:20px}
body.ginja-layout-page{max-width:100%;overflow-x:clip}
body.ginja-layout-page main,body.ginja-layout-page section,body.ginja-layout-page article{min-width:0;box-sizing:border-box}
body.ginja-layout-page > main:not(.wrap){max-width:var(--ginja-page-max);margin-left:auto;margin-right:auto}
body.ginja-layout-page > main.wrap{width:calc(100% - 40px);max-width:1120px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
body.ginja-layout-page > main .grid,body.ginja-layout-page > main .cards,body.ginja-layout-page > main .layout,body.ginja-layout-page > main .two{max-width:100%;min-width:0}
body.ginja-layout-page > main :is(.grid,.cards,.layout,.two) > *{min-width:0;max-width:100%}
body.ginja-layout-page > main :is(.card,.tile,.panel,.match){box-sizing:border-box;overflow-wrap:anywhere}
body.ginja-layout-page > main :is(img,video,iframe){max-width:100%}
body.ginja-layout-page > main :is(h1,h2,h3,p,li){overflow-wrap:break-word}
body.ginja-layout-page > main :is(input,select,textarea){max-width:100%;box-sizing:border-box}
body.ginja-layout-page > main table{max-width:100%}
#ginja-site-header .ginja-brand img,#ginja-site-footer .ginja-foot-about img{object-fit:contain}
@media(max-width:1390px){
 #ginja-site-header .ginja-head-inner{flex-wrap:nowrap}
 #ginja-site-header .ginja-shared-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;background:#081c37;border-bottom:1px solid #355777;padding:15px max(20px,calc((100% - 1280px)/2));z-index:1100;box-shadow:0 16px 26px #0007;flex-direction:column;align-items:stretch;gap:0;max-height:72vh;overflow-y:auto}
 #ginja-site-header .ginja-shared-nav.ginja-open{display:flex}
 #ginja-site-header .ginja-shared-nav a{padding:9px 5px;font-size:14px!important}
 #ginja-site-header .ginja-head-menu{display:inline-flex}
}
@media(max-width:760px){
 body.ginja-layout-page > main:not(.wrap){max-width:100%}
 body.ginja-layout-page > main.wrap{width:calc(100% - 32px)}
 body.ginja-layout-page > main .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
 body.ginja-layout-page > main .two,body.ginja-layout-page > main .layout{grid-template-columns:1fr}
 body.ginja-layout-page > main .panel{min-width:0}
 #ginja-site-footer .ginja-foot-inner{gap:18px}
}
@media(max-width:420px){
 #ginja-site-header .ginja-head-inner{gap:8px}
 #ginja-site-header .ginja-head-follow{padding:8px;font-size:10px!important}
 #ginja-site-header .ginja-head-actions{gap:6px}
}
/* Scoped header/menu refinements, 2026-11-06 */
#ginja-site-header{position:sticky;top:0;width:100%;isolation:isolate}
#ginja-site-header .ginja-head-inner{box-sizing:border-box}
#ginja-site-header .ginja-head-actions{white-space:nowrap}
#ginja-site-header .ginja-shared-nav{min-width:0}
#ginja-site-header .ginja-shared-nav a{flex-shrink:0}
#ginja-site-footer{box-sizing:border-box;max-width:100%}
@media(min-width:1391px){
 #ginja-site-header .ginja-shared-nav{flex-wrap:nowrap;gap:9px}
 #ginja-site-header .ginja-shared-nav a{font-size:11px!important}
}
@media(max-width:1390px){
 #ginja-site-header .ginja-head-inner{flex-wrap:nowrap}
 #ginja-site-header .ginja-shared-nav.ginja-open{display:flex}
}
@media(max-width:600px){
 #ginja-site-header .ginja-head-inner{gap:9px}
 #ginja-site-header .ginja-head-actions{gap:6px}
 #ginja-site-header .ginja-head-search,#ginja-site-header .ginja-head-menu{flex:0 0 auto}
 #ginja-site-header .ginja-brand{flex-shrink:1}
 #ginja-site-footer .ginja-foot-inner{min-width:0}
 #ginja-site-footer .ginja-foot-col{min-width:0}
}
/* Accessible secondary section headings, SEO audit */
.ginja-seo-subheading{font-size:clamp(19px,2vw,25px);line-height:1.3;letter-spacing:-.3px;color:#f6faff;margin:24px 0 16px;font-weight:750}
