/* Bright Alibaba66 editorial theme: warm white, orange and gold. */
:root{color-scheme:light;--bg:#fffaf4;--surface:#fff;--surface-2:#fff0df;--text:#34302b;--heading:#251b14;--muted:#665d54;--line:#eadccf;--accent:#b83b0c;--accent-2:#8e2c08;--accent-deep:#972f0a;--on-accent:#fff;--accent-rgb:184,59,12}
body{background:var(--bg);color:var(--text)}
a{color:#ac350b}a:hover{color:#7b2608}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#87340c}
.utility{background:#f6531b;color:#21150d;border-bottom:1px solid #d64612;font-weight:700}.utility a{color:#21150d}
.site-header{background:#fffffff5;border-bottom:2px solid #f5b33c;box-shadow:0 3px 18px #9a460b08}.brand-divider{background:#ddc9b8}.blog-word{color:#392619}.blog-word>span{color:#795b44}.search-link{color:#ac350b;border-color:#e5d6c8}.menu>a{color:#4b3b30}.menu a[aria-current=page]{color:#ac350b;border-color:#ed551b}.menu>a:hover{background:#fff0df;color:#9a310b}.menu-toggle{background:#fff0df;color:#ac350b;border-color:#e6cdb7}
.home-hero{position:relative;background:radial-gradient(ellipse at 14% 5%,#ffcf681d,transparent 55%)}.hero-copy h1{color:#2d2016}.hero-copy h1 span{color:#d6440d}.hero-copy>p{color:#69432c}.hero-description{color:#675b50}.hero-secondary{color:#73573e}.eyebrow{color:#a7390c}.dot{background:#ed5217}
.btn-fill{background:linear-gradient(120deg,#f3541c,#ff9a22);border-color:#d94b12;color:#24170b;box-shadow:0 5px 14px #dc5c2022}.btn-fill:hover{background:linear-gradient(120deg,#ff793d,#ffb13b);color:#24170b;box-shadow:0 7px 18px #dc5c2030}
.image-hero{border:1px solid #eeb24e;border-radius:14px;background:radial-gradient(ellipse at 55% 25%,#fff9c9,transparent 65%),linear-gradient(140deg,#ffe1aa,#ffb760);box-shadow:0 16px 35px #9c4d1215;color:#482910}.image-hero:hover{color:#482910;border-color:#c77a1b}.visual-top{color:#784510;font-weight:700}.visual-bottom h2{color:#46240b}.visual-bottom>div{color:#684115}.tag{color:#71380b;border-color:#c28c3d;background:#fff8e780;font-weight:700}.round-arrow{color:#8b360a;border-color:#ae6e22;background:#fff8e7}.hero-artwork-stack img{filter:drop-shadow(0 10px 12px #7e3c1a38)}
.editor-note{background:#fff0d3;border-color:#f2ce8c}.note-label{color:#a2390c}.editor-note p,.editor-note a{color:#624b32}
.section-heading>a{color:#925126}.filter-bar button{background:#fff;color:#65503e;border-color:#e6d4bf;border-radius:6px}.filter-bar button.active{color:#8e2b06;background:#ffe3bd;border-color:#e7702d;font-weight:700}.filter-bar button:hover{background:#fff0df}
.story-card{background:#fff;border:1px solid #eddfd1;border-radius:10px;overflow:hidden;padding-bottom:0;box-shadow:0 5px 20px #80501f07}.card-copy{padding:0 20px 22px}.card-art{border:0;border-radius:0;color:#66442b}.card-art .art-label{color:#654222}.card-art .art-bottom{color:#593a21}.art-symbol{color:#c978263c}.card-art:after{border-color:#c47a3c55}.art-panduan{background:radial-gradient(at 70% 20%,#fff3ca,transparent 60%),#ffdab0}.art-promosi{background:radial-gradient(at 70% 20%,#fff4a1,transparent 60%),#ffd36c}.art-permainan{background:#ffdb9e}.art-berita{background:linear-gradient(140deg,#ffd6ca,#ffe5b2)}.art-bantuan{background:linear-gradient(140deg,#bde5e8,#e4f4ef)}.art-tanggungjawab{background:linear-gradient(140deg,#d7e7a6,#f2f3ce)}
.meta{color:#706659}.meta span:first-child{color:#ad390d}.card-copy h3 a{color:#34251a}.card-copy h3 a:hover{color:#b43a0a}.card-copy p{color:#675e54}.read-link{color:#a03b10;font-weight:700}.has-source-image{background:#674525}.has-source-image .art-label,.has-source-image .art-bottom{color:#fff}.card-source-image{opacity:1}.has-source-image:before{background:linear-gradient(180deg,#1f120dcc,transparent 40%,#1f120de6)}
.reading-path{background:linear-gradient(120deg,#fff0d3,#fff9ee);border-color:#ecd1a1;border-radius:10px}.reading-path p{color:#6c5744}.reading-path li>span:first-child{color:#946121}.reading-path small{color:#745a40}.reading-path li a{color:#4a2b14}.reading-path li>span:last-child{color:#bd410d}.reading-path li{border-color:#e8d2b2}
.artwork-gallery{position:relative}.artwork-grid{gap:18px}.artwork-grid figure{background:#fff;border:1px solid #e8cfa9;border-radius:12px;box-shadow:0 5px 15px #9861260b;padding:10px}.artwork-grid figure:hover{border-color:#ef862d;box-shadow:0 7px 22px #cc79241a}.artwork-grid img{background:radial-gradient(at 50% 25%,#fff1b0,#ffdeaa);border-radius:8px}.artwork-grid figcaption{color:#5a3518}.artwork-credit{color:#70604f}
.topic-grid{border-color:#ecd8bf;border-radius:8px;overflow:hidden;background:#fff}.topic-grid>a{border-color:#ecd8bf}.topic-grid>a:hover{background:#fff2dc}.topic-index{color:#926a45}.topic-grid h3{color:#3d2817}.topic-grid h3>span{color:#bc3c0c}.topic-grid p{color:#6e5a49}.topic-grid small{color:#9c4716}
.editorial-callout{background:linear-gradient(115deg,#ffe7b0,#fff3dc);border-color:#efb036;border-radius:0 10px 10px 0}.editorial-callout p{color:#6c5138}.editorial-callout a{color:#96390b;font-weight:700}.editorial-callout h2{color:#4a2c12}
.responsible-band{background:#f6ecd9;border-color:#e8d8ba}.adult-mark{color:#71502b;border-color:#a58b65}.responsible-band strong{color:#48311d}.responsible-band p{color:#6e5f4d}.responsible-band a{color:#8d3b12}
footer{background:#fff3e3}.footer-brand{color:#352319}.footer-brand>span{color:#be3e0d}.footer-brand>small{color:#70533d}.footer-grid p{color:#79614d}.footer-locale{color:#836341}.footer-grid h2{color:#4f311c}.footer-grid>div>a:not(.footer-brand){color:#745339}.footer-grid>div>a:hover{color:#a6350b}.footer-bottom{border-color:#e5d1b7;color:#7b6047}.footer-bottom a{color:#795638}
.page-intro{background:radial-gradient(ellipse at 0% 0%,#ffe6b040,transparent 70%)}.page-intro>p,.article-deck{color:#6b5949}.breadcrumb,.breadcrumb a{color:#816349}.article-header h1{color:#3c2617}.author-monogram,.profile-mark{background:#ffe2b1;color:#8d3c0e}.author-line a{color:#633d20}.small,.dates{color:#7a6450}.toc a{color:#785b43}.toc h2{color:#4c301b}.prose p{color:#5e5044}.prose h2{color:#3c291a}.answer-box{background:#fff0d5;border-color:#ee6b20;border-radius:0 9px 9px 0}.answer-box p{color:#52371f}.context-link{border-color:#d9912d}.correction-note{background:#f8ecd9;color:#725b44;border-radius:6px}.sources p,.sources li{color:#735c46}.article-artwork{background:radial-gradient(ellipse at center,#ffe3a9,#fff5e5 75%);border-color:#e9d0a8;border-radius:10px}.article-artwork img{filter:drop-shadow(0 14px 12px #92643b30)}.article-artwork figcaption{color:#755e46}
.search-field input{background:#fff;color:#3e2c1e;border-color:#cda981}.search-field input::placeholder{color:#816c58}.search-results h2 a{color:#4c2f19}.search-results p{color:#77614e}.no-results{color:#765c46}
@media(max-width:800px){.js .menu.is-open{background:#fff;border-color:#eddbcb}.menu{background:transparent}}
@media(max-width:560px){.card-copy{padding:0 18px 22px}.artwork-grid{gap:12px}.reading-path{border-radius:10px}.image-hero{border-radius:12px}.utility .wrap{min-height:35px}}
/* Pillar guides retain the existing editorial visual system. */
.pillar-guide{max-width:900px;padding-top:24px;padding-bottom:28px}.pillar-guide .answer-box h2{font-size:26px;margin:0}.pillar-toc{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:24px 0;font-size:14px}.pillar-toc a{display:block}.pillar-guide section{scroll-margin-top:125px}.pillar-next{padding:1px 24px 14px;background:#fff0d5;border-radius:8px}.article-parent{display:flex;gap:9px;flex-direction:column;margin:25px 0;padding:18px 22px;border:1px solid #e6c38d;border-radius:8px;background:#fff8e9;font-size:15px}.article-parent>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#805127}.platform-shots{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.platform-shots figure{margin:10px 0;padding:12px;background:#fff1dc;border:1px solid var(--line);border-radius:8px}.platform-shots img{width:100%;height:auto;object-fit:contain}.platform-shots figcaption{font-size:12px;line-height:1.7;color:#72553c;margin-top:12px}.platform-shots figure:first-child img{max-width:300px;margin:auto}.topic-grid h3{line-height:1.35}.menu>a{padding-left:8px;padding-right:8px}
@media(max-width:1050px) and (min-width:801px){.nav{gap:10px}.menu{gap:0}.menu>a{font-size:11px;padding-left:6px;padding-right:6px}.search-link{padding-left:14px}}
@media(max-width:560px){.platform-shots{grid-template-columns:1fr}.pillar-guide .answer-box h2{font-size:23px}.pillar-guide{padding-top:15px}.pillar-toc{font-size:14px}.article-parent{font-size:14px}.topic-grid h3{font-size:15px}.topic-grid small{line-height:1.5;display:block}}
/* Restored template conversion banner and fixed footer. */
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.float-cta{background:#fffaf4f5;border-top:2px solid #f0a234;box-shadow:0 -5px 24px #9e4c1512;align-items:center;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:150}
.float-cta .btn{min-height:46px;max-width:240px;justify-content:space-between;font-size:14px;border-radius:7px}.float-cta .btn-line{background:#fff;color:#a3320b;border-color:#c94a15}.float-cta .btn-line:hover{background:#fff0da;color:#7c280b}.float-brand{font-size:23px;letter-spacing:-.04em;font-weight:800;color:#402815;margin-right:20px}.float-brand>span{color:#c5430b}
.cta-modal-open{overflow:hidden}
.cta-popup{position:fixed;inset:0;margin:auto;border:0;padding:0;background:transparent;color:#45270d;width:min(360px,calc(100vw - 48px),calc((100dvh - 64px)*9/16));max-width:none;max-height:none;overflow:visible}
.cta-popup:not([open]){display:none}.cta-popup::backdrop{background:#1b110fbb;backdrop-filter:blur(4px)}
.cta-popup .popup-inner{width:100%;position:relative}.cta-popup .popup-banner{display:block;overflow:hidden;border:2px solid #e89c2d;border-radius:18px;text-decoration:none;box-shadow:0 18px 70px #0005;color:#45270d}.cta-popup .popup-close{top:-15px;right:-15px;background:#fff;color:#8f300c;border:2px solid #e6a04a;width:40px;height:40px;line-height:1;box-shadow:0 3px 12px #0002}
.cta-popup .popup-card{background:radial-gradient(ellipse at 50% 20%,#fffbd0,transparent 70%),linear-gradient(145deg,#ffeac0,#ffb457);aspect-ratio:9/16;padding:7% 8%;gap:11px;color:#45270d;justify-content:center}.cta-popup .popup-logo{width:80px;height:auto}.cta-popup .eyebrow{font-size:9px}.cta-popup .popup-art{height:35%;width:auto;max-width:85%;min-height:0;object-fit:contain;filter:drop-shadow(0 9px 10px #9b551f40)}.cta-popup h2{font-size:clamp(19px,4vw,29px);line-height:1.1;color:#45270d;margin:0}.cta-popup p{font-size:13px;line-height:1.6;color:#654322;margin:0}.cta-popup .btn{font-size:13px;gap:20px;padding:11px 18px;min-height:44px}.cta-popup small{font-size:10px;color:#724c28}
@media(max-width:560px){.float-brand{display:none}.float-cta{gap:10px;padding-left:16px;padding-right:16px}.float-cta .btn{max-width:none;flex:1}.cta-popup .popup-card{gap:9px}.cta-popup .popup-logo{width:64px}.cta-popup p{font-size:12px}}
@media(max-height:650px){.cta-popup .popup-card{gap:6px;padding:5% 7%}.cta-popup .popup-logo{width:48px}.cta-popup h2{font-size:20px}.cta-popup p{font-size:11px}.cta-popup .btn{min-height:36px;padding:6px 12px;font-size:12px}.cta-popup small,.cta-popup .eyebrow{font-size:8px}}
/* Topic-specific conceptual article illustrations. */
.card-art.has-editorial-image{background:#f9eddf}.has-editorial-image .editorial-cover{object-position:50% 52%;opacity:1}.has-editorial-image:before{background:linear-gradient(180deg,#fffaf4e0 0%,#fffaf450 22%,transparent 40%,transparent 58%,#fffaf4c9 86%,#fffaf4f2 100%)}.has-editorial-image .art-label,.has-editorial-image .art-bottom{color:#533d2a;text-shadow:none}.has-editorial-image .art-label{font-weight:600}.has-editorial-image .art-bottom{font-weight:600;font-size:10px;max-width:100%;gap:12px}.has-editorial-image .art-bottom>span{color:#9e380f}