*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:white;color:#7a7a7a;font-family:'Merriweather Sans',sans-serif;font-size:16px;font-weight:300;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.site-header{height:39px;background:#58a0a7;display:flex;align-items:center;justify-content:center;position:relative;color:white}.site-brand{font:400 24px/24px 'Krona One',sans-serif;white-space:nowrap}.site-brand em{font-style:italic}.search-open{position:absolute;right:18px;background:none;color:white;border:0;display:flex}.featured-header img{display:block;width:100%;height:50vh;object-fit:cover;object-position:center center;mask-image:url('/assets/curved-bottom.svg');mask-size:cover;mask-position:bottom center;-webkit-mask-image:url('/assets/curved-bottom.svg');-webkit-mask-size:cover;-webkit-mask-position:bottom center}.published-article{width:100%;max-width:1140px;padding:0 10px;margin:0 auto}.article-heading{margin:16px -2px 10px}.article-heading h1{font:900 2.3rem/1 'Merriweather',serif;color:#80715a;margin:0 0 10px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem;line-height:1;font-weight:300}.article-meta>span:first-child{text-transform:uppercase}.published-body{font-size:1rem;line-height:1.5;display:flow-root}.published-body p{margin:0 0 1rem}.published-body h2,.published-body h3{font-family:'Merriweather',serif;color:#80715a;font-weight:700}.published-body blockquote{border-left:3px solid #b8d2d3;padding:8px 20px;margin:24px 0;font-style:italic}.author-avatar{float:left;width:50px;height:50px;border-radius:50%;object-fit:cover;margin:0 10px 0 0}.published-map{float:right;width:40%;aspect-ratio:640/390;position:relative;margin:0 0 10px 10px}.published-map svg{display:block;width:100%;height:100%;overflow:hidden}.published-body .map-region-bubble{font-family:Arial,sans-serif}.article-credit{clear:both;font-size:12px;margin:20px 0;color:#80715a}.article-sharing{display:flex;align-items:center;gap:10px;margin:20px 0 45px;font-size:12px}.article-sharing button{border:1px solid #b8d2d3;border-radius:5px;background:white;color:#588b90;padding:8px 12px}.follow-section{max-width:1140px;padding:30px 20px 45px;margin:auto;text-align:center}.follow-section h2{font:900 2.3rem/1.2 'Merriweather',serif;color:#80715a}.follow-section p{font-size:.9rem}.follow-section a{color:#58a0a7}.world-section{background:#b8d2d3;padding:30px 20px 25px;text-align:center}.world-section h2{font:700 1.7rem/1.3 'Merriweather',serif;color:#58a0a7;margin:5px 0 20px}.world-map{max-width:1140px;margin:auto;position:relative}.world-map svg{display:block;width:100%;height:auto}.world-map a{cursor:pointer}.site-footer{background:#58a0a7;color:white;padding:20px max(20px,calc((100vw - 1140px)/2))}.country-links{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;list-style:none;text-align:center;margin:1em;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b8d2d3;padding-top:20px;font-size:.7rem}.published-index{max-width:1140px;margin:50px auto;padding:0 20px;min-height:60vh}.published-index h1{font:900 2.3rem 'Merriweather',serif;color:#80715a}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.archive-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.archive-grid h2{font:700 1.3rem/1.4 'Merriweather',serif;color:#80715a}.archive-grid p{font-size:.85rem}
/* Region tooltip and marker appearance shared with the editor preview. */
.map-region-bubble{position:absolute;z-index:5;pointer-events:none;width:max-content;max-width:min(600px,calc(100vw - 32px));padding:10px 16px;border-radius:28px;background:rgba(250,250,248,.97);color:#111;box-shadow:0 2px 5px #0005;font:16px/1.25 Arial,sans-serif;text-align:center;transform:translate(-50%,-100%);overflow-wrap:anywhere}.map-region-bubble[hidden]{display:none}.map-region-bubble::after{content:'';position:absolute;bottom:-7px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fafaf8}.map-region-bubble.below{transform:translate(-50%,0)}.map-region-bubble.below::after{bottom:auto;top:-7px;border-top:0;border-bottom:7px solid #fafaf8}.location-pulse-dot{paint-order:stroke;stroke:#ef6031;animation:reading-pulse 1s linear infinite}@keyframes reading-pulse{0%{stroke-opacity:.9;stroke-width:0}100%{stroke-opacity:0;stroke-width:34}}@media(prefers-reduced-motion:reduce){.location-pulse-dot{animation:none;stroke-width:10;stroke-opacity:.2}}
/* Custom presentation/search dialogs. */
html:has(dialog[open]){overflow:hidden}dialog{border:0;border-radius:12px;padding:20px;max-width:94vw;max-height:94dvh;overscroll-behavior:contain}dialog::backdrop{background:#000b}.reader-dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2}.reader-dialog-header h2{margin:0;font:700 22px 'Merriweather',serif}.reader-dialog-header button{border:0;background:transparent;color:inherit;font-size:28px;margin-left:auto}#readingLightbox{width:96vw;background:#131916;color:white}#readingLightbox .reader-dialog-header{background:#131916}.lightbox-stage{display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-stage>button{font-size:45px;border:0;background:transparent;color:white}.lightbox-stage figure{margin:0;min-width:0;text-align:center}.lightbox-stage img{display:block;max-width:100%;max-height:75dvh;border-radius:10px;margin:auto}.lightbox-stage figcaption{font-size:13px;margin-top:12px}#readingSearch{width:500px}#readingSearch label{display:block;margin:20px 0}#readingSearch input{display:block;width:100%;padding:10px;border:1px solid #b8d2d3;border-radius:5px}#readingSearch form>button{background:#58a0a7;border:0;padding:10px 20px;color:white;border-radius:5px}
@media(max-width:1024px){.article-heading h1{font-size:1.8rem}.published-body{font-size:.9rem}.world-section h2{font-size:1.3rem}}
@media(max-width:767px){.site-header{height:40px}.site-brand{font-size:24px}.published-article{width:calc(100% - 32px);padding:0 10px}.article-heading{margin:9.6px -.4px 20px}.article-heading h1{font-size:1.5rem;line-height:1;margin-bottom:10px}.published-map{width:60%;margin-left:10px}.published-body{font-size:.9rem;line-height:1.5}.follow-section h2{font-size:1.5rem}.country-links{font-size:.9rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.archive-grid{grid-template-columns:1fr}.article-sharing{flex-wrap:wrap}}
.related-section{max-width:1140px;margin:35px auto 45px;padding:0 10px}.related-section>h2{text-align:center;font:700 1.7rem/1.3 'Merriweather',serif;color:#58a0a7;margin:15px 0 25px}.related-carousel{position:relative}.related-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.related-track::-webkit-scrollbar{display:none}.related-card{flex:0 0 calc((100% - 20px)/3);min-width:0;border:1px solid #b8d2d3;border-radius:45px;overflow:hidden;scroll-snap-align:start;transition:opacity .3s}.related-card:hover{opacity:.7}.related-card a{text-decoration:none}.related-cover{height:280px;background-position:center;background-size:cover;display:flex;align-items:end}.related-cover h3{font:700 1.7rem/1.2 'Merriweather',serif;color:white;padding:8px;margin:0}.related-excerpt{padding:5px 16px;color:#2c344b;font-size:1rem;margin:0 0 16px;min-height:120px}.related-author{display:flex;align-items:center;gap:16px;padding:0 10px 24px;color:#2c344b;font-size:.8rem}.related-author>img{width:40px;height:40px;object-fit:cover;border-radius:50%}.related-author p{font-size:.8rem;margin:4px 0 0;font-style:italic}.related-prev,.related-next{position:absolute;z-index:1;top:125px;border:0;border-radius:50%;width:32px;height:32px;line-height:24px;font-size:30px;color:#58a0a7;background:#fffe;box-shadow:0 1px 4px #0002}.related-prev{left:5px}.related-next{right:5px}.related-pagination{display:flex;justify-content:center;gap:8px;margin:20px 0}.related-pagination button{border:0;border-radius:50%;width:8px;height:8px;padding:0;background:#b8d2d3}.related-pagination button[aria-current=true]{background:#58a0a7}.related-section button[hidden]{display:none}@media(max-width:1024px){.related-card{flex-basis:calc((100% - 10px)/2)}.related-cover{height:160px}.related-cover h3,.related-section>h2{font-size:1.3rem}.related-prev,.related-next{top:65px}.related-excerpt{font-size:.8rem}}@media(max-width:767px){.related-section{padding:0 26px}.related-card{flex-basis:100%}.related-cover{height:280px}.related-prev,.related-next{top:125px}}
.draft-preview-link{display:block;text-align:center;background:#eef2e8;color:#456040;font:12px/1.5 Arial,sans-serif;padding:8px}.map-data-credit{font-size:10px;color:#87907c}
/* Reuse the live site's white image and owner-created curved mask. */
.world-wave{background:#b8d2d3;line-height:0}.world-wave img{display:block;width:100%;height:20vh;mask-image:url('/assets/curved-bottom.svg');mask-size:cover;mask-position:bottom center;-webkit-mask-image:url('/assets/curved-bottom.svg');-webkit-mask-size:cover;-webkit-mask-position:bottom center}.world-section{padding-top:0}@media(max-width:767px){.world-wave img{height:5vh}}
/* Keep the heading's top margin inside the blue world-map section. */
.world-section{display:flow-root}.world-section h2{margin-top:0}.world-wave{margin-bottom:-1px}
/* Let the world map fill more of the reading layout, like the live site. */
.world-map{max-width:1400px}.world-section{padding-left:24px;padding-right:24px}@media(max-width:767px){.world-section{padding-left:8px;padding-right:8px}}
/* Continue the world map's background behind related articles to the footer. */
.related-background{background:#b8d2d3;display:flow-root;padding:10px 0 25px}.related-background .related-section{margin-top:0;margin-bottom:0}.related-card{background:#fff}
.published-map{aspect-ratio:auto}.published-map>svg{aspect-ratio:640/390;height:auto;cursor:pointer;touch-action:pan-y}.published-map.map-exploring>svg{outline:1px solid #90a18d;outline-offset:3px;border-radius:6px;cursor:grab;touch-action:none}.published-map.map-exploring>svg:active{cursor:grabbing}.reader-map-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;margin-bottom:8px}.reader-map-controls[hidden]{display:none}.reader-map-controls button{border:1px solid #b8d2d3;border-radius:5px;background:#fff;color:#4b7778;padding:5px 8px;font-size:11px}
.article-credit{text-align:right}.footer-bottom{display:block;text-align:center}.footer-data-credit{text-align:center;font-size:.7rem;margin-top:8px}.footer-data-credit .map-data-credit{font:inherit;color:inherit}.header-workspace{position:absolute;right:58px;color:white;font-size:12px;text-decoration:none}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}.social-links a{display:inline-flex;width:46px;height:46px;border-radius:13px;background:#58a0a7;color:white;align-items:center;justify-content:center}.social-links svg{width:40px;height:40px;fill:currentColor}.social-links a:hover{background:#427f85}.social-links a:focus-visible{outline:3px solid #80715a;outline-offset:4px}@media(max-width:600px){.header-workspace{font-size:10px;right:48px}.site-brand{margin-right:110px;font-size:20px}}
.social-links img{display:block;width:46px;height:46px}.social-links a:hover img{opacity:.8}

.article-heading .article-credit{text-align:left;margin:10px 0 14px;font-size:12px}

/* Match the live site's travel cards and metadata hierarchy. */
.related-track{gap:30px;align-items:flex-start}.related-card{flex-basis:calc((100% - 60px)/3);border:0;border-radius:30px 30px 45px 45px}.related-card a:hover{text-decoration:none}.related-cover h3{padding:8px 10px;font-weight:700}.related-excerpt{padding:5px 20px 0;font-weight:400;min-height:0;margin-bottom:20px}.related-author{gap:12px;padding:0 20px 24px;align-items:center}.related-author p{margin:0;line-height:1.5;font-style:normal;font-weight:300}.related-author time{font-style:italic}.related-country{text-transform:uppercase}.related-author strong{display:block;font-weight:700}.article-meta strong{font-weight:700}@media(max-width:1024px){.related-card{flex-basis:calc((100% - 30px)/2)}}@media(max-width:767px){.related-card{flex-basis:100%}}
/* Photos float directly over the tint; controls never follow image dimensions. */
#readingLightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;background:transparent;color:white;overflow:hidden;box-shadow:none}
#readingLightbox::backdrop{background:rgba(12,20,20,.84)}
#readingLightbox .reader-dialog-header{position:absolute;inset:0 0 auto;background:transparent;padding:16px 24px;height:64px;pointer-events:none}
#readingLightbox #photoCount{font-size:14px;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #0008}
#readingLightbox [data-close-dialog]{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;font-size:32px;line-height:1;padding:0}
#readingLightbox .lightbox-stage{position:absolute;inset:72px 0 24px;display:flex;justify-content:center;padding:0 64px}
#readingLightbox .lightbox-stage figure{max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
#readingLightbox .lightbox-stage img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;min-height:0;flex-shrink:1}
#readingLightbox .lightbox-stage figcaption{margin:0;max-width:900px;max-height:48px;overflow:auto;color:white;font-size:13px}
#readingLightbox .lightbox-stage>button{position:fixed;top:calc(50% - 28px);width:48px;height:56px;padding:0;line-height:1;text-shadow:0 1px 4px #0008}
#readingLightbox #photoPrevious{left:8px}#readingLightbox #photoNext{right:8px}
@media(max-width:600px){#readingLightbox .reader-dialog-header{padding:12px 14px}#readingLightbox .lightbox-stage{padding:0 42px}#readingLightbox .lightbox-stage>button{width:36px}#readingLightbox #photoPrevious{left:0}#readingLightbox #photoNext{right:0}}
@font-face{font-family:'Mouse Memoirs';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/mousememoirs-latin.woff2') format('woff2')}
.is-home .site-header{position:absolute;top:0;left:0;right:0;background:transparent;z-index:5}.is-home .site-header .site-brand{visibility:hidden}.home-hero{position:relative;height:80vh;min-height:420px}.home-hero>img{display:block;width:100%;height:100%;object-fit:cover;mask:url('/assets/home/curved-bottom.svg') bottom center/cover no-repeat;-webkit-mask:url('/assets/home/curved-bottom.svg') bottom center/cover no-repeat}.home-hero-title{position:absolute;right:6%;top:17%;text-align:right;color:white;text-shadow:0 1px 2px #0004}.home-hero-title h1{font:400 clamp(24px,3.375vw,60px)/1.3 'Krona One',sans-serif;margin:0 0 10px;white-space:nowrap}.home-hero-title h1 em{font-style:italic}.home-hero-title>div{font:400 clamp(100px,14.5vw,240px)/.78 'Mouse Memoirs',sans-serif;text-transform:uppercase}.home-width{max-width:1140px;margin:0 auto}.home-page h2{text-align:center;font:900 2.3rem/1.3 'Merriweather',serif;color:#80715a;margin:0 0 32px}.home-bios{padding:26px 0 30px}.home-bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.home-bio-grid article{font-size:1rem;line-height:1.5;display:flow-root}.home-bio-grid img{float:left;width:50px;height:50px;border-radius:50%;object-fit:cover;margin:0 10px 0 0}.home-bio-grid p{margin:0 0 16px}.home-where{padding-top:24px}.home-world{position:relative}.home-world>svg{width:100%;height:auto;display:block}.home-clock{position:absolute;left:10px;bottom:0;width:230px;color:#303647;text-align:center;font-size:16px}.home-clock-city{display:flex;gap:10px;text-align:left;align-items:center;padding:4px 10px;color:white;background:#6b9fa7;border-radius:12px;font-size:16px;text-transform:uppercase;line-height:1.5}.home-clock time{font-size:24px;font-weight:700}.home-latest{padding-top:55px;padding-bottom:35px}.home-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.home-post-grid .related-card{border:1px solid #c9d5d2}.home-post-grid .related-cover{height:280px}.home-post-grid .related-cover h3{font-size:1.7rem;line-height:1}.home-post-grid .related-excerpt{font-size:1rem}.home-pagination{display:flex;justify-content:center;gap:24px;margin:30px 0;color:#58a0a7}.home-footer-wave{background:#58a0a7}.home-footer-wave img{mask-image:url('/assets/home/curved-bottom.svg');-webkit-mask-image:url('/assets/home/curved-bottom.svg');height:15vh}.home-empty{text-align:center;padding:30px}
@media(max-width:1200px){.home-width{margin-left:20px;margin-right:20px}}
@media(max-width:1024px){.home-page h2{font-size:1.8rem}.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-bio-grid article{font-size:.9rem}.home-post-grid .related-cover h3{font-size:1.4rem}}
@media(max-width:767px){.home-hero{height:50vh;min-height:320px}.home-hero-title{top:20%;right:5%}.home-hero-title>div{font-size:100px}.home-page h2{font-size:1.5rem}.home-bio-grid{grid-template-columns:1fr;gap:12px}.home-bios{padding-top:20px}.home-where{padding-top:10px}.home-world>svg{min-height:200px}.home-clock{position:static;width:210px;margin:0 auto 15px;font-size:14px}.home-clock-city{font-size:14px}.home-clock time{font-size:22px}.home-latest{padding-top:25px}.home-post-grid{grid-template-columns:1fr}.home-post-grid .related-cover{height:280px}.home-footer-wave img{height:5vh}}
.home-hero-title>div{font-weight:600}

.home-pagination{flex-wrap:wrap;align-items:center}.home-pagination [aria-current="page"]{font-weight:700;color:#80715a}
.error-page-content{max-width:1140px;padding:20px 25px 50px;margin:auto;text-align:center}.error-page-content h1{font:900 2.3rem/1.3 'Merriweather',serif;color:#80715a;margin:0 0 12px}.error-code{font:900 4rem/1.2 'Merriweather',serif;color:#80715a;margin:10px 0 20px}.error-page-content p{font-size:1rem;max-width:800px;margin:0 auto 25px}.error-home-link{display:inline-block;color:#58a0a7;text-decoration:underline;margin-top:10px}@media(max-width:767px){.error-page-content h1{font-size:1.5rem}.error-code{font-size:3rem}}
.country-featured{position:relative;height:80vh;min-height:360px}.country-featured>img{display:block;width:100%;height:100%;object-fit:cover;mask:url('/assets/home/curved-bottom.svg') bottom center/cover no-repeat;-webkit-mask:url('/assets/home/curved-bottom.svg') bottom center/cover no-repeat}.country-featured h1{position:absolute;right:9%;top:34%;max-width:85%;font:600 clamp(64px,14.5vw,220px)/.9 'Mouse Memoirs',sans-serif;text-transform:uppercase;text-align:right;color:white;margin:0;text-shadow:0 1px 3px #0003;overflow-wrap:anywhere}.country-articles{padding-top:30px;padding-bottom:45px}.country-articles>h2{text-align:center;font:900 2.3rem/1.3 'Merriweather',serif;color:#80715a;margin:0 0 40px}@media(max-width:767px){.country-featured{height:50vh;min-height:300px}.country-featured h1{font-size:clamp(56px,17vw,110px)}.country-articles>h2{font-size:1.5rem}}
a,a:hover,a:focus-visible{text-decoration:none}a:hover{color:#427f85}.site-header a:hover,.site-footer a:hover{color:#e2efdf}
#publishedWorld a[href]:hover path,#publishedWorld a[href]:focus-visible path{fill:#2c344b}
.search-results{padding-top:90px;padding-bottom:45px;min-height:45vh}.reader-search-form{display:flex;align-items:center;gap:10px;border:1px solid #d0d3ce;border-radius:40px;padding:12px 16px;background:white}.reader-search-form button{padding:0;display:flex;align-items:center;border:0;background:transparent;color:#58a0a7}.reader-search-form input{flex:1;min-width:0;border:0;outline:none;font:300 1rem/1.5 'Merriweather Sans',sans-serif;color:#7a7a7a;background:transparent}.reader-search-form:focus-within{outline:2px solid #8dbbbd;outline-offset:2px}.search-results h1{text-align:center;font:900 2.3rem/1.3 'Merriweather',serif;color:#80715a;margin:65px 0 75px;overflow-wrap:anywhere}.search-empty{text-align:center;margin:0 auto 45px;max-width:800px}.search-results .related-card{border:1px solid #c9d5d2}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.search-results{padding-top:35px}.search-results h1{font-size:1.5rem;margin:40px 0}.reader-search-form{padding:10px 12px}.reader-search-form input{font-size:.85rem}}
a:any-link{text-decoration:none}
/* Draw the waves once as vectors; overlap adjacent backgrounds to avoid seams. */
.world-wave{overflow:hidden;line-height:0;position:relative;margin-bottom:-2px;z-index:1}.world-wave>svg{display:block;width:calc(100% + 4px);max-width:none;margin-left:-2px;height:20vh}.home-footer-wave>svg{height:15vh}.featured-header,.home-hero,.country-featured{position:relative}.featured-header img,.home-hero>img,.country-featured>img{mask:none;-webkit-mask:none}.home-hero-title,.country-featured h1{z-index:2}@media(max-width:767px){.world-wave>svg,.home-footer-wave>svg{height:5vh}}

/* Give portrait tablets room for content and keep the location clock off the map. */
@media(max-width:1100px){.home-clock{position:static;width:230px;max-width:100%;margin:16px auto 15px}.home-clock-city{overflow-wrap:anywhere}.home-latest{padding-top:30px}}
@media(max-width:767px){.home-width{margin-left:16px;margin-right:16px}.home-clock{width:210px}.home-latest{padding-top:25px}}

/* Keep the page inside the viewport without restricting vertical scrolling. */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
.featured-header,.home-hero,.country-featured{overflow:clip}
.home-hero-title,.country-featured h1{text-shadow:none}
.world-section{padding-top:24px}
@media(max-width:767px){.world-section{padding-top:18px}}
/* Mouse Memoirs has one regular face; avoid synthesized bold edges on country titles. */
.country-featured h1{font-weight:400;font-synthesis:none}

.site-header .site-brand{margin-right:0}
.site-header:not(.has-search) .header-workspace{right:18px}
@media(max-width:600px){.site-header:has(.header-workspace) .site-brand{margin-right:110px}.site-header:not(:has(.header-workspace)) .site-brand{margin-right:0}}
/* Paint the colored wave on white, so Safari cannot expose a colored hairline
   along the antialiased top edge of a white SVG painted over teal. */
.world-wave{background:white;color:#b8d2d3}
.home-footer-wave{background:white;color:#58a0a7}
.world-wave>svg{background:white;border:0;outline:0}
.published-body a{color:#58a0a7}.published-body a:hover{color:#43868e}

/* Inline vector geometry is present in the first paint; no delayed mask image request. */
.featured-wave{position:absolute;display:block;left:-1px;bottom:-1px;width:calc(100% + 2px);height:max(6.4vw,11.4%);pointer-events:none;z-index:1}

/* Desktop windows need breathing room; preserve the touch-tablet layout. */
@media(min-width:768px) and (hover:hover) and (pointer:fine){.published-article{padding-inline:clamp(24px,3vw,40px)}}
/* A compact phone gutter leaves more room for reading. */
@media(max-width:600px){.published-article{width:100%;padding-inline:14px}}

/* Responsive card images retain the existing crop, gradient and title placement. */
.related-cover{position:relative;isolation:isolate;overflow:hidden}
.related-cover>.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.related-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#000 100%);z-index:-1;pointer-events:none}

.related-section{position:relative}
.related-pagination{min-height:24px;align-items:center}
.related-playback{display:block;margin:-16px auto 14px;padding:4px 10px;border:1px solid #85b3b6;border-radius:20px;background:transparent;color:#43868e;font-size:12px;line-height:1.2;min-width:34px;min-height:28px}
.related-playback:focus-visible,.related-pagination button:focus-visible{outline:2px solid #43868e;outline-offset:4px}
/* Inactive dots must remain visible against the pale teal section background. */
.related-pagination button{background:#8fadae}
.related-pagination button[aria-current=true]{background:#202526}

.related-track.has-partial-page::after{content:"";flex:0 0 var(--related-tail);pointer-events:none}