/* HolArte — palette selected from the approved identity. */
:root{--burgundy:#6B2038;--ivory:#F6EFE5;--rose:#D9A3AD;--citron:#D7DF86;--ink:#29242A;--blue:var(--burgundy);--paper:var(--ivory);--line:#dfcbd0;--muted:#715c63}
.logo,.conversation-site>header .logo,header .logo,.app-masthead .logo{display:inline-flex!important;align-items:center;line-height:1!important;letter-spacing:0!important;text-transform:none!important;flex-shrink:0;text-decoration:none}
.logo:before{display:none!important;content:none!important}
.brand-logo{display:block;width:126px;height:82px;background:var(--burgundy);background:transparent url('/assets/holarte-logo.png') center/100% auto no-repeat!important;mask:none!important;-webkit-mask:none!important}
.conversation-site>header .brand-logo{background:var(--ivory)}
.conversation-site>header{min-height:112px;padding-top:15px;padding-bottom:15px}
.conversation-site{background:linear-gradient(to bottom,var(--burgundy) 0 112px,var(--ivory) 112px)}
.conversation-site .hero .signup-row .primary{background:var(--citron);color:var(--ink);border-color:var(--citron)}
.conversation-site .hero .signup-row .primary:hover{background:var(--rose);color:var(--ink)}
.conversation-site .hero .promise-list{color:var(--ivory)}
.method-band{background:var(--rose)!important;color:var(--ink)}
.method-band .eyebrow,.method-band p{color:var(--ink)}
.word,.lookup-token:hover{background:#eed7dd;color:var(--burgundy)}
.word:focus-visible,button:focus-visible,a:focus-visible{outline-color:var(--rose)}
.route-track span,.progress div{background:var(--burgundy)}
.route-spanish h2 span{color:var(--citron)}
.app-nav button[aria-current],.app-nav button[aria-selected=true]{color:var(--burgundy)}
.notebook-tag,.board-chip[aria-pressed=true]{background:var(--citron);color:var(--ink)}
.about-site>header .brand-logo,.app-masthead .brand-logo{width:108px;height:70px}
.app-masthead{min-height:98px;height:auto}
footer .brand-logo{width:108px;height:70px}
@media(max-width:800px){
 .brand-logo,.about-site>header .brand-logo,.app-masthead .brand-logo{width:92px;height:60px}
 .conversation-site>header{min-height:90px;padding-top:15px;padding-bottom:15px;gap:12px}
 .conversation-site{background:linear-gradient(to bottom,var(--burgundy) 0 90px,var(--ivory) 90px)}
 .app-masthead{min-height:86px}
 .conversation-site>header>.logo{margin-right:auto}
}
@media(max-width:360px){.brand-logo{width:80px;height:52px}.conversation-site>header{gap:10px}}

/* Compact wordmark; dark letters use the same exact burgundy as headings. */
.brand-logo,.brand-logo.brand-logo-landscape,.app-masthead .brand-logo,footer .brand-logo,footer .brand-logo.brand-logo-landscape{width:184px;height:52px;background:transparent url('/assets/holarte-wordmark.svg') center/contain no-repeat!important;mask:none!important;-webkit-mask:none!important}
@media(max-width:800px){.brand-logo,.brand-logo.brand-logo-landscape,.app-masthead .brand-logo,footer .brand-logo,footer .brand-logo.brand-logo-landscape{width:145px;height:41px}}
@media(max-width:360px){.brand-logo,.brand-logo.brand-logo-landscape,.app-masthead .brand-logo{width:128px;height:36px}}
/* Por Amor masterbrand, with a removable paper category. */
.brand-logo,.brand-logo.brand-logo-landscape,.app-masthead .brand-logo,footer .brand-logo,footer .brand-logo.brand-logo-landscape{position:relative;width:170px;height:73px;background:transparent url('/assets/por-amor-logo.png') center top/170px auto no-repeat!important}
.brand-logo:after{content:'al arte';position:absolute;right:0;bottom:3px;padding:1px 12px 3px;background:#D7DF86;color:#6B2038;font:700 17px/1.15 'DM Sans',sans-serif;letter-spacing:0;transform:rotate(-7deg);clip-path:polygon(1% 9%,10% 3%,20% 9%,33% 0,46% 7%,60% 1%,76% 8%,90% 1%,99% 10%,97% 88%,88% 96%,70% 91%,55% 100%,41% 93%,27% 99%,13% 92%,0 98%)}
.conversation-site>header{background:var(--ivory)!important;color:var(--burgundy);min-height:102px;gap:26px}.conversation-site>header .header-signin{color:var(--burgundy)!important;border-color:#6b203860}.conversation-site>header .topic-nav{display:flex;gap:25px;margin-left:auto}.conversation-site>header .topic-nav a{color:var(--burgundy)!important;font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.topic-nav a[aria-current]{font-weight:700;text-decoration:underline!important;text-underline-offset:6px}
@media(max-width:650px){.conversation-site>header{flex-wrap:wrap;gap:6px 14px;padding:12px 6%}.brand-logo,.brand-logo.brand-logo-landscape,.app-masthead .brand-logo{width:140px;height:62px;background-size:140px auto!important}.brand-logo:after{font-size:14px;bottom:1px}.conversation-site>header .topic-nav{order:3;flex:1 0 100%;justify-content:center;gap:35px;border-top:1px solid #6b203820;margin:4px 0 0}.conversation-site>header .header-signin{margin-left:auto}}