/* Consistent real Arial weights, blue headings and stronger pastel surfaces. */
body{font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.65;color:#343c51;background:linear-gradient(125deg,#dfd8f7 0%,#cdece8 52%,#f3d9e6 100%);background-attachment:fixed}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}body *{text-shadow:none}
main #app h1,main #app h2,main #app h3,.hero h1,header #pageName{color:#19649b;font-weight:700;letter-spacing:0;line-height:1.3}
main #app h1{font-size:34px}main #app h2{font-size:24px}main #app h3{font-size:19px}
strong,b,legend,label,button,.btn,.nav-group>summary,.grouped-nav a,.compact-menu>summary,header span{font-weight:700}
p,main #app p,.passage,.word-example,.ai-feedback{font-weight:400;color:#41495d;letter-spacing:normal}
.muted,.section-heading small,footer,.aside-note,.word-row small,.companion small{color:#596079}
aside{background:#eee9fa;border-color:#cfc4e8}.compact-menu{background:#f9f6ff;border-color:#cabde5}.nav-group{border-color:#d7cceb}.nav-group>summary,.compact-menu>summary{color:#205b8a}.grouped-nav a{color:#3b4260}.grouped-nav a.active{background:#d9d0f5;color:#34317e}.grouped-nav a:hover{background:#e3dcf6}
.card,.stat{background:#fcfbff;border-color:#d6cdec;box-shadow:0 4px 16px #5b55900d}.hero,.study-banner,.pron-hero,.social-hero{background:linear-gradient(115deg,#c8ece5,#ded6f7 62%,#f2d7e5);border-color:#e8dff7}.companion{background:linear-gradient(110deg,#efd9e7,#d3eeea);border-color:#d4c8e7}.passage{background:linear-gradient(110deg,#e7e0f7,#d9eeeb)}
.learning-hub{background:#e1d8f7}.garden-hero{background:linear-gradient(120deg,#d9edc9,#c9e9dd,#efd6e6)}.option{background:#eeebf8}.tag{background:#ddd6f4;color:#4c4386}.stat:nth-child(1){background:#f6e5ca}.stat:nth-child(2){background:#e2d9f5}.stat:nth-child(3){background:#ceebe6}
body.account-loading main{opacity:1}.btn,button.primary{color:#fff}button.secondary{color:#514591;background:#e6e0f5;border-color:#d0c4e7}
@media(max-width:700px){main #app h1{font-size:28px}main #app h2{font-size:22px}main #app h3{font-size:18px}.nav-group>summary,.grouped-nav a{font-size:15px}.compact-menu{background:#f6f1ff}aside{background:#e9e1f8}body{background-attachment:scroll}}
