/* Mosul Post Theme: main stylesheet (critical rules are inlined in the head). */

/* Header: drawer, search */
.drawer[open]{display:flex;flex-direction:column;gap:16px;position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;padding:16px var(--gut) calc(16px + env(safe-area-inset-bottom));border:0;border-top:3px solid var(--c-accent-2);background:var(--c-surface);color:var(--c-text);overflow-y:auto;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
.drawer::backdrop{background:rgba(0,0,0,.55)}
.drawer__nav .menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.drawer__nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid var(--c-border);font:700 14px/1.2 var(--f-head);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.drawer__nav .menu>li:last-child:nth-child(odd){grid-column:1/-1}
.drawer__nav [aria-current="page"]{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.drawer__close{min-height:48px;border:0;background:var(--c-accent);color:#fff;font:700 15px var(--f-head);cursor:pointer}
html.is-locked{overflow:hidden}
.search-form{display:flex;gap:8px;max-width:640px;margin-inline:auto}
.search-form__input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #8c8c8c;border-radius:var(--r);background:#fff;color:var(--c-text);font:inherit;font-size:16px}
.search-form__btn,.btn{min-height:44px;padding:0 18px;border:0;border-radius:var(--r);background:var(--c-accent-2);color:#fff;font:700 15px var(--f-head);cursor:pointer}
.search-form__btn:hover,.btn:hover{background:var(--c-accent-2-hover)}

/* Mega menu (desktop, hover capable devices) */
.mega{position:absolute;left:0;right:0;top:100%;border-top:2px solid var(--c-accent);border-bottom:3px solid var(--c-accent-2);background:#fff;color:var(--c-text);white-space:normal;box-shadow:0 18px 30px rgba(0,0,0,.14)}
.mega__inner{padding-block:20px 14px}
.mega__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.mega__link{display:block;color:var(--c-text);text-decoration:none}
.mega__media{display:block;aspect-ratio:16/10;margin-bottom:8px;overflow:hidden;background:var(--c-tint)}
.mega__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:700 14px/1.35 var(--f-head);text-transform:none;letter-spacing:0}
.mega__link:hover .mega__title{color:var(--c-accent-2);text-decoration:underline}
.mega__more{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:8px;font:700 13px var(--f-head);color:var(--c-accent-2);text-decoration:none}
.mega__more:hover{text-decoration:underline}
@media (min-width:1024px) and (hover:hover){.has-mega:hover>.mega,.has-mega:focus-within>.mega{display:block}}

/* Hero: the lead image never adds height to the tiled grid */
@media (min-width:768px){.hero__grid .tile--lead .tile__media{position:relative}.hero__grid .tile--lead .media-img{position:absolute;inset:0}
.hero--n1 .hero__grid{grid-template-columns:1fr}.hero--n2 .hero__grid{grid-template-columns:2fr 1fr}.hero--n1 .tile--lead,.hero--n2 .tile--lead{grid-row:auto}.hero--n2 .hero__grid>:last-child{grid-column:auto}
.hero--n1 .tile--lead .tile__media{aspect-ratio:21/9}.hero--n2 .tile--lead .tile__media{aspect-ratio:16/10}.hero--n2 .tile:not(.tile--lead) .tile__media{aspect-ratio:auto;position:relative}.hero--n2 .tile:not(.tile--lead) .media-img{position:absolute;inset:0}}

/* Section and block headings: black rule with a red lead segment */
.section__head,.side-block__title,.related__title,.filler__title{position:relative;border-top:2px solid var(--c-accent)}
.section__head::before,.side-block__title::before,.related__title::before,.filler__title::before{content:"";position:absolute;top:-2px;left:0;width:44px;height:4px;background:var(--c-accent-2)}

/* Homepage sections: two per row, equal heights, every box filled */
.home-sections{display:grid;gap:var(--sec) 28px}
@media (min-width:1180px){.home-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.home-sections>.section:last-child:nth-child(odd){grid-column:1/-1}}
.section{display:flex;flex-direction:column;min-width:0;margin-block:var(--sec);container:sec/inline-size}
.home-sections>.section{margin:0}
.section>*{flex:none}
.section>.hscroll,.section>.grid,.section>.numlist,.section>.split,.section>.mosaic,.section>.lead-side,.section>.lead-under{flex:1 0 auto}
.section__head{display:flex;align-items:baseline;justify-content:space-between;padding-top:10px;margin-bottom:16px}
.section__title{font:800 19px/1.2 var(--f-head);letter-spacing:.04em;text-transform:uppercase}
.section__title a{color:var(--c-accent);text-decoration:none}
.section__title a:hover{color:var(--cat-accent);text-decoration:underline}
.section__more{margin-top:10px;border-top:1px solid var(--c-border)}
.section__more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:700 13.5px var(--f-head);letter-spacing:.04em;text-transform:uppercase;color:var(--c-accent-2);text-decoration:none}
.section__more a:hover{text-decoration:underline}
.grid{display:grid;gap:var(--gap)}
@media (min-width:600px){.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* C4 cards */
.card__excerpt{font-size:14.5px;line-height:1.5;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__date{margin-top:auto}
.card__media .media-img,.tile__media .media-img{transition:transform .4s ease}
.card__media:hover .media-img,.tile__link:hover .media-img{transform:scale(1.03)}
.ph__txt{font-family:var(--f-head);font-weight:800;letter-spacing:.04em}
@container (min-width:400px){.card--wide .card__title{font-size:21px;line-height:1.22}}
@container (min-width:620px){.card--wide .card__title{font-size:25px}}

/* L11 lead with excerpt, two under */
.lead-under{display:flex;flex-direction:column;gap:var(--gap)}
.lead-under>.card{flex:1 0 auto}
.lead-under__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.lead-under__row>:last-child:nth-child(odd){grid-column:1/-1}
@container sec (min-width:700px){.lead-under>.card .card__media{aspect-ratio:2/1}}

/* L5 horizontal scroll */
.hscroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}
.hscroll__track{display:flex;gap:18px}
.hscroll__track>li{display:flex;flex:0 0 min(78vw,260px);scroll-snap-align:start}
.hscroll__track>li>.card{flex:1}
@container sec (min-width:1100px){.hscroll__track>li{flex-basis:calc((100cqi - 5 * 18px) / 6)}}

/* L6 numbered list */
.numlist{counter-reset:n;display:flex;flex-direction:column;justify-content:space-between}
.numlist__item{counter-increment:n;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-content:center;padding-block:12px;border-bottom:1px solid var(--c-border)}
.numlist__item:first-child{padding-top:0}
.numlist__item:last-child{border-bottom:0;padding-bottom:0}
.numlist__item::before{content:counter(n,decimal-leading-zero);grid-row:span 2;font:800 28px/1 var(--f-head);color:var(--c-accent-2)}
.numlist__title{font:700 16px/1.35 var(--f-head);margin-bottom:3px}
.numlist__title a,.titles__title a,.hl__title a,.item__title a,.crow__title a,.side-list__link{text-decoration:none}
.numlist__title a:hover,.titles__title a:hover,.hl__title a:hover,.item__title a:hover,.crow__title a:hover,.side-list__link:hover{text-decoration:underline;color:var(--c-accent-2)}
@container sec (min-width:620px){.numlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;align-content:space-between}.numlist__item:nth-child(2){padding-top:0}.numlist__item:nth-last-child(2):nth-child(odd){border-bottom:0;padding-bottom:0}}

/* L8 split */
.split{display:grid;gap:var(--gap)}
.split__col{display:flex;flex-direction:column;min-width:0}
.split__col>.card{flex:none}
.split__col>.titles{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;margin-top:6px}
@container sec (min-width:400px){.split{grid-template-columns:1fr 1fr}}
.titles>li{padding-block:11px;border-bottom:1px solid var(--c-border)}
.titles>li:last-child{border-bottom:0;padding-bottom:0}
.titles__title{font:700 15px/1.35 var(--f-head);margin-bottom:3px}
.titles--row{display:grid;gap:0 24px;margin-top:10px;border-top:1px solid var(--c-border)}
.titles--row>li:last-child{border-bottom:1px solid var(--c-border);padding-bottom:11px}
@container sec (min-width:600px){.titles--row{grid-template-columns:repeat(3,minmax(0,1fr))}.titles--row>li{border-bottom:0}.titles--row>li:last-child{border-bottom:0}}

/* L7 mosaic: fully tiled image tiles */
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mosaic>.tile .tile__media{aspect-ratio:4/3}
.mosaic__lead{grid-column:1/-1}
.mosaic__lead .tile__media{aspect-ratio:16/10}
.mosaic>:last-child:nth-child(even){grid-column:1/-1}
@container sec (max-width:479px){.mosaic>.tile:not(.mosaic__lead) .tile__title{font-size:14px}.mosaic>.tile:not(.mosaic__lead) .tile__body{padding:40px 10px 9px}}
@container sec (min-width:700px){.mosaic{grid-template-columns:2fr 1fr 1fr}.mosaic--n2,.mosaic--n3,.mosaic--n4{grid-template-columns:2fr 1fr}.mosaic--n1{grid-template-columns:1fr}.mosaic>:last-child:nth-child(even){grid-column:auto}
.mosaic__lead{grid-column:1;grid-row:span 2}.mosaic--n4 .mosaic__lead{grid-row:span 3}.mosaic--n1 .mosaic__lead,.mosaic--n2 .mosaic__lead{grid-row:auto}
.mosaic:not(.mosaic--n1):not(.mosaic--n2) .mosaic__lead .tile__media{aspect-ratio:auto;position:relative}.mosaic:not(.mosaic--n1):not(.mosaic--n2) .mosaic__lead .media-img{position:absolute;inset:0}}
.mosaic .tile--wide .tile__title{font-size:clamp(17px,2vw,22px)}

/* Lead + side lists (L1, L4): flush with the lead top and bottom */
.lead-side{display:grid;gap:var(--gap)}
.mini{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:start;padding-block:11px;border-bottom:1px solid var(--c-border)}
.mini:first-child{padding-top:0}
.mini__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--c-tint)}
.mini__title{font:700 15px/1.3 var(--f-head);margin-block:3px}
.mini__title a{text-decoration:none}
.mini__title a:hover{color:var(--c-accent-2);text-decoration:underline}
.hl{padding-block:11px;border-bottom:1px solid var(--c-border)}
.hl:first-child{padding-top:0}
.hl__title{font:700 15.5px/1.35 var(--f-head);margin-bottom:3px}
.lead-side__list>:last-child,.lead-side__list>.is-last{border-bottom:0;padding-bottom:0}
@container sec (min-width:620px){.lead-side{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.lead-side__list{display:flex;flex-direction:column;justify-content:space-between}.lead-side__list>li{padding:0 0 12px}.lead-side__list>:nth-child(4):not(.is-last):has(~ [hidden]){padding-bottom:0;border-bottom:0}}
@container sec (min-width:620px) and (max-width:799px){.lead-side__list .mini{grid-template-columns:96px minmax(0,1fr)}}

/* Layout with sidebar: the sidebar never makes the page longer than the content */
[hidden]{display:none!important}
.filler{margin-top:32px}
.filler__title{padding-top:10px;font:800 16px/1.3 var(--f-head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.filler__list .mini:last-child{border-bottom:0}
.filler__list .mini--text{grid-template-columns:1fr}
.wrap--narrow{max-width:calc(820px + 2 * var(--gut));padding-block:var(--gap) var(--sec)}

/* Breadcrumb */
.crumbs{margin-bottom:14px;font-size:13px;color:var(--c-muted)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:"\203A";margin-inline-end:4px;color:var(--c-muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline;color:var(--c-accent-2)}
.crumbs [aria-current]{display:inline-block;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* Archive headers (one treatment per category) */
.arch-head{margin-bottom:22px}
.arch-head__title{font:800 30px/1.15 var(--f-head);letter-spacing:-.01em}
.arch-head__desc{margin-top:8px;color:var(--c-muted);max-width:68ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arch-head--band{padding:18px 20px;background:var(--cat-accent);color:#fff}
.arch-head--band .arch-head__title{text-transform:uppercase;letter-spacing:.04em;font-size:26px}
.arch-head--band .arch-head__desc{color:rgba(255,255,255,.9)}
.arch-head--underline .arch-head__title{display:inline-block;padding-bottom:6px;border-bottom:4px solid var(--cat-accent)}
.arch-head--boxed{border-bottom:2px solid var(--c-accent)}
.arch-head--boxed .arch-head__title{display:inline-block;padding:8px 14px 6px;background:var(--cat-accent);color:#fff;font-size:19px;letter-spacing:.1em;text-transform:uppercase}
.arch-head--oversized .arch-head__title{font-size:clamp(42px,8vw,78px);line-height:.95;letter-spacing:-.03em;color:var(--cat-accent)}
.arch-head--oversized::after{content:"";display:block;width:64px;height:4px;margin-top:14px;background:var(--c-accent-2)}
.arch-head .search-form{margin:14px 0 0}

/* Archive layouts */
.arch{display:grid;gap:var(--gap)}
@media (min-width:600px){.arch--a1,.arch--a4,.arch--a7,.arch--a5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.arch--a1,.arch--a4,.arch--a7{grid-template-columns:repeat(3,minmax(0,1fr))}}
.arch__lead{grid-column:1/-1}
.arch--a2,.arch--a3,.arch--search,.arch--a6{gap:0}
.item{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:16px;padding-block:16px;border-bottom:1px solid var(--c-border)}
.item:first-child{padding-top:0}
.item--thumb-left{grid-template-columns:34% minmax(0,1fr)}
.item--thumb-none{grid-template-columns:1fr}
.item--thumb-right .item__media{order:2}
.item__media{display:block;aspect-ratio:16/10;overflow:hidden;align-self:start;background:var(--c-tint)}
.item__title{font:700 18px/1.3 var(--f-head);margin-block:2px 6px}
.item__excerpt{font-size:14.5px;color:var(--c-muted);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:600px){.item{grid-template-columns:minmax(0,1fr) 240px}.item--thumb-left{grid-template-columns:240px minmax(0,1fr)}.item--thumb-none{grid-template-columns:1fr}}
.crow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-block:12px;border-bottom:1px solid var(--c-border)}
.crow:first-child{padding-top:0}
.crow__date{font:700 12px/1.4 var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent-2)}
.crow__title{font:700 16.5px/1.35 var(--f-head)}
.crow__excerpt{font-size:14px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:600px){.crow{grid-template-columns:130px minmax(0,1fr);gap:16px}}
mark{background:var(--c-tint-red);color:inherit;padding:0 2px}
.empty{padding:24px;border:1px dashed #a3a3a3;color:var(--c-muted)}

/* Wire archive: FIXED network design (identical on every site, only the accent color varies) */
.wire-head{padding-top:24px}
.wire-head::after{content:"";display:block;height:2px;margin-block:12px 0;background:#000}
.wire-logo--archive{display:block;width:auto;max-width:100%;height:auto;max-height:40px}
.wire-logo--text{display:block;font:700 28px/1.2 var(--f-head);color:#161616}
@media (min-width:768px){.wire-logo--archive{max-height:56px}}
.wire-archive>.layout{padding-top:20px}
.wire-grid{display:grid;gap:25px}
@media (min-width:600px){.wire-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wire-card{min-width:0;padding:26px;background:#fff;border:1px solid #efefef;border-radius:10px;box-shadow:0 2px 15px -1px rgba(0,0,0,.06);font-family:var(--f-head)}
.wire-card__cat{display:inline-block;font:500 12px/1.5 var(--f-head);letter-spacing:.6px;text-transform:uppercase;color:var(--c-accent-2);text-decoration:none}
.wire-card__cat:hover{text-decoration:underline}
.wire-card__title{margin:14px 0;font:700 18px/1.36 var(--f-head);color:#161616;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wire-card__title a{color:inherit;text-decoration:none}
.wire-card__title a:hover{color:var(--c-accent-2)}
.wire-card .wire-card__date{display:block;font:400 12px/1.35 var(--f-head);letter-spacing:.24px;text-transform:uppercase;color:#8a8a8a}
.wire-card__excerpt{margin-top:16px;font:400 15px/24px var(--f-head);color:#505050;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wire-archive .pagination{margin-top:30px}
.wire-archive .pagination ul{gap:5px}
.wire-archive .pagination a,.wire-archive .pagination span{min-width:32px;min-height:32px;padding:0 9px;border:1px solid #efefef;border-radius:2px;background:#fff;font:500 13px var(--f-head);color:#161616}
.wire-archive .pagination .current{background:var(--c-accent-2);border-color:var(--c-accent-2);color:#fff}
.wire-archive .pagination a:hover{border-color:var(--c-accent-2);color:var(--c-accent-2)}
.wire-archive .pagination .dots{border:0;background:none}
@media (pointer:coarse){.wire-archive .pagination a,.wire-archive .pagination span{min-width:44px;min-height:44px}}
.wire-logo--badge{display:block;width:auto;height:auto;max-height:32px;max-width:220px}

.sticky,.bypostauthor{position:relative}
.gallery-caption{font-size:13px;color:var(--c-muted);text-align:center}

/* No holes: when a grid ends on a partial row, the last card spans the leftover columns */
@media (min-width:600px) and (max-width:1279px){.arch--a1>:last-child:nth-child(odd),.arch--a7>:last-child:nth-child(odd),.arch--a4>:last-child:nth-child(even),.arch--a5>:last-child:nth-child(even){grid-column:1/-1}}
@media (min-width:1280px){.arch--a5>:last-child:nth-child(even){grid-column:1/-1}.arch--a1>:last-child:nth-child(3n+1),.arch--a7>:last-child:nth-child(3n+1),.arch--a4>:last-child:nth-child(3n+2){grid-column:1/-1}.arch--a1>:last-child:nth-child(3n+2),.arch--a7>:last-child:nth-child(3n+2),.arch--a4>:last-child:nth-child(3n){grid-column:span 2}}
@media (min-width:600px) and (max-width:1023px){.grid--3>:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:1024px){.grid--3>:last-child:nth-child(3n+1){grid-column:1/-1}.grid--3>:last-child:nth-child(3n+2){grid-column:span 2}}

/* Pagination */
.pagination{margin-top:28px}
.pagination ul{display:flex;flex-wrap:wrap;gap:6px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--c-border);background:var(--c-surface);font:700 14px var(--f-head);text-decoration:none}
.pagination a:hover{border-color:var(--c-accent-2);color:var(--c-accent-2)}
.pagination .current{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.pagination .dots{border:0;background:none}

/* Single */
.entry__header{margin-bottom:20px}
.entry__kicker{margin-bottom:14px}
/* Text label only: a 44px tap area without extra visual space. Never on the wire logo badge. */
.entry__kicker:has(> .cat-label){margin-block:-12px -4px}
.entry__kicker .cat-label{display:inline-flex;align-items:center;min-height:44px}
.entry__title{font:700 18px/1.35 var(--f-head)}
.entry__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;color:var(--c-muted)}
.entry--s2 .entry__meta{padding-bottom:12px;border-bottom:1px solid var(--c-border);position:relative}
.entry--s2 .entry__meta::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--cat-accent)}
.entry__updated time{font-size:inherit}
.entry__content{font-size:16px;line-height:1.7;overflow-wrap:break-word}
.entry__content>*+*{margin-top:1.15em}
.entry__content p{margin:0 0 1.15em;font-size:16px;line-height:1.7;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.entry__content p:last-child{margin-bottom:0}
.entry__content li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.entry__content :is(h2,h3,h4,h5,h6){font:700 16px/1.4 var(--f-head);margin-top:1.5em}
.entry__content a{color:var(--c-accent-2);text-decoration:underline;text-underline-offset:2px}
.entry__content a:hover{color:var(--c-accent-2-hover)}
.entry__content ul,.entry__content ol{padding-left:1.4em}
.entry__content ul{list-style:disc}
.entry__content ol{list-style:decimal}
.entry__content li+li{margin-top:.35em}
.entry__content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--c-accent-2);font-style:italic;color:#333}
.entry__content img,.entry__content video{max-width:100%;height:auto}
:is(body:not(.cat-wire),body.wire-editorial-style) .entry__content img:not(.is-small){display:block;width:100%;height:auto;margin-inline:0;float:none}
:is(body:not(.cat-wire),body.wire-editorial-style) .entry__content :is(figure,.wp-caption,.wp-block-image):has(img:not(.is-small)){width:100%!important;max-width:100%!important;margin-inline:0;float:none}
.entry__content figure{margin:1.4em 0}
.entry__content figcaption,.entry__content .wp-caption-text,.entry__content .gallery-caption,.entry__content .wp-element-caption{font-size:13px;color:var(--c-muted);margin-top:6px;text-align:center}
.entry__content .wp-caption{max-width:100%}
.entry__content iframe{max-width:100%;border:0}
.entry__content iframe[src*="youtube"],.entry__content iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
.entry__content pre{overflow-x:auto;padding:12px;background:var(--c-tint);font-size:14px}
.entry__content hr{border:0;border-top:1px solid var(--c-border)}
.table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--c-border)}
.entry__content table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.entry__content th,.entry__content td{padding:8px 10px;border-bottom:1px solid var(--c-border);text-align:left;vertical-align:top}
.entry__content th{background:var(--c-tint);font-weight:600}
.alignleft{float:left;margin:0 1em 1em 0}
.alignright{float:right;margin:0 0 1em 1em}
.aligncenter{display:block;margin-inline:auto}
.page-links{margin-top:18px;font-weight:600}
.share{display:flex;flex-wrap:wrap;gap:8px;margin-block:28px 8px;padding-top:16px;border-top:1px solid var(--c-border)}
.share__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font:700 13px var(--f-head);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.share__btn:hover{border-color:var(--c-accent-2);color:var(--c-accent-2)}
.related{margin-top:32px}
.related__title{padding-top:10px;margin-bottom:16px;font:800 16px/1.3 var(--f-head);letter-spacing:.06em;text-transform:uppercase}
.entry--page .entry__title,.entry--contact .entry__title{font-size:28px;font-weight:800}

/* Sidebar */
.side-block{margin-bottom:28px}
.side-block__title{margin-bottom:12px;padding-top:10px;font:800 14px/1.25 var(--f-head);letter-spacing:.08em;text-transform:uppercase}
.side-list>li{padding-block:10px;border-bottom:1px solid var(--c-border)}
.side-list>li:first-child{padding-top:0}
.side-list>li:last-child{border-bottom:0;padding-bottom:0}
.side-list__link{display:block;font:700 14.5px/1.35 var(--f-head)}
.side-list .post-date{display:block;margin-top:3px;font-size:12px}
.side-list--thumbs>li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start}
.side-list__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--c-tint)}
.side-block__more{margin-top:10px}
.side-block__more a{display:inline-flex;align-items:center;min-height:44px;font:700 13px var(--f-head);letter-spacing:.04em;text-transform:uppercase;color:var(--c-accent-2);text-decoration:none}
.side-block__more a:hover{text-decoration:underline}
.cat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cat-list a{display:flex;align-items:center;min-height:44px;height:100%;padding:8px 12px;border:1px solid var(--c-border);border-radius:6px;border-inline-start:3px solid var(--cat-accent);background:var(--c-surface);font:700 13.5px/1.2 var(--f-head);text-decoration:none}
.cat-list a:hover,.cat-list [aria-current]{background:var(--c-tint);color:var(--cat-accent)}
.cat-list>li:last-child:nth-child(odd){grid-column:1/-1}
.localtime{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}
.side-block .localtime .flag{grid-row:span 2;width:36px;height:24px;box-shadow:0 0 0 1px var(--c-border)}
.localtime__now{display:flex;align-items:baseline;gap:8px}
.side-block .localtime__clock{font:800 30px/1 var(--f-head);font-variant-numeric:tabular-nums;color:var(--c-accent)}
.localtime__day{font:600 14px var(--f-head)}
.localtime__date{font-size:13px;color:var(--c-muted)}
.localtime__facts{display:flex;gap:18px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--c-border);font-size:13px}
.localtime__facts dt{color:var(--c-muted)}
.localtime__facts dd{margin:0;font-weight:600}
.widget ul{list-style:none}

/* Newsletter (Jetpack form restyled inside the wrapper) */
.newsletter{margin-bottom:28px;padding:18px;background:var(--c-accent);color:#fff;border-top:4px solid var(--c-accent-2)}
.newsletter__title{font:800 17px/1.3 var(--f-head);margin-bottom:12px}
.newsletter form,.newsletter .wp-block-jetpack-subscriptions__form{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.newsletter p{margin:0}
.newsletter input[type=email]{flex:1 1 180px;width:100%;min-height:44px;padding:8px 12px!important;border:0!important;border-radius:var(--r)!important;font:inherit!important;font-size:16px!important;color:var(--c-text)!important;background:#fff!important}
.newsletter button,.newsletter input[type=submit]{min-height:44px;padding:0 16px!important;border:0!important;border-radius:var(--r)!important;background:var(--c-accent-2)!important;color:#fff!important;font:700 15px var(--f-head)!important;cursor:pointer}
.newsletter .jetpack-subscribe-count,.newsletter .wp-block-jetpack-subscriptions__subscount{display:none!important}

/* Contact */
.contact{display:grid;gap:28px}
@media (min-width:768px){.contact{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
.form__row{margin-bottom:14px}
.form__row label{display:block;margin-bottom:5px;font:700 14px var(--f-head)}
.form input[type=text],.form input[type=email],.form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #8c8c8c;border-radius:var(--r);background:#fff;color:var(--c-text);font:inherit;font-size:16px}
.form textarea{resize:vertical}
.form__row--check{display:flex;gap:10px;align-items:flex-start}
.form__row--check input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--c-accent-2)}
.form__row--check label{margin:0;font-weight:500}
.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{margin-bottom:16px;padding:12px 14px;font-weight:500}
.notice--success{background:var(--c-tint);color:var(--c-accent);border:1px solid #c9c9c9}
.notice--error{background:var(--c-tint-red);color:var(--c-maroon);border:1px solid #e9b3b3}
.contact__details{padding:18px;border-top:4px solid var(--c-accent-2);background:var(--c-tint);align-self:start}
.contact__details h2{font:800 18px var(--f-head);margin-bottom:8px}
.contact__details p+p{margin-top:10px}
.contact__country{display:flex;align-items:center;gap:8px;font-weight:600}
.contact__country .flag{width:30px;height:20px}

/* 404 */
.notfound{max-width:640px;margin:var(--sec) auto;text-align:center}
.notfound__title{font:800 28px/1.2 var(--f-head);margin-bottom:10px}
.notfound p{margin-bottom:16px;color:var(--c-muted)}

/* Footer (F1: Home | Contact Us and Back to top) */
.site-footer{margin-top:var(--sec);background:var(--c-deep);color:var(--c-on-dark);border-top:3px solid var(--c-accent-2)}
.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;min-height:64px;padding-block:14px;font-size:13.5px}
.site-footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.site-footer__links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer__links .to-top{gap:6px;margin-inline-start:12px;padding:0 14px;border:1px solid rgba(255,255,255,.35);text-decoration:none;font:700 12.5px var(--f-head);letter-spacing:.06em;text-transform:uppercase}
.site-footer__links .to-top:hover{border-color:var(--c-accent-2);background:var(--c-accent-2)}
.js .site-footer__links .to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;margin:0;background:var(--c-accent);border-color:var(--c-accent);box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
.js .site-footer__links .to-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease}
.js .site-footer__links .to-top:hover{background:var(--c-accent-2);border-color:var(--c-accent-2)}
.site-footer :focus-visible{outline-color:#fff}

/* Wide screens */
@media (min-width:1440px){:root{--gap:22px}}
@media (min-width:1920px){.brand{padding-block:18px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.navbar,.ticker,.cstrip,.sidebar,.share,.related,.site-footer__links{display:none}}
