html[data-theme="light"],html[data-theme="light"] body{background:#f6faf8!important;color:#193c40!important;color-scheme:light}
html[data-theme="light"] :is(header,footer){border-color:#cbded5!important}
html[data-theme="light"] :is(main,article,.example,.card,.guide-card,.notice,.draft){background:#fff!important;color:#193c40!important;border-color:#cbded5!important;box-shadow:none!important}
html[data-theme="light"] :is(h1,h2,h3,h4,strong,b){color:#193c40!important}
html[data-theme="light"] :is(p,li,small,span,dt,dd,td,th){color:#47665e!important}
html[data-theme="light"] a{color:#146b60!important}
html[data-theme="light"] :is(.button,.cta){background:#146b60!important;color:#fff!important}
html[data-theme="light"] :is(table,blockquote,pre){background:#edf6f0!important;color:#294f43!important;border-color:#cbded5!important}
@media(max-width:650px){header{flex-wrap:wrap;gap:16px}header nav{flex-wrap:wrap;gap:12px}main{max-width:100%;overflow-wrap:anywhere}}

/* Keep foregrounds and panel surfaces paired in the light theme. */
html[data-theme="light"] :is(.practice,.contents,.cta,.links a){background:#edf6f0!important;color:#193c40!important;border-color:#5c7a70!important}
html[data-theme="light"] :is(.practice,.contents,.cta) :is(h1,h2,h3,p,li,small,strong,b,summary){color:#193c40!important}
html[data-theme="light"] .practice summary{color:#146b60!important;padding-block:12px;min-height:44px}
html[data-theme="light"] .practice details{border-color:#5c7a70}
html[data-theme="light"] .cta a{color:#146b60!important}
html[data-theme="light"] .cta a.button{color:#fff!important}