/* ViNoora V10.3 — FINAL style, must load after v10.css */
:root{--v103-forest:#103f32;--v103-gold:#bd9641;--v103-subtle:#6f7b71}
/* Header utility navigation: Create Email on left, Login + Sign Up on right. */
.v9-member-bar{background:#fffdf9;border-bottom:1px solid #e7dfce;position:relative;z-index:3}
.v9-member-bar .v9-member-inner{display:flex;direction:ltr;align-items:center;justify-content:flex-end;max-width:1140px;width:calc(100% - 32px);gap:9px;margin:0 auto;padding:9px 0;min-height:0;box-sizing:border-box}
.v9-member-bar .v9-shortcut{display:inline-flex;direction:ltr;flex:0 0 auto;min-width:0;width:auto;min-height:34px;margin:0;border:1px solid #dfd2b0;border-radius:999px;padding:6px 14px;font-size:.83rem;line-height:1.25;white-space:nowrap;gap:5px;letter-spacing:0;font-weight:650;text-align:center;box-shadow:none;overflow:hidden}
.v9-member-bar .v9-shortcut span:not([aria-hidden]){white-space:nowrap;overflow-wrap:normal;direction:auto}
.v9-member-bar .v9-email{margin-right:auto;grid-column:auto;background:#fff}
.v9-member-bar .v9-signin{grid-column:auto;background:#fff}
.v9-member-bar .v9-signup{grid-column:auto;background:var(--v103-forest);color:#fff;border-color:var(--v103-forest)}
.v9-member-bar .v9-shortcut:focus-visible{outline:2px solid #a88642;outline-offset:2px}
/* Account heading, description and signed-in dashboard. */
.v103-account-intro.page-hero{padding-top:26px;padding-bottom:22px}
.v103-account-intro.page-hero h1{font-size:clamp(1.55rem,3.7vw,2.25rem);font-weight:750;line-height:1.22;letter-spacing:-.012em;margin:10px 0}
.v103-account-intro.page-hero p{font-size:clamp(.88rem,1.8vw,.98rem);line-height:1.63;max-width:780px;color:#667269}
.v103-account-intro .overline{font-size:.7rem;letter-spacing:.13em;font-weight:650}
.v9-account-banner.shell{margin-top:15px;padding:12px 16px;border-radius:14px}
.v9-account-banner strong{font-size:.96rem;font-weight:750;line-height:1.4}
.v9-account-banner p{font-size:.85rem;line-height:1.55;margin-top:4px}
#v10ServiceStatus.v10-service-state{font-size:.84rem;line-height:1.55;margin-top:12px;padding:10px 13px}
#v8Auth.v8-section{margin-top:25px;max-width:950px}
#v8Auth .v8-card{padding:clamp(17px,3vw,25px);border-radius:18px;box-shadow:0 8px 26px #173c2912}
#v8Auth .v8-card h2{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3;letter-spacing:0;margin:0 0 14px;overflow-wrap:anywhere}
#v8Auth #authWelcome{font-size:clamp(1.22rem,3.5vw,1.55rem);line-height:1.32;margin:0 0 12px;font-weight:780}
.v103-welcome-name{display:block;overflow-wrap:anywhere}
.v103-welcome-email{display:block;font-size:.76em;font-weight:500;color:#62766d;line-height:1.5;margin-top:3px;overflow-wrap:anywhere;direction:ltr;text-align:start}
#v8Auth .v8-history h3,#v8Auth .v9-password-change h3{font-size:1.04rem;font-weight:750;line-height:1.35;margin:8px 0}
#v8Auth .v8-history{gap:13px;margin:20px 0}
#v8Auth .v8-history-item{font-size:.89rem;padding:10px 12px}
#v8Auth .v8-hint{font-size:.81rem;line-height:1.55}
#v8Auth .v8-feedback{font-size:.82rem;line-height:1.55}
#v8Auth label.v8-label{font-size:.85rem;line-height:1.4;gap:6px}
#v8Auth .v8-label input{min-height:42px;border-radius:10px;padding:9px 12px;font-size:1rem}
#v8Auth .v8-fields{gap:12px}
#v8Auth .v8-auth-tabs{gap:8px;margin:5px 0 18px}
#v8Auth .v8-auth-tabs button{padding:9px 12px;min-height:40px;font-size:.88rem;border-radius:10px}
#v8Auth .v8-btn{font-size:.86rem;min-height:38px;padding:9px 14px;border-radius:10px}
#v8Auth .v8-actions{gap:8px;margin:12px 0}
#v8Auth .v9-password-change{margin:18px 0 15px;padding-top:18px}
/* More balanced typography on the mobile homepage; don't alter sections or products. */
.hero h1{font-size:clamp(1.9rem,4.6vw,3.25rem);line-height:1.36;letter-spacing:-.015em}
.hero-lead{font-size:clamp(.96rem,1.9vw,1.08rem);line-height:1.7}
.hero-ctas .button{padding:10px 16px;min-height:42px;font-size:.88rem;line-height:1.4;border-radius:13px}
/* Mobile rules are deliberately LAST to supersede v10.css's 2-column shortcuts. */
@media(max-width:700px){
 .v9-member-bar .v9-member-inner{display:flex!important;direction:ltr!important;flex-wrap:nowrap!important;grid-template-columns:none!important;justify-content:flex-end!important;width:calc(100% - 24px);padding:7px 0;gap:5px;min-height:0}
 .v9-member-bar .v9-shortcut{grid-column:auto!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:33px!important;padding:7px 9px!important;font-size:.74rem!important;line-height:1.15!important;border-radius:999px!important;gap:3px!important;white-space:nowrap!important;}
 .v9-member-bar .v9-shortcut span[aria-hidden]{display:none!important}
 .v9-member-bar .v9-email{margin-right:auto!important}
 .v103-account-intro.page-hero{padding-top:22px;padding-bottom:19px}
 .v103-account-intro.page-hero h1{font-size:clamp(1.38rem,6vw,1.9rem);line-height:1.24;margin:7px 0}
 .v103-account-intro.page-hero p{font-size:.85rem;line-height:1.58}
 .v9-account-banner.shell{margin-top:12px;padding:11px 12px}
 .v9-account-banner strong{font-size:.87rem}
 .v9-account-banner p{font-size:.8rem;line-height:1.5}
 #v10ServiceStatus.v10-service-state{font-size:.8rem;padding:10px 12px}
 #v8Auth.v8-section{padding-inline:12px;margin-top:18px;margin-bottom:42px}
 #v8Auth .v8-card{padding:16px;border-radius:17px}
 #v8Auth .v8-card h2{font-size:1.12rem;line-height:1.32}
 #v8Auth #authWelcome{font-size:1.2rem;line-height:1.27}
 #v8Auth .v8-history h3,#v8Auth .v9-password-change h3{font-size:.98rem}
 #v8Auth .v8-hint{font-size:.77rem;line-height:1.5}
 #v8Auth .v8-btn{font-size:.81rem;padding:9px 13px}
 #v8Auth .v8-auth-tabs button{font-size:.83rem;padding:9px 9px}
 #v8Auth label.v8-label{font-size:.82rem}
 .hero{padding-top:25px;gap:12px}
 .hero h1,html[lang="en"] .hero h1{font-size:clamp(1.65rem,6.1vw,2.05rem);line-height:1.32;margin:12px 0}
 .hero-lead{font-size:.86rem;line-height:1.7}
 .hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
 .hero-ctas .button{flex:1 1 130px;min-width:0;min-height:40px!important;padding:10px 9px!important;font-size:.79rem!important;line-height:1.35!important;border-radius:11px}
 .hero-facts{margin-top:18px;gap:11px}
}
@media(max-width:359px){
 .v9-member-bar .v9-member-inner{width:calc(100% - 16px);gap:3px}
 .v9-member-bar .v9-shortcut{font-size:.68rem!important;padding:7px 7px!important}
 .hero-ctas .button{flex-basis:120px}
}