/* Zhilamo compiled frontend CSS v8. Original source modules retained alongside this file. */

/* -- SOURCE: main.css -- */
/* Self-hosted local Vazirmatn URL is configured by functions.php on theme activation. */
:root{color-scheme:light;--paper:#f8fbff;--card:#fff;--ink:#253041;--muted:#758294;--line:#e4edf8;--blue:#0951b7;--sky:#50aafa;--zh-accent:#2C7da0;--tint:#ebf5ff;--tint2:#f3f8ff;--hover:#073f98;--shadow:0 12px 42px rgba(16,69,134,.075);--radius:20px;--max:1310px}
:root[data-theme=dark]{color-scheme:dark;--paper:#131820;--card:#1e2630;--ink:#eff3f8;--muted:#a5b1bd;--line:#35414e;--blue:#67b4ff;--sky:#398ad9;--zh-accent:#2C7da0;--tint:#1a2a3c;--tint2:#202e3d;--hover:#a7d1ff;--shadow:0 12px 42px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.85 Vazirmatn,sans-serif;direction:rtl;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--zh-accent);color:#111}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5;letter-spacing:-.018em}h1,h2,h3{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--zh-accent);outline-offset:3px}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.screen-reader-text:focus{clip:auto;clip-path:none;width:auto;height:auto;padding:8px;background:var(--card);z-index:999}.skip-link:focus{top:8px;right:8px}time{font-variant-numeric:tabular-nums}
/* Masthead reflects the organization's ORIGINAL blue, light blue and golden-yellow emblem. */
.site-header{position:relative;z-index:15;background:var(--card)}.header-topline{height:36px;border-bottom:1px solid var(--line);background:var(--tint2)}.header-top-content{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.header-top-social{display:flex;align-items:center;gap:15px}.header-top-social a{font-size:11px;color:var(--blue);text-align:left}.header-core{min-height:111px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-icon,.brand-image,.custom-logo-link{display:block;flex:none}.brand-icon{width:85px;height:85px;display:grid;place-items:center}.custom-logo,.site-emblem{max-width:82px;max-height:82px;width:100%;height:100%;object-fit:contain}.brand-title{display:flex;flex-direction:column;min-width:0}.brand-title strong{font-size:clamp(19px,2.15vw,30px);font-weight:900;color:var(--blue);line-height:1.45}.brand-title small{font-weight:500;font-size:12px;color:var(--muted);line-height:1.6}.header-tools{display:flex;gap:10px;align-items:center}.tool-toggle{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);color:var(--blue);border-radius:50%;transition:background .2s,transform .2s}.tool-toggle:hover{background:var(--tint);transform:translateY(-2px)}.menu-toggle{display:none}.nav-band{border-block:1px solid var(--line);border-bottom:3px solid var(--zh-accent);background:var(--card)}.nav-core{min-height:55px}.site-nav{width:100%}.primary-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(12px,1.75vw,28px)}.primary-menu li{position:relative}.primary-menu>li>a{display:block;padding:13px 0 12px;font-size:13px;font-weight:750;transition:color .2s}.primary-menu>li.current-menu-item>a,.primary-menu>li>a:hover{color:var(--blue)}.primary-menu .sub-menu{display:none;position:absolute;z-index:25;top:100%;right:0;min-width:190px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line);border-top:2px solid var(--zh-accent);padding:8px 12px;list-style:none;margin:0}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu a{display:block;padding:7px 3px;font-size:13px}.header-search{padding:20px 0;background:var(--tint2);border-bottom:1px solid var(--line)}.header-search[hidden]{display:none}.header-search-inner{display:flex;gap:13px;align-items:center}.header-search .search-form{flex:1}.search-close{border:0;background:transparent;color:var(--blue);font-size:27px}
/* Topic directory like reference website; all terms and counts are read from this site's category taxonomy. */
.topic-strip{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;white-space:nowrap;padding:27px 0 18px}.topic-strip>a{display:flex;align-items:center;gap:10px;flex:none;border:1px solid var(--line);border-radius:100px;background:var(--card);padding:7px 13px 7px 10px;font-size:12px;font-weight:750;box-shadow:0 5px 18px rgba(18,78,144,.035)}.topic-strip a:hover{border-color:var(--blue)}.topic-strip small{font-size:10px;color:var(--blue);background:var(--tint);min-width:25px;height:25px;border-radius:50%;display:grid;place-items:center}
/* Lead stories: circular article cover placed BESIDE real title / excerpt. */
.front-hero{margin:0 0 24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(290px,.87fr);gap:18px}.lead-column{min-width:0}.lead-slider{position:relative;background:linear-gradient(118deg,var(--tint) 0%,var(--card) 75%);border:1px solid var(--line);border-radius:24px;overflow:hidden;height:490px;box-shadow:var(--shadow)}.lead-slider:before{content:"";position:absolute;pointer-events:none;width:420px;height:420px;border:1px solid rgba(66,159,245,.13);border-radius:50%;inset-inline-start:-150px;top:-210px}.lead-slider:after{content:"";position:absolute;pointer-events:none;width:135px;height:7px;border-radius:50px;background:var(--zh-accent);inset-inline-end:6%;top:0}.lead-stage{height:405px;position:relative}.lead-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.86fr);gap:14px;align-items:center;position:absolute;inset:0;padding:44px 39px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .95s cubic-bezier(.22,1,.36,1),visibility .95s}.lead-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.lead-copy{position:relative;z-index:2;min-width:0}.lead-meta,.card-topline,.rail-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.lead-meta{font-size:12px;color:var(--muted);margin-bottom:18px}.category-pill{display:inline-flex;align-items:center;width:max-content;border-radius:4px;color:var(--blue);background:var(--tint);font-size:11px;font-weight:800;padding:2px 10px}.lead-meta .category-pill{color:var(--card);background:var(--blue)}.lead-title{font-size:clamp(22px,2.5vw,35px);font-weight:900;line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.lead-excerpt{margin-top:12px;font-size:13px;line-height:2;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lead-open{width:47px;height:47px;display:grid;place-items:center;margin-top:20px;border-radius:50%;background:var(--blue);color:var(--card);font-size:23px;transition:transform .2s}.lead-open:hover{color:var(--card);transform:translateX(-4px)}.lead-round-picture{width:min(100%,310px);aspect-ratio:1/1;position:relative;justify-self:center;align-self:center;border-radius:50%;background:var(--tint2);border:9px solid var(--card);box-shadow:0 20px 55px rgba(22,95,181,.16)}.lead-round-picture:before{content:"";position:absolute;inset:-19px;border:1px dashed var(--sky);border-radius:50%;pointer-events:none}.lead-round-picture:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:var(--zh-accent);left:-10px;bottom:19px;pointer-events:none;box-shadow:0 0 0 8px var(--card)}.lead-round-picture img,.lead-round-picture .story-placeholder{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.lead-controls{border-top:1px solid var(--line);height:85px;padding:0 35px;display:flex;align-items:center;gap:20px;position:absolute;bottom:0;inset-inline:0;z-index:3}.lead-counter{direction:ltr;font-size:13px;font-weight:850;display:flex;gap:9px;color:var(--blue);font-variant-numeric:tabular-nums;flex:none}.count-separator{color:var(--muted)}.lead-bar{flex:1;height:3px;background:var(--line);border-radius:4px;overflow:hidden}.lead-bar span{display:block;height:100%;width:20%;background:var(--zh-accent);transition:width .4s}.lead-arrows{display:flex;gap:9px}.lead-arrows button,.ticker-scroll-controls button{width:35px;height:35px;display:grid;place-items:center;background:var(--card);color:var(--blue);border:1px solid var(--line);border-radius:50%;font-size:21px}.lead-arrows button:hover,.ticker-scroll-controls button:hover{background:var(--blue);color:var(--card)}.hero-rail{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));padding:5px 21px;background:var(--card);border:1px solid var(--line);border-radius:24px;min-width:0}.rail-item{display:flex;align-items:center;gap:14px;padding:14px 0;min-width:0}.rail-item+.rail-item{border-top:1px solid var(--line)}.rail-thumb{flex:none;width:90px;height:82px;overflow:hidden;border-radius:12px;background:var(--tint)}.rail-thumb img,.rail-thumb .story-placeholder{display:block;width:100%;height:100%;object-fit:cover}.rail-copy{min-width:0}.rail-copy h3{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800;margin:4px 0}.rail-copy time{font-size:10px;color:var(--muted)}.rail-meta .category-pill{font-size:10px;padding:0;background:none}
/* Cover thumbnails belong BELOW the hero; never a marquee of plain text. */
.cover-ticker{border:1px solid var(--line);border-radius:19px;background:var(--card);margin:0 0 62px;overflow:hidden;box-shadow:0 8px 26px rgba(18,86,151,.04)}.cover-ticker-line{height:50px;padding:0 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.cover-ticker-line strong{font-size:14px;font-weight:850}.ticker-pulse{width:8px;height:8px;background:var(--zh-accent);border-radius:50%;box-shadow:0 0 0 4px rgba(44,125,160,.16)}.ticker-scroll-controls{margin-inline-start:auto;display:flex;gap:5px}.ticker-scroll-controls button{width:29px;height:29px;font-size:18px}.cover-ticker-viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-inline:contain;padding:17px 16px;gap:13px}.cover-ticker-card{flex:0 0 261px;min-width:0;scroll-snap-align:start;display:flex;gap:11px;align-items:center;padding-inline-end:13px;border-inline-end:1px solid var(--line)}.ticker-cover{flex:none;display:block;width:81px;height:71px;border-radius:9px;overflow:hidden;background:var(--tint)}.ticker-cover img,.ticker-cover .story-placeholder{width:100%;height:100%;object-fit:cover;display:block}.cover-ticker-card h3{font-size:12px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800}.cover-ticker-card time{font-size:10px;color:var(--muted)}
/* Diverse sections, adapted from the KurdWomen editorial organization, with Zhilamo's own content. */
.front-section{margin:0 0 67px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px;padding-bottom:15px;border-bottom:1px solid var(--line);position:relative}.section-title-row:after{content:"";position:absolute;bottom:-1px;right:0;width:84px;height:3px;border-radius:3px;background:var(--zh-accent)}.section-name{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.section-mark{display:inline-block;flex:none;width:7px;height:30px;border-radius:7px;background:var(--blue)}.section-title-row h2{font-size:clamp(22px,2.3vw,29px);font-weight:900}.section-name>p{font-size:12px;color:var(--muted)}.section-arrow{width:38px;height:38px;border:1px solid var(--line);background:var(--card);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:24px;flex:none}.section-arrow:hover{background:var(--blue);color:var(--card)}.section-posts{display:grid;gap:16px}.news-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:15px;transition:box-shadow .2s,transform .2s;min-width:0}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-image{display:block;aspect-ratio:1.55;overflow:hidden;background:var(--tint)}.card-image img,.card-image .story-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.news-card:hover .card-image img{transform:scale(1.045)}.story-placeholder{background:linear-gradient(135deg,var(--tint),var(--tint2));display:block;width:100%;height:100%}.card-body{padding:17px}.card-topline{color:var(--muted);font-size:10px;gap:8px}.card-topline time{font-size:10px}.card-title{font-size:16px;line-height:1.8;margin-top:8px;font-weight:850;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt{font-size:12px;line-height:2;color:var(--muted);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-read{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--blue);font-weight:800;margin-top:10px}.card-read span{font-size:18px}.card-feature{display:flex;flex-direction:column}.card-feature .card-image{flex:0 0 62%;aspect-ratio:auto;min-height:0}.card-feature .card-title{font-size:21px}.card-horizontal,.card-row{display:flex;align-items:stretch}.card-horizontal .card-image,.card-row .card-image{width:39%;aspect-ratio:auto;flex:none}.card-horizontal .card-body,.card-row .card-body{width:61%;display:flex;flex-direction:column;justify-content:center}.card-horizontal .card-title,.card-row .card-title{font-size:14px}.card-small .card-title{font-size:13px}.card-small .card-image{aspect-ratio:1.7}.card-compact .card-image{display:none}.card-compact .card-body{height:100%;display:flex;flex-direction:column;justify-content:center}.card-portrait .card-image{aspect-ratio:0.95}.card-overlay{position:relative;min-height:300px;border:0}.card-overlay>.card-image{position:absolute;inset:0;aspect-ratio:auto}.card-overlay .card-body{position:absolute;inset:auto 0 0;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.83),transparent);padding:56px 22px 19px}.card-overlay .card-title{font-size:17px}.card-overlay .category-pill{background:#fff;color:#0951b7}.card-overlay time{color:#fff}.card-overlay .card-read{color:#fff}.card-timeline{padding:18px 21px;display:flex;flex-direction:column;justify-content:center}.card-timeline:before{content:"";width:22px;height:4px;background:var(--zh-accent);border-radius:4px}.card-timeline .card-title{font-size:15px}
.layout-news{grid-template-columns:1.17fr 1fr .75fr;grid-template-rows:repeat(2,minmax(0,212px))}.layout-news .card-feature{grid-column:1;grid-row:1/3}.layout-news .card-horizontal{grid-column:2}.layout-news .card-small{grid-column:3}.layout-news>.news-card:nth-child(2){grid-row:1}.layout-news>.news-card:nth-child(3){grid-row:2}.layout-news>.news-card:nth-child(4){grid-row:1}.layout-news>.news-card:nth-child(5){grid-row:2}.layout-statements{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.layout-statements .card-horizontal{min-height:175px}.layout-editorial{grid-template-columns:1.28fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,210px))}.layout-editorial>.card-portrait{grid-row:1/3;grid-column:1}.layout-editorial>.news-card:nth-child(2){grid-column:2;grid-row:1}.layout-editorial>.news-card:nth-child(3){grid-column:3;grid-row:1}.layout-editorial>.card-compact{grid-column:2/4;grid-row:2}.layout-editorial .card-portrait .card-image{max-height:275px}.layout-scroll{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.layout-scroll>*{scroll-snap-align:start}.layout-interview,.layout-politics{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:repeat(2,195px)}.layout-interview>.card-feature,.layout-politics>.card-feature{grid-column:1;grid-row:1/3}.layout-interview>.card-row:nth-child(2),.layout-politics>.card-horizontal:nth-child(2){grid-column:2/4;grid-row:1}.layout-interview>.card-row:nth-child(3),.layout-politics>.card-horizontal:nth-child(3){grid-column:2;grid-row:2}.layout-interview>.card-row:nth-child(4),.layout-politics>.card-small:nth-child(4){grid-column:3;grid-row:2}.layout-interview .card-feature .card-image,.layout-politics .card-feature .card-image{flex-basis:55%}.layout-library{grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.layout-library .card-portrait .card-image{aspect-ratio:1.25}.layout-library .card-small .card-image{aspect-ratio:.78}.layout-gallery{grid-template-columns:1.45fr 1fr 1fr}.layout-gallery .card-overlay{min-height:330px}.layout-persian{grid-template-columns:repeat(3,minmax(0,1fr))}.front-search{margin:3px 0 70px;background:var(--tint);padding:25px;border:1px solid var(--line);border-radius:19px}
/* Search, archives, singular story; preserve post body and original permalink logic. */
.search-form{display:flex;gap:9px;align-items:stretch;max-width:840px;width:100%}.search-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 16px;color:var(--ink);background:var(--card)}.search-form button{border:0;border-radius:10px;padding:11px 20px;background:var(--blue);color:var(--card);display:flex;gap:9px;align-items:center;font-weight:800}.search-form button:hover{background:var(--hover)}.search-form button svg{width:17px;height:17px}.inner-main{padding:36px 0 70px;min-height:64vh}.archive-header{border-bottom:1px solid var(--line);padding:14px 0 22px;margin-bottom:23px}.archive-header h1{font-size:clamp(26px,3.2vw,37px);margin:11px 0}.archive-description{color:var(--muted);font-size:14px}.breadcrumb{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:12px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--blue)}.filter-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:24px 0;padding:17px;background:var(--card);border:1px solid var(--line);border-radius:13px}.filter-heading{font-size:12px;margin-inline-end:7px;color:var(--blue)}.filter-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.filter-form select,.filter-form input{padding:9px 10px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;min-width:115px}.button-solid{background:var(--blue);color:var(--card);border:0;border-radius:9px;padding:9px 14px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.archive-grid .news-card .card-image{aspect-ratio:1.65}.archive-grid .news-card .card-body{min-height:152px}.pagination{display:flex;justify-content:center;margin:40px 0}.pagination .nav-links{display:flex;gap:8px}.pagination .page-numbers{min-width:37px;min-height:37px;padding:4px 9px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:var(--card)}.pagination .page-numbers.current{background:var(--blue);color:var(--card)}.empty-results{padding:30px;background:var(--card);border:1px solid var(--line)}.single-article{max-width:1150px;margin:0 auto}.article-header{max-width:920px;margin:0 auto;padding:20px 0 22px}.article-cat{margin-top:18px}.article-header h1{font-size:clamp(28px,4vw,47px);line-height:1.75;margin:13px 0 17px;font-weight:900}.article-byline{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}.article-cover{margin:8px 0 31px;border-radius:20px;overflow:hidden;background:var(--tint);text-align:center}.article-cover img{width:100%;max-height:640px;object-fit:cover;display:block}.article-cover figcaption{padding:10px;color:var(--muted);background:var(--card);font-size:12px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:27px}.article-content{font-size:16px;line-height:2.2;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:15px;overflow-wrap:anywhere}.article-content p{margin:0 0 20px}.article-content img{height:auto;max-width:100%}.article-content a{color:var(--blue);text-decoration:underline}.article-content blockquote{border-right:4px solid var(--zh-accent);background:var(--tint);padding:16px 22px;margin:20px 0}.article-content figure{max-width:100%}.article-content iframe{max-width:100%}.sidebar-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.sidebar-box h2{font-size:17px;margin-bottom:14px}.sidebar-story{border-top:1px solid var(--line);padding:13px 0}.sidebar-story h3{font-size:13px;line-height:1.7}.sidebar-story time{font-size:11px;color:var(--muted)}.article-share{margin-top:20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.share-actions{display:flex;gap:9px;flex-wrap:wrap}.share-actions a,.share-actions button{background:var(--card);color:var(--blue);border:1px solid var(--line);border-radius:8px;padding:7px 13px;font:inherit;font-size:12px}.article-navigation{display:flex;justify-content:space-between;gap:18px;margin:26px 0}.article-navigation a{color:var(--blue)}.static-page .entry-content{background:var(--card);border:1px solid var(--line);padding:26px;border-radius:14px}
.site-footer{background:var(--card);border-top:3px solid var(--zh-accent);padding-top:38px}.footer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.footer-brand{font-size:22px;font-weight:900;color:var(--blue)}.back-to-top{border:1px solid var(--line);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:21px;color:var(--blue)}.footer-columns{display:grid;grid-template-columns:1.4fr 1.5fr .9fr;gap:35px;padding:26px 0}.footer-about{font-size:13px;color:var(--muted)}.footer-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;gap:8px;margin:0;padding:0}.footer-menu a{font-size:13px}.social-links{display:flex;flex-direction:column;gap:8px}.social-links a{text-align:left;font-size:13px;color:var(--blue)}.footer-bottom{padding:16px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.error-number{font-size:76px;color:var(--blue)}
:lang(en),[dir=ltr]{direction:ltr;text-align:left;unicode-bidi:isolate}
@media(max-width:1160px){.hero-grid{grid-template-columns:minmax(0,1.6fr) 280px}.lead-slide{grid-template-columns:minmax(0,1fr) 230px;padding-inline:25px}.lead-round-picture{width:235px}.lead-title{font-size:26px}.layout-news{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(3,150px)}.layout-news .card-feature{grid-row:1/4}.layout-news .card-horizontal{grid-column:2}.layout-news>.card-small{display:none}.layout-editorial{grid-template-columns:1fr 1fr}.layout-editorial>.card-portrait{grid-column:1;grid-row:1/3}.layout-editorial>.news-card:nth-child(2){grid-column:2}.layout-editorial>.news-card:nth-child(3){grid-column:2;grid-row:2}.layout-editorial>.card-compact{display:none}.layout-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.container{width:min(calc(100% - 32px),var(--max))}.menu-toggle{display:grid}.header-core{min-height:87px}.brand-icon{height:66px;width:66px}.brand-icon img{max-height:65px}.nav-band{border-block:0;border-bottom:3px solid var(--zh-accent)}.nav-core{min-height:0}.site-nav{display:none}.site-nav.nav-open{display:block}.primary-menu{flex-direction:column;gap:0;align-items:stretch;padding:8px 0 20px}.primary-menu>li>a{border-bottom:1px solid var(--line);padding:10px 0}.primary-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;background:var(--tint2);padding:0 18px}.hero-grid{grid-template-columns:1fr}.lead-slider{height:460px}.lead-stage{height:382px}.hero-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:0 18px}.hero-rail .rail-item:nth-child(2){border-top:0}.layout-news{grid-template-columns:1.18fr 1fr}.layout-statements{grid-template-columns:1fr 1fr}.layout-interview,.layout-politics{grid-template-columns:1fr 1fr}.layout-interview>.card-feature,.layout-politics>.card-feature{grid-column:1}.layout-interview>.card-row:nth-child(2),.layout-politics>.card-horizontal:nth-child(2){grid-column:2}.layout-interview>.card-row:nth-child(3),.layout-politics>.card-horizontal:nth-child(3){grid-column:2}.layout-interview>.card-row:nth-child(4),.layout-politics>.card-small:nth-child(4){display:none}.layout-scroll{grid-auto-columns:260px}.layout-gallery{grid-template-columns:1fr 1fr}.layout-gallery .news-card:last-child{display:none}.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}}
@media(max-width:620px){.container{width:min(calc(100% - 26px),var(--max))}.header-topline{height:32px}.header-top-social a{font-size:10px}.header-core{min-height:78px}.brand{gap:10px}.brand-title strong{font-size:16px;max-width:230px}.brand-title small{font-size:10px}.brand-icon{width:52px;height:54px}.brand-icon img{max-height:52px}.header-tools{gap:5px}.tool-toggle{width:34px;height:34px}.tool-toggle svg{width:18px;height:18px}.topic-strip{padding-top:16px}.lead-slider{height:550px}.lead-stage{height:480px}.lead-slide{display:flex;flex-direction:column-reverse;justify-content:flex-end;text-align:center;padding:25px 22px 10px;gap:15px}.lead-round-picture{width:198px;align-self:center}.lead-round-picture:after{width:30px;height:30px;left:1px}.lead-copy{width:100%}.lead-meta{justify-content:center;margin-bottom:6px}.lead-title{font-size:20px;line-height:1.65;-webkit-line-clamp:3}.lead-excerpt{font-size:12px;line-height:1.85;margin-top:6px;-webkit-line-clamp:2}.lead-open{width:32px;height:32px;font-size:17px;margin:10px auto 0}.lead-controls{height:70px;padding:0 18px}.hero-rail{grid-template-columns:1fr;padding:4px 13px}.hero-rail .rail-item:nth-child(2){border-top:1px solid var(--line)}.rail-item{padding:10px 0}.rail-thumb{width:83px;height:69px}.cover-ticker{margin-bottom:43px}.cover-ticker-card{flex-basis:245px}.front-section{margin-bottom:47px}.section-title-row h2{font-size:21px}.layout-news,.layout-editorial,.layout-interview,.layout-politics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.layout-news .card-feature{grid-row:auto;grid-column:1/-1}.layout-news .card-horizontal{grid-column:auto;display:block}.layout-news .card-horizontal .card-image{width:100%;aspect-ratio:1.45}.layout-news .card-horizontal .card-body{width:100%}.layout-news .card-feature .card-image{height:230px}.layout-editorial>.card-portrait{grid-column:1/-1;grid-row:auto}.layout-editorial>.news-card:nth-child(2),.layout-editorial>.news-card:nth-child(3){grid-column:auto;grid-row:auto}.layout-interview>.card-feature,.layout-politics>.card-feature{grid-column:1/-1;grid-row:auto}.layout-interview>.card-row:nth-child(2),.layout-interview>.card-row:nth-child(3),.layout-politics>.card-horizontal:nth-child(2),.layout-politics>.card-horizontal:nth-child(3){grid-column:auto;grid-row:auto;display:block}.layout-interview .card-row .card-image,.layout-politics .card-horizontal .card-image{width:100%;aspect-ratio:1.45}.layout-interview .card-row .card-body,.layout-politics .card-horizontal .card-body{width:100%}.layout-statements{grid-template-columns:1fr}.layout-gallery{grid-template-columns:1fr 1fr}.layout-gallery .card-overlay{min-height:270px}.layout-library,.layout-persian{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-persian .news-card:last-child{display:none}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.story-grid .card-body{padding:12px}.story-grid .card-title{font-size:13px}.article-header h1{font-size:26px}.article-content{padding:18px;font-size:15px}.footer-columns{grid-template-columns:1fr 1fr;gap:20px}.footer-about{grid-column:1/-1}.search-form input{padding:9px;font-size:13px}.search-form button{padding:9px 13px;font-size:12px}}
@media(max-width:400px){.brand-title strong{font-size:14px}.brand-title small{display:none}.lead-slider{height:525px}.lead-stage{height:455px}.lead-round-picture{width:178px}.lead-title{font-size:19px}.hero-rail{border-radius:14px}.layout-news .card-horizontal .card-title{font-size:13px}.layout-gallery .card-overlay{min-height:220px}.section-title-row h2{font-size:19px}.cover-ticker-card{flex-basis:240px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.library-section{margin:0 0 66px}.library-section .section-heading{margin-bottom:19px;border-bottom:1px solid var(--line);padding-bottom:12px}.library-section .section-heading h2{font-size:26px;color:var(--blue)}.book-feature-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.book-feature-cards .card-image{aspect-ratio:.78}.book-feature-cards .card-title{font-size:14px}@media(max-width:750px){.book-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V4 corrections: brand-color section contrast, full image visibility, source-only photo carousel. */
:root { --paper:#edf2f5;--card:#ffffff;--ink:#25333d;--muted:#526879;--line:#cbdbe5;--blue:#00598f;--sky:#4b9dca;--zh-accent:#2C7da0;--tint:#dcebf4;--tint2:#e7eff4;--hover:#00456e;--shadow:0 13px 32px rgba(9,70,110,.13); }
:root[data-theme=dark] { --paper:#1a2328;--card:#263239;--ink:#f0f4f5;--muted:#bbcad2;--line:#40515c;--blue:#76c3ed;--sky:#51a8d5;--zh-accent:#2C7da0;--tint:#243f4c;--tint2:#2c414a;--hover:#a9dcef;--shadow:0 12px 38px rgba(0,0,0,.28); }
body{background:var(--paper)}
.home-main {background:linear-gradient(180deg,var(--tint2),var(--paper) 430px);padding-bottom:16px}
.front-section{padding:16px 12px 20px;margin-inline:-12px;border-radius:24px}
.front-section:nth-of-type(4n){background:linear-gradient(135deg,var(--tint),var(--paper));border:1px solid var(--line);box-shadow:var(--shadow)}
.news-card,.hero-rail,.lead-slider,.book-card,.photo-showcase{box-shadow:var(--shadow)}
.card-image,.rail-thumb{background:var(--tint2)}
.card-image img,.rail-thumb img{object-fit:contain}
.card-image .story-placeholder{background:transparent}
.lead-slider{background:linear-gradient(130deg,var(--tint2),var(--card) 68%);box-shadow:0 17px 44px rgba(4,76,120,.13)}
.lead-round-picture{aspect-ratio:1.16/1;width:min(100%,420px);height:auto;border-radius:22px;border:5px solid var(--card);box-shadow:0 14px 35px rgba(9,67,111,.16);background:var(--tint2)}
.lead-round-picture:before,.lead-round-picture:after{display:none}
.lead-round-picture img,.lead-round-picture .story-placeholder{object-fit:contain;border-radius:18px}
.hero-editorial{background:var(--card);border-top:4px solid var(--zh-accent);}
.hero-editorial .rail-thumb{width:88px;height:88px;border-radius:50%;border:3px solid var(--tint);box-shadow:0 5px 15px rgba(3,80,134,.12)}
.hero-editorial .rail-thumb img,.hero-editorial .rail-thumb .story-placeholder{border-radius:50%;object-fit:cover}
.hero-editorial .rail-copy h3{font-size:13px}
.cover-ticker{border-top:3px solid var(--zh-accent);background:var(--card);box-shadow:var(--shadow);margin:0 0 48px}
.cover-ticker-viewport{scrollbar-width:none;scroll-snap-type:none;overflow:hidden;touch-action:pan-y;padding-block:13px}
.cover-ticker-viewport::-webkit-scrollbar{display:none}
.cover-ticker-card{flex-basis:286px;min-height:72px}
.ticker-cover{width:65px;height:65px;border-radius:50%;border:2px solid var(--tint);box-shadow:0 5px 12px rgba(0,89,143,.12)}
.ticker-cover img,.ticker-cover .story-placeholder{border-radius:50%;object-fit:cover}
/* Distinct editorial composition; one photograph per post, round only here. */
.editorial-spotlight{background:linear-gradient(120deg,var(--tint2),var(--card));border:1px solid var(--line);padding:20px 23px 26px;box-shadow:var(--shadow)}
.editorial-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:repeat(4,minmax(103px,auto));gap:10px 22px}
.editorial-item{display:flex;align-items:center;gap:15px;min-width:0;padding:12px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 7px 23px rgba(9,75,111,.05)}
.editorial-item .editorial-portrait{width:75px;height:75px;flex:none;border-radius:50%;background:var(--tint);overflow:hidden;border:3px solid var(--tint)}
.editorial-item .editorial-portrait img,.editorial-item .editorial-portrait .story-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.editorial-item .editorial-content{min-width:0}
.editorial-item .editorial-content h3{font-size:14px;line-height:1.7;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.editorial-item .editorial-content time{font-size:10px;color:var(--muted)}
.editorial-item .editorial-content p{font-size:13px;color:var(--muted);line-height:2;margin-top:10px}
.editorial-lead{grid-row:1 / 5;grid-column:1;align-items:center;flex-direction:column;text-align:center;justify-content:center;padding:32px 23px}
.editorial-lead .editorial-portrait{width:min(255px,75%);height:auto;aspect-ratio:1;box-shadow:0 10px 30px rgba(9,70,110,.1)}
.editorial-lead .editorial-content h3{font-size:clamp(20px,2.2vw,26px);margin-top:15px}
.editorial-brief{grid-column:2}
/* Books: original PDF-generated cover image, never a blank fabricated poster. */
.library-section{padding:22px;background:linear-gradient(150deg,var(--tint2),var(--paper));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.book-feature-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.book-card{min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px rgba(8,77,113,.09);transition:transform .24s,box-shadow .24s}
.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.book-cover{display:grid;place-items:center;height:295px;overflow:hidden;padding:12px;background:linear-gradient(145deg,var(--tint2),var(--tint))}
.book-cover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(23,50,60,.16))}
.book-fallback{width:74%;height:85%;border:1px solid var(--line);background:var(--card);box-shadow:0 8px 16px rgba(0,0,0,.06)}
.book-info{padding:13px 16px 21px}.book-info h3{font-size:13px;line-height:1.85;margin-top:6px}.pdf-marker{font-size:10px;font-weight:700;color:var(--blue)}
/* Horizontal gallery of actual uploaded photographs with full uncropped image. */
.photo-showcase{position:relative;margin:18px 0 73px;padding:30px 29px 22px;border:1px solid var(--line);border-top:5px solid var(--zh-accent);border-radius:24px;overflow:hidden;background:linear-gradient(125deg,var(--tint) 0%,var(--card) 72%)}
.photo-showcase:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(to bottom,var(--sky),var(--blue));opacity:.55;pointer-events:none}
.photo-showcase-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px;position:relative;z-index:2}
.photo-showcase-head h2{font-size:clamp(22px,2.5vw,29px)}
.photo-controls{display:flex;gap:8px;align-items:center}
.photo-controls button{width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--blue);font-size:22px;display:grid;place-items:center}
.photo-controls button:hover{background:var(--blue);color:var(--card)}
.photo-count{font-size:13px;color:var(--muted);font-weight:800;margin-inline-end:9px}
.photo-carousel{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;align-items:stretch;padding:0 0 13px;outline-offset:4px}
.photo-carousel::-webkit-scrollbar{display:none}
.photo-frame{flex:0 0 min(41vw,498px);min-width:290px;scroll-snap-align:center;background:var(--card);border-radius:17px;overflow:hidden;border:1px solid var(--line);box-shadow:0 7px 21px rgba(0,70,118,.12);transition:transform .25s}
.photo-frame:hover{transform:translateY(-3px)}
.photo-frame>a{display:flex;flex-direction:column;height:100%}
.photo-stage{height:310px;padding:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--tint2),var(--tint));overflow:hidden}
.photo-stage img{width:100%;height:100%;object-fit:contain;display:block}
.photo-caption{padding:12px 20px 15px;min-height:80px;display:flex;align-items:center}
.photo-caption h3{font-size:14px;font-weight:850;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.photo-progress{width:100%;height:4px;background:var(--line);overflow:hidden;border-radius:5px;margin-top:4px}
.photo-progress span{display:block;width:10%;height:100%;background:var(--blue);border-radius:5px;transition:width .4s}
.site-footer{background:linear-gradient(160deg,var(--card),var(--tint2));border-top:4px solid var(--zh-accent)}
.header-top-social a,.social-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.header-top-social svg{height:18px;width:18px}.social-links svg{height:22px;width:22px}.social-links a{justify-content:flex-start}
@media(max-width:1060px){.photo-frame{flex-basis:min(57vw,460px)}.editorial-stage{grid-template-columns:1fr 1fr}.book-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.editorial-stage{display:flex;flex-direction:column}.editorial-lead{padding:24px}.editorial-lead .editorial-portrait{width:180px}.photo-showcase{padding:23px 16px}.photo-frame{flex-basis:76vw;min-width:250px}.photo-stage{height:260px}.book-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.book-cover{height:250px}.lead-round-picture{width:min(100%,320px)}.hero-editorial .rail-thumb{width:75px;height:75px}}
@media(max-width:420px){.photo-frame{flex-basis:82vw;min-width:240px}.photo-stage{height:235px}.photo-showcase-head{align-items:start;flex-direction:column}.photo-controls{align-self:flex-end}.book-cover{height:225px}.editorial-item{padding:12px}.editorial-item .editorial-portrait{width:66px;height:66px}.editorial-lead .editorial-portrait{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.photo-carousel{scroll-behavior:auto}.news-card,.book-card,.photo-frame{transition:none}}
/* Main navigation retains every original menu title while improving spacing and active focus. */
.nav-band{box-shadow:0 5px 16px rgba(0,89,143,.065);position:relative}
.primary-menu{justify-content:flex-start;gap:clamp(11px,1.55vw,25px)}
.primary-menu>li>a{position:relative;font-weight:800;color:var(--ink);letter-spacing:0}
.primary-menu>li>a:after{content:"";position:absolute;bottom:8px;inset-inline:50% 50%;height:3px;border-radius:3px;background:var(--zh-accent);transition:inset .2s ease}
.primary-menu>li>a:hover:after,.primary-menu>li.current-menu-item>a:after,.primary-menu>li.current-menu-ancestor>a:after{inset-inline:0 0}
.footer-columns{gap:45px}.footer-menu a:hover{text-decoration:underline;text-underline-offset:4px}
.social-links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:10px}
.social-links a{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12px;box-shadow:0 4px 12px rgba(0,89,143,.05);white-space:nowrap}
.social-links a:hover{box-shadow:var(--shadow);background:var(--tint)}
@media(max-width:900px){.primary-menu>li>a:after{display:none}.social-links{gap:8px}}

.photo-frame{opacity:.86}.photo-frame.is-current{opacity:1;border-color:var(--sky);box-shadow:0 13px 34px rgba(0,89,143,.19)}
/* Critical fit fix: grid children can overflow their intrinsic height; place photographs in a bounded image box. */
.photo-stage{display:block;position:relative;min-width:0;min-height:0}
.photo-stage img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;object-fit:contain;object-position:center center}
/* Taller uncropped image stage for both archival portraits and landscape photos. */
@media(min-width:751px){.photo-frame{flex-basis:min(31.8vw,399px)}.photo-stage{height:412px}}


/* -- SOURCE: brand-v5.css -- */
/* Zhilamo identity revision: accents taken ONLY from the original logo.
   Original-image dominant pixels: #0039AA, #3399FE, #2C7da0.
   Remaining surfaces are neutral blends of those hues or grayscale. */
:root {
 --logo-blue:#0039aa;--logo-sky:#3399fe;--zh-logo-sun:#2C7da0;
 --blue:var(--logo-blue);--sky:var(--logo-sky);--zh-accent:var(--zh-accent);
 --paper:#eaf0f5;--card:#fdfefe;--ink:#172637;--muted:#62758a;
 --line:#d1e0ee;--tint:#dfeefb;--tint2:#e3edf6;--hover:#042e91;
 --shadow:0 14px 35px rgba(5,59,145,.11),0 3px 9px rgba(5,59,145,.035);
 --radius:16px;--max:1600px;
}
:root[data-theme=dark] {
 --paper:#14202f;--card:#1c2b3d;--ink:#f1f5ff;--muted:#afbed0;--line:#334e69;
 --blue:#7dbeff;--sky:#3399fe;--zh-accent:#2C7da0;--tint:#203955;--tint2:#203448;
 --hover:#b3d8fe;--shadow:0 13px 39px rgba(0,0,0,.30);
}
html{scroll-padding-top:112px}body{background:var(--paper);color:var(--ink);font-size:16px}
.container{width:min(calc(100% - 64px),var(--max))}
.site-header{background:var(--card);box-shadow:0 12px 32px rgba(6,53,122,.09)}
.header-topline{background:var(--tint2)}.header-core{min-height:120px;padding-block:17px}
.brand{gap:21px}.brand-icon{width:114px;height:100px;flex:none;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.custom-logo,.site-emblem{width:100%;max-width:100%;max-height:100%;object-fit:contain}
.brand-title strong{font-size:clamp(18px,1.72vw,27px);line-height:1.4;font-weight:850;color:var(--blue)}
.brand-title small{font-size:13px}.header-core{background:linear-gradient(115deg,var(--card) 64%,var(--tint2))}
.header-tools{gap:11px}.tool-toggle,.search-close,.section-arrow,.back-to-top,.photo-controls button,.lead-arrows button,.ticker-scroll-controls button{
 border-radius:11px;background:var(--card);box-shadow:0 5px 13px rgba(6,59,145,.09),inset 0 0 0 1px rgba(50,153,250,.04);
 border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.tool-toggle:hover,.section-arrow:hover,.photo-controls button:hover,.lead-arrows button:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--sky)}
.nav-band{background:var(--tint2);border-bottom:3px solid var(--zh-accent)}.nav-core{min-height:68px}
.primary-menu{gap:clamp(8px,1.35vw,25px);min-height:68px}.primary-menu>li>a{padding:21px 8px 20px;font-size:14px}
.primary-menu .sub-menu{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(9px);transition:opacity .18s,transform .18s,visibility .18s;top:calc(100% - 1px);min-width:240px;padding:12px;border:1px solid var(--line);border-top:3px solid var(--zh-accent);border-radius:0 0 14px 14px;background:var(--card);box-shadow:var(--shadow)}
.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu,.primary-menu li.submenu-open>.sub-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.primary-menu .sub-menu a{font-size:14px;padding:11px 13px;border-bottom:1px solid var(--line)}.primary-menu .sub-menu li:last-child a{border-bottom:0}
.topic-strip{padding:26px 0 23px;gap:13px}.topic-strip>a{gap:10px;padding:6px 13px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-size:13px}
.category-ring,.count-icon{width:48px;height:48px;border:2px solid var(--line);border-radius:50%;background:var(--card);display:grid;place-items:center;position:relative;flex:none;color:var(--blue)}
.category-ring::after,.count-icon::after{content:'';position:absolute;inset:5px;border:1px dashed var(--sky);border-radius:50%;opacity:.65}
.category-ring svg,.count-icon svg{width:25px;height:25px;position:relative;z-index:1}
.topic-strip small{font-size:11px;background:var(--tint2);border-radius:7px;min-width:26px}
/* Hero: never circular; framed, shadowed real title and full image, like a proper editorial lead. */
.hero-grid{grid-template-columns:minmax(0,1.95fr) minmax(330px,.8fr);gap:19px}.lead-slider{height:505px;border:1px solid var(--line);border-top:4px solid var(--zh-accent);border-radius:19px;box-shadow:var(--shadow);background:linear-gradient(120deg,var(--tint2),var(--card) 62%)}
.lead-stage{height:425px}.lead-slide{grid-template-columns:minmax(0,1fr) minmax(250px,.88fr);gap:22px;padding:25px 26px 22px}
.lead-slider::before{display:none}.lead-slider::after{height:4px}
.lead-copy-panel{padding:22px 23px;border:1px solid var(--line);border-inline-start:4px solid var(--zh-accent);border-radius:14px;background:var(--card);box-shadow:0 9px 25px rgba(5,59,145,.075);align-self:center}
.lead-title{font-size:clamp(19px,1.43vw,25px);font-weight:850;line-height:1.8;-webkit-line-clamp:4;letter-spacing:0}
.lead-meta{margin-bottom:11px;font-size:12px}.lead-excerpt{margin-top:11px;font-size:13px;line-height:2;-webkit-line-clamp:3}
.lead-open{width:39px;height:39px;border-radius:10px;font-size:21px;margin-top:13px;box-shadow:0 5px 14px rgba(6,59,145,.18)}
.lead-visual{width:100%;height:min(100%,355px);min-height:275px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:var(--tint);border:4px solid var(--card);box-shadow:0 13px 29px rgba(5,59,145,.15);padding:9px}
.lead-visual img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block;border-radius:8px}
.lead-visual .story-placeholder{display:none}.lead-controls{height:80px;padding-inline:30px}
.hero-editorial{border:1px solid var(--line);border-top:4px solid var(--zh-accent);border-radius:18px;box-shadow:var(--shadow);padding:6px 18px}
.hero-editorial .rail-thumb{width:78px;height:78px;flex:none;border:3px double var(--sky);outline:4px solid var(--tint2);border-radius:50%;box-shadow:0 5px 17px rgba(5,59,145,.09)}
.hero-editorial .rail-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%}
.hero-editorial .rail-copy h3{font-size:14px;line-height:1.75}
.cover-ticker{background:var(--card);border-top:3px solid var(--zh-accent);box-shadow:var(--shadow);border-radius:17px;margin-bottom:50px}
.cover-ticker-viewport{padding-block:15px}.cover-ticker-card{flex-basis:315px}.ticker-cover{width:66px;height:66px;border-radius:50%;outline:3px solid var(--tint2);border:2px solid var(--sky)}
.cover-ticker-card h3{font-size:13px;line-height:1.65}.cover-ticker-line{background:var(--tint2)}
/* Palette panels, real data only, alternating rhythm and generous width. */
.front-section{margin:0 0 52px;padding:27px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--card)}
.front-section.section-variation-1{background:linear-gradient(120deg,var(--tint2),var(--card))}
.front-section.section-variation-2{background:var(--tint)}
.front-section.section-variation-3{background:linear-gradient(140deg,var(--card),var(--tint2))}
.front-section.section-variation-0{background:var(--card)}
.section-title-row{margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:18px}
.section-title-row h2{font-size:clamp(21px,1.65vw,28px);font-weight:850}
.section-mark{background:var(--zh-accent)}.section-arrow{height:40px;width:43px}
.news-card{background:var(--card);border-color:var(--line);border-radius:12px;box-shadow:0 7px 20px rgba(5,59,145,.075)}
.news-card:hover{box-shadow:var(--shadow)}
.news-card .card-image{background:var(--tint2);overflow:hidden}
.news-card .card-image img{object-fit:contain;object-position:center;background:var(--tint2);padding:5px}
.card-image:has(.story-placeholder){display:none}
.card-title{font-size:15px;line-height:1.75}.card-excerpt{font-size:13px}
.real-counts-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px;margin:0 0 52px;background:linear-gradient(115deg,var(--tint),var(--tint2));border:1px solid var(--line);border-inline-start:5px solid var(--blue);border-radius:17px;box-shadow:var(--shadow)}
.count-tile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:21px 12px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 16px rgba(5,59,145,.08);text-align:center;transition:transform .2s}
.count-tile:hover{transform:translateY(-3px)}.count-tile strong{color:var(--blue);font-weight:900;font-size:clamp(21px,2vw,30px);line-height:1.3}.count-tile>span:last-child{font-size:13px;font-weight:800}
.editorial-spotlight{background:linear-gradient(130deg,var(--tint2),var(--card));border-top:4px solid var(--zh-accent)}
.editorial-stage{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr)}.editorial-item{border-radius:12px;box-shadow:0 5px 14px rgba(5,59,145,.065)}
.editorial-lead .editorial-portrait{width:190px;height:190px;aspect-ratio:1}
.editorial-lead .editorial-content h3{font-size:20px}.editorial-item .editorial-portrait{border:3px solid var(--sky);outline:4px solid var(--tint)}
.photo-showcase{background:linear-gradient(135deg,var(--tint),var(--card) 80%);border-radius:18px;box-shadow:var(--shadow)}
.photo-frame{flex-basis:calc((100% - 36px)/3);min-width:260px;background:var(--card);opacity:1}
.photo-stage{background:var(--tint2);height:350px}.photo-stage img{object-fit:contain;object-position:center;padding:0}
.photo-caption{background:var(--card);min-height:86px}
.book-card{border-radius:12px}.book-cover{background:var(--tint2);height:335px}
.book-no-cover{display:flex;flex-direction:column;justify-content:center;min-height:145px;padding:24px 16px;gap:12px;background:var(--card);border-top:3px solid var(--zh-accent)}
.book-no-cover .pdf-marker{display:inline-flex;align-items:center;justify-content:center;width:65px;height:45px;border:1px solid var(--line);border-radius:9px;background:var(--tint2)}
.library-section{box-shadow:var(--shadow);border-radius:18px}
/* Single and archive screens: larger readable type, exact original content intact. */
.single-article{max-width:1410px}.article-header{max-width:1200px}.article-header h1{font-size:clamp(27px,2.9vw,43px);line-height:1.7}
.article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.article-content{font-size:18px;line-height:2.18;padding:32px 40px;box-shadow:var(--shadow);border-radius:16px}
.article-content h2{font-size:clamp(23px,2.3vw,31px)}.article-content h3{font-size:clamp(20px,1.9vw,26px)}
.article-cover{background:var(--tint2);border:1px solid var(--line);box-shadow:var(--shadow)}
.article-cover img{max-height:675px;object-fit:contain;background:var(--tint2);margin:auto}
.archive-header{background:var(--tint2);border:1px solid var(--line);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow)}
.filter-form{box-shadow:var(--shadow)}.button-solid,.share-actions a,.share-actions button,.search-form button{border-radius:9px;box-shadow:0 4px 14px rgba(5,59,145,.13)}
.post-photo-gallery{margin-top:35px;border:1px solid var(--line);border-top:4px solid var(--zh-accent);padding:24px;background:var(--tint2);border-radius:15px;box-shadow:var(--shadow)}
.post-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.post-gallery-heading h2{font-size:clamp(18px,1.5vw,23px);line-height:1.6}
.post-gallery-controls{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px}
.post-gallery-controls button{min-width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--blue);box-shadow:var(--shadow)}
.post-gallery-viewport{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scroll-behavior:smooth;overscroll-behavior-inline:contain}
.post-gallery-image{flex:0 0 calc((100% - 17px)/2);max-width:100%;margin:0;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}
.post-gallery-image img{display:block;width:100%;height:420px;object-fit:contain;object-position:center}
.post-gallery-image figcaption{font-size:12px;text-align:center;padding:10px;line-height:1.7}
/* Real logo at appropriate scale; footer sections separated by visible rules. */
.site-footer{background:linear-gradient(155deg,var(--tint2),var(--card));border-top:5px solid var(--zh-accent);padding-top:30px}
.footer-head{padding-bottom:25px}.footer-identity{display:flex;align-items:center;gap:22px;min-width:0}
.footer-mark{width:125px;height:120px;flex:none;padding:7px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}
.footer-mark .brand-image,.footer-mark .custom-logo-link,.footer-mark .site-emblem,.footer-mark .custom-logo{width:100%;height:100%;max-width:none;max-height:100%;object-fit:contain}
.footer-brand{font-size:clamp(17px,1.45vw,24px);line-height:1.6}
.footer-columns{grid-template-columns:1fr 1.45fr .9fr;gap:0;padding:24px 0 34px}
.footer-columns>div{padding:10px 22px;border-inline-end:1px solid var(--line)}.footer-columns>div:first-child{padding-inline-start:0;border-inline-end:0}
.footer-columns>div:last-child{border-inline-end:1px solid var(--line)}
.footer-menu{gap:11px}.footer-menu a{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}
.kt-credit{font-size:12px;color:var(--muted)}
/* Circular ring controls only for named social destinations, with correct branded symbols. */
.header-top-social a,.social-links a{border:1px solid var(--line);position:relative;background:var(--card);color:var(--blue);box-shadow:var(--shadow)}
.header-top-social a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.header-top-social svg{width:17px;height:17px}
.social-links{display:flex;flex-wrap:wrap;gap:12px}
.social-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:98px;min-height:105px;text-align:center;border-radius:14px;gap:10px;padding:13px 8px;font-size:11px}
.social-links a svg{width:44px;height:44px;padding:9px;border:2px solid var(--line);border-radius:50%;outline:1px dashed var(--sky);outline-offset:4px}
.social-links a span{word-break:break-word}
/* Height and flow verified at tablet and narrow handset sizes; no hidden post cards. */
@media(max-width:1200px){.hero-grid{grid-template-columns:minmax(0,1.55fr) 320px}.lead-slide{grid-template-columns:minmax(0,1fr) minmax(200px,.76fr);padding:22px}.lead-visual{min-height:240px}.lead-title{font-size:21px}.real-counts-band{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.container{width:min(calc(100% - 38px),var(--max))}.menu-toggle{display:grid}.nav-core{min-height:0}.site-nav{display:none}.site-nav.nav-open{display:block}.primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:10px 0 20px}.primary-menu>li>a{padding:12px 9px;border-bottom:1px solid var(--line)}.primary-menu .sub-menu{position:static;visibility:visible;display:block;opacity:1;pointer-events:auto;transform:none;box-shadow:none;border:0;border-right:2px solid var(--zh-accent);border-radius:0;background:var(--tint2);padding:4px 12px;margin:4px 0}.hero-grid{grid-template-columns:1fr}.hero-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto)}.lead-slider{height:475px}.lead-stage{height:395px}.real-counts-band{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div{border-inline-end:0;padding:20px}.footer-columns>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);border-inline-end:0}.photo-frame{flex-basis:calc((100% - 17px)/2)}.book-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:690px){body{font-size:15px}.container{width:min(calc(100% - 26px),var(--max))}.header-core{min-height:85px;padding-block:13px}.brand{gap:10px}.brand-icon{width:64px;height:67px;padding:4px}.brand-title strong{font-size:clamp(13px,3.7vw,19px);line-height:1.55}.brand-title small{font-size:10px}.header-tools{gap:5px}.tool-toggle{width:36px;height:36px}.nav-band{border-bottom-width:2px}.topic-strip{padding:18px 0;gap:9px}.topic-strip>a{padding:6px 9px;gap:6px}.category-ring{width:38px;height:38px}.category-ring svg{width:21px;height:21px}.lead-slider{height:610px}.lead-stage{height:535px}.lead-slide{padding:18px 17px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;text-align:right}.lead-visual{order:0;min-height:0;flex:0 0 230px;height:230px;max-height:230px;width:100%;padding:7px}.lead-copy-panel{order:1;align-self:stretch;padding:14px 16px;width:100%;min-height:0}.lead-meta{justify-content:flex-start;margin-bottom:7px;font-size:10px}.lead-title{font-size:clamp(17px,4.8vw,21px);line-height:1.65;-webkit-line-clamp:3}.lead-excerpt{font-size:12px;line-height:1.65;-webkit-line-clamp:2}.lead-open{width:31px;height:31px;margin:8px 0 0;font-size:19px}.lead-controls{height:74px;padding-inline:17px}.hero-editorial{grid-template-columns:1fr;display:flex;flex-direction:column;gap:0;padding:0 16px}.hero-editorial .rail-item:nth-child(2){border-top:1px solid var(--line)}.hero-editorial .rail-thumb{width:65px;height:65px}.rail-item{min-height:103px}.cover-ticker{margin-bottom:32px}.front-section{padding:16px;margin:0 0 31px}.section-title-row{padding-bottom:12px;margin-bottom:15px}.section-title-row h2{font-size:21px}.real-counts-band{margin-bottom:31px;padding:12px;gap:9px}.count-tile{padding:14px 8px}.count-icon{width:42px;height:42px}.count-tile strong{font-size:22px}.count-tile>span:last-child{font-size:12px}.editorial-stage{display:flex;flex-direction:column}.editorial-lead{flex-direction:row;justify-content:flex-start;align-items:center;text-align:right;padding:16px}.editorial-lead .editorial-portrait{width:78px;height:78px;flex:none}.editorial-lead .editorial-content h3{font-size:16px;margin:0}.editorial-lead .editorial-content p{display:none}.editorial-item{padding:12px 10px}.editorial-item .editorial-portrait{height:65px;width:65px}.photo-showcase{padding:21px 13px 16px;margin-bottom:35px}.photo-frame{flex-basis:83vw;min-width:240px}.photo-stage{height:300px}.book-feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-cover{height:225px}.book-info h3{font-size:12px}.article-header h1{font-size:clamp(24px,6.4vw,31px)}.article-content{padding:19px 17px;font-size:17px;line-height:2.1}.article-layout{display:block}.article-cover img{max-height:450px}.post-photo-gallery{padding:14px}.post-gallery-heading{align-items:flex-start;flex-direction:column}.post-gallery-image{flex-basis:92%}.post-gallery-image img{height:310px}.footer-identity{gap:12px}.footer-mark{width:92px;height:95px}.footer-brand{font-size:17px}.footer-columns{grid-template-columns:1fr}.footer-columns>div{grid-column:1/-1;padding:18px 0;border-top:1px solid var(--line)}.footer-columns>div:last-child{border-top:1px solid var(--line)}.footer-bottom{flex-wrap:wrap;justify-content:center}.social-links a{width:93px}.story-grid{grid-template-columns:1fr 1fr}.layout-news,.layout-statements,.layout-interview,.layout-politics,.layout-persian{display:flex;flex-direction:column}.layout-news .card-small,.layout-interview>.card-row:nth-child(4),.layout-politics>.card-small:nth-child(4){display:flex}.layout-news>.news-card,.layout-interview>.news-card,.layout-politics>.news-card{min-height:0}.layout-news .card-feature{height:auto}}
@media(max-width:420px){.brand-icon{width:57px;height:60px}.brand-title strong{font-size:13px}.tool-toggle{width:32px;height:32px}.lead-slider{height:620px}.lead-stage{height:548px}.lead-visual{flex-basis:208px;height:208px;max-height:208px}.lead-copy-panel{padding:12px}.lead-title{font-size:18px}.lead-excerpt{font-size:11px}.book-cover{height:195px}.book-feature-cards{gap:8px}.story-grid{grid-template-columns:1fr}.footer-mark{width:82px;height:88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
:lang(en),[dir=ltr]{direction:ltr;text-align:left;unicode-bidi:isolate}
/* Third-level menu items remain reachable by keyboard or touch. */
@media(min-width:981px){.primary-menu .sub-menu .sub-menu{top:-12px;right:calc(100% - 7px);z-index:26;min-width:220px}}
@media(max-width:980px){.primary-menu .sub-menu .sub-menu{padding-inline-start:20px;border-right:2px solid var(--sky)}}
/* Empty media should never occupy a portrait-sized void. */
.hero-rail .rail-thumb:has(.story-placeholder){display:none}
.card-image:has(.story-placeholder){display:none}
@media(min-width:981px){
 .primary-menu>li>.sub-menu:has(>li:nth-child(6)){display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));width:min(530px,75vw);gap:2px 12px}
 .primary-menu>li:hover>.sub-menu:has(>li:nth-child(6)),.primary-menu>li:focus-within>.sub-menu:has(>li:nth-child(6)){display:grid}
}

/* V6: restore the old overall canvas; emphasize only selected sections with the logo palette. */
:root { --paper:#f8fbff; }
:root[data-theme="dark"] { --paper:#131820; }
.front-section.section-variation-1,
.front-section.section-variation-3,
.front-section.section-variation-0 { background:var(--card); }
.front-section.section-variation-2 { background:linear-gradient(135deg,var(--tint2),var(--card)); }
.real-counts-band { background:linear-gradient(120deg,#0039aa,#002c83);border-color:#0039aa;border-inline-start-color:var(--zh-accent); }
:root[data-theme="dark"] .real-counts-band { background:linear-gradient(120deg,#0039aa,#002c83); }
.real-counts-band .count-tile { background:var(--card); }

/* True continuously translating news ticker: NOT an overflow scroller. */
.cover-ticker-viewport {
 display:block;
 overflow:hidden;
 direction:rtl;
 position:relative;
 width:100%;
 padding:12px 0;
 touch-action:pan-y;
}
.cover-ticker-viewport::before,.cover-ticker-viewport::after {
 content:"";pointer-events:none;position:absolute;z-index:2;top:0;bottom:0;width:26px;
}
.cover-ticker-viewport::before {right:0;background:linear-gradient(to left,var(--card),transparent);}
.cover-ticker-viewport::after {left:0;background:linear-gradient(to right,var(--card),transparent);}
.ticker-track {display:flex;direction:rtl;gap:0;width:max-content;max-width:none;animation:zh-ticker-move var(--zh-ticker-duration,79s) linear infinite;will-change:transform;}
.ticker-group {display:flex;direction:rtl;align-items:stretch;gap:0;flex:0 0 auto;}
.ticker-group .cover-ticker-card {width:310px;flex:0 0 310px;min-width:0;margin:0 0 0 15px;padding:0 4px 0 16px;scroll-snap-align:none;}
.ticker-group .ticker-cover {flex:none;overflow:hidden;}
.ticker-group .ticker-cover img {width:100%;height:100%;object-fit:cover;border-radius:50%;}
@keyframes zh-ticker-move {from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
.cover-ticker:hover .ticker-track,.cover-ticker:focus-within .ticker-track {animation-play-state:paused;}
@media(max-width:690px){.ticker-group .cover-ticker-card{width:265px;flex-basis:265px;margin-left:12px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}}

/* Slider: one visible pane, explicit layering, isolated controller with stable slide sizes. */
.lead-stage {position:relative;isolation:isolate;}
.lead-stage .lead-slide {position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity .95s cubic-bezier(.22,1,.36,1),visibility .95s;}
.lead-stage .lead-slide.is-active {opacity:1;visibility:visible;pointer-events:auto;z-index:1;}
.lead-stage .lead-slide .lead-visual {min-width:0;align-self:center;}
.lead-stage .lead-slide .lead-visual img {object-fit:contain;}
@media(prefers-reduced-motion:reduce){.lead-stage .lead-slide{transition:none}}

/* New composed footer: no placeholder text, category names and links always sourced from WP. */
.site-footer {
 background:linear-gradient(126deg,#002c83 0%,#0039aa 75%,#0750b6 100%);
 border-top:5px solid var(--zh-accent);
 color:#f8fbff;
 padding:0;
 box-shadow:0 -18px 45px rgba(0,57,170,.08);
}
.site-footer .footer-shell{position:relative}
.site-footer a {color:inherit}
.site-footer a:hover {color:#2C7da0}
.footer-top {
 display:flex;justify-content:space-between;align-items:center;gap:25px;
 padding:40px 0 36px;border-bottom:1px solid rgba(255,255,255,.23);
}
.footer-main-brand {display:flex;align-items:center;gap:24px;min-width:0;}
.site-footer .footer-mark {
 width:168px;height:168px;min-width:168px;flex:0 0 168px;padding:9px;
 background:#fff;border:3px solid var(--zh-accent);border-radius:18px;
 box-shadow:0 13px 26px rgba(0,0,0,.15);overflow:hidden;
}
.site-footer .footer-mark a {display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.site-footer .footer-mark img,.site-footer .footer-mark .custom-logo,.site-footer .footer-mark .site-emblem{
 display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;
}
.footer-identity-text{min-width:0}
.site-footer .footer-brand {
 display:block;font-size:clamp(17px,1.55vw,24px);line-height:1.65;font-weight:850;
 max-width:590px;overflow-wrap:anywhere;
}
.footer-description{margin-top:10px;color:rgba(248,251,255,.82);font-size:13px;line-height:1.9;max-width:640px;}
.site-footer .back-to-top {
 color:#0039aa;background:#fff;border:2px solid var(--zh-accent);
 flex:0 0 46px;width:46px;height:46px;border-radius:12px;
 box-shadow:0 7px 22px rgba(0,0,0,.15);
}
.footer-content{
 display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr);
 align-items:start;gap:0;padding:30px 0 38px;
}
.footer-navigation{padding:10px 0 12px 32px;min-width:0}
.site-footer .footer-menu{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:0;
 padding:0;margin:0;list-style:none;
}
.site-footer .footer-menu li{margin:0;min-width:0;border-bottom:1px solid rgba(255,255,255,.18);}
.site-footer .footer-menu a{
 display:block;padding:13px 6px;font-size:14px;line-height:1.7;color:#f8fbff;
 overflow-wrap:anywhere;transition:padding .18s ease,color .18s ease;
}
.site-footer .footer-menu a:hover,.site-footer .footer-menu a:focus-visible{padding-inline-start:13px;color:#2C7da0;}
.footer-social{padding:10px 30px 12px 0;border-inline-start:1px solid rgba(255,255,255,.23);min-width:0}
.site-footer .social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.site-footer .social-links a{
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 width:100%;min-height:115px;padding:13px 6px;gap:15px;
 background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.35);
 border-radius:15px;color:#0039aa;font-size:12px;line-height:1.4;
 box-shadow:0 7px 21px rgba(0,0,0,.10);text-align:center;
}
.site-footer .social-links a:hover,.site-footer .social-links a:focus-visible{color:#0039aa;background:#fff;transform:translateY(-2px);box-shadow:0 13px 26px rgba(0,0,0,.18)}
.site-footer .social-links a svg{width:46px;height:46px;padding:9px;border:2px solid #c9dcf9;border-radius:50%;outline:1px dashed #3399fe;outline-offset:4px;}
.site-footer .social-links a span{overflow-wrap:anywhere}
.site-footer .footer-bottom{
 padding:20px 0 24px;display:flex;justify-content:space-between;align-items:center;
 flex-wrap:wrap;gap:12px;border-top:1px solid rgba(255,255,255,.25);
 color:rgba(255,255,255,.88);font-size:13px;
}
.site-footer .kt-credit{font-size:13px;font-weight:700;letter-spacing:.01em;color:#fff}
:root[data-theme="dark"] .site-footer{background:linear-gradient(126deg,#00235f,#0039aa);}
@media(max-width:1000px){
 .footer-content{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}
 .site-footer .footer-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-footer .footer-mark{width:144px;height:144px;min-width:144px;flex-basis:144px}
 .site-footer .social-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:690px){
 .footer-top{padding:24px 0;align-items:flex-start}
 .footer-main-brand{gap:14px;align-items:center}
 .site-footer .footer-mark{width:106px;height:106px;min-width:106px;flex-basis:106px;border-width:2px}
 .site-footer .footer-brand{font-size:16px;line-height:1.55}
 .footer-description{font-size:12px}
 .site-footer .back-to-top{width:38px;height:38px;flex-basis:38px}
 .footer-content{display:grid;grid-template-columns:minmax(0,1fr);padding:8px 0 21px}
 .footer-navigation{padding:10px 0 22px}
 .site-footer .footer-menu{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
 .site-footer .footer-menu a{font-size:13px;padding:12px 4px}
 .footer-social{border-inline-start:0;border-top:1px solid rgba(255,255,255,.23);padding:22px 0 4px}
 .site-footer .social-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .site-footer .social-links a{min-height:103px;gap:13px}
 .site-footer .footer-bottom{justify-content:center;text-align:center;font-size:12px}
}
@media(max-width:390px){
 .site-footer .footer-mark{width:82px;height:82px;min-width:82px;flex-basis:82px}
 .site-footer .social-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* -- SOURCE: structure-v6.css -- */
/* V6 precise structure fixes: no new copy, original logo-derived palette only. */
/* Masthead: proportional emblem and name, bounded decorations in the logo's gold/blue. */
.site-header{isolation:isolate;box-shadow:0 8px 28px rgba(0,57,170,.06)}
.header-topline{height:36px;background:linear-gradient(90deg,var(--tint2),var(--card));border-bottom:1px solid var(--line)}
.header-top-content{font-size:12px;gap:24px}
.header-core{background:linear-gradient(110deg,var(--card) 61%,var(--tint2) 100%);min-height:135px;padding-block:12px 16px;position:relative}
.header-core:after{content:"";position:absolute;bottom:0;right:0;width:min(45%,480px);height:2px;border-radius:5px;background:linear-gradient(to left,var(--zh-accent),var(--sky),transparent);opacity:.86;pointer-events:none}
.brand{gap:19px;flex:1;max-width:min(74%,1050px)}
.brand-emblem{width:115px;height:109px;display:grid;place-items:center;flex:none;background:var(--card);border:1px solid var(--line);border-block-end:3px solid var(--zh-accent);border-radius:16px;box-shadow:0 9px 24px rgba(0,57,170,.10);padding:8px}
.brand-emblem .brand-image,.brand-emblem .custom-logo-link{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.brand-emblem .site-emblem,.brand-emblem .custom-logo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.brand-title{gap:3px;min-width:0;max-width:840px}
.brand-title strong{font-size:clamp(18px,1.7vw,26px);line-height:1.65;letter-spacing:0;font-weight:850;color:var(--blue)}
.brand-title small{font-size:12px;line-height:1.7}
.header-tools{display:flex;gap:10px;align-items:center;justify-content:center;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 6px 20px rgba(0,57,170,.075);flex:none}
.header-tools .tool-toggle{width:43px;height:43px;border-radius:10px;box-shadow:0 3px 11px rgba(0,57,170,.05)}
.header-tools .tool-toggle:focus-visible,.submenu-toggle:focus-visible{outline:3px solid var(--zh-accent);outline-offset:3px}
.nav-band{background:var(--card);border-top:1px solid var(--line);border-bottom:3px solid var(--zh-accent);position:relative}
.nav-core{min-height:65px;display:flex;align-items:center}
.primary-menu{display:flex;flex-wrap:wrap;align-items:stretch;gap:clamp(8px,1.4vw,25px);min-height:65px}
.primary-menu>li{display:flex;align-items:center;position:relative}
.primary-menu>li>a{font-size:clamp(13px,.85vw,15px);font-weight:850;display:flex;align-items:center;padding:17px 9px 16px;line-height:1.7;min-height:64px}
.primary-menu>li>a:after{bottom:0;inset-inline:50% 50%;height:3px}
.primary-menu>li:hover>a,.primary-menu>li:focus-within>a,.primary-menu>li.current-menu-item>a{color:var(--blue)}
/* Submenus have proper independent controls for keyboard and touch without hijacking links. */
.primary-menu .submenu-toggle{border:1px solid var(--line);color:var(--blue);display:grid;place-items:center;flex:none;width:25px;height:27px;margin-inline-start:-5px;background:var(--tint2);border-radius:7px;transition:background .18s ease}
.primary-menu .submenu-toggle svg{width:13px;height:13px;transition:transform .18s ease}
.primary-menu li.submenu-open>.submenu-toggle svg{transform:rotate(180deg)}
.primary-menu .sub-menu{z-index:60;min-width:245px;background:var(--card);padding:12px;border:1px solid var(--line);border-top:3px solid var(--zh-accent);box-shadow:0 20px 45px rgba(0,57,170,.14);border-radius:0 0 13px 13px}
.primary-menu .sub-menu li{display:flex;align-items:center;position:relative;min-width:0}
.primary-menu .sub-menu li a{display:block;flex:1;font-size:14px;line-height:1.75;padding:10px 12px;border-bottom:1px solid var(--line)}
.primary-menu .sub-menu li a:hover,.primary-menu .sub-menu li:focus-within>a{background:var(--tint2);color:var(--blue)}
.primary-menu .sub-menu .submenu-toggle{margin-inline-start:0}
.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu,.primary-menu li.submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.header-search{background:var(--tint2);border-bottom:2px solid var(--zh-accent);box-shadow:0 10px 20px rgba(0,57,170,.08)}
.header-search-inner{max-width:100%}
.header-search .search-close{height:42px;width:42px;display:grid;place-items:center}
/* Footer: align identity to the real logo rather than enormous text and empty columns. */
.site-footer{background:linear-gradient(145deg,var(--card),var(--tint2));border-top:4px solid var(--zh-accent);padding:34px 0 0}
.footer-shell{position:relative}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 27px;border-bottom:1px solid var(--line)}
.footer-main-brand{display:flex;align-items:center;gap:23px;min-width:0}
.footer-mark{width:139px;height:139px;flex:0 0 139px;display:grid;place-items:center;padding:10px;border:1px solid var(--line);border-bottom:3px solid var(--zh-accent);border-radius:16px;background:var(--card);box-shadow:0 8px 24px rgba(0,57,170,.08)}
.footer-mark .brand-image,.footer-mark .custom-logo-link,.footer-mark img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.footer-identity-text{max-width:760px;min-width:0}
.footer-brand{font-size:clamp(18px,1.45vw,23px);font-weight:850;line-height:1.65;color:var(--blue)}
.footer-description{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}
.back-to-top{border-radius:11px;width:43px;height:43px;flex:none;box-shadow:0 5px 15px rgba(0,57,170,.08)}
.footer-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:0;min-height:180px;border-bottom:1px solid var(--line);padding:28px 0}
.footer-navigation{padding-inline-end:28px;min-width:0}
.footer-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px 18px}
.footer-menu li{min-width:0;padding:3px 0}
.footer-menu a{display:block;position:relative;padding:7px 12px;font-size:14px;font-weight:650;border-radius:7px;border-inline-start:2px solid var(--line);transition:border-color .18s ease,background .18s ease}
.footer-menu a:hover,.footer-menu a:focus-visible{border-inline-start-color:var(--zh-accent);background:var(--tint2)}
.footer-social{padding-inline-start:24px;border-inline-start:1px solid var(--line);min-width:0;display:flex;align-items:center;justify-content:flex-start}
.footer-social .social-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.footer-social .social-links a{width:98px;min-height:101px;align-items:center;justify-content:center;text-align:center;background:var(--card);padding:11px 7px;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(0,57,170,.07)}
.footer-social .social-links svg{height:42px;width:42px;outline-offset:3px}
.footer-social .social-links span{font-size:11px;text-align:center}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 0 23px;font-size:12px}
.kt-credit{font-size:13px;font-weight:750;color:var(--blue)}
/* Smooth ticker is a translation of two copies, never a user-scroll strip. */
.cover-ticker-viewport{overflow:hidden!important;scroll-snap-type:none!important;scrollbar-width:none!important}
.ticker-track{animation:zh-ticker-move var(--zh-ticker-duration,79s) linear infinite}
/* Tablet: logo remains clear, menu becomes an accessible collapsible list. */
@media(max-width:1100px){
 .brand{max-width:73%}.header-core{min-height:111px}.brand-emblem{width:91px;height:93px}.brand-title strong{font-size:clamp(16px,2.1vw,23px)}
 .primary-menu{gap:6px}.primary-menu>li>a{padding-inline:7px;font-size:13px}
 .footer-content{grid-template-columns:1.4fr 1fr}.footer-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
 .header-core{min-height:100px;gap:10px}.brand{max-width:calc(100% - 155px);gap:11px}.brand-emblem{width:79px;height:83px}
 .header-tools{padding:5px;gap:4px}.header-tools .tool-toggle{width:39px;height:39px}
 .nav-band{border-bottom-width:2px}.nav-core{display:block;min-height:0}
 .site-nav{display:none;max-height:min(72vh,680px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .site-nav.nav-open{display:block}
 .primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:9px 0 15px}
 .primary-menu>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);width:100%}
 .primary-menu>li>a{flex:1;min-height:46px;padding:9px 12px;font-size:15px;border:0}
 .primary-menu .submenu-toggle{height:36px;width:38px;margin:0 6px}
 .primary-menu .sub-menu,.primary-menu>li>.sub-menu:has(>li:nth-child(6)){
  position:static;width:100%;min-width:0;max-width:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;border-inline-start:3px solid var(--zh-accent);border-radius:10px;background:var(--tint2);padding:4px 13px;margin:0 9px 9px;display:none;flex:1 0 calc(100% - 18px)
 }
 .primary-menu li.submenu-open>.sub-menu,.primary-menu li.submenu-open>.sub-menu:has(>li:nth-child(6)){display:block}
 .primary-menu .sub-menu li{display:flex;flex-wrap:wrap;justify-content:space-between}
 .primary-menu .sub-menu li a{flex:1;min-height:38px;padding:8px 7px}
 .primary-menu .sub-menu .sub-menu{display:none;position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;background:var(--card);border:0;border-inline-start:2px solid var(--sky);margin:6px 0;padding:7px}
 .primary-menu .sub-menu li.submenu-open>.sub-menu{display:block}
 .footer-content{grid-template-columns:1fr;gap:0;padding:10px 0 15px}
 .footer-navigation{padding:21px 0;border-bottom:1px solid var(--line)}
 .footer-social{padding:22px 0 8px;border:0}
}
@media(max-width:620px){
 .header-topline{height:32px}.header-top-content{font-size:11px}
 .header-core{min-height:88px;padding:12px 0}.brand{max-width:calc(100% - 129px);gap:9px}.brand-emblem{width:62px;height:65px;padding:4px;border-radius:11px}
 .brand-title strong{font-size:clamp(12px,3.35vw,18px);line-height:1.6}.brand-title small{display:none}
 .header-tools{padding:3px;gap:3px;border-radius:10px}.header-tools .tool-toggle{width:35px;height:35px;border-radius:8px}
 .header-core:after{width:45%}
 .footer-top{align-items:flex-start}.footer-main-brand{gap:13px;align-items:center}
 .footer-mark{width:85px;height:89px;flex-basis:85px;padding:5px}.footer-brand{font-size:clamp(14px,3.5vw,18px)}
 .footer-content{display:block}.footer-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 11px}.footer-menu a{font-size:12px;padding:6px 8px}
 .footer-social .social-links{gap:10px}.footer-social .social-links a{width:79px;min-height:88px;font-size:10px}.footer-social .social-links svg{width:37px;height:37px}
 .footer-bottom{flex-wrap:wrap;justify-content:center;text-align:center;gap:6px 16px}
}
@media(max-width:380px){.brand-emblem{width:55px;height:59px}.brand{max-width:calc(100% - 121px)}.brand-title strong{font-size:12px}.header-tools .tool-toggle{width:32px;height:32px}.footer-mark{width:74px;height:78px;flex-basis:74px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}}
/* Dark footer is an intentional logo-blue panel; keep contrast readable. */
.site-footer{background:linear-gradient(125deg,#002c83 0%,#0039aa 65%,#064db1 100%);color:#f8fbff;border-top:5px solid var(--zh-accent)}
.site-footer .footer-brand,.site-footer .footer-menu a,.site-footer .footer-identity-text{color:#f8fbff}
.site-footer .footer-description{color:rgba(248,251,255,.83)}
.site-footer .footer-menu li{border-bottom:1px solid rgba(255,255,255,.18)}
.site-footer .footer-menu a{color:#f8fbff;border-inline-start:2px solid rgba(255,255,255,.23)}
.site-footer .footer-menu a:hover,.site-footer .footer-menu a:focus-visible{color:#2C7da0;background:rgba(255,255,255,.085);border-inline-start-color:var(--zh-accent);padding-inline-start:12px}
.site-footer .footer-top,.site-footer .footer-content,.site-footer .footer-bottom{border-color:rgba(255,255,255,.23)}
.site-footer .footer-social{border-inline-start-color:rgba(255,255,255,.23)}
.site-footer .footer-social .social-links a{background:#fff;color:#0039aa}
.site-footer .footer-bottom{color:rgba(248,251,255,.87)}
.site-footer .kt-credit{color:#fff;font-weight:750}
@media(max-width:980px){.site-footer .footer-navigation{border-bottom-color:rgba(255,255,255,.24)}}
@media(max-width:620px){.site-footer .footer-social{border-top:1px solid rgba(255,255,255,.23)}
 .lead-slider{height:555px}.lead-stage{height:480px}}
@media(max-width:420px){.lead-slider{height:540px}.lead-stage{height:466px}}


/* -- SOURCE: refinement-v7.css -- */
/* Zhilamo v7: refinement on top of the existing custom theme.
   Brand colors are the blue / sky-blue / sun-yellow of the ORIGINAL logo.
   All displayed headlines, category names and excerpts are WordPress content. */
:root {
  --zh-outline:rgba(0,57,170,.12);
  --zh-soft-shadow:0 9px 26px rgba(0,57,170,.08),0 2px 6px rgba(0,57,170,.035);
  --zh-lift-shadow:0 16px 40px rgba(0,57,170,.13),0 2px 9px rgba(0,57,170,.04);
}
:root[data-theme="dark"] {
  --zh-outline:rgba(150,190,246,.22);
  --zh-soft-shadow:0 9px 28px rgba(0,0,0,.22);
  --zh-lift-shadow:0 16px 42px rgba(0,0,0,.3);
}
/* Do not flood the entire document with a tinted background. Reserve brand surfaces for selected sections. */
html{scroll-padding-top:12px}
body{background:var(--paper)}
.home-main{background:transparent}
.container{width:min(calc(100% - 48px),1640px)}
.site-main .container{max-width:1540px}
.home-main>.container{padding-block:10px 32px}
a,button{ -webkit-tap-highlight-color:transparent;}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--zh-accent);outline-offset:3px}
/* Header: keep brand emblem dominant but do not bury navigation. */
.site-header{z-index:70}
.header-core{padding-block:13px;min-height:120px;gap:18px}
.brand-emblem{flex:0 0 100px;width:100px;height:100px;padding:7px;border-radius:14px;box-shadow:var(--zh-soft-shadow)}
.brand-title strong{font-size:clamp(18px,1.55vw,26px);line-height:1.65;letter-spacing:0}
.header-tools{gap:8px;box-shadow:var(--zh-soft-shadow);border-radius:12px}
.header-tools .tool-toggle{border-radius:9px}
.header-topline,.nav-band{background:var(--card)}
.nav-band{box-shadow:0 8px 18px rgba(0,57,170,.03)}
.primary-menu{gap:clamp(7px,1vw,19px)}
.primary-menu>li>a{font-size:clamp(13px,.85vw,15px);padding:14px 9px;min-height:55px}
.primary-menu>li:focus-within>a,.primary-menu>li:hover>a{color:var(--blue)}
.primary-menu .sub-menu{box-shadow:var(--zh-lift-shadow);border-radius:0 0 14px 14px;min-width:230px}
/* Category icons are category-specific SVG; the ring follows the supplied example. */
.topic-strip{padding-block:20px 22px;gap:10px;scrollbar-width:thin}
.icon-category-strip>a{border-radius:12px;box-shadow:var(--zh-soft-shadow);min-height:56px;padding:7px 13px;gap:9px}
.icon-category-strip>a:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:var(--zh-lift-shadow);border-color:var(--sky)}
.category-ring{background:var(--card);box-shadow:0 0 0 3px var(--tint),0 1px 4px rgba(0,57,170,.09)}
/* Hero: one headline, one image, predictable slide heights. No copy overlapping controls. */
.front-hero{margin-bottom:24px}
.hero-grid{grid-template-columns:minmax(0,2.04fr) minmax(290px,.78fr);gap:20px}
.lead-slider{height:492px;overflow:hidden;border:1px solid var(--zh-outline);border-top:4px solid var(--zh-accent);border-radius:17px;box-shadow:var(--zh-soft-shadow);background:linear-gradient(125deg,var(--tint2) 0%,var(--card) 78%)}
.lead-stage{height:414px}
.lead-stage .lead-slide{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(12px,1.6vw,26px);padding:22px 25px;align-items:center}
.lead-copy-panel{padding:clamp(14px,1.5vw,25px);border-radius:13px;box-shadow:var(--zh-soft-shadow);border-inline-start:3px solid var(--zh-accent);overflow:hidden}
.lead-title{font-size:clamp(18px,1.5vw,27px);line-height:1.75;letter-spacing:0;font-weight:850;-webkit-line-clamp:4;overflow-wrap:break-word}
.lead-excerpt{font-size:clamp(12px,.87vw,14px);line-height:1.95;-webkit-line-clamp:3}
.lead-visual{width:100%;height:345px;min-height:0;padding:10px;align-self:center;display:grid;place-items:center;overflow:hidden;box-shadow:var(--zh-soft-shadow);background:var(--tint2)}
.lead-visual img{width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto;border-radius:8px}
.lead-open{border-radius:9px;box-shadow:var(--zh-soft-shadow)}
.lead-controls{height:74px;padding-inline:26px}
.lead-arrows button{width:39px;height:39px;border-radius:9px;box-shadow:0 3px 9px rgba(0,57,170,.09)}
.hero-editorial{border-radius:17px;box-shadow:var(--zh-soft-shadow)}
.hero-editorial .rail-item{padding:12px 0}
.hero-editorial .rail-thumb{flex:0 0 78px;width:78px;height:78px}
.hero-editorial .rail-copy h3{font-size:clamp(12px,.9vw,14px);line-height:1.8}
/* Ticker: autonomous, uninterrupted CSS loop. Swipe or arrow scrolling isn't required. */
.cover-ticker{margin:0 0 44px;border-radius:15px;box-shadow:var(--zh-soft-shadow);overflow:hidden}
.cover-ticker-viewport{overscroll-behavior:contain}
.ticker-track{animation-duration:220s}
.ticker-group .cover-ticker-card{border-inline-start:1px solid var(--line);padding-inline:16px}
.ticker-group .ticker-cover{width:61px;height:61px}
/* Use brand contrast once in every few sections, not site-wide. */
.front-section{border-radius:18px;padding:27px 29px;box-shadow:var(--zh-soft-shadow)}
.front-section.section-variation-0,.front-section.section-variation-1,.front-section.section-variation-3{background:var(--card)}
.front-section.section-variation-2{background:var(--tint2)}
.front-section.section-23{background:linear-gradient(135deg,#0039aa,#0951b7);border-color:#0951b7;color:#fff}
.front-section.section-23 .section-name h2 a,.front-section.section-23 .section-name p{color:#fff}
.front-section.section-23 .section-title-row{border-color:rgba(255,255,255,.3)}
.section-title-row{gap:18px}
.section-title-row h2{font-size:clamp(20px,1.65vw,27px)}
.section-name p{font-size:13px;line-height:1.9}
.news-card,.editorial-item,.book-card{box-shadow:var(--zh-soft-shadow)}
.news-card:hover,.book-card:hover,.editorial-item:hover{box-shadow:var(--zh-lift-shadow)}
.news-card .card-image img{max-width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
/* Spotlight: circular pictures ONLY for editorial posts; no duplicate image per article. */
.editorial-spotlight{background:var(--tint2);padding:28px;box-shadow:var(--zh-soft-shadow)}
.editorial-stage{gap:12px 18px}
.editorial-item{background:var(--card)}
.editorial-lead{padding:22px}
.editorial-lead .editorial-portrait{width:188px;height:188px}
.editorial-item .editorial-content h3{font-size:clamp(14px,1.07vw,17px)}
.editorial-lead .editorial-content h3{font-size:clamp(18px,1.5vw,22px)}
/* Photo carousel: preserve ALL photo ratios, never sacrifice content to fill the cell. */
.photo-showcase{background:var(--tint2);box-shadow:var(--zh-soft-shadow);border-radius:17px;padding:26px}
.photo-frame{box-shadow:var(--zh-soft-shadow);border-radius:14px;overflow:hidden}
.photo-stage{height:clamp(225px,24vw,350px);background:var(--tint)}
.photo-stage img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}
.photo-caption h3{font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.photo-controls button{border-radius:9px;box-shadow:var(--zh-soft-shadow)}
.book-cover img{width:100%;height:100%;object-fit:contain;object-position:center}
/* Article: readable typography, controlled line length and custom native WordPress forms. */
.inner-main{padding-block:clamp(24px,3vw,48px)}
.single-article{max-width:100%}
.article-header{max-width:1140px;margin-inline:auto}
.article-header h1{font-size:clamp(26px,2.4vw,39px);line-height:1.75}
.article-cover{max-width:1220px;margin-inline:auto;overflow:hidden;border-radius:16px}
.article-cover img{width:100%;height:auto;max-height:720px;object-fit:contain}
.article-layout{max-width:1350px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(245px,292px);gap:24px;align-items:start}
.article-primary{min-width:0}
.article-content{padding:clamp(19px,2.3vw,42px);font-size:clamp(17px,1.1vw,19px);line-height:2.15;box-shadow:var(--zh-soft-shadow);border:1px solid var(--line)}
.article-content :is(p,ul,ol,blockquote){max-width:86ch}
.article-content :is(img,video,iframe){max-width:100%;height:auto}
.article-content :is(figure,table){max-width:100%}
.article-content figure img{object-fit:contain}
.article-content :is(pre,table){overflow-x:auto}
.article-sidebar{position:sticky;top:22px}
.sidebar-box,.comments-panel{border:1px solid var(--line);border-radius:15px;box-shadow:var(--zh-soft-shadow);background:var(--card)}
.sidebar-story{padding-block:14px}
.article-share{margin-block:26px 18px;padding:14px 16px;background:var(--tint2);border:1px solid var(--line);border-radius:13px;box-shadow:var(--zh-soft-shadow)}
.article-share .share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.article-share .share-actions>a,.article-share .share-actions>button{display:grid;place-items:center;width:48px;height:48px;padding:10px;border-radius:10px;border:1px solid var(--line);box-shadow:var(--zh-soft-shadow);background:var(--card);color:var(--blue);transition:transform .18s ease}
.article-share .share-actions svg{width:23px;height:23px}
.article-share .share-actions :is(a,button):hover{transform:translateY(-2px);background:var(--tint)}
.article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px}
.article-navigation>a{display:flex;align-items:center;justify-content:center;padding:15px;border:1px solid var(--line);border-inline-start:3px solid var(--zh-accent);border-radius:11px;background:var(--card);box-shadow:var(--zh-soft-shadow);font-size:14px;line-height:1.9;min-width:0}
.article-navigation>a:hover{background:var(--tint2)}
.comments-panel{padding:clamp(18px,2vw,30px);margin-top:24px}
.comments-panel .comment-respond{margin:0}
.comments-panel .comment-reply-title,.comments-panel .comments-title{font-size:clamp(18px,1.7vw,25px);line-height:1.6;margin-bottom:18px}
.comments-panel .comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.comments-panel .comment-form>p{margin:0;min-width:0}
.comments-panel .comment-form-comment,.comments-panel .comment-form-cookies-consent,.comments-panel .form-submit,.comments-panel .logged-in-as,.comments-panel .comment-notes{grid-column:1/-1}
.comments-panel label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}
.comments-panel textarea,.comments-panel :is(input[type=text],input[type=email],input[type=url]){display:block;width:100%;min-height:48px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:12px 15px;box-shadow:inset 0 2px 5px rgba(0,57,170,.035)}
.comments-panel textarea{min-height:160px;resize:vertical}
.comments-panel .comment-form-cookies-consent{display:flex;align-items:center;gap:10px}
.comments-panel .comment-form-cookies-consent label{margin:0}
.comments-panel input[type=submit]{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:10px;padding:12px 24px;font-weight:850;min-height:48px;box-shadow:var(--zh-soft-shadow)}
.comments-panel input[type=submit]:hover{background:var(--hover)}
.comments-panel .comment-list{padding-inline-start:24px;line-height:2}
.comments-panel .comment-body{padding:16px 0;border-bottom:1px solid var(--line)}
/* Footer: proportioned identity, properly divided navigation, no mock links. */
.site-footer{background:linear-gradient(125deg,#0039aa 0%,#0951b7 100%);padding-top:38px}
.footer-top{padding-bottom:26px;gap:28px}
.footer-main-brand{gap:23px}
.site-footer .footer-mark{width:146px;height:146px;flex-basis:146px;box-shadow:0 12px 30px rgba(0,0,0,.13)}
.site-footer .footer-brand{font-size:clamp(17px,1.35vw,23px);line-height:1.7}
.footer-content{padding-block:20px 24px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
.footer-navigation{padding-inline-end:30px}
.site-footer .footer-menu{gap:3px 24px}
.site-footer .footer-menu a{display:block;font-size:14px;line-height:1.8;padding:10px 12px}
.footer-social{padding-inline-start:25px}
.site-footer .social-links{gap:12px}
.site-footer .social-links a{width:100px;min-height:103px;border:1px solid rgba(255,255,255,.5);border-radius:12px}
.site-footer .footer-bottom{padding:18px 0 23px;border-color:rgba(255,255,255,.26);gap:12px}
/* English stays LTR and left-aligned even on an RTL page. */
[lang=en],[dir=ltr]{direction:ltr;text-align:left}
/* Tablet and phone: preserve functionality, no horizontal document overflow. */
@media(max-width:1100px){
 .container{width:min(calc(100% - 36px),1640px)}
 .hero-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.9fr);gap:14px}
 .lead-stage .lead-slide{gap:12px;padding-inline:16px}
 .lead-copy-panel{padding:14px}
 .lead-visual{height:310px}
 .footer-content{grid-template-columns:1.35fr 1fr}
}
@media(max-width:980px){
 .header-core{min-height:95px}
 .brand-emblem{width:80px;height:80px;flex-basis:80px}
 .hero-grid{grid-template-columns:1fr}
 .hero-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:0 24px}
 .hero-editorial .rail-item:nth-child(2){border-top:0}
 .lead-stage .lead-slide{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
 .article-layout{grid-template-columns:1fr}
 .article-sidebar{position:static}
 .footer-content{grid-template-columns:1fr}
 .footer-social{border-inline-start:0;padding:22px 0 0}
 .photo-frame{flex-basis:calc((100% - 20px)/2)}
}
@media(max-width:680px){
 .container{width:min(calc(100% - 24px),1640px)}
 .header-core{min-height:84px}
 .brand-emblem{width:64px;height:68px;flex-basis:64px;padding:4px}
 .brand-title strong{font-size:clamp(12px,3.6vw,17px)}
 .header-tools{padding:3px;gap:2px}
 .topic-strip{padding-block:14px;gap:8px}
 .icon-category-strip>a{min-height:48px;padding:5px 10px}
 .hero-editorial{display:block}
 .hero-editorial .rail-item{border-top:1px solid var(--line)}
 .hero-editorial .rail-item:first-child{border-top:0}
 .lead-slider{height:590px}
 .lead-stage{height:512px}
 .lead-stage .lead-slide{grid-template-columns:1fr;grid-template-rows:215px minmax(0,1fr);gap:10px;padding:15px;align-items:stretch}
 .lead-slide .lead-visual{grid-row:1;height:215px;min-height:0;padding:5px}
 .lead-slide .lead-copy-panel{grid-row:2;padding:12px 14px;align-self:stretch}
 .lead-title{font-size:clamp(17px,4.5vw,22px);line-height:1.65;-webkit-line-clamp:3}
 .lead-meta{margin-bottom:5px}
 .lead-excerpt{font-size:12px;line-height:1.7;-webkit-line-clamp:2;margin-top:6px}
 .lead-open{margin-top:7px;width:34px;height:32px}
 .lead-controls{height:75px;padding-inline:15px}
 .cover-ticker{margin-bottom:30px}
 .front-section,.editorial-spotlight,.photo-showcase{padding:17px;margin-bottom:28px}
 .editorial-stage{display:flex;flex-direction:column}
 .editorial-lead{flex-direction:row;text-align:right;padding:13px}
 .editorial-lead .editorial-portrait{width:76px;height:76px;flex:0 0 76px}
 .editorial-item .editorial-content h3,.editorial-lead .editorial-content h3{font-size:15px}
 .photo-frame{flex-basis:min(86%,420px);min-width:0}
 .photo-stage{height:260px}
 .article-content{font-size:17px;padding:18px}
 .article-header h1{font-size:clamp(23px,5.4vw,30px)}
 .comments-panel .comment-form{grid-template-columns:1fr}
 .article-navigation{grid-template-columns:1fr}
 .footer-main-brand{gap:13px}
 .site-footer .footer-mark{width:92px;height:92px;flex-basis:92px}
 .site-footer .footer-brand{font-size:clamp(14px,3.7vw,18px)}
 .site-footer .footer-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
 .site-footer .social-links a{width:86px;min-height:92px}
}
@media(max-width:380px){
 .header-tools .tool-toggle{width:33px;height:33px}
 .lead-slider{height:608px}
 .lead-stage{height:534px}
 .lead-stage .lead-slide{grid-template-rows:196px minmax(0,1fr)}
 .lead-slide .lead-visual{height:196px}
 .lead-copy-panel{padding:10px!important}
 .lead-title{font-size:17px}
 .photo-stage{height:225px}
}
@media(prefers-reduced-motion:reduce){
 .icon-category-strip>a,.lead-slide,.news-card,.book-card,.editorial-item{transition:none!important}
}


/* -- SOURCE: enhancement-v8.css -- */
/* Version 8: exact user-provided blue #327592 for lighting/shadows.
   All main identity colors continue to come from the original organisation logo.
   No post text, WordPress category names, or content are authored here. */
:root{
  --zh-shadow-blue:49,116,145;
  --shadow:0 13px 34px rgba(var(--zh-shadow-blue),.14),0 2px 7px rgba(var(--zh-shadow-blue),.07);
  --zh-soft-shadow:0 10px 29px rgba(var(--zh-shadow-blue),.14),0 2px 7px rgba(var(--zh-shadow-blue),.06);
  --zh-lift-shadow:0 18px 42px rgba(var(--zh-shadow-blue),.21),0 3px 9px rgba(var(--zh-shadow-blue),.09);
  --zh-glow-rgb:49,116,145;
}
:root[data-theme="dark"]{
  --zh-soft-shadow:0 12px 31px rgba(0,0,0,.25),0 2px 10px rgba(var(--zh-glow-rgb),.17);
  --zh-lift-shadow:0 17px 43px rgba(0,0,0,.36),0 2px 12px rgba(var(--zh-glow-rgb),.26);
  --shadow:var(--zh-soft-shadow);
}
/* Preserve the original page background. Brand-tinted surfaces are separate sections. */
body,.home-main,.inner-main{background:var(--paper)}
.site-header{box-shadow:0 9px 32px rgba(var(--zh-glow-rgb),.10)}
.header-core{box-shadow:inset 0 -1px 0 rgba(var(--zh-glow-rgb),.11)}
.brand-emblem,.header-tools,.lead-slider,.hero-editorial,.front-section,
.news-card,.editorial-item,.book-card,.photo-showcase,.photo-frame,
.sidebar-box,.comments-panel,.article-content,.article-cover,.article-share,
.article-navigation>a,.topic-strip>a,.icon-category-strip>a,.footer-mark,
.cover-ticker,.lead-copy-panel,.lead-visual,.lead-open,.lead-arrows button,
.photo-controls button,.post-photo-gallery,.post-gallery-image,
.site-footer .social-links a{box-shadow:var(--zh-soft-shadow)}
.news-card:is(:hover,:focus-within),.editorial-item:is(:hover,:focus-within),
.book-card:is(:hover,:focus-within),.topic-strip>a:is(:hover,:focus-visible),
.photo-frame:is(:hover,:focus-within){box-shadow:var(--zh-lift-shadow)}
/* A cool-blue inner seam replaces the warm-tinted shadow at the leading edges. */
.lead-slider,.hero-editorial,.photo-showcase,.front-section,.comments-panel,.book-card{
  outline:1px solid rgba(var(--zh-glow-rgb),.10);outline-offset:-1px;
}
.site-footer .footer-mark{box-shadow:0 13px 30px rgba(0,35,100,.22),0 0 0 1px rgba(var(--zh-glow-rgb),.22)}
.header-tools .tool-toggle,.primary-menu .submenu-toggle,
.article-share .share-actions :is(a,button),.article-navigation>a,
.post-gallery-controls button,.post-gallery-controls button,
.photo-controls button,.lead-arrows button,.back-to-top{
  box-shadow:0 5px 15px rgba(var(--zh-glow-rgb),.14);
}
/* Lighting belongs ONLY to the hero's slim edge and a selected brand surface.
   CSS transform animations, not JS animation loops; no glare over content. */
.lead-slider{position:relative;isolation:isolate}
.lead-slider::before{
  display:block!important;content:"";pointer-events:none;position:absolute;z-index:9;
  inset-block-start:0;inset-inline-end:-27%;width:24%;height:3px;
  background:linear-gradient(90deg,transparent,rgba(79,176,216,.08) 15%,rgba(135,214,244,.88) 50%,rgba(79,176,216,.08) 85%,transparent);
  filter:drop-shadow(0 0 6px rgba(var(--zh-glow-rgb),.36));
  animation:zh-v8-shine 17s ease-in-out infinite;
}
/* Existing accent line is kept stationary: do not animate the whole border. */
.lead-slider::after{animation:none!important}
.photo-showcase{position:relative;isolation:isolate;overflow:hidden}
.photo-showcase::before{
  content:"";position:absolute;pointer-events:none;z-index:1;
  inset-block-start:0;inset-inline-end:-30%;width:21%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(122,204,239,.78),transparent);
  filter:drop-shadow(0 0 5px rgba(var(--zh-glow-rgb),.22));
  animation:zh-v8-shine 24s ease-in-out infinite;
}
@keyframes zh-v8-shine{
  0%,68%{transform:translateX(0);opacity:0}
  73%{opacity:.58}
  95%{transform:translateX(-620%);opacity:.58}
  100%{transform:translateX(-620%);opacity:0}
}
/* A small non-animated brand accent gives statistics and date metadata definition. */
.real-counts-band{border:1px solid rgba(var(--zh-glow-rgb),.18);box-shadow:var(--zh-soft-shadow)}
.count-tile{box-shadow:0 5px 16px rgba(var(--zh-glow-rgb),.07)}
.site-footer .social-links a:is(:hover,:focus-visible),.header-tools .tool-toggle:is(:hover,:focus-visible){
  box-shadow:0 9px 23px rgba(var(--zh-glow-rgb),.26);
}
/* Legible forms and accessible targets, while preserving the WordPress comment form. */
.comments-panel :is(input:not([type=checkbox]),textarea,select),
.header-search :is(input,select),.front-search input{
  box-shadow:inset 0 1px 4px rgba(var(--zh-glow-rgb),.07);
}
.comments-panel :is(input:not([type=checkbox]),textarea,select):focus-visible{
  border-color:var(--sky);outline:2px solid rgba(var(--zh-glow-rgb),.34);outline-offset:2px;
}
.article-navigation>a{transition:box-shadow .2s ease,transform .2s ease}
.article-navigation>a:hover{transform:translateY(-2px);box-shadow:var(--zh-lift-shadow)}
/* Respect readability/energy preferences; moving lights are never essential to reading. */
@media(prefers-reduced-motion:reduce){
 .lead-slider::before,.photo-showcase::before{animation:none!important;opacity:0!important}
 .article-navigation>a{transition:none!important}
}
@media(max-width:680px){
 .lead-slider::before{animation-duration:22s}
 .photo-showcase::before{animation-duration:28s}
 .comments-panel{margin-block:18px}
}


/* v8.1 – album PLAYER immediately above footer, not the old post card carousel. */
.zh-album-showcase{margin:clamp(28px,4vw,65px) 0 12px;padding:clamp(15px,2.2vw,30px);background:var(--card,#fff);border:1px solid rgba(44,125,160,.23);border-top:3px solid #2C7da0;border-radius:18px;box-shadow:0 14px 36px rgba(26,83,122,.11);position:relative;isolation:isolate}
.zh-album-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(44,125,160,.17)}
.zh-album-heading h2{font-size:clamp(19px,1.8vw,27px);margin:0}
.zh-album-heading a{color:var(--ink);text-decoration:none}
.zh-album-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.65fr);gap:16px;direction:rtl;align-items:stretch}
.zh-album-viewer{min-width:0}
.zh-album-panel[hidden],.zh-album-slide[hidden]{display:none!important}
.zh-album-panel{height:100%;display:flex;flex-direction:column;gap:10px;min-width:0}
.zh-album-stage{height:clamp(305px,37vw,520px);min-height:0;position:relative;overflow:hidden;border-radius:12px;background:#142d3e;box-shadow:0 7px 25px rgba(10,56,89,.17);outline-offset:4px}
.zh-album-slide{width:100%;height:100%;margin:0;position:relative}
.zh-album-slide>a{display:grid;place-items:center;width:100%;height:100%;padding:6px}
.zh-album-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;min-width:0}
.zh-album-slide figcaption{position:absolute;top:12px;inset-inline:12px auto;max-width:min(66%,420px);padding:6px 12px;background:rgba(10,35,55,.74);color:white;border-radius:6px;font-size:12px;line-height:1.7}
.zh-album-stage-overlay{position:absolute;bottom:0;left:0;right:0;padding:37px 15px 13px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px;background:linear-gradient(0deg,rgba(8,28,43,.95),rgba(8,28,43,0));color:#fff;pointer-events:none}
.zh-album-stage-overlay h3{font-size:clamp(13px,1.25vw,19px);margin:0;line-height:1.65;max-width:65%;font-weight:760;color:#fff}
.zh-album-stage-overlay h3 a{color:inherit;text-decoration:none;pointer-events:auto}
.zh-album-buttons{display:flex;align-items:center;gap:7px;direction:ltr;pointer-events:auto;flex-shrink:0}
.zh-album-buttons button{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:7px;cursor:pointer;font-size:18px;line-height:1;box-shadow:0 3px 9px rgba(0,0,0,.14)}
.zh-album-buttons button:hover,.zh-album-buttons button:focus-visible{background:#2C7da0}
.zh-album-buttons [data-zh-album-count]{font-size:11px;white-space:nowrap;min-width:42px;text-align:center;direction:rtl}
.zh-album-thumbnails{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:4px 1px 7px;scrollbar-color:#2C7da0 transparent;scrollbar-width:thin;scroll-snap-type:x proximity}
.zh-album-thumb{flex:0 0 87px;width:87px;height:63px;border:2px solid transparent;outline-offset:2px;padding:1px;background:rgba(44,125,160,.1);border-radius:7px;overflow:hidden;cursor:pointer;scroll-snap-align:start}
.zh-album-thumb img{width:100%;height:100%;display:block;object-fit:contain}
.zh-album-thumb.is-selected{border-color:#2C7da0;box-shadow:0 0 0 2px rgba(44,125,160,.15)}
.zh-album-chooser{display:flex;flex-direction:column;gap:10px;max-height:595px;overflow-y:auto;padding:1px 3px 3px;scrollbar-width:thin;scrollbar-color:#2C7da0 transparent}
.zh-album-choice{display:flex;align-items:center;gap:10px;text-align:right;direction:rtl;width:100%;padding:9px;border:1px solid rgba(44,125,160,.2);background:var(--tint2,#f5f9fb);border-radius:10px;box-shadow:0 4px 13px rgba(26,83,122,.06);cursor:pointer;color:var(--ink);font:inherit}
.zh-album-choice.is-current{border-color:#2C7da0;background:var(--card,#fff);box-shadow:0 5px 17px rgba(44,125,160,.15)}
.zh-album-choice-cover{width:85px;height:65px;flex:0 0 85px;display:grid;place-items:center;overflow:hidden;background:rgba(44,125,160,.08);border-radius:6px}
.zh-album-choice-cover img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.zh-album-choice-title{font-weight:700;line-height:1.7;flex:1;min-width:0;font-size:clamp(12px,.94vw,14px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.zh-album-choice-count{font-size:12px;color:#2C7da0;background:rgba(44,125,160,.12);padding:2px 5px;border-radius:5px}
.zh-album-showcase :is(button,a):focus-visible{outline:3px solid #2C7da0;outline-offset:3px}
.zh-album-stage:fullscreen{height:100vh;width:100vw;border-radius:0;background:#101e2b}
.zh-album-stage:fullscreen .zh-album-slide>a{padding:35px 15px 95px}
@media(max-width:850px){.zh-album-grid{grid-template-columns:1fr}.zh-album-chooser{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none}.zh-album-choice{flex:0 0 220px;min-height:80px}.zh-album-stage{height:clamp(290px,58vw,480px)}}
@media(max-width:520px){.zh-album-showcase{padding:12px}.zh-album-stage{height:340px}.zh-album-stage-overlay{display:block}.zh-album-stage-overlay h3{max-width:100%;margin-bottom:8px;font-size:13px}.zh-album-buttons{justify-content:flex-end}.zh-album-thumb{flex-basis:71px;width:71px;height:54px}.zh-album-choice{flex-basis:195px}.zh-album-choice-cover{width:61px;height:57px;flex-basis:61px}}
@media(prefers-reduced-motion:reduce){.zh-album-showcase *{scroll-behavior:auto!important;animation:none!important}}
/* Optional second player uses ONLY actual WordPress video attachments. */
.zh-media-grid{min-width:0}
.zh-media-grid.has-video{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.zh-media-grid.has-video .zh-album-grid{grid-template-columns:minmax(0,1fr)}
.zh-media-grid.has-video .zh-album-chooser{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none}
.zh-media-grid.has-video .zh-album-choice{flex:0 0 190px;min-height:78px}
.zh-media-grid.has-video .zh-album-choice-cover{width:60px;height:55px;flex-basis:60px}
.zh-media-grid.has-video .zh-album-stage,.zh-media-grid.has-video .zh-video-stage{height:clamp(290px,30vw,470px)}
.zh-video-viewer{display:flex;flex-direction:column;min-width:0;gap:10px}
.zh-video-stage{position:relative;overflow:hidden;background:#142d3e;border-radius:12px;box-shadow:0 7px 25px rgba(10,56,89,.17)}
.zh-video-panel{width:100%;height:100%;position:relative;display:flex;flex-direction:column}
.zh-video-panel[hidden]{display:none!important}
.zh-video-panel video{width:100%;height:100%;object-fit:contain;min-height:0}
.zh-video-caption{position:absolute;inset:auto 0 0;padding:14px 16px;color:#fff;background:linear-gradient(0deg,rgba(8,28,43,.9),rgba(8,28,43,0));pointer-events:none;font-size:14px;line-height:1.8}
.zh-video-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-color:#2C7da0 transparent;scrollbar-width:thin}
.zh-video-choice{flex:0 0 138px;min-height:67px;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid rgba(44,125,160,.25);background:var(--card,#fff);color:var(--ink);border-radius:8px;font:inherit;font-size:11px;text-align:right;cursor:pointer}
.zh-video-choice img{width:65px;height:55px;object-fit:contain;border-radius:5px}
.zh-video-choice.is-current{border-color:#2C7da0;box-shadow:0 0 0 2px rgba(44,125,160,.13)}
.zh-video-choice span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:920px){.zh-media-grid.has-video{grid-template-columns:1fr}.zh-media-grid.has-video .zh-album-stage,.zh-media-grid.has-video .zh-video-stage{height:clamp(280px,56vw,480px)}}


/* v8.2 — integrated identity band; no white rectangle beside the real logo. */
.header-identity-band{
 position:relative;isolation:isolate;
 background:linear-gradient(110deg,#e4f0f8 0%,#eff6fc 48%,#dcebf7 100%);
 box-shadow:inset 0 -1px 0 rgba(44,125,160,.24);
}
.header-identity-band:before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 88% 40%,rgba(44,125,160,.13),transparent 45%);
}
.header-identity-band .header-core{
 position:relative;background:transparent!important;
 box-shadow:none!important;min-height:120px;
}
.header-identity-band .header-core:after{
 background:linear-gradient(to left,#2C7da0,rgba(44,125,160,.14),transparent)!important;
}
.header-identity-band .brand{max-width:min(77%,1110px);gap:16px}
.header-identity-band .brand-emblem{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;padding:0!important;
 width:112px;height:108px;flex:0 0 112px;
}
.header-identity-band .brand-emblem .brand-image,
.header-identity-band .brand-emblem .custom-logo-link{background:transparent;border:0}
.header-identity-band .brand-emblem .custom-logo,
.header-identity-band .brand-emblem .site-emblem{
 mix-blend-mode:multiply;object-fit:contain;width:100%;height:100%;
 max-width:100%;max-height:100%;border:0;box-shadow:none;
}
.header-identity-band .brand-title{
 border-inline-start:3px solid #2C7da0;
 border-radius:10px 0 0 10px;
 background:linear-gradient(to left,rgba(197,225,242,.64),rgba(229,243,251,.2));
 padding:10px 15px 10px 18px;
 box-shadow:0 5px 18px rgba(44,125,160,.075);
 min-width:0;
}
.header-identity-band .brand-title strong{color:#0039aa;font-size:clamp(17px,1.65vw,26px);line-height:1.6}
.header-identity-band .brand-title small{color:#235d78}
.header-identity-band .header-tools{
 background:rgba(226,240,249,.88);border:1px solid rgba(44,125,160,.23);
 box-shadow:0 6px 19px rgba(44,125,160,.10);
}
.header-identity-band .header-tools .tool-toggle{
 background:rgba(235,247,253,.85);border-color:rgba(44,125,160,.24);color:#0039aa;
}
.site-header .nav-band{border-bottom-color:#2C7da0!important}
/* Higher but still readable rates; continuous CSS ticker, not horizontal scroll. */

.cover-ticker .cover-ticker-viewport{overflow:hidden!important;scroll-snap-type:none!important;touch-action:pan-y}
@media(max-width:1100px){
 .header-identity-band .brand{max-width:calc(100% - 150px)}
 .header-identity-band .brand-emblem{width:95px;height:94px;flex-basis:95px}
}
@media(max-width:700px){
 .header-identity-band .header-core{min-height:87px;padding-block:9px;gap:9px}
 .header-identity-band .brand{max-width:calc(100% - 98px);gap:8px}
 .header-identity-band .brand-emblem{width:67px;height:69px;flex-basis:67px}
 .header-identity-band .brand-title{padding:5px 9px;border-inline-start-width:2px}
 .header-identity-band .brand-title strong{font-size:clamp(12px,3.1vw,17px);line-height:1.55}
 .header-identity-band .header-tools{gap:3px;padding:4px}
 .header-identity-band .header-tools .tool-toggle{width:32px;height:34px}
 :root{--zh-ticker-duration:66s}
}
@media(max-width:410px){
 .header-identity-band .brand-emblem{width:58px;height:60px;flex-basis:58px}
 .header-identity-band .brand{max-width:calc(100% - 93px);gap:5px}
 .header-identity-band .brand-title strong{font-size:12px}
 .header-identity-band .header-tools{padding:2px;gap:2px}
 .header-identity-band .header-tools .tool-toggle{width:29px;height:31px}
}
@media(prefers-reduced-motion:reduce){
 .cover-ticker .cover-ticker .ticker-track{animation:none!important}
}

/* v8.3 — Sitewide fit, cohesive #2C7da0 accents, unobtrusive controlled light. */
:root{--zh-accent:#2C7da0;--zh-accent-rgb:44,125,160;--zh-ticker-duration:79s;--zh-soft-blue-shadow:0 10px 32px rgba(44,125,160,.12)}
:root[data-theme="dark"]{--zh-accent:#2C7da0;--zh-accent-rgb:44,125,160;--zh-soft-blue-shadow:0 12px 34px rgba(0,0,0,.34),0 0 18px rgba(44,125,160,.12)}
/* Every news/card family receives a restrained shared brand edge. No warm decorative borders. */
:is(.news-card,.editorial-item,.book-card,.rail-item,.count-tile,.cover-ticker-card,.zh-album-choice,.zh-video-choice,.photo-frame,.post-gallery-image){
 position:relative;border-block-start:2px solid var(--zh-accent);box-shadow:var(--zh-soft-blue-shadow);
}
:is(.news-card,.editorial-item,.book-card,.zh-album-choice,.zh-video-choice,.count-tile){transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
:is(.news-card,.editorial-item,.book-card,.zh-album-choice,.zh-video-choice,.count-tile):hover{box-shadow:0 16px 40px rgba(44,125,160,.18)}
:is(.front-section.section-variation-2,.photo-showcase,.library-section,.zh-album-showcase){
 position:relative;border-block-start:3px solid var(--zh-accent);box-shadow:0 12px 38px rgba(44,125,160,.09);
}
.section-mark,.ticker-pulse{background:var(--zh-accent)!important}
:is(.news-card,.book-card,.photo-frame,.front-section,.zh-album-showcase,.lead-slider,.hero-rail,.cover-ticker,.article-share,.comments-panel){--zh-glow-rgb:44,125,160}
/* Preserve the existing page canvas: shade individual sections, not the entire body. */
.front-section.section-variation-2{background:linear-gradient(145deg,var(--tint2),var(--card) 84%)}
/* Four image types: editorial rectangles never crop, portrait circles deliberately fill their circular mask. */
:is(.card-image,.rail-thumb,.lead-visual,.photo-stage,.post-gallery-image,.book-cover,.article-cover){overflow:hidden;min-width:0}
:is(.card-image img,.news-card .card-image img,.rail-thumb img,.post-gallery-image img,.photo-stage img,.book-cover img,.article-cover img,.lead-visual img:not(.lead-backdrop)){
 object-fit:contain!important;object-position:center!important;transform:none!important;max-width:100%;image-rendering:auto;
}
:is(.card-image,.rail-thumb,.photo-stage,.book-cover,.post-gallery-image){background:var(--tint2)}
:is(.editorial-portrait img,.hero-editorial .rail-thumb img,.ticker-cover img,.ticker-group .ticker-cover img){object-fit:cover!important;object-position:center!important}
/* Portrait hero image uses a blurred SAME-photo backdrop, while the real image stays fully visible. */
.lead-visual{position:relative;isolation:isolate;background:var(--tint2)}
.lead-visual .lead-backdrop{position:absolute!important;inset:-22px;width:calc(100% + 44px)!important;height:calc(100% + 44px)!important;max-width:none!important;max-height:none!important;z-index:0;filter:blur(22px) brightness(.70) saturate(.88);object-fit:cover!important;transform:scale(1.04)!important;pointer-events:none}
.lead-visual>img:not(.lead-backdrop){z-index:1;position:relative;max-height:100%;height:100%;width:100%;object-fit:contain!important;padding:2px}
.lead-stage .lead-slide{transition:opacity .95s cubic-bezier(.22,1,.36,1),visibility .95s;will-change:opacity}
.lead-slider .lead-copy-panel{transition:transform .95s cubic-bezier(.22,1,.36,1);transform:translateY(7px)}
.lead-slider .lead-slide.is-active .lead-copy-panel{transform:translateY(0)}
/* Ticker speed is only slightly increased from v8.2, with a controlled moving blue reflection. */
.cover-ticker .ticker-track{animation:zh-ticker-move var(--zh-ticker-duration) linear infinite!important}
.cover-ticker{position:relative;isolation:isolate;overflow:hidden;border-block-start:3px solid var(--zh-accent)}
.cover-ticker::after{content:"";position:absolute;top:0;left:0;right:0;width:auto;height:3px;background:linear-gradient(90deg,transparent 8%,rgba(44,125,160,.05) 32%,rgba(117,199,232,.95) 50%,rgba(44,125,160,.05) 68%,transparent 92%);background-size:240% 100%;background-position:0 0;box-shadow:0 0 11px rgba(44,125,160,.30);pointer-events:none;animation:zh-accent-scan 15s linear infinite;z-index:3}
.cover-ticker-line .ticker-pulse{box-shadow:0 0 0 4px rgba(44,125,160,.14);animation:zh-blue-pulse 3.6s ease-in-out infinite}
/* Moving light rests strictly on selected section edges and never sweeps across text. */
:is(.front-section.section-variation-2,.photo-showcase,.zh-album-showcase,.library-section)::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;width:auto;pointer-events:none;z-index:3;background:linear-gradient(90deg,transparent 8%,rgba(44,125,160,.12) 32%,rgba(133,218,244,.85) 50%,rgba(44,125,160,.12) 68%,transparent 92%);background-size:240% 100%;background-position:0 0;filter:drop-shadow(0 0 5px rgba(44,125,160,.28));animation:zh-accent-scan 22s linear infinite}
@keyframes zh-accent-scan{to{background-position:100% 0}}
@keyframes zh-blue-pulse{50%{box-shadow:0 0 0 8px rgba(44,125,160,.05),0 0 9px rgba(44,125,160,.22)}}
/* Photo album: show the whole original; only portrait images gain a softly blurred duplicate backdrop. */
.zh-album-stage{isolation:isolate;background:#142d3e;overflow:hidden}
.zh-album-slide{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;contain:layout paint}
.zh-album-slide.is-current{z-index:2}
.zh-album-slide.is-leaving{z-index:1;pointer-events:none}
.zh-album-slide.is-entering{animation:zh-album-reveal .78s cubic-bezier(.22,1,.36,1) both}
.zh-album-slide:not(.is-current){pointer-events:none}
.zh-album-slide>a{position:relative;z-index:1;display:grid;place-items:center;min-width:0;overflow:hidden}
.zh-album-slide .zh-album-photo{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;position:relative;z-index:1}
.zh-album-slide .zh-album-backdrop{position:absolute;inset:-24px;background-size:cover;background-position:center center;filter:blur(25px) brightness(.53) saturate(.88);transform:scale(1.06);pointer-events:none;z-index:0}
.zh-album-slide.is-landscape .zh-album-backdrop{display:none}
.zh-album-slide figcaption{z-index:3}
.zh-album-stage-overlay{z-index:5}
@keyframes zh-album-reveal{from{clip-path:inset(0 0 0 100%);transform:translate3d(-2%,0,0) scale(1.016)}to{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0) scale(1)}}
.zh-album-stage:fullscreen .zh-album-slide{width:100%;height:100%}
@media(max-width:700px){:root{--zh-ticker-duration:66s}.zh-album-stage .zh-album-slide>a{padding:4px}}
@media(prefers-reduced-motion:reduce){
 .zh-album-slide.is-entering{animation:none!important}
 .lead-stage .lead-slide,.lead-slider .lead-copy-panel{transition:none!important;transform:none!important}
 .cover-ticker::after,.cover-ticker-line .ticker-pulse,:is(.front-section.section-variation-2,.photo-showcase,.zh-album-showcase,.library-section)::after{animation:none!important;opacity:.45}
 .cover-ticker .ticker-track{animation:none!important}
}

/* Auto-sized stable hero stage on narrow screens; no excessive dead space for short headlines. */
@media(max-width:690px){
 .lead-slider{height:auto!important;min-height:0!important}
 .lead-stage{height:var(--zh-stage-height,440px)!important;min-height:0!important;transition:height .3s ease}
 .lead-slide{justify-content:center!important}
 .lead-controls{position:relative!important;inset:auto!important;width:100%;height:74px}
}
@media(prefers-reduced-motion:reduce){.lead-stage{transition:none!important}}