html body:has(#wz-nav),html body:has(.wzb),html body:has(.wza),html body:has(.wza-legal),.wzb,.wzb.mingpan-page,.wza,#wz-content,#wz-nav,#wz-footer,#wz-footer .wf-inner{background:#f3f6f8!important;background-image:none!important}
body{margin:0;color:#25343c}
#wz-content{--bg:#f3f6f8;--paper:#f3f6f8}
#wz-content .wz-hero,#wz-content .wz-wrap{background:transparent!important}
.wzb .panel,.wzb .mp-card,.wza-auth,.wza-cases,.wza-legal{background:#fff!important;border-color:#dce4e8!important}
.wzb .mp-table tbody tr:nth-child(even),.wzb .mp-table tbody tr:first-child{background:#f0f5f6!important}
.wzb .mp-table tbody tr.mp-glyphs,.wzb .mp-table thead th{background:#fff!important}
.wzb .calendar,.wzb .tabs,.wza-tabs,.wzb .mp-analysis-card{background:#f5f8f9}
.wzb .mp-sidebar{background:#f3f6f8!important}
.wzb .mp-banner{background:#326451!important}
.wzb .primary,.wzb[data-page=input] .start-chart,.wza .wza-primary,#wz-nav a.wn-register,#wz-content .wz-cta{background:#202725!important;color:#fff!important;border-color:#202725!important;transition:background .18s,color .18s}
.wzb .primary:hover,.wzb[data-page=input] .start-chart:hover,.wza .wza-primary:hover,#wz-nav a.wn-register:hover,#wz-content .wz-cta:hover{background:#326451!important;color:#fff!important;border-color:#326451!important}
.wzb[data-page=input] .calendar button.active{background:#202725!important;color:#fff!important}
.wzb[data-page=input] .calendar button:hover,.wza .wza-code button:hover{background:#dcece6!important;color:#254e40!important}
.wzb .mp-banner .mp-edit-area .edit{background:#202725!important;color:white!important;border-color:#708f81}
.wzb .mp-banner .mp-edit-area .edit:hover{background:#e1eee8!important;color:#254e40!important}
.wzb button:focus-visible,.wza button:focus-visible,a:focus-visible{outline:2px solid #508c76;outline-offset:3px}
.wza-art,.wza-auth-shell,.wza-auth-intro{background:transparent!important}
.wza-art{filter:hue-rotate(25deg)}
.wza .wza-tabs button.active,.wza .wza-links button,.wza .wza-agreement a{color:#326451!important}
.wza-auth{box-shadow:0 12px 40px #273f5006!important}
.wza input:not([type=checkbox]),.wzb[data-page=input] .field-button,.wzb[data-page=input] input[name=name]{background:#fbfcfd!important;border-color:#d9e3e6!important;color:#273a43}
.wza input::placeholder,.wzb input::placeholder{color:#7e8b94}
.wzb[data-page=input] .intro h1,.wza h1{color:#263a43!important}
#wz-nav .wn-links a:hover,#wz-nav .wn-login:hover{color:#326451!important}
.preview-note{text-align:center;padding:7px 15px;color:#687b86;font:11px/1.7 Arial,sans-serif;background:#eaf0f3}
.wza-legal h2,.wza-legal a,.wza-legal .wza-back{color:#326451!important}
.wza-legal{color:#465660}
.wza-legal .wza-legal-date{color:#71818c}
#wz-content{--accent:#326451!important;--gray:#72818b!important;--line:#dce4e8!important}
.wzb .mp-analysis-card,.wza .wza-code button{background:#fff!important}
.wzb button:disabled,.wza button:disabled{cursor:default}
.wzb .primary:disabled:hover,.wza .wza-primary:disabled:hover{background:#202725!important}
@media(max-width:600px){.wza-legal{margin:22px 14px;padding:25px 20px}.wza-legal h1{font-size:25px}}

/* Cool animation surfaces and legible account tabs. */
#wz-content{--paper:#f3f6f8!important}
#wz-content .wz-column{background:#e8eef1!important}
#wz-content .wz-column:nth-child(even){background:#eef3f5!important}
#wz-content .wz-column-label{color:#425862!important}
#wz-content .wz-column-label:after{background:#becdd3!important}
#wz-content .wz-selection,#wz-content .wz-selection i,#wz-content .wz-selection:before,#wz-content .wz-selection:after{background:#326451!important}
#wz-content .wz-selection i{box-shadow:0 0 0 7px #f3f6f8!important}
.wza .wza-tabs{background:#edf2f4!important}
.wza .wza-tabs button.active{background:#202725!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.wza .wza-tabs button:hover,.wza .wza-tabs button:focus-visible{background:#326451!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.wza .wza-tabs button{transition:background .18s,color .18s}

.preview-note,.concept-caption{display:none!important}
@media(max-width:780px){
.wzb[data-page=input] .layout{display:flex!important;flex-direction:column;align-items:stretch;gap:28px}
.wzb[data-page=input] .layout>.panel{order:-1;width:100%}
.wzb[data-page=input] .layout>.intro{order:1;width:100%;padding-top:12px}
.wza .wza-auth-layout{display:flex!important;flex-direction:column;align-items:stretch;gap:28px}
.wza .wza-auth-layout>.wza-auth{order:-1;width:100%;margin:0}
.wza .wza-auth-layout>.wza-auth-intro{order:1;width:100%}
}

/* 2.3.1: consistent cool page canvas and deep teal reading headings. */
html body:has(.wzb),html body .wzb[data-page],html body .wzb.mingpan-page{background:#f3f6f8!important;background-image:none!important}
body:has(.wzb) .elementor-location-single,body:has(.wzb) .site-main,
.elementor-element:has(.wzb),.elementor-widget-container:has(.wzb){background-color:#f3f6f8!important;background-image:none!important}
.wzb .reading-overlay .mp-star-detail h2,
.wzb .reading-overlay .mp-star-detail h3,
.wzb .reading-overlay .mp-star-detail h4,
.wzb .reading-overlay .mp-seat-title{color:#245448!important}
.wzb .reading-overlay .mp-star-pill{color:#245448!important;background:#eaf2ef!important}
.wzb .reading-overlay .modal-head{border-bottom-color:#dfe9e6}

/* White site header */
html body #wz-nav{background:#fff!important;background-image:none!important}
html body #wz-nav .wn-links{background:#fff!important}