/*
Theme Name: XSMag Intelligence Magazine
Theme URI: https://xsmag.co.uk/
Author: XSMag
Description: Editorial WordPress theme with XSMag Intelligence Studio admin experience.
Version: 2.2.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: xsmag-editorial
*/
:root{--ink:#151319;--red:#ed2454;--paper:#f7f4ef;--muted:#77727a;--line:#e4dfda}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1300px,calc(100% - 40px));margin:auto}.topline{background:#131218;color:#fff;font-size:12px;letter-spacing:.13em;text-transform:uppercase;padding:10px 0}.topline .wrap{display:flex;justify-content:space-between;gap:12px}.site-head{background:#fff;border-bottom:1px solid var(--line)}.headin{display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:20px}.brand{font-family:Georgia,serif;font-weight:bold;font-size:42px;letter-spacing:-.065em}.brand span{color:var(--red)}.headtag{font-size:12px;color:var(--muted);text-align:right;max-width:280px}.nav{border-top:1px solid var(--line)}.nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:28px}.nav a{display:block;padding:16px 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.065em}.nav a:hover{color:var(--red)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;margin:34px 0 55px}.hero-story{position:relative;min-height:430px;overflow:hidden;background:#28212b}.hero-story img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-story:after{content:"";background:linear-gradient(transparent,rgba(0,0,0,.8));position:absolute;inset:0}.hero-caption{position:absolute;bottom:0;color:#fff;z-index:1;padding:30px}.eyebrow{font-size:11px;color:var(--red);font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-caption .eyebrow{color:#ff7e9c}.hero h1{font:700 clamp(31px,3.2vw,54px)/1.07 Georgia,serif;letter-spacing:-.035em;margin:12px 0}.hero-side{display:grid;gap:16px}.side-story{display:grid;grid-template-columns:42% 1fr;background:#fff;min-height:130px}.side-story img{width:100%;height:100%;object-fit:cover}.side-copy{padding:18px}.side-copy h3{font:700 21px/1.12 Georgia,serif;margin:8px 0}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:2px solid var(--ink);padding-top:18px;margin:38px 0 20px;gap:20px}.section-head h2{font:700 clamp(28px,3vw,41px)/1.1 Georgia,serif;margin:0}.more{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story{background:#fff;min-width:0}.story-image{display:block;aspect-ratio:16/10;background:linear-gradient(130deg,#251621,#a62b54);overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story:hover .story-image img{transform:scale(1.04)}.story-body{padding:19px}.story h3{font:700 25px/1.13 Georgia,serif;margin:9px 0}.story p{font-size:14px;line-height:1.6;color:#57515b;margin:8px 0}.promo{background:#17151b;color:white;margin:55px 0;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:24px}.promo h2{font:700 40px/1.08 Georgia,serif;margin:8px 0}.promo p{max-width:650px;line-height:1.6;color:#d6ced5}.btn{display:inline-block;border:0;background:var(--red);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:17px 22px;white-space:nowrap}.desk{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:25px 0 55px;background:#fff}.desk a{padding:23px;border-right:1px solid var(--line)}.desk a:last-child{border-right:0}.desk strong{font:700 25px Georgia,serif;display:block;margin-bottom:8px}.desk small{color:#777;line-height:1.5}.footer{background:#101014;color:#fff;margin-top:70px;padding:55px 0}.footer .brand{font-size:35px}.footer p{color:#aaa;font-size:13px}.article{max-width:820px;margin:45px auto}.article h1{font:700 clamp(40px,5vw,67px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:13px 0}.article .meta{color:#777;font-size:13px;margin:18px 0 25px}.article .cover{width:100%;max-height:550px;object-fit:cover}.article .content{font:19px/1.85 Georgia,serif}.article .content img{margin:20px 0}.article .content a{text-decoration:underline;color:#bc2050}.page-content{max-width:850px;margin:65px auto;min-height:45vh}.page-content h1{font:700 52px Georgia,serif}.placeholder{background:linear-gradient(120deg,#251b2a,#a83260);min-height:100%;display:grid;place-items:center;color:white;font:bold 11px Arial;letter-spacing:.12em;text-transform:uppercase}.empty{padding:45px;background:#fff;color:#777}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-story{min-height:370px}.cards{grid-template-columns:repeat(2,1fr)}.desk{grid-template-columns:repeat(2,1fr)}.promo{display:block}.nav ul{gap:16px}}@media(max-width:580px){.wrap{width:calc(100% - 28px)}.headin{padding:13px 0}.brand{font-size:32px}.topline{font-size:9px}.headtag{display:none}.cards{grid-template-columns:1fr}.hero-story{min-height:340px}.side-story{min-height:125px}.desk{grid-template-columns:1fr}.desk a{border-right:0;border-bottom:1px solid var(--line)}.article h1{font-size:39px}.promo{padding:28px}}

/* Edition 2.0: editorial architecture and commercial landing pages */
:root{--red:#e83859;--ink:#151218;--paper:#faf8f4}
:focus-visible{outline:3px solid #e83859;outline-offset:3px}body{overflow-wrap:anywhere}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.075em}
.nav a{position:relative}.nav a:hover:after,.nav .current-menu-item a:after{content:"";position:absolute;bottom:9px;left:0;right:0;height:2px;background:var(--red)}
.site-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:36px 0 10px;border-bottom:1px solid var(--line);padding-bottom:20px}.site-intro .lead{font:700 clamp(25px,3vw,44px)/1.12 Georgia,serif;max-width:680px;letter-spacing:-.025em}.site-intro p{color:#777;max-width:300px;font-size:13px;line-height:1.6}
.feature-section{margin:55px 0}.feature-section .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-label{color:var(--red);text-transform:uppercase;font:800 11px Arial;letter-spacing:.13em}
.promo{border-radius:12px;background:linear-gradient(115deg,#18151b,#3a1c31)}.promo .btn{border-radius:4px}
.commercial-hero{margin:42px 0;background:radial-gradient(circle at 90% 15%,#64283b,transparent 38%),#17151b;color:#fff;padding:clamp(28px,6vw,75px);border-radius:14px}.commercial-hero h1{font:700 clamp(40px,6vw,80px)/1.04 Georgia,serif;max-width:800px;margin:15px 0}.commercial-hero p{color:#e2d9df;line-height:1.7;max-width:740px;font-size:17px}.commercial-hero .eyebrow{color:#ff7d9c}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 50px}.service{background:#fff;padding:28px;border:1px solid var(--line);border-radius:10px}.service strong{font:700 25px Georgia,serif}.service p{color:#68616a;line-height:1.7}.service .eyebrow{display:block;margin-bottom:12px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn.alt{background:#fff;color:#18151b}
.article .meta{display:flex;flex-wrap:wrap;gap:12px}.article figure figcaption{font-size:12px;color:#777;line-height:1.5}.article .content{min-width:0}.article .content iframe{max-width:100%}.article .content video{max-width:100%;height:auto}.article .content figure{max-width:100%}.article .content img{height:auto;max-width:100%}.story-image:has(.placeholder) .placeholder{min-height:220px}
.sponsor-tag{background:#ffe9ee;color:#86203d;padding:5px 9px;font:bold 10px Arial;letter-spacing:.06em;text-transform:uppercase;border-radius:3px}
.newsletter-note{padding:18px 0;margin:35px 0;border-top:1px solid var(--line);font-size:13px;color:#777}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.site-intro{display:block}}@media(max-width:600px){.service-grid,.feature-section .cards{grid-template-columns:1fr}.commercial-hero h1{font-size:40px}.site-intro{margin-top:25px}}

/* v2.1 richer editorial category discovery without overcrowding primary navigation */
.explore-toggle{margin-left:auto;position:relative}.explore-toggle summary{cursor:pointer;display:block;padding:16px 0;font-size:12px;letter-spacing:.06em;font-weight:800;text-transform:uppercase}.explore-toggle[open] summary{color:var(--red)}
.explore-panel{position:absolute;top:100%;right:0;z-index:50;width:min(920px,calc(100vw - 30px));max-height:min(72vh,720px);overflow:auto;background:#fff;box-shadow:0 18px 55px #0003;padding:20px;border:1px solid var(--line);border-radius:0 0 12px 12px}
.explore-panel .section-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nav .wrap{display:flex;align-items:center;gap:20px}.nav .menu-primary-container{flex:1}.nav ul{gap:18px}.directory-group{padding:16px;background:#fff;border:1px solid var(--line);border-radius:9px}.directory-group h2{font:700 22px/1.2 Georgia,serif;margin:0 0 12px}.directory-group ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.directory-group li a{color:#68616a;font-size:13px}.directory-group a:hover{color:var(--red)}.section-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 50px}.explore-panel .directory-group{padding:8px 12px;border:0;border-left:2px solid #f0d9df}.explore-panel .directory-group h2{font-size:18px}.explore-panel .directory-group li a{padding:0;font-weight:400;text-transform:none;letter-spacing:0}
.sections-hero{padding:45px 0 20px;border-bottom:2px solid var(--ink)}.sections-hero h1{font:700 clamp(40px,5vw,70px)/1 Georgia,serif;margin:10px 0}.sections-hero p{color:#666;max-width:680px;line-height:1.6}.section-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 28px}.section-chips a{display:inline-block;padding:9px 13px;border:1px solid var(--line);border-radius:30px;background:white;font-size:12px;font-weight:700}.section-chips a:hover{border-color:var(--red);color:var(--red)}
@media(max-width:900px){.section-directory,.explore-panel .section-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.nav .wrap{align-items:start}.nav ul{gap:15px}}
@media(max-width:580px){.section-directory,.explore-panel .section-directory{grid-template-columns:1fr}.explore-panel{right:-8px;max-height:70vh}.nav .wrap{display:block}.explore-toggle{display:inline-block}.nav .menu-primary-container{display:block}}

/* v2.2 editorial architecture — original XSMag implementation using established magazine layout conventions */
:root{--paper:#fff;--ink:#171717;--red:#ed3045;--line:#e5e5e8}body.xsmag-editorial-22{background:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.xsmag-editorial-22 .wrap{width:min(1180px,calc(100% - 42px))}.xs-skip{position:absolute;left:-9999px}.xs-skip:focus{position:fixed;z-index:999;left:12px;top:12px;background:#fff;padding:12px}
.xs-top-accent{height:5px;background:#f13b49}.xs-sticky-header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 1px 0 #ddd}.xs-header-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:72px;gap:18px}.xs-header-main .brand{font-size:43px;text-align:center;font-family:Arial,sans-serif;letter-spacing:-.09em}.xs-header-right{display:flex;justify-content:end;align-items:center;gap:16px;font-size:12px;font-weight:700}.xs-subscribe{background:var(--red);color:#fff;padding:11px 16px;border-radius:22px}.xs-search-box form{display:flex;border:1px solid #ccc;border-radius:30px;overflow:hidden;max-width:230px;height:35px}.xs-search-box input[type=search]{width:100%;border:0;padding:8px 12px;font-size:12px;min-width:0;outline:0}.xs-search-box input[type=submit]{border:0;background:#fff;font-size:11px;font-weight:700;padding:0 10px;cursor:pointer}.xs-nav-wrap{justify-content:center;gap:23px;align-items:center}.xsmag-editorial-22 .nav{border-top:1px solid #eee}.xsmag-editorial-22 .nav ul{gap:clamp(12px,1.7vw,28px);justify-content:center}.xsmag-editorial-22 .nav a,.xsmag-editorial-22 .explore-toggle summary{text-transform:none;letter-spacing:0;font-size:12px;font-weight:700;padding:13px 0}.xsmag-editorial-22 .explore-toggle{margin-left:0}.xsmag-editorial-22 .nav a:hover{color:var(--red)}
.xs-news-desk{padding:28px 0 4px}.xs-topstrip{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:2px solid #1b1b1b;padding-top:10px;margin-bottom:16px;color:#6e6e6e;font-size:12px}.xs-lead-layout{display:grid;grid-template-columns: minmax(170px,.65fr) minmax(0,1.58fr) minmax(190px,.72fr);gap:28px}.xs-latest-rail,.xs-right-rail{border-top:1px solid #aaa}.xs-latest-rail h2,.xs-right-rail h2{font-size:19px;margin:11px 0 17px}.xs-mini-news{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eee;font-size:13px;line-height:1.23;font-weight:700}.xs-mini-news img{width:72px;height:65px;object-fit:cover}.xs-mini-news .placeholder{min-height:65px;font-size:8px}.xs-mini-news small{display:block;color:#999;font-size:10px;margin-top:7px;font-weight:400}.xs-lead-article img{width:100%;height:370px;object-fit:cover}.xs-lead-article .placeholder{height:370px}.xs-lead-article .eyebrow{display:block;margin:12px 0 4px}.xs-lead-article h1{font:400 clamp(31px,3vw,47px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:8px 0}.xs-lead-article p{font-size:13px;line-height:1.5}.xs-lead-article small{color:#858585}.xs-rail-story{display:block;padding:12px 0;border-bottom:1px solid #ddd}.xs-rail-story strong{font-size:15px;display:block;line-height:1.3;margin:6px 0}.xs-rail-story small{display:block;color:#666;line-height:1.5}.xs-mag-section{margin:52px 0}.xs-section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-top:13px;border-top:1px solid #dedede;margin:0 0 24px}.xs-section-title h2{font:700 25px/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:0}.xs-section-title a{font-size:12px;font-weight:700}.xs-section-title p{color:#686868;font-size:14px}.xs-most-read,.xs-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xs-most-read{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.xs-pop-image{position:relative;aspect-ratio:4/3;background:#f6f6f6}.xs-pop-image img,.xs-story-tile img{width:100%;height:100%;object-fit:cover}.xs-pop-image .placeholder,.xs-story-tile .placeholder{height:100%;min-height:0}.xs-pop-image span{position:absolute;left:0;top:0;background:#131313;color:#fff;font-size:12px;font-weight:bold;padding:6px 10px;border-radius:50%}.xs-popular h3,.xs-story-tile h3{font:bold 16px/1.24 Arial,sans-serif;letter-spacing:-.03em;margin:8px 0 4px}.xs-popular small,.xs-story-tile small{font-size:11px;color:#888}.xs-spot-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.xs-story-tile{min-width:0}.xs-story-tile>a{display:block}.xs-story-tile>a>img,.xs-story-tile>a>.placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.xs-spot-hero img,.xs-spot-hero .placeholder{aspect-ratio:16/10!important}.xs-spot-hero h3{font:400 clamp(27px,2.8vw,42px)/1.06 Georgia,serif;max-width:650px}.xs-spot-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xs-side-tile h3{font-size:14px}.xs-side-tile .eyebrow{font-size:9px}.xs-story-tile .eyebrow{display:block;margin-top:9px}.xs-editor-picks{background:#f5f5f7;padding:25px;margin-left:-20px;margin-right:-20px}.xs-no-products{color:#666;font-size:13px}.xs-newsletter-panel{text-align:center;padding:45px 25px;margin:55px 0;background:#f4f5f6}.xs-newsletter-panel h2{font:400 clamp(30px,4vw,52px)/1.1 Georgia,serif;margin:12px auto;max-width:730px}.xs-newsletter-panel p{max-width:580px;margin:10px auto 22px;color:#606060;line-height:1.6}.xs-cta{background:#ed3045;color:white!important;border-radius:30px;padding:12px 22px;display:inline-block;font-size:12px;font-weight:800}.xs-commercial-banner{background:#171717;color:#fff;padding:45px; margin:50px 0}.xs-commercial-banner h2{font:400 clamp(32px,4vw,55px)/1.08 Georgia,serif;margin:12px 0}.xs-commercial-banner p{max-width:580px;color:#ddd;line-height:1.6}.xs-ad-slot{margin:38px 0;padding:22px;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#999}.xs-ad-slot span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.xs-ad-slot p{font-size:12px;margin:18px auto;max-width:350px}.xs-new-footer{margin-top:70px;padding:45px 0 25px;background:#f7f7f8;color:#151515;border-top:1px solid #e2e2e2}.xs-footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:26px;border-bottom:1px solid #dcdcdc;gap:30px}.xs-footer-top .brand{font-size:35px}.xs-footer-intro{max-width:460px;color:#666;font-size:13px;line-height:1.6}.xs-footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:30px 0}.xs-footer-columns>div{display:flex;flex-direction:column;gap:13px;font-size:13px;color:#555}.xs-footer-columns strong{color:#151515;margin-bottom:7px;font-size:14px}.xs-footer-columns a:hover{color:var(--red)}.xs-footer-bottom{padding-top:18px;border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#777}.xs-empty-editorial{padding:70px 30px;background:#f6f6f6}.xs-empty-editorial h1{font:400 45px Georgia,serif}
@media(max-width:990px){.xs-lead-layout{grid-template-columns:1fr 1.6fr}.xs-right-rail{display:none}.xs-most-read{grid-template-columns:repeat(3,1fr)}.xs-header-right>a:first-child{display:none}}
@media(max-width:650px){.xsmag-editorial-22 .wrap{width:calc(100% - 28px)}.xs-header-main{grid-template-columns:1fr auto;min-height:64px}.xs-search-box{display:none}.xs-header-main .brand{text-align:left;font-size:36px}.xs-header-right{justify-content:end}.xs-lead-layout{display:flex;flex-direction:column}.xs-lead-article{order:-1}.xs-latest-rail{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.xs-latest-rail h2{grid-column:1/-1}.xs-mini-news{grid-template-columns:50px 1fr;font-size:11px}.xs-mini-news img{width:50px;height:56px}.xs-lead-article img{height:275px}.xs-lead-article .placeholder{height:275px}.xs-most-read,.xs-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-spot-layout{grid-template-columns:1fr}.xs-spot-side{grid-template-columns:repeat(2,minmax(0,1fr))}.xs-footer-columns{grid-template-columns:repeat(2,1fr)}.xs-footer-top,.xs-footer-bottom{display:block}.xs-new-footer .brand{display:block;margin-bottom:10px}.xs-commercial-banner{padding:25px}.xs-nav-wrap{display:flex;overflow-x:auto;justify-content:flex-start}.xs-default-menu{flex-wrap:nowrap!important;white-space:nowrap}.xsmag-editorial-22 .nav ul{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.xs-story-tile *, .xs-popular *{animation:none!important;transition:none!important}}