/* Shared site header for the AI Studio page (same look as styles.css on the other pages).
   Scoped to .header so the AI page's own dark theme and form styles are untouched. */
header.header{--burg:#711927;--gold:#e6d398;--serif:'Cormorant Garamond',Georgia,serif;height:82px;background:var(--burg);color:#fff8e9;display:flex;justify-content:flex-start;align-items:center;padding:0 5vw;gap:32px;border-bottom:1px solid rgba(230,211,152,.22);box-shadow:none;position:sticky;top:0;z-index:50;font-family:'DM Sans',Arial,sans-serif}
header.header a{text-decoration:none;color:inherit}
header.header .brand{display:flex;align-items:center;gap:12px;min-width:220px;font-weight:400;letter-spacing:normal}
header.header .brand img{width:54px;height:54px;object-fit:cover;border-radius:2px}
header.header .brand span{font-family:var(--serif);font-size:22px;letter-spacing:.04em;line-height:1;color:var(--gold)}
header.header nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}
header.header nav a{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#f4ead4;opacity:.86}
header.header nav a:hover{color:var(--gold)}
header.header nav a[aria-current='page']{color:#d8b47a;opacity:1}
header.header .header-actions{display:flex;align-items:center;gap:15px}
header.header .menu{display:none;background:none;border:0;padding:0;color:#fff;font-size:22px;min-width:40px;min-height:40px;cursor:pointer;letter-spacing:normal}
header.header .menu:not(:disabled):hover{transform:none}
header.header nav.mobile-open{display:flex!important;position:absolute;top:82px;left:0;right:0;padding:22px 5vw 28px;background:var(--burg);flex-direction:column;align-items:flex-start;gap:18px;border-top:1px solid rgba(230,211,152,.2);box-shadow:0 20px 40px rgba(0,0,0,.18)}
header.header nav.mobile-open a{font-size:11px}
@media(max-width:1050px){header.header nav{display:none}header.header .menu{display:block}header.header .header-actions{margin-left:auto}}
@media(max-width:680px){header.header{height:68px;min-height:68px;padding:0 18px;flex-wrap:nowrap}header.header .brand{min-width:auto}header.header .brand span{display:block;font-size:17px}header.header .brand img{width:42px;height:42px}header.header nav.mobile-open{top:68px;padding:22px 24px 26px}}

/* Links inside the AI Studio panels: brand gold instead of the browser's default blue. */
.panel a:not(.primary):not(.secondary):not(.whatsapp-cta),.intro a{color:#e8c58d;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(232,197,141,.55)}
.panel a:not(.primary):not(.secondary):not(.whatsapp-cta):hover,.intro a:hover{color:#f6dcae;text-decoration-color:currentColor}

/* Phone readability on the dark AI page: brighter helper and intro text. */
@media(max-width:800px){.micro,small{color:#cdbab4}.intro p{color:#e3d3d0}.eyebrow{color:#e0bd84}}