:root{--ink:#303030;--teal:#003840;--accent:#007a7d;--pale:#e6f7f7;--border:#b8f0f1;--muted:#11455b;--surface:#ffffff;--bg:#f7f7f7;font-family:Geist,Arial,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:#b8f0f1}button{background:none;border:none}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;line-height:1.3}h2{font-size:1.8rem;letter-spacing:-.03em}h3{font-size:1.25rem;line-height:1.55}p{line-height:1.8}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #007a7d;outline-offset:5px}main:focus{outline:0}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:16px}.skip:focus{top:0}.preview-note{background:var(--teal);color:#e6f7f7;text-align:center;font-size:12px;padding:8px 14px;letter-spacing:.06em}.preview-note span{margin:0 6px}header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{max-width:1328px;margin:auto;padding:22px 40px;display:flex;align-items:center;gap:36px}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:12px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:.19em;font-weight:500;margin-top:10px}.brand-symbol{background:var(--teal);color:white;width:40px;height:44px;display:grid;place-content:center;font-size:35px;position:relative;border-radius:4px 14px 4px 4px}.brand-symbol span{position:absolute;right:4px;top:0;font-size:22px}.header-inner nav{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:14px;font-weight:600}.header-inner nav a{padding:12px 0;position:relative;white-space:nowrap}.header-inner nav a.active:after{content:"";position:absolute;bottom:-23px;left:0;right:0;height:3px;background:var(--teal)}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{width:44px;height:44px;display:grid;place-content:center;font-size:27px;border:1px solid var(--border);border-radius:50%}.login-link{font-size:14px;white-space:nowrap}.menu-toggle{display:none}#mobile-menu{padding:12px 24px 20px;border-top:1px solid var(--border)}#mobile-menu a{display:block;padding:12px 8px}#mobile-menu[hidden]{display:none}.shell{max-width:1248px;margin:auto;padding:0 32px}.home-intro{display:flex;justify-content:space-between;align-items:end;padding:42px 0 30px;gap:24px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:13px}.home-intro h1{font-size:40px;letter-spacing:-2px}.home-intro p{color:var(--muted);font-size:14px}.topic-rail{display:flex;gap:10px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:0 0 24px}.topic-rail a,.pill{border:1px solid var(--border);border-radius:30px;padding:10px 18px;white-space:nowrap;font-size:14px;display:inline-flex;align-items:center;gap:6px;min-height:42px}.topic-rail a:hover,.pill:hover,.pill.active{background:var(--teal);color:white;border-color:var(--teal)}.hero-grid{display:grid;grid-template-columns:1.68fr 1fr;gap:26px}.hero-story{position:relative;min-height:466px;background:var(--teal);border-radius:5px;overflow:hidden;color:white;display:flex;align-items:end}.hero-story>img{position:absolute;width:100%;height:100%;inset:0;object-position:center;transition:transform .4s ease}.hero-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(7,33,39,.18) 38%,rgba(7,33,39,.95))}.hero-story:hover{color:white}.hero-story:hover>img{transform:scale(1.025)}.hero-copy{position:relative;z-index:1;padding:30px;width:100%}.tag{font-size:12px;letter-spacing:.06em;display:inline-block;padding:5px 10px;background:var(--pale);color:var(--teal);border-radius:3px;font-weight:700}.hero-copy h2{font-size:clamp(1.6rem,2.5vw,2.3rem);margin:14px 0 18px;line-height:1.4;max-width:560px}.hero-copy .meta{color:#e6f7f7}.hero-line{display:flex;align-items:center;justify-content:space-between}.round-arrow{border:1px solid #ffffff70;border-radius:50%;width:43px;height:43px;display:grid;place-content:center;font-size:23px;flex-shrink:0}.meta{font-size:12px;color:var(--muted);line-height:1.7}.side-stories{border-top:2px solid var(--teal)}.section-mini{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:14px;letter-spacing:.06em}.section-mini span{font-size:11px;color:var(--muted)}.side-card{padding:19px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 112px;gap:18px}.side-card img{width:112px;height:112px;border-radius:3px}.side-card h3{font-size:17px;margin:7px 0 12px}.tiny-label{font-size:12px;color:var(--accent);font-weight:700}.knowledge-strip{margin-top:28px;display:flex;justify-content:space-between;gap:20px;padding:20px 24px;background:var(--pale);border:1px solid var(--border);align-items:center}.knowledge-strip p{font-size:15px}.text-link{font-size:14px;font-weight:700;white-space:nowrap;display:inline-flex;gap:16px;align-items:center;min-height:44px}.section{padding:56px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head .eyebrow{margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{min-width:0}.card-image{overflow:hidden;position:relative;background:var(--pale);border-radius:4px;margin-bottom:17px;aspect-ratio:1.65}.card-image img{width:100%;height:100%;transition:transform .3s}.card:hover img{transform:scale(1.03)}.card h3{margin:8px 0 11px}.card p{font-size:14px;color:var(--muted);margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .tag{position:absolute;left:12px;bottom:12px}.card-image.square{aspect-ratio:1.25}.card-image.square img{object-fit:contain;background:var(--pale)}.rule{border-top:1px solid var(--border)}.course-band{background:var(--pale);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.play{position:absolute;right:14px;bottom:14px;border:1px solid #ffffff80;background:#003840e8;width:42px;height:42px;color:white;display:grid;place-content:center;border-radius:50%;font-size:15px}.mission{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:52px;background:var(--teal);color:white;margin:0 0 60px}.mission h2{font-size:36px;line-height:1.6}.mission p{color:#b8f0f1;margin-bottom:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--teal);color:white;border:1px solid var(--teal);padding:13px 22px;min-height:48px;border-radius:3px;font-size:14px;font-weight:600}.button:hover{background:var(--accent);color:white}.button.light{background:var(--surface);color:var(--teal)}.button.outline{background:transparent;color:var(--teal);border-color:var(--border)}footer{background:#e6f7f7;border-top:1px solid var(--border);padding:48px max(32px,calc((100vw - 1184px)/2)) 24px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.5fr;gap:40px}.footer-top>.brand{display:block;font-size:29px}.footer-top p{font-size:14px;font-weight:700;margin-bottom:12px}.footer-top>div a{display:block;font-size:13px;color:var(--muted);padding:7px 0}.footer-belief{font-size:24px;font-weight:600;line-height:1.6}.footer-bottom{display:flex;gap:26px;border-top:1px solid var(--border);margin-top:42px;padding-top:22px;font-size:12px;color:var(--muted)}.footer-bottom span{margin-right:auto}.crumb{font-size:13px;color:var(--muted);padding:28px 0;display:flex;gap:12px}.page-heading{padding:8px 0 34px}.page-heading p{color:var(--muted);margin-top:14px}.filter-bar{display:flex;gap:10px;overflow:auto;padding:20px 0 26px;align-items:center}.filter-bar .sort{margin-left:auto;min-height:44px;border:1px solid var(--border);padding:8px;border-radius:3px;background:white}.list-grid{padding-bottom:52px;row-gap:40px}.empty{padding:60px 24px;text-align:center;background:var(--pale);border:1px solid var(--border);grid-column:1/-1}.empty h2{font-size:22px;margin-bottom:14px}.reading{max-width:780px;margin:0 auto}.article-heading{padding:22px 0 32px}.article-heading h1{font-size:clamp(28px,3.7vw,46px);margin:18px 0 22px;line-height:1.45}.article-tools{display:flex;gap:10px;margin:20px 0}.article-tools button{border:1px solid var(--border);padding:10px 16px;border-radius:25px;font-size:14px;min-height:44px}.article-tools button[aria-pressed=true]{background:var(--teal);color:white}.article-hero{width:100%;height:auto;max-height:500px;object-fit:contain;background:var(--pale);border-radius:4px}.reading-body{font-size:18px;line-height:1.95;padding:28px 0}.reading-body p{margin:0 0 24px;line-height:1.95}.reading-body h2{font-size:25px;margin:35px 0 20px}.reading-body.large{font-size:22px}.credit{padding:20px 24px;background:var(--pale);border-left:3px solid var(--accent);font-size:14px;line-height:1.8}.content-two{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;margin-bottom:56px}.panel{border:1px solid var(--border);border-radius:5px;padding:28px}.panel h2{font-size:24px;margin-bottom:20px}.form{display:grid;gap:20px}.form label{display:grid;gap:9px;font-size:14px;font-weight:600}.form input,.form textarea,.form select,.search-box input{width:100%;padding:13px;border:1px solid var(--border);border-radius:3px;background:white;min-width:0}.form textarea{resize:vertical;min-height:130px}.form p{font-size:14px;color:var(--muted)}.form-error{color:#93432c;font-size:14px}.search-box{display:flex;gap:10px;margin:20px 0 30px}.search-box input{font-size:17px}.auth-wrap{max-width:460px;margin:36px auto 80px}.auth-wrap h1{font-size:32px;margin-bottom:14px}.auth-wrap .form{margin-top:26px}.auth-wrap .button{width:100%}.auth-links{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:20px}.lesson-preview{position:relative;background:var(--teal);border-radius:5px;overflow:hidden;aspect-ratio:16/9}.lesson-preview>img{width:100%;height:100%;object-fit:cover;opacity:.75}.lesson-preview>a{position:absolute;inset:0;display:grid;place-content:center;color:white;font-weight:600;text-align:center;gap:15px}.lesson-preview .play{position:static;width:60px;height:60px;margin:auto}.lesson-list details{border-bottom:1px solid var(--border);padding:18px 0}.lesson-list summary{cursor:pointer;line-height:1.6;font-weight:600}.lesson-list p{font-size:14px;padding:16px 0;color:var(--muted)}.about-title{background:var(--teal);color:white;padding:60px;margin-bottom:42px}.about-title h1{max-width:600px}.about-title p{margin-top:24px;max-width:600px;color:#b8f0f1}.quote{font-size:32px;line-height:1.8;border-left:4px solid var(--accent);padding:10px 30px;margin:40px 0}.site-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:60px}.site-links a{padding:20px;border:1px solid var(--border);background:var(--pale)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--teal);color:white;border:1px solid #00b8bc;padding:14px 22px;z-index:100;border-radius:6px;font-size:14px;box-shadow:0 8px 30px #30303022}.preview-help{font-size:13px;color:var(--muted);padding:14px;background:var(--pale);line-height:1.7;margin-bottom:20px}details summary:focus-visible{outline:3px solid var(--accent)}
@media(min-width:1500px){.hero-story{min-height:500px}}@media(max-width:1100px){.header-inner{gap:22px;padding:18px 24px}.header-inner nav{gap:18px}.login-link{display:none}.hero-story{min-height:450px}.side-card{grid-template-columns:1fr 92px;gap:14px}.side-card img{width:92px;height:100px}.home-intro h1{font-size:35px}.brand{font-size:25px}.footer-top{gap:25px}}@media(max-width:800px){.header-inner nav{display:none}.header-inner{justify-content:space-between;padding:14px 22px}.header-actions{gap:8px}.menu-toggle{display:grid}.brand{font-size:25px}.brand-symbol{width:34px;height:37px;font-size:30px}.brand small{font-size:9px}.home-intro{padding:32px 0 22px;display:block}.home-intro h1{font-size:33px}.home-intro p{margin-top:14px}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-story{min-height:450px}.side-stories{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.section-mini{grid-column:1/-1}.side-card{grid-template-columns:1fr 86px}.side-card:last-child{display:none}.side-card img{width:86px;height:100px}.cards{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card:last-child:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission{padding:32px;gap:28px}.mission h2{font-size:28px}.footer-top{grid-template-columns:1fr 1fr}.content-two{grid-template-columns:1fr}.footer-top>.brand{grid-column:1/-1}.footer-belief{font-size:23px}.site-links{grid-template-columns:1fr 1fr}.about-title{padding:36px}}
@media(max-width:520px){.preview-note{font-size:11px;letter-spacing:0;padding:7px 8px}.preview-note span{margin:0 2px}.shell{padding:0 20px}.header-inner{padding:12px 20px}.brand small{font-size:8px;letter-spacing:.14em}.brand{font-size:24px;gap:8px}.brand-symbol{width:31px;height:35px}.header-actions .icon-btn{width:40px;height:40px;font-size:24px}.home-intro{padding-top:28px}.home-intro h1{font-size:29px;letter-spacing:-1.3px}.eyebrow{font-size:11px}.home-intro p{font-size:13px}.topic-rail{margin-right:-20px;padding-right:20px;padding-bottom:20px}.topic-rail a{padding:8px 14px;font-size:13px}.hero-story{min-height:435px}.hero-copy{padding:24px}.hero-copy h2{font-size:26px;line-height:1.5}.hero-story>img{object-position:42% center}.hero-copy .meta{max-width:220px;font-size:11px}.side-stories{display:block}.side-card{grid-template-columns:1fr 100px;padding:17px 0}.side-card img{width:100px;height:100px}.side-card:last-child{display:grid}.side-card h3{font-size:17px}.knowledge-strip{padding:18px;gap:10px;align-items:start;flex-direction:column}.knowledge-strip p{font-size:14px}.section{padding:38px 0}.section-head{margin-bottom:22px;align-items:center;gap:10px}h2{font-size:24px}.section-head .text-link{font-size:13px;gap:8px}.cards{grid-template-columns:1fr;gap:28px}.cards .card:last-child:nth-child(3){grid-column:auto;display:block}.card-image{aspect-ratio:1.6}.card h3{font-size:19px}.card-image.square{aspect-ratio:1.5}.card-image.square img{object-fit:contain}.mission{grid-template-columns:1fr;padding:28px;gap:20px;margin-bottom:40px}.mission h2{font-size:28px}.mission p{font-size:15px}footer{padding:36px 20px 24px}.footer-top{gap:28px}.footer-belief{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:18px;line-height:1.6}.footer-bottom span{width:100%}.page-heading{padding:4px 0 20px}.page-heading h1{font-size:32px}.filter-bar{margin-right:-20px;padding-right:20px}.filter-bar .sort{margin-left:8px}.reading-body{font-size:17px}.article-heading{padding-top:10px}.article-heading h1{font-size:29px}.article-tools{flex-wrap:wrap}.panel{padding:22px}.about-title{padding:30px 24px}.about-title h1{font-size:29px}.quote{font-size:24px;padding-left:20px}.site-links{grid-template-columns:1fr}.crumb{font-size:12px;padding:22px 0}.search-box{gap:8px}.search-box .button{padding:12px 16px}.auth-wrap{margin-top:20px}.content-two{gap:24px}.toast{bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
#main{scroll-margin-top:110px}.mission .eyebrow,.about-title .eyebrow{color:#b8f0f1}.reading-body p{overflow-wrap:anywhere}.header-inner nav a[aria-current=page]{color:var(--accent)}
@media(min-width:801px) and (max-width:1100px){.header-inner nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:grid}.login-link{display:inline-flex}}
@media(max-width:520px){.hero-story{min-height:350px}.home-intro .eyebrow{margin-top:0}.home-intro{padding-top:24px}.hero-copy h2{font-size:25px}.hero-copy{padding:22px}}

/* Beginneros brand palette supplied by owner. Slogan is fixed. */
:root{--brand:#00b8bc;--brand-light:#b8f0f1;--brand-pale:#e6f7f7;--brand-deep:#007a7d;--brand-blue:#11455b;--brand-dark:#003840;--highlight:#ffb703;--pink:#ff5678;--orange:#ff873a;--green:#8ac334;--brown:#705544;--sand:#e6b97a;--cream:#ffe3a8;--ivory:#f3e8d0}
.brand-symbol{background:var(--brand);color:var(--brand-dark)}.brand small{letter-spacing:0;font-size:12px;line-height:1.35;margin-top:7px}.brand{letter-spacing:-1px}.header-inner nav a.active:after{background:var(--brand)}.button:not(.light):not(.outline){background:var(--brand);border-color:var(--brand);color:var(--brand-dark)}.button:not(.light):not(.outline):hover{background:var(--brand-deep);border-color:var(--brand-deep);color:white}.hero-copy .tag{background:var(--highlight);color:var(--brand-dark)}.knowledge-strip{border-left:4px solid var(--brand)}.home-intro .brand-headline{max-width:730px;font-size:clamp(32px,3.6vw,48px);letter-spacing:-1.8px;line-height:1.18}.home-intro{align-items:center}.home-intro>p{max-width:240px}.mission{border-top:5px solid var(--brand)}.footer-top>.brand small{max-width:240px}.topic-rail a:hover,.pill.active{background:var(--brand);color:var(--brand-dark);border-color:var(--brand)}
@media(max-width:520px){.brand small{font-size:10px;letter-spacing:0}.brand{font-size:23px}.header-inner{padding-left:16px;padding-right:16px}.brand-symbol{width:29px;flex-shrink:0}.home-intro .brand-headline{font-size:36px;letter-spacing:-1.3px;max-width:340px}.home-intro>p{max-width:none}.footer-top>.brand small{font-size:12px}}

.ad-slot{min-height:280px;border:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:36px 0;color:var(--muted);width:100%;position:relative}.ad-slot>span{position:absolute;top:12px;left:16px;font-size:12px;letter-spacing:.14em}.ad-slot p{font-size:16px}.ad-slot small{font-size:12px}.hero-knowledge{display:block;min-height:0;background:var(--brand-dark)}.hero-knowledge:after{display:none}.hero-knowledge>img{position:static;width:100%;height:290px;object-fit:contain;background:var(--brand-pale)}.hero-knowledge .hero-copy{padding:24px 28px}.hero-knowledge .hero-copy h2{font-size:28px;margin:14px 0}.hero-knowledge:hover>img{transform:none}@media(max-width:520px){.ad-slot{min-height:250px;margin:28px 0}.hero-knowledge>img{height:270px}.hero-knowledge .hero-copy{padding:22px}.hero-knowledge .hero-copy h2{font-size:24px}}
/* Four homepage directions; shared content and review controls. */
.review-bar{background:#e6f7f7;color:#003840;border-bottom:1px solid #b8f0f1;padding:16px max(20px,calc((100vw - 1184px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.review-bar>div>span{display:block;font-size:12px;margin-top:4px}.review-bar nav{display:flex;gap:8px}.review-bar nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #007a7d;border-radius:6px;font-size:13px}.review-bar nav a[aria-current]{background:#003840;color:#fff}.review-feedback{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.review-panel{padding-top:40px;padding-bottom:48px;margin-top:40px;border-top:2px solid #00b8bc;background:#f7f7f7;color:#303030;scroll-margin-top:110px}.review-panel>p{margin:10px 0 20px}.review-panel form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-panel label{display:grid;gap:8px;font-size:14px}.review-panel label:first-child,.review-panel .meta,.review-panel #review-status,.review-panel #review-copy{grid-column:1/-1}.review-panel textarea,.review-panel select{background:white;color:#303030;border:1px solid #007a7d;padding:12px;border-radius:5px;min-height:48px;max-width:100%;font-size:16px}.review-panel textarea{min-height:90px;resize:vertical}.review-panel .button{justify-self:start}.variant-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:50px 0 36px;align-items:center}.variant-intro h1{font-size:clamp(34px,4vw,54px);max-width:650px;line-height:1.16}.variant-intro .button{margin-top:20px;border-radius:28px}.mosaic{display:grid;grid-template-columns:1.45fr .85fr 1fr;grid-template-rows:270px 180px;gap:16px}.mosaic-tile{display:flex;flex-direction:column;background:#003840;color:white;border-radius:18px;overflow:hidden;min-width:0}.mosaic-tile:hover{color:#b8f0f1}.mosaic-tile>img{width:100%;min-height:0;flex:1;object-fit:contain;background:#e6f7f7}.mosaic-tile>div{padding:22px;position:relative}.mosaic-tile h2{font-size:20px;margin-top:10px;padding-right:20px}.tile-arrow{position:absolute;right:16px;bottom:20px}.tile-0{grid-row:1/3}.tile-1{grid-column:2}.tile-1>div{padding:14px}.tile-1 h2{font-size:16px}.tile-2{grid-column:3;grid-row:1/3}.mosaic-note{grid-column:2;grid-row:2;background:#ffe3a8;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px}.mosaic-note h2{font-size:18px}.mosaic-note .eyebrow{font-size:10px;margin:0}.category-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0 45px}.category-tiles>a{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #b8f0f1;border-radius:12px;padding:20px 12px;gap:8px;font-size:14px;background:#e6f7f7;color:#003840}.category-tiles>a>span{font-size:28px}.category-tiles small{font-size:11px}.boutique-cards .card{border:1px solid #b8f0f1;border-radius:12px;overflow:hidden}.boutique-cards .card>div:last-child{padding:8px 20px 22px}.boutique-cards .card-image{aspect-ratio:1.1;border-radius:0}.journal-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px}.journal-sidebar>section,.journal-sidebar>nav,.journal-sidebar>form,.journal-belief{background:white;padding:24px;margin-bottom:24px;border:1px solid #b8f0f1}.journal-sidebar h2{font-size:19px;margin-bottom:16px}.journal-sidebar nav>a{display:flex;align-items:center;min-height:48px;gap:12px;border-bottom:1px solid #e6f7f7;font-size:14px}.journal-sidebar nav small{display:none}.journal-sidebar form label{font-size:14px;font-weight:bold}.journal-sidebar form>div{display:flex;margin-top:10px}.journal-sidebar input{min-width:0;width:100%;padding:10px;border:1px solid #007a7d;font-size:16px}.journal-sidebar button{min-width:44px;background:#00b8bc;color:#003840}.journal-pick{display:flex;gap:14px;padding:14px 0;font-size:13px;line-height:1.7}.journal-pick b{font-size:26px;color:#007a7d}.journal-belief{background:#b8f0f1}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.journal-grid>.card{background:white;box-shadow:0 4px 16px #00384008}.journal-grid>.card>div:last-child{padding:0 22px 24px}.journal-grid h3{font-size:18px}.journal-grid .card-image{border-radius:0}.journal-feed>section>h2{font-size:27px}body[data-version=C]{background:#f7f7f7}.cinema-hero{background:linear-gradient(110deg,#003840,#11455b);color:#fff}.cinema-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-top:55px;padding-bottom:55px}.cinema-copy h1{font-size:clamp(38px,4.4vw,62px);line-height:1.1;margin-bottom:22px}.cinema-copy>p{margin-bottom:20px}.cinema-copy h2{font-size:23px;margin:16px 0 24px}.cinema-copy .button{margin:0 10px 10px 0}.cinema-feature{display:block;border:1px solid #00b8bc;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px #003840}.cinema-feature img{width:100%;height:auto;object-fit:contain}.cinema-section{position:relative;padding:38px 0 15px}.cinema-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 4px 20px;scrollbar-color:#00b8bc #11455b}.cinema-rail>.card{flex:0 0 32%;scroll-snap-align:start}.cinema-rail h3{font-size:18px}.cinema-controls{display:flex;justify-content:flex-end;gap:8px;margin:-12px 0 8px}.cinema-controls button{border:1px solid #00b8bc;min-width:44px;min-height:44px;border-radius:50%;color:#b8f0f1}.cinema-controls button:hover{background:#11455b}body[data-version=D]{background:#003840;color:#f7f7f7}body[data-version=D] header{background:#003840;color:#f7f7f7}body[data-version=D] .eyebrow,body[data-version=D] .tiny-label,body[data-version=D] .meta,body[data-version=D] .card p{color:#b8f0f1}body[data-version=D] .button.outline{color:#fff}body[data-version=D] .ad-slot{background:#11455b;color:#e6f7f7;border-color:#007a7d}body[data-version=D] .category-tiles>a:nth-child(2){background:#ffb703}body[data-version=D] .category-tiles>a:nth-child(3){background:#ff5678}body[data-version=D] .category-tiles>a:nth-child(4){background:#ff873a}body[data-version=D] .category-tiles>a:nth-child(5){background:#8ac334}body[data-version=D] footer{background:#003840;color:#e6f7f7}body[data-version=D] footer a,body[data-version=D] .footer-bottom{color:#b8f0f1}body[data-version=D] .review-panel .eyebrow,body[data-version=D] .review-panel .meta{color:#11455b}body[data-version=D] :focus-visible{outline-color:#00b8bc}
@media(max-width:1000px){.review-bar{flex-wrap:wrap;gap:10px}.review-bar>div{flex:1}.review-bar nav{order:3;width:100%}.review-bar nav a{flex:1;justify-content:center}.variant-intro{gap:30px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:320px 240px}.tile-0{grid-column:1;grid-row:1/3}.tile-1{grid-column:2;grid-row:1}.tile-2{grid-column:2;grid-row:2}.mosaic-note{grid-column:1/-1;grid-row:3}.journal-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.journal-sidebar>section,.journal-sidebar>nav,.journal-sidebar>form{padding:16px}.cinema-hero-inner{gap:25px}.cinema-rail>.card{flex-basis:42%}}
@media(max-width:800px){.journal-layout{display:flex;flex-direction:column}.journal-sidebar{display:grid;grid-template-columns:1fr;gap:0}.journal-sidebar>section,.journal-belief{display:none}.journal-sidebar nav{display:flex;gap:10px;overflow:auto;align-items:center;margin:0;padding:14px}.journal-sidebar nav h2{display:none}.journal-sidebar nav>a{white-space:nowrap;border:0;padding:0 12px}.journal-sidebar form{margin-bottom:14px}.cinema-hero-inner{grid-template-columns:1fr}.cinema-feature{max-width:540px}.cinema-copy h1{max-width:570px}.category-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.review-bar{padding:12px 16px}.review-bar>div>span{font-size:11px}.review-bar nav{gap:6px}.review-bar nav a{padding:8px 4px;flex-direction:column;gap:2px;font-size:10px}.review-bar nav b{font-size:16px}.review-feedback{font-size:12px}.variant-intro{grid-template-columns:1fr;gap:18px;padding:30px 0}.variant-intro h1{font-size:38px}.variant-intro .button{margin-top:14px}.mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:none}.mosaic>*{grid-column:auto;grid-row:auto}.mosaic-tile>img{height:260px;flex:auto}.mosaic-tile h2,.tile-1 h2{font-size:21px}.mosaic-tile>div,.tile-1>div{padding:20px}.mosaic-note{padding:25px}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tiles>a{padding:16px 8px}.journal-grid{grid-template-columns:1fr;gap:24px}.journal-sidebar nav{margin:0 -4px}.journal-grid .card-image{aspect-ratio:1.35}.journal-feed>section>h2{font-size:24px}.cinema-hero-inner{padding-top:32px;padding-bottom:32px}.cinema-copy h1{font-size:40px}.cinema-copy h2{font-size:23px}.cinema-rail>.card{flex-basis:82%}.cinema-rail{gap:16px}.cinema-section .section-head h2{font-size:22px}.cinema-section .section-head{align-items:flex-start}.review-panel form{grid-template-columns:1fr}.review-panel label{grid-column:1}.review-panel h2{font-size:24px}.review-panel>p{font-size:14px}}
/* Explicit theme is independent of homepage layout. */
.theme-switch{display:flex;gap:4px;flex-shrink:0}.theme-switch button{font-size:12px;min-height:44px;padding:8px;border:1px solid #007a7d;border-radius:5px}.theme-switch button[aria-pressed=true]{background:#003840;color:#fff}.review-bar{flex-wrap:wrap}.review-bar nav{flex:1;justify-content:center}
html[data-theme=light] body[data-version=D]{background:#f7f7f7;color:#303030}html[data-theme=light] body[data-version=D] header{background:white;color:#303030}html[data-theme=light] body[data-version=D] .cinema-hero{background:linear-gradient(110deg,#e6f7f7,#b8f0f1);color:#003840}html[data-theme=light] body[data-version=D] .cinema-copy .button.outline{color:#003840;border-color:#007a7d}html[data-theme=light] body[data-version=D] .eyebrow,html[data-theme=light] body[data-version=D] .tiny-label,html[data-theme=light] body[data-version=D] .meta,html[data-theme=light] body[data-version=D] .card p{color:#11455b}html[data-theme=light] body[data-version=D] .cinema-feature{box-shadow:0 20px 50px #00384018}html[data-theme=light] body[data-version=D] .ad-slot{background:#e6f7f7;color:#11455b}html[data-theme=light] body[data-version=D] .cinema-controls button{color:#003840}html[data-theme=light] body[data-version=D] .cinema-controls button:hover{background:#b8f0f1}html[data-theme=light] body[data-version=D] footer{background:#e6f7f7;color:#003840}html[data-theme=light] body[data-version=D] footer a,html[data-theme=light] body[data-version=D] .footer-bottom{color:#11455b}
html[data-theme=dark] body{--ink:#f7f7f7;--teal:#003840;--accent:#b8f0f1;--pale:#11455b;--border:#007a7d;--muted:#b8f0f1;--surface:#003840;--bg:#11455b;background:#003840;color:#f7f7f7}html[data-theme=dark] body header,html[data-theme=dark] body footer{background:#003840;color:#f7f7f7}html[data-theme=dark] body .review-bar{background:#11455b;color:#f7f7f7}html[data-theme=dark] body .review-bar nav a[aria-current],html[data-theme=dark] body .theme-switch button[aria-pressed=true]{background:#b8f0f1;color:#003840}html[data-theme=dark] body .review-panel{background:#11455b;color:#f7f7f7}html[data-theme=dark] body .review-panel .eyebrow,html[data-theme=dark] body .review-panel .meta{color:#b8f0f1}html[data-theme=dark] body .journal-sidebar>section,html[data-theme=dark] body .journal-sidebar>nav,html[data-theme=dark] body .journal-sidebar>form,html[data-theme=dark] body .journal-grid>.card,html[data-theme=dark] body .journal-belief{background:#11455b;color:#f7f7f7}html[data-theme=dark] body .journal-pick b{color:#b8f0f1}html[data-theme=dark] body .mosaic-note{background:#705544;color:#f7f7f7}html[data-theme=dark] body .mosaic-note .eyebrow{color:#ffe3a8}html[data-theme=dark] body .form input,html[data-theme=dark] body .form textarea,html[data-theme=dark] body .form select,html[data-theme=dark] body .search-box input,html[data-theme=dark] body .sort{background:#11455b;color:#f7f7f7}html[data-theme=dark] body .button.light{background:#e6f7f7;color:#003840}html[data-theme=dark] body .button.outline{color:#b8f0f1}html[data-theme=dark] body .tag{background:#b8f0f1;color:#003840}html[data-theme=dark] body .hero-copy .tag{background:#ffb703}html[data-theme=dark] body .skip{background:#003840}html[data-theme=dark] body :focus-visible{outline-color:#00b8bc}html[data-theme=dark] body .hero-knowledge>img,html[data-theme=dark] body .mosaic-tile>img{background:#e6f7f7}
@media(max-width:520px){.theme-switch{margin-left:auto}.review-bar nav{flex-basis:100%;order:4}.review-feedback{margin-right:auto}.theme-switch button{padding:8px 10px}.review-bar>div:first-child{flex-basis:100%}}
/* E: feature-led magazine with a right-hand discovery column. */
.blog-shell{padding-top:28px}.blog-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:38px;background:linear-gradient(100deg,#e6f7f7,#f7f7f7);color:#003840;border-radius:20px;margin-bottom:24px}.blog-hero h1{font-family:Georgia,'Songti TC',serif;font-size:clamp(36px,4.3vw,58px);line-height:1.13;letter-spacing:-.04em}.blog-hero p{margin:16px 0}.blog-hero h2{font-size:21px;margin:20px 0}.blog-hero>a{display:block;border-radius:14px;overflow:hidden;background:#e6f7f7}.blog-hero img{width:100%;height:340px;object-fit:contain}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.blog-panel{background:#f7f7f7;border-radius:12px;padding:22px;margin-bottom:20px}.blog-panel h2{font-family:Georgia,'Songti TC',serif;font-size:22px}.blog-panel .section-head{margin-bottom:20px}.blog-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.blog-cards .card{background:white;border-radius:9px;overflow:hidden;box-shadow:0 4px 10px #00384009}.blog-cards .card-image{aspect-ratio:.85;margin-bottom:12px;border-radius:0}.blog-cards .card>div:last-child{padding:0 12px 16px}.blog-cards h3{font-size:15px}.blog-cards .meta{font-size:10px}.blog-cards .card p{display:none}.blog-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-pair .category-tiles{grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 0}.blog-pair .category-tiles>a{padding:12px 4px;font-size:12px;border:0;background:#e6f7f7}.blog-pair .category-tiles small{display:none}.blog-ranked{display:flex;gap:10px;align-items:start;margin-top:16px;font-size:13px;line-height:1.65}.blog-ranked b{background:#007a7d;color:white;border-radius:50%;min-width:23px;height:23px;text-align:center}.blog-search{margin-bottom:28px}.blog-search label{font-size:13px}.blog-search>div{display:flex;margin-top:8px}.blog-search input{min-width:0;width:100%;font-size:16px;padding:10px;border:1px solid #007a7d;background:white;color:#303030}.blog-search button{width:44px;flex-shrink:0;background:#00b8bc;color:#003840}.blog-small{display:flex;gap:12px;margin-top:18px;align-items:center}.blog-small img{width:60px;height:66px;flex-shrink:0;border-radius:5px;object-fit:contain;background:#e6f7f7}.blog-small b{font-size:13px;line-height:1.6;display:block}.blog-small small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.blog-about{text-align:center}.blog-about p{font-size:14px;margin:16px 0}.blog-mark{display:grid;place-items:center;border-radius:50%;width:80px;height:80px;background:#00b8bc;color:#003840;font-size:55px;font-weight:bold;margin:0 auto 20px}.blog-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.blog-thumbs img{width:100%;height:75px;border-radius:5px}.blog-panel .cards{gap:16px}.blog-panel .cards h3{font-size:17px}html[data-theme=dark] body .blog-hero{background:linear-gradient(100deg,#11455b,#003840);color:#f7f7f7}html[data-theme=dark] body .blog-panel{background:#11455b}html[data-theme=dark] body .blog-cards .card{background:#003840}html[data-theme=dark] body .blog-pair .category-tiles>a{color:#003840}
@media(max-width:1050px){.blog-layout{grid-template-columns:minmax(0,1fr) 240px}.blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-cards .card-image{aspect-ratio:1.2}.blog-pair{grid-template-columns:1fr}.blog-hero{padding:28px}.review-bar nav a{padding-left:10px;padding-right:10px}}
@media(max-width:800px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.blog-hero{grid-template-columns:1fr}.blog-hero img{height:300px}.blog-hero h1{max-width:600px}.blog-pair{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.review-bar nav a{padding:8px 2px;font-size:10px;min-width:0}.review-bar nav{gap:4px}.blog-shell{padding-top:20px}.blog-hero{padding:24px 20px;gap:20px}.blog-hero h1{font-size:38px}.blog-hero img{height:260px}.blog-panel{padding:18px}.blog-cards{gap:12px}.blog-cards h3{font-size:15px}.blog-cards .card>div:last-child{padding:0 10px 14px}.blog-cards .card-image{aspect-ratio:1}.blog-pair,.blog-sidebar{grid-template-columns:1fr;gap:0}.blog-panel .section-head{align-items:start}.blog-panel .section-head h2{font-size:22px}.blog-panel .cards{grid-template-columns:1fr}.blog-pair .category-tiles{grid-template-columns:repeat(3,1fr)}}
/* Brand lockup: white lettering on the supplied dark-teal brand ground. */
header .brand{color:#fff;background:#003840;padding:10px 14px;border-radius:6px;flex-shrink:0}header .brand:hover{color:#fff}header .brand-symbol{color:#fff}header .brand small{color:#fff}
@media(max-width:520px){header .brand{padding:8px 10px;font-size:21px;gap:7px}.header-inner{gap:10px;padding-left:12px;padding-right:12px}header .brand small{font-size:9px}.header-actions{gap:6px}}
/* E refinement: quiet brand line, compact headings, fewer competing labels. */
body[data-version=E] .blog-hero{padding:28px;gap:28px}body[data-version=E] .blog-hero h1{font-family:inherit;font-size:18px;line-height:1.5;letter-spacing:0;font-weight:500;margin-bottom:24px}body[data-version=E] .blog-hero h2{font-family:inherit;font-size:clamp(24px,2.4vw,32px);line-height:1.5;margin:0 0 22px;letter-spacing:-.02em}body[data-version=E] .blog-panel h2{font-family:inherit;font-size:20px;line-height:1.5;letter-spacing:0}body[data-version=E] .blog-panel .eyebrow:empty{display:none}body[data-version=E] .blog-panel .section-head{margin-bottom:16px}body[data-version=E] .blog-pair{grid-template-columns:1fr}body[data-version=E] .blog-pair .category-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}body[data-version=E] .blog-cards h3,body[data-version=E] .blog-panel .cards h3{font-size:16px;line-height:1.65;font-weight:600;letter-spacing:0}body[data-version=E] .blog-about h2{font-size:19px}body[data-version=E] .blog-mark{width:54px;height:54px;font-size:36px;margin-bottom:14px}body[data-version=E] .blog-about p{font-size:14px;line-height:1.8}
@media(max-width:520px){body[data-version=E] .blog-hero{padding:22px 20px;gap:18px}body[data-version=E] .blog-hero h1{font-size:15px;margin-bottom:14px}body[data-version=E] .blog-hero h2{font-size:23px;line-height:1.5;margin-bottom:18px}body[data-version=E] .blog-panel h2{font-size:19px}body[data-version=E] .blog-cards h3{font-size:15px}body[data-version=E] .blog-pair .category-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.featured-carousel{margin-bottom:24px;border-radius:20px;background:#e6f7f7;overflow:hidden}.featured-carousel .blog-hero{margin-bottom:0;border-radius:0;min-height:390px}.featured-slide[hidden]{display:none}.featured-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 20px 18px;color:#003840}.featured-controls button{min-width:44px;min-height:44px;border-radius:50%;border:1px solid #007a7d}.featured-controls button:hover{background:#b8f0f1}.featured-dots{display:flex;gap:0}.featured-dots button{border:0;display:grid;place-items:center}.featured-dots span{width:8px;height:8px;border-radius:50%;background:#007a7d}.featured-dots button[aria-pressed=true] span{width:22px;border-radius:6px;background:#003840}.featured-count{font-size:12px;font-variant-numeric:tabular-nums}.carousel-slogan{font-size:18px!important;margin:0 0 24px!important;line-height:1.5;font-weight:500}html[data-theme=dark] body .featured-carousel{background:#11455b}html[data-theme=dark] body .featured-controls{color:#f7f7f7}html[data-theme=dark] body .featured-dots span{background:#b8f0f1}html[data-theme=dark] body .featured-dots button[aria-pressed=true] span{background:#00b8bc}html[data-theme=dark] body .featured-controls button:hover{background:#003840}@media(max-width:520px){.carousel-slogan{font-size:15px!important;margin-bottom:14px!important}.featured-controls{gap:4px;padding:4px 8px 14px}.featured-carousel .blog-hero{min-height:490px}.featured-carousel .blog-hero h2{min-height:104px}.featured-carousel .blog-hero>div{align-self:start}}
/* E: fit the featured artwork, without decorative letterbox panels. */
body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:32px;min-height:396px;align-items:center}
body[data-version=E] .featured-slide>a{background:transparent;border-radius:0;width:100%;justify-self:end;overflow:visible}
body[data-version=E] .featured-slide>a>img{width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:0}
body[data-version=E] .blog-layout{align-items:start}
body[data-version=E] .blog-panel .section-head{min-height:44px;align-items:center}
body[data-version=E] .blog-cards{align-items:stretch}
body[data-version=E] .blog-cards>.card{display:flex;flex-direction:column}
body[data-version=E] .blog-cards>.card>.card-image{flex:none;margin-bottom:12px}
body[data-version=E] .blog-cards>.card>div:last-child{flex:1;display:flex;flex-direction:column;align-items:start}
body[data-version=E] .blog-cards .meta{margin-top:auto;padding-top:8px}
body[data-version=E] .blog-small{align-items:start}
body[data-version=E] .blog-small>span{min-width:0}
@media(max-width:800px){body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:24px;min-height:340px}}
@media(max-width:520px){body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:1fr;gap:20px;min-height:0}body[data-version=E] .featured-slide>a{width:min(100%,280px);justify-self:center}body[data-version=E] .featured-carousel .blog-hero h2{min-height:104px}body[data-version=E] .blog-cards .card-image{aspect-ratio:1}}

/* Collapsible preview controls above the site navigation. */
.review-tools{background:#e6f7f7;color:#003840;border-bottom:1px solid #b8f0f1}.review-tools>summary{cursor:pointer;min-height:44px;padding:10px max(16px,calc((100vw - 1184px)/2));font-size:13px;font-weight:600}.review-tools>summary>span{font-size:12px;font-weight:400;margin-left:12px}.review-tools .review-bar{border-bottom:0;padding-top:8px;padding-bottom:12px}html[data-theme=dark] body .review-tools{background:#11455b;color:#f7f7f7}

body[data-version=E] .featured-slide .featured-title{font-size:clamp(24px,2.5vw,32px);line-height:1.45;font-family:inherit;letter-spacing:0;margin:0 0 18px;max-width:none}body[data-version=E] .featured-slide .featured-excerpt{font-size:16px;line-height:1.9;max-width:none;margin:0 0 24px;color:inherit}body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:32px}.article-hero{display:block;width:min(100%,540px);height:auto;max-height:none;object-fit:contain;background:transparent;border-radius:0;margin-inline:auto}
@media(max-width:800px){body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:24px}}
@media(max-width:520px){body[data-version=E] .featured-carousel .blog-hero{grid-template-columns:1fr;gap:20px}body[data-version=E] .featured-slide .featured-title{font-size:23px;margin-bottom:14px}body[data-version=E] .featured-slide .featured-excerpt{font-size:15px;line-height:1.8}}

/* E: knowledge-first rails with the original lower-page sections. */
body[data-version=E] .cinema-section{padding-top:24px}body[data-version=E] .cinema-rail>.card{flex-basis:29%;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}body[data-version=E] .cinema-rail .card-image{aspect-ratio:1;margin-bottom:12px;border-radius:0}body[data-version=E] .cinema-rail .card>div:last-child{padding:0 16px 18px}body[data-version=E] .cinema-rail h3{font-size:17px}body[data-version=E] .cinema-controls button{color:var(--ink)}body[data-version=E] .cinema-controls button:hover{background:var(--pale)}body[data-version=E] .section-head h2{font-size:23px}body[data-version=E] .mission h2{font-size:30px}
@media(max-width:800px){body[data-version=E] .cinema-rail>.card{flex-basis:43%}}@media(max-width:520px){body[data-version=E] .cinema-rail>.card{flex-basis:80%}body[data-version=E] .cinema-rail h3{font-size:16px}body[data-version=E] .section-head h2{font-size:21px}}

.card-image>a{display:block;width:100%;height:100%}.category-chip{--chip-bg:#e6f7f7;--chip-ink:#003840;display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:24px;background:var(--chip-bg);color:var(--chip-ink);font-size:13px;font-weight:700;border:1px solid transparent;line-height:1.4}.category-chip[data-category-tone=hongkong]{--chip-bg:#ffe3a8;--chip-ink:#705544}.category-chip[data-category-tone=animals]{--chip-bg:#e5f2ce;--chip-ink:#314e0a}.category-chip[data-category-tone=arts]{--chip-bg:#ffe0e8;--chip-ink:#8a2342}.category-chip[data-category-tone=science],.category-chip[data-category-tone=study]{--chip-bg:#b8f0f1;--chip-ink:#11455b}.category-chip[data-category-tone=history],.category-chip[data-category-tone=life]{--chip-bg:#f3e8d0;--chip-ink:#705544}.category-chip[data-category-tone=sports]{--chip-bg:#ffe1cb;--chip-ink:#783705}.category-chip:hover{color:var(--chip-ink);border-color:currentColor}.category-chip[aria-current]{background:var(--chip-bg);color:var(--chip-ink);border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.category-chip:focus-visible{outline:3px solid #007a7d;outline-offset:3px}

.featured-controls .carousel-playback{width:auto;min-width:54px;padding:0 10px;border-radius:20px;font-size:12px}@media(max-width:520px){.featured-controls{gap:4px}.featured-controls .carousel-playback{min-width:48px;padding:0 6px}}

.bgos-site{padding-top:0!important}.bgos-header{position:sticky!important;top:0;z-index:1000}.bgos-menu-toggle{display:block!important}.bgos-theme{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:24px;font-size:13px}#bgos-menu{max-width:1184px;margin:auto;padding:16px 24px;display:flex;flex-wrap:wrap;gap:16px}#bgos-menu[hidden]{display:none}#bgos-menu a{min-height:44px;display:flex;align-items:center}.bgos-site .bgos-footer{margin-top:30px}.bgos-site .card-image{display:block}.bgos-ad{display:flex;justify-content:center;gap:20px;overflow:hidden;padding:16px 0;min-height:100px}.bgos-legacy>.container{max-width:1184px;padding-top:28px}.bgos-legacy .banner{margin:0;padding:24px!important;background:var(--pale)!important;text-align:center}.bgos-legacy .banner>img{display:none}.bgos-legacy .bannercentered{position:static;transform:none;font-size:28px!important;letter-spacing:0!important;color:var(--ink)!important;margin:0}.bgos-legacy h1{font-size:clamp(25px,3vw,36px);line-height:1.5}.bgos-legacy h2{font-size:25px}.bgos-legacy h3{font-size:22px}.bgos-legacy .card{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px}.bgos-legacy .card-header,.bgos-legacy .modal-content{background:var(--surface);color:var(--ink)}.bgos-legacy .card img{object-fit:contain;background:transparent}.bgos-legacy .col-md-8>div>img,.bgos-legacy .col-md-8>div>p img{display:block;max-width:100%;height:auto!important;background:transparent;margin:20px auto}.bgos-legacy p{line-height:1.9}.bgos-legacy .btn-primary,.bgos-legacy .btn-info{background:#007a7d;border-color:#007a7d;color:white}.bgos-legacy input,.bgos-legacy select,.bgos-legacy textarea{min-height:44px;font-size:16px}.bgos-legacy .modal{z-index:1100}.bgos-legacy .modal-backdrop{z-index:1050}.bgos-legacy iframe{max-width:100%}.category-chip[data-category-tone=hongkong]{--chip-bg:#ffe3a8;--chip-ink:#705544}.category-chip[data-category-tone=animal]{--chip-bg:#e5f2ce;--chip-ink:#314e0a}.category-chip[data-category-tone=entertainment]{--chip-bg:#ffe0e8;--chip-ink:#8a2342}.category-chip[data-category-tone=history]{--chip-bg:#f3e8d0;--chip-ink:#705544}.bgos-site a.category-chip{background:var(--chip-bg);color:var(--chip-ink);border-color:transparent}html[data-theme=dark] .bgos-legacy .bg-white,html[data-theme=dark] .bgos-legacy .bg-light{background:#11455b!important;color:#f7f7f7!important}.bgos-home .card h3{font-size:18px}.bgos-home .bgos-ad>[id$="-0"],.bgos-home .bgos-ad>[id$="-1"],.bgos-home .bgos-ad>[id$="-2"]{display:none}@media(max-width:800px){.bgos-header .bgos-nav{display:none}.bgos-home .bgos-ad>[id$="-3"],.bgos-home .bgos-ad>[id$="-4"]{display:none}.bgos-home .bgos-ad>[id$="-0"],.bgos-home .bgos-ad>[id$="-1"]{display:block}.bgos-ad{min-height:250px}.bgos-legacy>.container{padding:20px 16px}}@media(max-width:520px){.bgos-header .header-inner{gap:10px}.bgos-header .brand{font-size:21px}.bgos-header .brand-symbol{font-size:30px}.bgos-header .brand small{font-size:8px}.bgos-header .header-actions{gap:5px}.bgos-home .featured-controls{flex-wrap:wrap}.bgos-legacy .row{margin-left:-8px;margin-right:-8px}.bgos-legacy .row>[class*=col-]{padding-left:8px;padding-right:8px}}

.bgos-search-form{width:100%;display:flex;align-items:center;gap:12px}.bgos-search-form input{min-width:0;flex:1;padding:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}@media(max-width:520px){.bgos-search-form{flex-wrap:wrap}.bgos-search-form label{width:100%}}