/* Each style shares the same articles, editorial placements and theme controls. */
.masthead{display:grid;grid-template-columns:210px minmax(0,1fr) 210px}
.mast-note,.mast-actions{width:auto}.mast-actions{gap:12px;align-items:center}
.brand{min-width:0;overflow-wrap:anywhere}.style-picker{position:relative;flex-shrink:0}
.style-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:330px;max-width:calc(100vw - 32px);padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);text-align:left}
.style-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 12px/1.5 Arial;margin:0 3px 12px;color:var(--ink)}
.style-menu-heading>span{font:10px Arial;color:var(--muted)}
.style-menu>button{display:flex;width:100%;align-items:center;gap:12px;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--ink)}
.style-menu>button:hover,.style-menu>button[aria-checked=true]{border-color:var(--line);background:var(--paper)}
.style-option-text{flex:1;min-width:0}.style-option-text strong{display:block;font:600 13px/1.5 Arial}.style-option-text small{display:block;font:10px/1.6 Arial;color:var(--muted)}
.style-check{font:18px Arial;color:var(--accent);visibility:hidden}.style-menu>button[aria-checked=true] .style-check{visibility:visible}
.style-menu-note{border-top:1px solid var(--line);margin:10px 3px 0;padding-top:10px;font:10px/1.5 Arial;color:var(--muted)}
.style-sample{width:56px;height:43px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid #c4c5bf;background:#f4f2eb}
.style-sample i{position:absolute;display:block}.sample-classic i:nth-child(1){left:5px;right:5px;top:5px;height:4px;background:#515c35}.sample-classic i:nth-child(2){left:5px;top:13px;width:26px;height:23px;background:#cacbb6}.sample-classic i:nth-child(3){right:5px;top:13px;width:12px;height:23px;background:repeating-linear-gradient(#828675 0 3px,transparent 3px 6px)}
.sample-gallery{background:#fff;border-radius:5px}.sample-gallery i:nth-child(1){left:5px;top:5px;width:18px;height:6px;background:#202a3d}.sample-gallery i:nth-child(2){left:5px;bottom:5px;width:25px;height:24px;border-radius:3px;background:#c4d9f3}.sample-gallery i:nth-child(3){right:5px;top:17px;width:14px;height:18px;background:repeating-linear-gradient(#6985a9 0 2px,transparent 2px 6px)}
.sample-atlas{background:#f6e8d4;border-radius:6px}.sample-atlas i:nth-child(1){left:5px;right:5px;top:6px;bottom:6px;border-radius:5px;background:#9f5736}.sample-atlas i:nth-child(2){left:10px;bottom:11px;width:29px;height:4px;background:#fff1df}.sample-atlas i:nth-child(3){left:10px;bottom:18px;width:20px;height:4px;background:#fff1df}
.sample-studio{background:#f1f1ed;border:2px solid #242424}.sample-studio i:nth-child(1){left:4px;top:5px;width:23px;height:9px;background:#e14535}.sample-studio i:nth-child(2){left:4px;bottom:5px;width:16px;height:13px;background:#242424}.sample-studio i:nth-child(3){right:4px;top:5px;bottom:5px;width:21px;background:#bbbdb5}
.lead-story,.side-story,.story-card,.gallery-item{overflow-wrap:anywhere}

/* GALERI: clean art publication, a split feature and airy photo cards. */
html[data-style=gallery]{--paper:#f9fbfe;--surface:#fff;--ink:#18283b;--muted:#5e6c7b;--line:#dce4ec;--shadow:0 18px 65px #12335420}
html[data-style=gallery][data-theme=dark]{--paper:#131b25;--surface:#1b2735;--ink:#eef5fc;--muted:#acbbcc;--line:#354456;--shadow:0 18px 65px #0008}
html[data-style=gallery] h1,html[data-style=gallery] h2,html[data-style=gallery] h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-1px}
html[data-style=gallery] .edition{border:0;letter-spacing:1.8px}
html[data-style=gallery] .masthead{grid-template-columns:minmax(0,1fr) auto;padding:28px 0 35px}
html[data-style=gallery] .mast-note{display:none}
html[data-style=gallery] .brand{text-align:left;font:600 clamp(38px,4.4vw,58px)/1 Arial;letter-spacing:-3px}
html[data-style=gallery] .brand-sub{letter-spacing:2px}
html[data-style=gallery] .main-nav{border:0;border-bottom:1px solid var(--line);padding-bottom:14px}
html[data-style=gallery] .categories{gap:8px}
html[data-style=gallery] .categories button{padding:10px 19px;border-radius:30px;min-height:40px}
html[data-style=gallery] .categories button.active{background:var(--ink);color:var(--paper)}
html[data-style=gallery] .categories button.active:after{display:none}
html[data-style=gallery] .issue-heading{padding:34px 0 28px}
html[data-style=gallery] .lead-grid{display:block;border-color:var(--line);padding-bottom:32px}
html[data-style=gallery] .lead-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:45px}
html[data-style=gallery] .lead-story .image-frame{aspect-ratio:1.22;border-radius:22px}
html[data-style=gallery] .lead-content{padding:18px 0}
html[data-style=gallery] .lead-content h2{font-size:clamp(31px,3.45vw,46px);letter-spacing:-1.8px}
html[data-style=gallery] .lead-content p{font-size:15px;line-height:1.85}
html[data-style=gallery] .image-number{background:var(--surface);color:var(--ink);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font:600 12px Arial;text-shadow:none}
html[data-style=gallery] .side-stories{grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:0;margin-top:36px;gap:32px}
html[data-style=gallery] .side-story{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:center;border:0;padding:0}
html[data-style=gallery] .side-story+.side-story{border:0;padding:0}
html[data-style=gallery] .side-story .image-frame{aspect-ratio:1;border-radius:16px;margin:0}
html[data-style=gallery] .side-story h3{font-size:22px}
html[data-style=gallery] .side-story p{display:none}
html[data-style=gallery] .story-card{display:block;border:0;padding:0}
html[data-style=gallery] .story-card .image-frame{aspect-ratio:1.85;border-radius:18px}
html[data-style=gallery] .story-card .card-content{padding:22px 4px 12px}
html[data-style=gallery] .story-card h3{font-size:29px;max-width:520px}
html[data-style=gallery] .route-note{border:0;border-radius:22px;background:var(--accent-soft);padding:30px 36px;margin-top:24px}
html[data-style=gallery] .button{border-radius:25px}
html[data-style=gallery] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html[data-style=gallery] .gallery-item:nth-child(even){padding:0}
html[data-style=gallery] .gallery-item .image-frame{aspect-ratio:1.3;border-radius:16px}
html[data-style=gallery] .gallery-item p{font:600 17px Arial}
html[data-style=gallery] .article-page{max-width:1020px}
html[data-style=gallery] .article-title{max-width:950px;letter-spacing:-2.5px}
html[data-style=gallery] .article-intro,html[data-style=gallery] .article-prose{font-family:Arial,Helvetica,sans-serif}
html[data-style=gallery] .article-prose{font-size:18px;line-height:1.9}
html[data-style=gallery] .article-prose p:first-child:first-letter{float:none;font:inherit;color:inherit;padding:0}
html[data-style=gallery] .article-cover img{border-radius:20px}
html[data-style=gallery] .footer-brand{font:600 28px Arial}
html[data-style=gallery] .site-footer{border-top:1px solid var(--line)}

/* ATLAS: warm travel journal, immersive photographic cover and rounded cards. */
html[data-style=atlas]{--paper:#f8eedf;--surface:#fffaf2;--ink:#3c2e22;--muted:#756452;--line:#decfba;--accent:#9d4b28;--accent-soft:#efddc5;--on-accent:#fff8ee;--shadow:0 20px 70px #633c2024}
html[data-style=atlas][data-theme=dark]{--paper:#241e18;--surface:#302820;--ink:#f8ead7;--muted:#c4ad94;--line:#544435;--accent:#eab783;--accent-soft:#423326;--on-accent:#302012;--shadow:0 20px 70px #0008}
html[data-style=atlas][data-accent=burgundy]{--accent:#89434e;--accent-soft:#ecd9d8}
html[data-style=atlas][data-accent=blue]{--accent:#3c6672;--accent-soft:#dae5e2}
html[data-style=atlas][data-theme=dark][data-accent=burgundy]{--accent:#e4a6b4;--accent-soft:#422b33}
html[data-style=atlas][data-theme=dark][data-accent=blue]{--accent:#8ec5df;--accent-soft:#263b47}
html[data-style=atlas] .edition{border:0}
html[data-style=atlas] .brand{font-style:italic;font-size:clamp(39px,4.8vw,64px);letter-spacing:-2.8px}
html[data-style=atlas] .brand-sub{font-style:normal;letter-spacing:1.8px}
html[data-style=atlas] .main-nav{border:1px solid var(--line);border-radius:35px;padding:2px 24px;background:var(--surface)}
html[data-style=atlas] .categories{gap:30px}
html[data-style=atlas] .categories button.active:after{bottom:6px;left:25%;right:25%;height:2px}
html[data-style=atlas] .issue-heading{padding:30px 0 25px}
html[data-style=atlas] .lead-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;border:0;padding-bottom:14px}
html[data-style=atlas] .lead-story{position:relative;display:grid;border-radius:26px;overflow:hidden;background:#292218;min-height:640px}
html[data-style=atlas] .lead-story>a{grid-area:1/1}
html[data-style=atlas] .lead-story .image-frame{aspect-ratio:auto;height:100%;min-height:640px}
html[data-style=atlas] .lead-story .image-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#15100b66 40%,#15100bed 100%);pointer-events:none}
html[data-style=atlas] .lead-story .image-number{z-index:1;top:24px;left:28px;border:1px solid #ffffff70;border-radius:30px;padding:5px 12px}
html[data-style=atlas] .lead-content{grid-area:1/1;align-self:end;z-index:1;position:relative;padding:38px;color:#fff8ee;pointer-events:none}
html[data-style=atlas] .lead-content a{pointer-events:auto}
html[data-style=atlas] .lead-content h2{font-size:clamp(35px,3.7vw,49px);line-height:1.08;letter-spacing:-1.3px}
html[data-style=atlas] .lead-content p{color:#e8ded1;font-size:14px}
html[data-style=atlas] .lead-content .eyebrow,html[data-style=atlas] .lead-content .read-link{color:#f6c494}
html[data-style=atlas] .lead-content .location,html[data-style=atlas] .lead-content .story-meta{color:#e8ded1}
html[data-style=atlas] .lead-content a:hover{color:#f6c494}
html[data-style=atlas] .side-stories{border:0;padding:0;gap:24px}
html[data-style=atlas] .side-story{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:0}
html[data-style=atlas] .side-story+.side-story{border:1px solid var(--line);padding:0}
html[data-style=atlas] .side-story .image-frame{aspect-ratio:2.3;margin:0}
html[data-style=atlas] .side-story .card-content{padding:20px 24px}
html[data-style=atlas] .side-story h3{font-size:25px}
html[data-style=atlas] .side-story p{display:none}
html[data-style=atlas] .story-card{display:block;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;padding:0}
html[data-style=atlas] .story-card .image-frame{aspect-ratio:1.95}
html[data-style=atlas] .story-card .card-content{padding:24px 28px}
html[data-style=atlas] .story-card h3{font-size:30px}
html[data-style=atlas] .button{border-radius:30px}
html[data-style=atlas] .route-note{background:var(--accent-soft);border:0;border-radius:22px;padding:30px 35px;margin-top:24px}
html[data-style=atlas] .route-mark{font-style:italic;transform:rotate(8deg)}
html[data-style=atlas] .gallery-grid{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;padding-bottom:20px}
html[data-style=atlas] .gallery-item{flex:0 0 240px;scroll-snap-align:start}
html[data-style=atlas] .gallery-item:nth-child(even){padding:0}
html[data-style=atlas] .gallery-item .image-frame{aspect-ratio:.85;border-radius:100px 100px 16px 16px}
html[data-style=atlas] .gallery-item p{font-size:20px}
html[data-style=atlas] .article-title{font-style:italic}
html[data-style=atlas] .article-cover img{border-radius:22px}
html[data-style=atlas] .article-source{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--surface)}
html[data-style=atlas] .tags span{border:1px solid var(--line);border-radius:20px;padding:6px 13px}
html[data-style=atlas] .site-footer{border-color:var(--line)}

/* STUDIO: graphic culture magazine, typography first and strict geometry. */
html[data-style=studio]{--paper:#f1f1eb;--surface:#fff;--ink:#20231f;--muted:#64665c;--line:#b9bdb2;--accent:#b63828;--accent-soft:#f0ded3;--on-accent:#fff;--shadow:8px 8px 0 #20231f22}
html[data-style=studio][data-theme=dark]{--paper:#161917;--surface:#242924;--ink:#f1f3e9;--muted:#afb9aa;--line:#566052;--accent:#ffac86;--accent-soft:#422d24;--on-accent:#271b14;--shadow:8px 8px 0 #0006}
html[data-style=studio][data-accent=burgundy]{--accent:#863d4b;--accent-soft:#f0e1e4}
html[data-style=studio][data-accent=blue]{--accent:#34617b;--accent-soft:#e0ebf1}
html[data-style=studio][data-theme=dark][data-accent=burgundy]{--accent:#e4a6b4;--accent-soft:#422b33}
html[data-style=studio][data-theme=dark][data-accent=blue]{--accent:#8ec5df;--accent-soft:#263b47}
html[data-style=studio] h1,html[data-style=studio] h2,html[data-style=studio] h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.06;letter-spacing:-1.4px}
html[data-style=studio] .edition{border-bottom:2px solid var(--ink);font-size:10px;font-weight:700}
html[data-style=studio] .masthead{grid-template-columns:minmax(0,1fr) auto;padding:25px 0}
html[data-style=studio] .mast-note{display:none}
html[data-style=studio] .brand{font:800 clamp(39px,4.8vw,65px)/.95 Arial;letter-spacing:-3.5px;text-transform:uppercase;text-align:left}
html[data-style=studio] .brand-sub{font-weight:400;letter-spacing:2px}
html[data-style=studio] .main-nav{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
html[data-style=studio] .categories button{font-weight:700;text-transform:uppercase;letter-spacing:.8px}
html[data-style=studio] .categories button.active:after{height:5px;bottom:-2px}
html[data-style=studio] .issue-heading{padding:28px 0}.issue-count{flex-shrink:0}
html[data-style=studio] .lead-grid{display:block;border-bottom:2px solid var(--ink);padding-bottom:30px}
html[data-style=studio] .lead-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
html[data-style=studio] .lead-story>a{order:2}
html[data-style=studio] .lead-story .image-frame{aspect-ratio:1.35}
html[data-style=studio] .lead-content{padding:24px 0}
html[data-style=studio] .lead-content h2{font-size:clamp(34px,4.1vw,55px);letter-spacing:-2.5px;margin-bottom:20px}
html[data-style=studio] .lead-content .eyebrow{background:var(--accent);color:var(--on-accent);padding:5px 9px;letter-spacing:1.4px}
html[data-style=studio] .image-number{top:0;left:0;background:var(--ink);color:var(--paper);font:800 23px Arial;text-shadow:none;padding:11px 14px}
html[data-style=studio] .side-stories{border:0;border-top:2px solid var(--ink);padding:24px 0 0;margin-top:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
html[data-style=studio] .side-story{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:0;border:0;align-items:start}
html[data-style=studio] .side-story+.side-story{padding:0;border:0}
html[data-style=studio] .side-story .image-frame{aspect-ratio:1.05;margin:0}
html[data-style=studio] .side-story h3{font-size:25px;letter-spacing:-.9px}
html[data-style=studio] .side-story p{display:none}
html[data-style=studio] .story-card{grid-template-columns:1fr;gap:0;background:var(--surface);border:1px solid var(--ink);padding:0}
html[data-style=studio] .story-card .image-frame{aspect-ratio:2.2}
html[data-style=studio] .story-card .card-content{padding:24px}
html[data-style=studio] .story-card h3{font-size:31px;letter-spacing:-1px}
html[data-style=studio] .section-heading h2{font-size:38px;text-transform:uppercase}
html[data-style=studio] .route-note{border:0;background:var(--ink);color:var(--paper);padding:30px;margin:24px 0 10px;gap:24px}
html[data-style=studio] .route-note .eyebrow,html[data-style=studio] .route-mark,html[data-style=studio] .route-note p{color:var(--paper)}
html[data-style=studio] .route-note .button{border-color:var(--paper);color:var(--paper)}
html[data-style=studio] .route-note .button:hover{background:var(--paper);color:var(--ink)}
html[data-style=studio] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;counter-reset:gallery}
html[data-style=studio] .gallery-item{position:relative;counter-increment:gallery}
html[data-style=studio] .gallery-item:nth-child(even){padding:0}
html[data-style=studio] .gallery-item .image-frame{aspect-ratio:1.45}
html[data-style=studio] .gallery-item:before{content:counter(gallery,decimal-leading-zero);position:absolute;top:0;left:0;z-index:1;padding:8px 13px;background:var(--accent);color:var(--on-accent);font:800 18px Arial;pointer-events:none}
html[data-style=studio] .gallery-item p{font:700 20px Arial;letter-spacing:-.5px}
html[data-style=studio] .article-title{max-width:950px;font-size:clamp(38px,5.3vw,70px);letter-spacing:-2.5px}
html[data-style=studio] .article-intro{font-family:Arial;max-width:850px}
html[data-style=studio] .article-prose h2{font-size:30px}
html[data-style=studio] .article-cover{border-top:6px solid var(--accent);padding-top:14px}
html[data-style=studio] .article-source{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
html[data-style=studio] .footer-brand{font:800 28px Arial;text-transform:uppercase}
html[data-style=studio] .reveal{animation-name:studio-in}
@keyframes studio-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:1000px){
  .masthead{grid-template-columns:minmax(0,1fr) auto}.mast-note{display:none}.brand{text-align:left}.mast-actions{gap:8px}
  html[data-style=gallery] .lead-story{gap:28px}
  html[data-style=gallery] .side-story,html[data-style=studio] .side-story{grid-template-columns:110px minmax(0,1fr);gap:18px}
  html[data-style=atlas] .lead-content{padding:28px}
  html[data-style=atlas] .lead-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  html[data-style=atlas] .side-story .card-content{padding:20px}
  html[data-style=studio] .lead-story{gap:28px}
}
@media(max-width:720px){
  .masthead,html[data-style=gallery] .masthead,html[data-style=studio] .masthead{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:24px 0 20px}
  .brand,html[data-style=gallery] .brand,html[data-style=atlas] .brand,html[data-style=studio] .brand{grid-column:1/-1;text-align:left;font-size:clamp(35px,7.8vw,52px)}
  .mast-actions{grid-column:1/-1;justify-self:end;margin-top:-9px;gap:10px}
  .mast-actions .icon-button{min-width:44px}.style-menu{top:calc(100% + 9px);right:-54px}
  html[data-style=gallery] .main-nav{padding-bottom:10px}
  html[data-style=gallery] .categories{gap:3px}
  html[data-style=gallery] .categories button{padding:9px 12px;font-size:11px}
  html[data-style=gallery] .lead-story{grid-template-columns:1fr;gap:20px}
  html[data-style=gallery] .lead-story .image-frame{aspect-ratio:1.4;border-radius:16px}
  html[data-style=gallery] .lead-content{padding:0}
  html[data-style=gallery] .lead-content h2{font-size:35px}
  html[data-style=gallery] .side-stories{gap:24px;margin-top:30px}
  html[data-style=gallery] .side-story{display:block}
  html[data-style=gallery] .side-story .image-frame{aspect-ratio:1.3;margin-bottom:16px}
  html[data-style=gallery] .side-story h3{font-size:22px}
  html[data-style=gallery] .story-card h3{font-size:27px}
  html[data-style=gallery] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  html[data-style=gallery] .route-note{padding:25px}
  html[data-style=gallery] .article-title{font-size:39px;letter-spacing:-1.6px}
  html[data-style=atlas] .main-nav{padding:1px 16px}.categories{min-width:0}
  html[data-style=atlas] .categories{gap:16px}
  html[data-style=atlas] .lead-grid{grid-template-columns:1fr;gap:24px}
  html[data-style=atlas] .lead-story,html[data-style=atlas] .lead-story .image-frame{min-height:540px}
  html[data-style=atlas] .lead-content{padding:28px}
  html[data-style=atlas] .lead-content h2{font-size:39px}
  html[data-style=atlas] .side-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;border:0}
  html[data-style=atlas] .side-story .image-frame{aspect-ratio:1.25}
  html[data-style=atlas] .side-story .card-content{padding:18px}
  html[data-style=atlas] .side-story h3{font-size:23px}
  html[data-style=atlas] .story-card h3{font-size:28px}
  html[data-style=atlas] .story-card .card-content{padding:22px}
  html[data-style=atlas] .route-note{padding:25px}
  html[data-style=atlas] .gallery-item{flex-basis:210px}
  html[data-style=studio] .brand{letter-spacing:-2.7px}
  html[data-style=studio] .categories{gap:14px}
  html[data-style=studio] .categories button{font-size:10px;letter-spacing:.5px}
  html[data-style=studio] .lead-story{grid-template-columns:1fr;gap:20px}
  html[data-style=studio] .lead-story>a{order:0}
  html[data-style=studio] .lead-content{padding:0}
  html[data-style=studio] .lead-content h2{font-size:40px;letter-spacing:-1.9px}
  html[data-style=studio] .side-stories{grid-template-columns:1fr;padding-top:24px;gap:24px}
  html[data-style=studio] .side-story{grid-template-columns:120px minmax(0,1fr)}
  html[data-style=studio] .side-story h3{font-size:24px}
  html[data-style=studio] .section-heading h2{font-size:29px}
  html[data-style=studio] .story-card h3{font-size:27px}
  html[data-style=studio] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  html[data-style=studio] .route-note{padding:25px}
  html[data-style=studio] .article-title{font-size:42px;letter-spacing:-1.8px}
}
@media(max-width:450px){
  .style-menu{width:290px}
  html[data-style=gallery] .categories button{padding:8px 9px}
  html[data-style=gallery] .lead-content h2{font-size:32px}
  html[data-style=gallery] .story-grid,html[data-style=atlas] .story-grid,html[data-style=studio] .story-grid{grid-template-columns:1fr}
  html[data-style=gallery] .story-card,html[data-style=atlas] .story-card,html[data-style=studio] .story-card{display:block}
  html[data-style=gallery] .story-card .image-frame{aspect-ratio:1.55}
  html[data-style=atlas] .lead-content{padding:24px}
  html[data-style=atlas] .lead-content h2{font-size:34px}
  html[data-style=atlas] .lead-story,html[data-style=atlas] .lead-story .image-frame{min-height:570px}
  html[data-style=atlas] .side-stories{grid-template-columns:1fr}
  html[data-style=atlas] .side-story{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;border-radius:16px}
  html[data-style=atlas] .side-story .image-frame{aspect-ratio:auto;height:100%;min-height:175px}
  html[data-style=atlas] .side-story h3{font-size:23px}
  html[data-style=atlas] .side-story .card-content{padding:18px 15px}
  html[data-style=atlas] .route-note .button,html[data-style=gallery] .route-note .button,html[data-style=studio] .route-note .button{margin-left:0}
  html[data-style=studio] .lead-content h2{font-size:35px}
  html[data-style=studio] .side-story{grid-template-columns:95px minmax(0,1fr);gap:15px}
  html[data-style=studio] .side-story h3{font-size:22px}
  html[data-style=gallery] .article-title,html[data-style=studio] .article-title{font-size:34px}
  html[data-style=atlas] .main-nav{padding:1px 12px}
  html[data-style=atlas] .categories{gap:12px}
}
/* Publication content uses the existing four styles and their theme palettes. */
.brand-logo{display:inline-block;vertical-align:middle;width:44px;height:44px;object-fit:contain;border-radius:50%;margin-right:12px;letter-spacing:0}
.mast-note{white-space:pre-line}
.main-nav{gap:18px}.categories{min-width:0;overflow-x:auto;flex:1;scrollbar-width:thin;gap:22px}.categories button{flex-shrink:0;white-space:nowrap}
.image-frame img.fit-contain,.article-cover img.fit-contain{object-fit:contain}.image-frame img.fit-contain{background:var(--accent-soft)}
.issue-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:20px}.issue-toolbar .button{min-height:38px;padding:7px 13px;font-size:11px}
.article-inline-image{margin:30px 0}.article-inline-image img{width:auto;max-width:100%;max-height:620px;margin:auto;object-fit:contain}.article-inline-image figcaption{font:11px/1.6 Arial;color:var(--muted);margin-top:12px;text-align:center}
.article-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.word-box{background:var(--accent-soft);border-left:3px solid var(--accent);padding:24px 28px;margin:32px 0}.word-box p:last-child{margin-bottom:0}
html[data-style] .article-prose .word-box h2{font:700 11px/1.7 Arial;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 14px}
.edition-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:35px auto;max-width:700px}.edition-note p{font-size:13px;color:var(--muted);margin:10px 0 18px}
.issue-page{max-width:1000px;margin:35px auto 60px}.issue-reader-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.issue-reader-heading h1{font-size:clamp(35px,4.8vw,58px);margin:10px 0}.issue-reader-heading p{font-size:12px;color:var(--muted)}
.issue-page-nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.issue-page-nav a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);font:600 12px Arial}.issue-page-nav a:hover{background:var(--accent);color:var(--on-accent)}
.issue-sheet{margin:0 0 45px;scroll-margin-top:25px}.issue-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.issue-sheet-heading h2{font-size:20px}.issue-sheet-heading a{white-space:nowrap;font-size:12px;color:var(--accent)}.issue-sheet>img{width:100%;height:auto;box-shadow:var(--shadow)}
@media(max-width:720px){.brand-logo{width:32px;height:32px;margin-right:9px}.main-nav{gap:0}.categories{gap:20px}.issue-toolbar{justify-content:flex-start;gap:16px}.issue-reader-heading{align-items:flex-start;flex-direction:column}.issue-sheet-heading h2{font-size:16px}.issue-sheet-heading{gap:12px}.issue-page-nav{gap:7px}.word-box{padding:22px}.footer-links{flex-wrap:wrap}.story-meta{flex-wrap:wrap}.story-label{flex-wrap:wrap;gap:6px}}
.side-story p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.categories{overflow-y:hidden}