@import url("./commercial-cta.css");
/* Website-only editorial components. This sheet is never loaded by Mini App. */
.blog-home,.blog-page,.blog-footer{box-sizing:border-box;color:#e8eaf2;overflow-wrap:anywhere}
.blog-home{width:min(1080px,calc(100% - 32px));margin:48px auto;border-top:1px solid #ffffff16;padding:36px 0 12px;text-align:center}
.blog-home h2{display:flex;align-items:center;justify-content:center;gap:12px;font-size:30px;font-weight:750;margin:0 0 12px}
.blog-heading-icon{width:28px;height:28px;color:#fff;filter:none}
.blog-subtitle{color:#989fb4;line-height:1.65;font-size:15px;margin:0 auto 28px}
.blog-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;margin:28px 0}
.blog-card{box-sizing:border-box;flex:0 1 calc((100% - 36px)/3);min-width:0;display:flex;flex-direction:column;text-align:left;border:1px solid #ffffff1d;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;background:#141a29;transition:border-color .2s,transform .2s,box-shadow .2s}
.blog-card:hover{border-color:#8188ad;transform:translateY(-3px);box-shadow:0 10px 30px #00000024}
.blog-card-media{position:relative;aspect-ratio:16/9;background:#111e37;overflow:hidden}.blog-card-media>img{display:block;width:100%;height:100%;object-fit:cover}
.blog-category{display:inline-flex;align-items:center;color:#bcbaff;font-size:12px;font-weight:650;letter-spacing:.025em;line-height:1.5}
.blog-card-media .blog-category{position:absolute;left:14px;top:14px;background:#0b1225d9;color:#edf0ff;border:1px solid #ffffff25;border-radius:5px;padding:4px 9px}
.blog-card-copy{padding:18px 20px;display:flex;flex:1;flex-direction:column}.blog-card h3{font-size:19px;line-height:1.45;margin:0 0 10px;font-weight:700}.blog-card-copy>p{color:#9ca4b9;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 18px}
.blog-icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle}.blog-card-meta{display:flex;gap:9px;font-size:11px;color:#a1a9bd;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #ffffff0d}.blog-card-meta>span{display:flex;align-items:center;gap:6px}.blog-card-arrow{margin-left:auto;width:18px;height:18px}
.blog-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;margin:8px 0 0;border:1px solid #727592;border-radius:9px;background:transparent;color:#ebedf9;text-decoration:none;font-size:14px;transition:background .2s,border-color .2s}.blog-button:hover{background:#ffffff06;border-color:#a9a4db}
.blog-page{width:min(1260px,calc(100% - 48px));margin:36px auto 0}.blog-page>nav{font-size:12px;line-height:1.7;color:#9099af;margin-bottom:24px}.blog-page>nav a{color:#a1a9c3;text-decoration:none}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:32px;align-items:start;width:100%;min-width:0}.blog-main{min-width:0;max-width:100%}.blog-article-header{margin:0 0 30px;padding-bottom:26px;border-bottom:1px solid #ffffff14}
.blog-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:24px}.blog-article-header>.blog-category{padding:4px 9px;border-radius:5px;background:#4f51902b;margin-bottom:12px}.blog-page h1{font-size:clamp(30px,3vw,40px);font-weight:750;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}.blog-lead{color:#b2b8cb;line-height:1.65;font-size:16px;margin:0 0 18px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#939db3;font-size:12px;line-height:1.6}.blog-meta>span{display:inline-flex;gap:6px;align-items:center}.blog-meta .blog-modified{font-size:11px;color:#7f8aa0}
.blog-prose{font-size:17px;line-height:1.72;min-width:0;max-width:100%;color:#cbd0df}.blog-prose h2{font-size:27px;line-height:1.35;color:#f0f2fa;margin:38px 0 18px;scroll-margin-top:24px;font-weight:720}.blog-prose h3{font-size:21px;line-height:1.45;color:#e3e7f4;margin:28px 0 14px}.blog-prose p{margin:0 0 20px}.blog-prose strong{color:#e6eaf5}.blog-prose a{color:#a4afff;text-underline-offset:3px}.blog-prose li{padding-left:3px;margin:8px 0}.blog-prose ul,.blog-prose ol{padding-left:24px;margin-bottom:24px}.blog-table{overflow-x:auto;margin:24px 0}.blog-table table{border-collapse:collapse;width:100%;font-size:15px}.blog-table th,.blog-table td{border:1px solid #ffffff19;padding:12px 14px;text-align:left}.blog-table th{background:#ffffff05;color:#e2e7f7}
.blog-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#4c5572 transparent;min-width:0}.blog-toc,.blog-related{background:#151b2a;border:1px solid #ffffff15;border-radius:13px;padding:20px}.blog-toc h2,.blog-related h2{font-size:18px;line-height:1.4;margin:0 0 16px;color:#edf0fa}.blog-toc ul{list-style:none;padding:0;margin:0}.blog-toc li+li{margin-top:12px}.blog-toc a{display:flex;align-items:baseline;gap:10px;color:#a3acc1;text-decoration:none;font-size:13px;line-height:1.5;transition:color .2s}.blog-toc a::before{content:"";width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#707991;transform:translateY(-2px)}.blog-toc a:hover,.blog-toc a[aria-current]{color:#9ba9ff}.blog-toc a[aria-current]::before{background:#899aff}
.blog-related-heading{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.blog-related-heading>a{font-size:11px;color:#a4afff;text-decoration:none}.blog-related-card{display:flex;gap:12px;text-decoration:none;color:#dce0ed;margin-top:14px}.blog-related-card img{width:76px;height:52px;object-fit:cover;border-radius:6px}.blog-related-card h3{font-size:12px;margin:4px 0;line-height:1.5}.blog-related-card small{font-size:10px;color:#8f9bb5}.blog-related-card .blog-category{font-size:10px}
.blog-catalog-cta{padding:22px;border:1px solid #6e7aad50;border-radius:13px;background:linear-gradient(130deg,#152744,#20203a);color:#edf1ff;text-decoration:none}.blog-catalog-cta img{float:right;object-fit:contain}.blog-catalog-cta h2{font-size:18px;margin:2px 0 10px}.blog-catalog-cta p{font-size:13px;color:#a4b2cd;line-height:1.6;margin:0 0 18px}.blog-catalog-cta>span{font-size:13px;color:#b5bbff}
.blog-inline-cta{padding:14px 18px;border:1px solid #6977a540;border-radius:10px;background:#16253d55}.blog-inline-cta a{text-decoration:none;font-size:15px;font-weight:600}
.blog-footer{width:min(1260px,calc(100% - 48px));margin:36px auto 0;padding:26px 0 32px;border-top:1px solid #ffffff16;display:flex;flex-wrap:wrap;gap:14px 26px;color:#8e9ab2;font-size:12px;line-height:1.7}.blog-footer a{color:inherit;text-decoration:none}.blog-footer a:hover{color:#c4c4ff}
#screen-blog>.app-header{max-width:1260px;margin:auto}#screen-blog .header-left{color:inherit;text-decoration:none}#app:has(#screen-blog.active){scroll-behavior:smooth}
.blog-page a:focus-visible,.blog-home a:focus-visible,.article-selector button:focus-visible,.article-selector a:focus-visible,.article-sheet button:focus-visible,.article-sheet input:focus-visible{outline:2px solid #aeb6ff;outline-offset:3px}
/* Compact purchase component; all money, denominations and regions come from API. */
.article-selector{box-sizing:border-box;position:relative;width:100%;max-width:100%;min-width:0;margin:26px 0;padding:24px;border:1px solid #7788e252;border-radius:18px;background:radial-gradient(ellipse at 7% 10%,#35509f28,transparent 62%),linear-gradient(120deg,#14213a,#1d203b 80%);box-shadow:inset 0 0 24px #6c80ef08,0 8px 28px #00000015;scroll-margin-top:28px;font-size:14px;line-height:1.5}
.selector-top{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:20px}.selector-art{position:relative;height:164px;text-align:center;min-width:0}.selector-art>img{width:220px;height:174px;object-fit:contain;max-width:100%;display:block;margin:auto}.selector-art>span{position:absolute;bottom:-2px;left:0;right:0;color:#bfcdf1;font-size:11px;letter-spacing:.05em}.selector-intro .selector-eyebrow{font-size:11px;letter-spacing:.03em;color:#8d9dc6;margin:0 0 8px}.selector-intro h3{font-size:25px;line-height:1.25;margin:0 0 12px;color:#f0f3ff}.selector-intro>p:last-child{font-size:13px;line-height:1.6;color:#abb5ce;margin:0}
.selector-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;padding:14px 0;color:#a5b0ca;font-size:11px}.selector-benefits span{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.selector-benefits svg{width:12px;height:12px;flex-shrink:0}
.article-selector button,.article-selector a,.article-sheet button,.article-sheet input{font-family:inherit;-webkit-tap-highlight-color:transparent}.selector-region{display:flex;align-items:center;gap:10px;border:1px solid #7883ae55;border-radius:9px;padding:10px 14px;min-width:210px;max-width:100%;background:#101b30;color:#e4eafb;font-size:13px;cursor:pointer}.selector-region>span:last-child{margin-left:auto}.selector-flag{display:inline-block;flex-shrink:0;width:24px;height:18px;border-radius:3px;background-color:#344361;box-shadow:0 0 0 1px #ffffff12}
.selector-denomination-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.selector-denomination-heading h4{margin:0;color:#d4ddf1;font-size:13px;font-weight:600}.selector-scroll-buttons{display:flex;gap:7px}.selector-scroll-buttons button{width:28px;height:26px;border:1px solid #7b8ab449;border-radius:6px;background:#ffffff04;color:#c3ceeb;cursor:pointer}
.selector-nominals{display:flex;gap:9px;width:100%;min-width:0;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#56669a transparent;scroll-snap-type:x proximity}.selector-nominal{position:relative;flex:0 0 112px;min-width:0;height:66px;padding:10px 9px;border:1px solid #8291be36;border-radius:8px;background:#ffffff04;text-align:center;color:#e1e8fa;cursor:pointer;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;gap:5px}.selector-nominal strong{font-size:13px;white-space:nowrap}.selector-nominal>span{font-size:11px;color:#aab6d4}.selector-nominal[aria-pressed=true]{border-color:#a396ff;background:linear-gradient(130deg,#49458f40,#303a6733);box-shadow:0 0 0 1px #a396ff20}.selector-nominal>svg{position:absolute;right:4px;top:4px;width:12px;height:12px;color:#b0aaff}.selector-all{display:none}
.selector-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #95a1ca1a;padding-top:16px;margin-top:8px}.selector-bottom>div:first-child{display:flex;flex-direction:column;gap:5px}.selector-selected-region{display:flex;align-items:center;gap:8px;color:#a7b7d9;font-size:11px}.selector-selected-region .selector-flag{width:18px;height:13px}.selector-price{font-size:24px;line-height:1.3;color:#f2f4ff}.selector-stock{font-size:11px;color:#99c3b4}.selector-purchase{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:55%}.selector-buy{display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;border-radius:10px;background:linear-gradient(110deg,#5966e7,#8060dd);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;min-height:46px;box-shadow:0 4px 18px #6354c82b}.selector-buy:hover{filter:brightness(1.08)}.selector-buy[aria-disabled=true]{opacity:.65;pointer-events:none}.selector-purchase small{font-size:10px;color:#8392b0;text-align:center;line-height:1.5}.selector-notice{color:#d7c99e;font-size:12px!important;margin:10px 0 0!important}.selector-notice:empty{display:none}.selector-refresh,.selector-retry{border:1px solid #8c99ca70;border-radius:8px;background:#ffffff06;color:#d4dbf2;padding:8px 12px;margin-top:10px;cursor:pointer}.selector-loading{font-size:14px;color:#aebada}
/* Native dialog supplies focus trapping/Escape. JS restores focus and scroll. */
.article-sheet{box-sizing:border-box;position:fixed;width:min(550px,calc(100% - 40px));max-width:100%;max-height:calc(100dvh - 48px);padding:0;border:1px solid #7a86b34d;border-radius:18px;background:#151c30;color:#e1e7f6;box-shadow:0 24px 90px #00000070;font-family:inherit}.article-sheet[open]{display:flex;flex-direction:column}.article-sheet::backdrop{background:#050916cf}.article-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 18px;border-bottom:1px solid #ffffff0b;flex-shrink:0}.article-sheet-header h2{font-size:21px;margin:0;line-height:1.35}.article-sheet-header button{width:32px;height:32px;border:1px solid #ffffff1b;border-radius:50%;background:#ffffff05;color:#aeb9d2;font-size:24px;cursor:pointer}.article-sheet-body{padding:18px 24px 24px;overflow-y:auto;overscroll-behavior:contain;min-width:0}.selector-search{display:block}.selector-search>span{display:block;font-size:11px;color:#9facca;margin-bottom:7px}.selector-search input{box-sizing:border-box;width:100%;padding:12px 14px;background:#0f1729;border:1px solid #7f8db342;border-radius:9px;color:#e7ecfa;font-size:14px}.selector-regions-results h3{font-size:12px;font-weight:600;color:#8e9ab5;margin:20px 0 10px}.selector-quick-regions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.selector-region-option{display:flex;align-items:center;gap:10px;min-height:48px;width:100%;border:1px solid #ffffff0b;border-radius:9px;background:#ffffff02;color:#dce4f7;padding:11px 12px;text-align:left;cursor:pointer;font-size:13px}.selector-region-option[aria-pressed=true]{border-color:#a293ff;background:#6c5dca18}.selector-region-option>svg{margin-left:auto;width:18px;height:18px;color:#a293ff}.selector-regions-list{display:flex;flex-direction:column;gap:7px}.selector-sheet-country{display:flex;align-items:center;gap:10px;font-size:13px;color:#adbad7;margin:0 0 16px}.selector-sheet-nominals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.selector-sheet-nominals .selector-nominal{width:100%;height:76px}
@media(max-width:1100px) and (min-width:761px){.blog-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.selector-top{grid-template-columns:160px minmax(0,1fr);gap:12px}.selector-intro h3{font-size:22px}.selector-art{height:150px}.selector-art>img{height:150px}.selector-purchase{max-width:60%}}
@media(max-width:760px){
.blog-home{width:calc(100% - 16px);margin-top:32px;padding-top:28px}.blog-home h2{font-size:27px}.blog-subtitle{font-size:13px}.blog-cards{gap:16px}.blog-card{flex-basis:100%;max-width:440px}.blog-card-copy{padding:18px}.blog-page{width:calc(100% - 16px);margin-top:24px}.blog-page>nav{font-size:11px;margin-bottom:18px}.blog-layout{display:flex;flex-direction:column;gap:24px}.blog-main,.blog-sidebar{width:100%;max-width:100%;min-width:0}.blog-sidebar{position:static;max-height:none;overflow:visible;gap:16px}.blog-toc{padding:18px}.blog-toc ul{max-height:240px;overflow:auto}.blog-cover{border-radius:12px;margin-bottom:18px}.blog-page h1{font-size:30px;line-height:1.25}.blog-lead{font-size:14px}.blog-meta{font-size:11px;gap:8px 14px}.blog-meta .blog-modified{font-size:10px}.blog-prose{font-size:16px;line-height:1.7}.blog-prose h2{font-size:24px;margin-top:30px}.blog-prose h3{font-size:20px}.blog-footer{width:calc(100% - 16px);font-size:11px;gap:12px 18px}.blog-footer a{max-width:100%;overflow-wrap:anywhere}
.article-selector{display:flex;flex-direction:column;padding:20px 16px 16px;border-radius:16px;margin:24px 0}.selector-top{display:contents}.selector-intro{order:0}.selector-intro .selector-eyebrow{font-size:10px}.selector-intro h3{font-size:25px;margin:0 0 10px}.selector-intro>p:last-child{font-size:12px}.selector-art{order:1;height:168px;margin:12px 0 18px}.selector-art>img{width:230px;height:180px}.selector-art>span{bottom:-7px;font-size:10px}.selector-region{order:2;min-width:0;width:100%;font-size:14px;padding:12px}.selector-denomination-heading{order:3;margin-top:20px}.selector-denomination-heading h4{font-size:13px}.selector-scroll-buttons{display:none}.selector-nominals{order:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0;margin-bottom:16px}.selector-nominal{width:100%;height:66px;padding:9px 5px;flex:auto}.selector-nominal strong{font-size:11px}.selector-nominal>span{font-size:10px}.selector-overflow{display:none}.selector-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #8b92c140;border-radius:8px;background:#ffffff04;color:#acb8df;font-size:11px;line-height:1.4;cursor:pointer}.selector-all span{font-size:18px}.selector-all[aria-pressed=true]{border-color:#a396ff;background:#49458f40}
.selector-bottom{order:5;flex-direction:column;align-items:stretch;gap:12px;padding-top:14px;margin-top:0}.selector-bottom>div:first-child{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px}.selector-selected-region{grid-column:1/-1;font-size:10px}.selector-price{font-size:27px}.selector-stock{font-size:10px;text-align:right}.selector-purchase{max-width:none;width:100%;gap:8px}.selector-buy{width:100%;box-sizing:border-box;font-size:14px;padding:14px 10px}.selector-purchase small{font-size:9px}.selector-benefits{order:6;display:flex;justify-content:center;gap:8px 12px;padding:16px 0 0;font-size:9px}.selector-notice{order:7}.selector-refresh{order:8}
.article-sheet{top:auto;bottom:0;left:0;right:0;margin:0;width:100%;max-height:calc(100dvh - 20px);border-radius:22px 22px 0 0;border-bottom:0}.article-sheet-header{padding:22px 20px 16px}.article-sheet-header h2{font-size:20px}.article-sheet-body{padding:16px 20px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.selector-sheet-nominals{gap:8px}.selector-sheet-nominals .selector-nominal{height:78px}.selector-region-option{font-size:14px;min-height:50px}.selector-quick-regions{gap:8px}
}
@media(prefers-reduced-motion:reduce){#app:has(#screen-blog.active){scroll-behavior:auto}.blog-card,.blog-button{transition:none}}

/* SSR reading and its own selector loading state remain available during app bootstrap. */
body:has(#screen-blog.active) #global-loader{display:none!important}
/* Shared native store controls; returned to their native screens on exit. */
[data-website-slot]{display:none}.website-shared-header .header-left{flex-shrink:0}
.blog-back{display:inline-flex;align-items:center;margin:0 0 20px;padding:9px 14px;border:1px solid #ffffff1a;background:#161c2b;border-radius:8px;color:#bdc8e3;text-decoration:none;font-size:13px}.blog-back:hover{border-color:#919bcc}
.blog-search{max-width:700px;margin:24px 0 20px}.blog-search label{display:block;font-size:12px;color:#9eacc9;margin-bottom:8px}.blog-search>div{display:flex;gap:10px}.blog-search input[type=search]{box-sizing:border-box;min-width:0;flex:1;border:1px solid #8491be35;border-radius:9px;background:#141c2d;padding:13px 16px;color:#e2e9f9;font:inherit;font-size:14px}.blog-search button{border:1px solid #7c82b469;border-radius:9px;padding:10px 22px;background:#242c4a;color:#e4eaff;font:inherit;cursor:pointer}.blog-category-filters{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding-bottom:10px;margin:12px 0 24px;scrollbar-width:thin}.blog-category-filters>a{white-space:nowrap;flex-shrink:0;padding:9px 16px;border-radius:8px;border:1px solid #ffffff17;color:#a6b4d0;text-decoration:none;font-size:13px}.blog-category-filters>a[aria-current]{background:#4d499040;border-color:#a397f777;color:#dedaff}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0;font-size:13px;color:#a3afc8}.blog-pagination a{padding:9px 14px;border:1px solid #8493bd40;border-radius:8px;color:#c5cfec;text-decoration:none}.blog-empty{padding:30px 0;color:#a5b3cd}
.blog-toc summary{font-size:18px;font-weight:700;cursor:pointer;color:#edf0fa;list-style:none}.blog-toc summary::-webkit-details-marker{display:none}.blog-toc>nav{margin-top:16px;max-height:min(45dvh,430px);overflow:auto;scrollbar-width:thin;scrollbar-color:#536182 transparent;padding-right:6px}.blog-faq-question{padding-top:20px;border-top:1px solid #ffffff10;margin-top:26px!important}.blog-purchase-intro{color:#a5b5d4}
@media(min-width:761px){.selector-top{grid-template-columns:260px minmax(0,1fr);gap:22px}.selector-art{height:190px}.selector-art>img{width:270px;height:205px}.selector-art>span{bottom:-3px}.selector-intro h3{font-size:27px;color:#fff;letter-spacing:-.015em}.selector-benefits{padding:9px 0 12px;gap:12px 24px;font-size:12px}.article-selector{background:radial-gradient(ellipse at 4% 8%,#3c5da340,transparent 65%),linear-gradient(125deg,#14233f,#1c2038 85%)}.blog-toc[open]>summary{cursor:default}}
@media(max-width:1100px) and (min-width:761px){.selector-top{grid-template-columns:190px minmax(0,1fr)}.selector-art{height:165px}.selector-art>img{width:205px;height:175px}.selector-intro h3{font-size:23px}}
@media(max-width:760px){.website-shared-header{gap:10px}.website-shared-header .header-left{gap:6px}.website-shared-header .logo-text{font-size:18px}.website-shared-header .logo-image{width:23px;height:23px}.website-shared-header .logo-divider{font-size:19px}.website-shared-header .profile-icon{width:22px;height:22px}.blog-back{font-size:12px;padding:8px 12px;margin-bottom:16px}.blog-search button{padding:10px 16px}.blog-toc summary::after{content:"＋";float:right;color:#aab6d4}.blog-toc[open] summary::after{content:"−"}.blog-toc>nav{max-height:240px}.blog-toc:not([open])>nav{display:none}.blog-category-filters{gap:8px}.blog-category-filters>a{font-size:12px;padding:8px 12px}.blog-pagination{gap:12px;font-size:12px}}


@media(max-width:760px){.blog-main>.blog-toc{margin-bottom:24px}}

/* Editorial mode of the shared header; native store controls are untouched. */
#screen-blog .website-shared-header .header-right{display:none}
.website-category-nav{display:flex;align-items:center;gap:28px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.website-category-nav a{color:#b9bfd1;text-decoration:none;white-space:nowrap;font-size:14px}
.website-category-nav a:hover{color:#fff}
.website-category-nav[hidden]{display:none}
@media(max-width:760px){#screen-blog .website-shared-header{flex-wrap:wrap;gap:16px}.website-category-nav{width:100%;gap:22px;padding-bottom:6px}}

#screen-blog .selector-buy{border:0;font-family:inherit;cursor:pointer}#screen-blog .selector-buy:disabled{opacity:.65;cursor:default}

.selector-subscription-top{grid-template-columns:160px minmax(0,1fr)}.selector-subscription-cover{width:160px;height:200px;object-fit:cover;border-radius:12px;border:1px solid #ffffff30}.selector-subscription-region{display:flex;align-items:center;gap:12px;margin:16px 0;color:#bac8df}.selector-subscription-region select{background:#18243d;color:#eef3ff;border:1px solid #ffffff30;border-radius:8px;padding:10px;font:inherit}.selector-subscription-buy{display:flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:14px 22px;color:#fff;background:linear-gradient(110deg,#5966e7,#8060dd);font:700 14px Manrope,sans-serif;cursor:pointer}.selector-subscription-buy:disabled{opacity:.5;cursor:default}@media(max-width:760px){.selector-subscription-top{grid-template-columns:100px minmax(0,1fr)}.selector-subscription-cover{width:100px;height:125px}.selector-subscription-top .selector-intro h3{font-size:18px}}

/* EA Play uses the shared selection model; only its editorial layout differs. */
[data-article-subscription-selector] .selector-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
[data-article-subscription-selector] .selector-price{display:block;font-size:32px;line-height:1.2}
[data-article-subscription-selector] .selector-stock{display:block;margin-top:8px}
[data-article-subscription-selector] .selector-purchase{max-width:none;flex-shrink:0}
[data-article-subscription-selector] .selector-subscription-buy{min-height:52px;font-size:16px;width:100%;box-sizing:border-box}
[data-article-subscription-selector] .selector-funding-explanation{font-size:13px;line-height:1.6;color:#bac8df;margin:14px 0 0}
[data-article-subscription-selector] .selector-subscription-region select{max-width:100%;min-width:0}
@media(max-width:760px){[data-article-subscription-selector] .selector-bottom{flex-direction:column;align-items:stretch;gap:14px}[data-article-subscription-selector] .selector-bottom>div:first-child{display:block}[data-article-subscription-selector] .selector-stock{text-align:left}[data-article-subscription-selector] .selector-funding-explanation{font-size:13px}[data-article-subscription-selector] .selector-price{font-size:29px}}

[data-article-subscription-selector] .selector-funding-explanation{order:6}
[data-article-subscription-selector] .selector-nominals{box-sizing:border-box}
[data-article-subscription-selector] .selector-bottom>div{min-width:0}