/* HAZL PHP port: Edge DOM/classes retained, with only CMS/load-more additions. */
:root{--ghost-accent-color:#0cc02a;--content-width:760px;--content-font-size:1.8rem}
.gh-head-logo img{max-height:40px;width:auto;max-width:310px}
.gh-head-menu{display:flex!important}.gh-head .nav{opacity:1!important}.gh-head .nav>li{opacity:1!important}
.post-feed{display:grid!important;grid-template-columns:repeat(3,330px);gap:0;justify-content:center;max-width:990px!important;margin:0 auto;opacity:1!important;visibility:visible!important}
.post-feed .grid-sizer{display:none}.post-feed .grid-item{position:static!important;width:330px!important}.post-feed .post{margin:16px!important;position:relative}.post-feed .post-image{width:100%;height:auto;aspect-ratio:1600/2084;object-fit:cover}.post-caption{display:none}.post-lightbox{display:none}
.hz-load{display:block;margin:48px auto 0;padding:12px 24px;background:#15171a;color:#fff;border:0;font:600 14px Inter,sans-serif;cursor:pointer}.hz-load:disabled{opacity:.55}.hz-load-status{text-align:center;min-height:22px;margin:12px auto 0;font-size:13px;color:#777}
.content-area{padding:0 0 32px}.gh-article-header{padding-top:32px}.page-template .gh-article-header{padding-top:var(--header-spacing,80px)}
.gh-article-title{font-size:3.8rem}.gh-content{font-size:1.8rem;line-height:1.72;margin-top:32px}.gh-content a,.hz-credits a{color:var(--ghost-accent-color);text-decoration:underline;text-underline-offset:2px}.gh-content a:hover{opacity:.75}.gh-article-image{margin-bottom:48px}.gh-article-image img{width:100%;height:auto}
.kg-bookmark-container{display:flex!important;min-height:148px;border:1px solid #e6e6e6;text-decoration:none!important;overflow:hidden;color:#15171a!important}.kg-bookmark-content{display:flex;flex:1;flex-direction:column;padding:20px;min-width:0}.kg-bookmark-title{font-weight:700}.kg-bookmark-description{margin-top:6px;color:#777}.kg-bookmark-metadata{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px}.kg-bookmark-icon{width:20px!important;height:20px!important}.kg-bookmark-thumbnail{position:relative;flex:0 0 220px}.kg-bookmark-thumbnail img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}
.hz-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;align-items:center;justify-content:center}.hz-lightbox.open{display:flex}.hz-lightbox img{max-width:88vw;max-height:90vh}.hz-close,.hz-prev,.hz-next{position:absolute;background:none;border:0;color:#fff;font-size:48px;cursor:pointer}.hz-close{right:24px;top:15px}.hz-prev{left:20px}.hz-next{right:20px}
@media(min-width:1350px){.post-feed{grid-template-columns:repeat(4,330px);max-width:1320px!important}}
@media(min-width:1680px){.post-feed{grid-template-columns:repeat(5,330px);max-width:1650px!important}}
@media(min-width:641px) and (max-width:1019px){.post-feed{grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100% - 32px)!important}.post-feed .grid-item{width:auto!important}.post-feed .post{margin:8px!important}}
@media(max-width:767px){.gh-head{height:auto;min-height:80px}.gh-head-inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:18px 0}.gh-head-brand{width:100%;justify-content:space-between}.gh-head-logo img{max-width:220px}.gh-head-menu{display:none!important;width:100%;padding:16px 0 4px}.gh-head-menu.is-open{display:block!important}.gh-head .nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.gh-burger{display:block}.gh-article-title{font-size:3.2rem}.gh-content{font-size:1.7rem}.kg-bookmark-thumbnail{flex-basis:130px}}
@media(max-width:640px){.post-feed{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(100% - 8px)!important}.post-feed .grid-item{width:auto!important}.post-feed .post{margin:4px!important}}

/* v5: Edge middle-logo header and page refinements */
@media(min-width:768px){
 body.is-head-middle-logo .gh-head-inner{grid-template-columns:1fr auto 1fr!important;position:relative}
 body.is-head-middle-logo .gh-head-menu{grid-column:1;grid-row:1;justify-self:start;margin:0!important}
 body.is-head-middle-logo .gh-head-brand{grid-column:2;grid-row:1;justify-self:center}
 body.is-head-middle-logo .gh-head-actions{grid-column:3;grid-row:1;justify-self:end;display:flex!important}
 .hz-search{display:flex!important;align-items:center;justify-content:center;color:#15171a}
}
.hz-about-logo{max-width:560px;margin-left:auto;margin-right:auto}.hz-about-logo img{width:100%;height:auto}
@media(max-width:767px){.gh-head-actions{display:none!important}.gh-head-brand{width:100%}.gh-head-logo{margin:auto}.gh-head-menu.is-open{display:block!important}}

.hz-search-page{max-width:900px;margin:60px auto;padding:0 24px}.hz-search-form{display:flex;gap:10px}.hz-search-form input{flex:1;padding:14px;border:1px solid #ccc}.hz-search-form button{padding:14px 22px;border:0;background:#15171a;color:#fff}.hz-search-summary{margin:28px 0 16px}.hz-search-results{display:grid;gap:12px}.hz-search-results a{font-size:1.8rem;border-bottom:1px solid #eee;padding:10px 0}

.hz-search{background:none;border:0;padding:8px;cursor:pointer;color:inherit}
.hz-search-panel{position:absolute;z-index:1000;left:0;right:0;top:var(--header-height,80px);background:#fff;border-top:1px solid #eee;border-bottom:1px solid #ddd;padding:18px 24px}
.hz-search-panel[hidden]{display:none}
.hz-search-panel form{max-width:760px;margin:auto;display:flex;gap:10px}
.hz-search-panel input{flex:1;min-width:0;padding:12px 14px;border:1px solid #bbb;font:inherit}
.hz-search-panel button{padding:10px 14px;border:1px solid #111;background:#fff;font:inherit;cursor:pointer}
.hz-search-close{font-size:22px;line-height:1}
.hz-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hz-search-card a{color:#15171a;text-decoration:none}.hz-search-card img{display:block;width:100%;height:auto;aspect-ratio:1600/2084;object-fit:cover}.hz-search-card h2{font-size:1.7rem;margin:10px 0 4px}.hz-search-card p{font-size:1.3rem;color:#666;margin:0}.hz-latest{max-width:1320px;margin:80px auto 40px;padding:0 24px}.hz-latest>h2{text-align:center;font-size:2.6rem;margin-bottom:28px}.hz-latest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.hz-latest-grid a{color:#15171a;text-decoration:none}.hz-latest-grid img{width:100%;height:auto;aspect-ratio:1600/2084;object-fit:cover;display:block}.hz-latest-grid span{display:block;font-size:1.25rem;line-height:1.35;margin-top:8px}@media(max-width:767px){.hz-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hz-latest{margin-top:55px;padding:0 12px}.hz-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.hz-feature-caption{margin-top:10px;font-size:1.35rem;line-height:1.45;color:#666;text-align:center}.hz-latest-grid a{display:block}.hz-latest-grid span{display:none!important}
@media(max-width:767px){
 .gh-head-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;flex-wrap:nowrap!important;padding:14px 0!important}
 .gh-head-brand{grid-column:1!important;grid-row:1!important;width:auto!important;justify-self:start!important;display:block!important}
 .gh-head-logo{margin:0!important;display:block!important}.gh-head-logo img{max-width:180px!important;max-height:38px!important}
 .gh-head-actions{grid-column:2!important;grid-row:1!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important}
 .gh-head-actions .hz-search,.gh-head-actions .gh-burger{display:flex!important;position:static!important;margin:0!important}
 .gh-head-menu{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;padding:16px 0 4px!important}
 .gh-head-menu.is-open{display:block!important}.hz-search-panel{top:70px}
}
/* v9 mobile header: brand left, search + explicit hamburger right */
@media(max-width:767px){
 #gh-head .gh-head-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:12px!important}
 #gh-head .gh-head-brand{display:block!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;width:auto!important;min-width:0!important}
 #gh-head .gh-head-actions{display:flex!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-items:center!important;gap:10px!important}
 #gh-head .gh-head-menu{display:none!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important}
 #gh-head .gh-head-menu.is-open{display:block!important}
 #gh-head .gh-head-logo{display:block!important;margin:0!important}
 #gh-head .gh-head-logo img{display:block!important;max-width:170px!important;max-height:38px!important;width:auto!important}
 #gh-head .hz-search{display:flex!important;width:38px!important;height:38px!important;padding:8px!important}
 #gh-head .hz-burger{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;width:38px!important;height:38px!important;padding:7px!important;background:transparent!important;border:0!important;cursor:pointer!important}
 #gh-head .hz-burger:before,#gh-head .hz-burger:after{display:none!important;content:none!important}
 #gh-head .hz-burger span{display:block!important;width:23px!important;height:2px!important;background:currentColor!important;transition:transform .2s ease,opacity .2s ease!important}
 #gh-head .hz-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
 #gh-head .hz-burger[aria-expanded="true"] span:nth-child(2){opacity:0!important}
 #gh-head .hz-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
}
/* v10 mobile navigation: independent of Edge's .gh-burger rules */
.hz-mobile-toggle{display:none;background:transparent;border:0;color:inherit;padding:7px;width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.hz-mobile-toggle span{display:block;width:23px;height:2px;background:currentColor}
@media(max-width:767px){
 #gh-head .gh-head-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;padding:14px 0!important}
 #gh-head .gh-head-brand{grid-column:1!important;grid-row:1!important;display:block!important;width:auto!important;justify-self:start!important}
 #gh-head .gh-head-actions{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-self:end!important;gap:6px!important}
 #gh-head .hz-mobile-toggle{display:flex!important}
 #gh-head .gh-head-menu{display:none!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;padding:14px 0 4px!important}
 #gh-head .gh-head-menu.is-open{display:block!important}
 #gh-head .gh-head-menu .nav{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:0!important}
 #gh-head .gh-head-menu .nav li{display:block!important;width:100%!important}
 #gh-head .gh-head-menu .nav a{display:block!important;padding:5px 0!important}
}

/* v11 mobile navigation: standalone panel, independent of Edge menu state */
.hz-mobile-nav{display:none}
@media(max-width:767px){
 #gh-head .gh-head-menu{display:none!important}
 .hz-mobile-nav:not([hidden]){display:block!important;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 20px 16px;position:relative;z-index:999}
 .hz-mobile-nav ul{list-style:none;margin:0;padding:0}
 .hz-mobile-nav li{margin:0;padding:0}
 .hz-mobile-nav a{display:block;padding:10px 0;color:#15171a;text-decoration:none;font-size:16px}
 #gh-head .hz-mobile-toggle{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important}
}

/* v11.8 native MagCloud card: local cover thumbnail, no broken Ghost image dependency */
.hz-magcloud-card .kg-bookmark-thumbnail{overflow:hidden}
.hz-magcloud-card .kg-bookmark-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
