:root{--ink:#164e44;--brand:#087a62;--muted:#526a60;--line:#dce9e1;--pale:#e8f8ef;--yellow:#f4c542;--yellow-pale:#fff1bf;--white:#fffdf7}
body{background:#fffdf7}.app{max-width:820px;background:#fffdf7;box-shadow:none}.top{background:#fffdf7;border-top-color:#f4c542}.top-brand .team{color:#164e44}.top-brand .platform{color:#164e44}.bottom-nav{background:#e7f6ee;border-color:#cce7d9}.bottom-nav button{color:#176c54}.card{background:#fff;border-color:#dce9e1}.card:hover{background:#edf9f2}.primary,.action-link.primary{background:#087a62;color:white}.secondary{background:#e8f8ef;color:#176c54}.now{background:#fff0b9}.quick,.soft{background:#e8f8ef}
@media(min-width:700px){body{padding:0}.app{border-radius:0;min-height:100vh}}

.bottom-nav{width:min(100%,820px)}

@media(min-width:1000px){
 .app:has(.portal-home,.portal-page,.seasonal-reading){max-width:1080px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review{padding:20px 42px 28px}
 body:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{width:min(100%,1080px)}
}

@media(min-width:1000px){
 .app:has(.portal-home,.portal-page,.seasonal-reading){max-width:1280px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review{padding:0 42px 20px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top{padding:24px 42px;justify-content:space-between}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand{margin-right:auto;text-align:left;align-items:flex-start}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .platform{text-align:left}
 .app:has(.portal-home,.portal-page,.seasonal-reading) #back{display:none}
 body:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{position:static;transform:none;width:auto;max-width:none;margin:0 42px 20px}
}

/* Desktop portal: brand and navigation on one white header, full-width hero. */
.desktop-header-nav{display:none}
@media(min-width:900px){
 .app:has(.portal-home,.portal-page,.seasonal-reading){max-width:none;background:#fff}
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review{padding:0;max-width:none;background:#fff}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top{position:relative;display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;padding:21px 36px 19px;max-width:1340px;margin:auto;background:#fff;border-bottom:0;backdrop-filter:none}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand{margin:0;text-align:left}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .brand-first-line{align-items:center;gap:10px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .brand-mark{width:86px;flex-basis:86px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .brand-mark img{width:100%}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .team{font-size:21px;font-weight:500;font-family:"DFKai-SB","BiauKai","KaiTi",serif}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .platform{font-size:25px;font-weight:500;line-height:1.5;letter-spacing:.03em;margin-top:1px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top>#back,.app:has(.portal-home,.portal-page,.seasonal-reading) .top>.plain{display:none}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .desktop-header-nav{display:flex;justify-content:flex-end;align-items:center;gap:clamp(15px,2.2vw,34px)}
 .desktop-header-nav button{background:none;border:0;font:400 15px/1.5 -apple-system,BlinkMacSystemFont,"Microsoft JhengHei",sans-serif;white-space:nowrap;min-height:48px;padding:10px 0;color:#355448;cursor:pointer}
 .desktop-header-nav button:hover{color:#957122}
 .desktop-header-nav button:last-child{background:#fff0b5;border-radius:5px;padding:10px 16px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review .legal{max-width:1180px;margin:0 auto;padding:17px 0;border-top:1px solid #dfe5dc;color:#6d796f}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{position:static;transform:none;width:auto;max-width:1180px;margin:0 auto;background:#f4f6f0;border:0;border-radius:0}
}
@media(min-width:900px) and (max-width:1260px){
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review .portal-bottom,
 .app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review .legal,
 .app:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{margin-left:36px;margin-right:36px}
}

@media(min-width:900px){.app:has(.portal-page,.seasonal-reading) #chiao-complete-review{padding:22px 30px 30px}.app:has(.portal-page,.seasonal-reading) .top{border-bottom:1px solid #e1e7dd}.app:has(.seasonal-reading) #chiao-complete-review .legal{max-width:820px}.app:has(.portal-page,.seasonal-reading) .top>#back{display:none}}

/* Approved editorial portal shell. */
body{background:#fff}
.app:has(.portal-home,.portal-page,.seasonal-reading){max-width:1440px;background:#fff}
.app:has(.portal-home,.portal-page,.seasonal-reading) #view>#chiao-complete-review{padding:0;border-top:0;background:#fff}
.app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review>.portal-page{max-width:none;padding:28px 5% 45px;margin:0}
.app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review>.seasonal-reading{padding:28px 20px 45px;max-width:870px;margin:auto}
.app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review .legal{margin:0 5%;padding:20px 0;max-width:none}
@media(min-width:900px){.app:has(.portal-home,.portal-page,.seasonal-reading) .top{max-width:1440px;padding:22px 4%;grid-template-columns:360px 1fr;border-bottom:1px solid #e1e8df}.app:has(.portal-home,.portal-page,.seasonal-reading) .desktop-header-nav{gap:24px}.app:has(.portal-home,.portal-page,.seasonal-reading) .desktop-header-nav button:last-child{background:none;border:0;padding:10px 0}.app:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{max-width:none;margin:0}}
@media(max-width:899px){.app:has(.portal-home,.portal-page,.seasonal-reading) .top{position:relative;background:#fff}.app:has(.portal-home,.portal-page,.seasonal-reading) .bottom-nav{position:static;transform:none;max-width:none;width:100%;margin:0;border-radius:0}.app:has(.portal-home,.portal-page,.seasonal-reading) #chiao-complete-review>.portal-page{padding:20px}.app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .platform{font-size:23px}}

@media(max-width:899px){
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px 20px}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top>.plain{display:none}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .platform{font-size:clamp(18px,5.1vw,23px);font-weight:500;overflow:visible;text-overflow:clip}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .team{font-size:clamp(14px,3.7vw,17px);font-weight:500}
 .app:has(.portal-home,.portal-page,.seasonal-reading) .top-brand .brand-mark{width:54px;flex-basis:54px}
 .app:has(.portal-home) .top{grid-template-columns:minmax(0,1fr)}
 .app:has(.portal-home) .top>#back{display:none}
}