/* Public navigation: aligned chevrons and a shared desktop/mobile visual language. */
body.studio-public>header{box-shadow:0 4px 22px #05274708}
body.studio-public .navrow{gap:12px 20px;padding-block:12px}
body.studio-public #navigation{
    gap:3px;align-items:center;padding:5px;border:1px solid #e1e8f0;
    border-radius:16px;background:#f6f8fb;font-size:.9rem;line-height:1.7;
}
body.studio-public #navigation>a,
body.studio-public #navigation .product-nav-dropdown>summary{
    position:relative;display:flex;align-items:center;justify-content:center;
    gap:9px;min-height:44px;padding:10px 11px;border-radius:11px;
    color:var(--navy);font-weight:600;text-decoration:none;white-space:nowrap;
    transition:background-color .18s,color .18s,box-shadow .18s;
}
body.studio-public #navigation>a:not(.btn):hover,
body.studio-public #navigation .product-nav-dropdown>summary:not(.btn):hover,
body.studio-public #navigation .product-nav-dropdown[open]>summary:not(.btn){
    background:#e8eff7;box-shadow:none;text-decoration:none;
}
body.studio-public #navigation>a[aria-current=page]:not(.btn){
    background:#fff;box-shadow:0 2px 8px #0527470d,inset 0 -3px var(--gold);
}
body.studio-public #navigation>a:focus-visible,
body.studio-public #navigation .product-nav-dropdown>summary:focus-visible{
    outline:3px solid var(--gold);outline-offset:2px;background:#e8eff7;box-shadow:none;
}
body.studio-public #navigation>a.btn,
body.studio-public #navigation .product-nav-dropdown>summary.btn{
    color:#fff;background:var(--navy);padding-inline:16px;
}
body.studio-public #navigation>a.btn:hover,
body.studio-public #navigation>a.btn:focus-visible,
body.studio-public #navigation .product-nav-dropdown>summary.btn:hover,
body.studio-public #navigation .product-nav-dropdown>summary.btn:focus-visible{
    background:var(--blue);color:#fff;
}
/* Keep the native details/summary semantics; draw the icon without font-baseline offsets. */
body.studio-public #navigation .product-nav-chevron{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;
    width:22px;height:22px;border:1px solid #cad8e6;border-radius:7px;
    background:#fff;font-size:0;line-height:0;color:var(--navy);
    transition:transform .18s,background-color .18s;
}
body.studio-public #navigation .product-nav-chevron::before{
    content:"";display:block;width:6px;height:6px;margin-top:-3px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);
}
body.studio-public #navigation .product-nav-dropdown[open] .product-nav-chevron{
    transform:rotate(180deg);background:#f6efe5;border-color:var(--gold);
}
body.studio-public #navigation .product-nav-dropdown>summary.btn .product-nav-chevron{
    background:#ffffff17;border-color:#ffffff50;color:#fff;
}
body.studio-public #navigation .product-nav-panel{
    top:calc(100% + 12px);padding:9px;border-radius:16px;
    border-color:#d6e2ed;border-top-color:var(--gold);box-shadow:0 16px 36px #05274724;
}
body.studio-public #navigation .product-nav-panel a{
    gap:4px;padding:12px 14px;border-radius:10px;
}
body.studio-public #navigation .product-nav-panel a.download-nav-child{
    padding-inline-start:28px;
}
body.studio-public #navigation .download-nav-child-label{
    display:inline-flex;align-items:center;gap:8px;line-height:1.7;
}
body.studio-public #navigation .download-nav-child-arrow{
    display:block;flex:0 0 14px;width:14px;height:14px;color:var(--blue);
}
body.studio-public #navigation .product-nav-panel a:hover,
body.studio-public #navigation .product-nav-panel a:focus-visible{
    background:#eef4fa;box-shadow:inset -3px 0 var(--gold);
}
body.studio-public .menu-toggle{
    align-items:center;gap:10px;min-height:44px;padding:10px 14px;
    border-radius:12px;border-color:#d6e2ed;background:#f6f8fb;
    color:var(--navy);font-weight:600;line-height:1.5;
}
body.studio-public .menu-toggle[aria-expanded=true]{background:#e8eff7;border-color:var(--navy)}
@media(min-width:1101px){
    /* Match the legacy warranty nav selector so its 16px gap/wrapping cannot win. */
    body.studio-public .navrow #navigation{
        flex:1 1 52rem;justify-content:flex-start;flex-wrap:nowrap;
        gap:2px;padding:5px;font-size:.86rem;overflow:visible;
    }
    body.studio-public #navigation>*{flex:0 0 auto}
    body.studio-public #navigation>a,
    body.studio-public #navigation .product-nav-dropdown>summary{
        padding:10px 7px;gap:6px;font-size:inherit;
    }
    body.studio-public #navigation>a.btn,
    body.studio-public #navigation .product-nav-dropdown>summary.btn{padding-inline:12px}
    body.studio-public #navigation>a.btn:last-child{margin-inline-start:auto}
    body.studio-public #navigation .product-nav-chevron{flex-basis:20px;width:20px;height:20px}
}
@media(max-width:1100px){
    body.studio-public .menu-toggle{display:inline-flex}
    body.studio-public .navrow #navigation{
        display:none;position:absolute;top:calc(100% + 6px);inset-inline:16px;
        width:auto;padding:10px;gap:5px;border-radius:16px;background:#fff;
        box-shadow:0 14px 36px #05274724;z-index:10;
    }
    body.studio-public .navrow #navigation.open{display:flex}
    body.studio-public #navigation>a,
    body.studio-public #navigation .product-nav-dropdown>summary{
        justify-content:space-between;width:100%;min-height:48px;padding:11px 14px;
        font-size:.92rem;white-space:normal;text-align:right;
    }
    body.studio-public #navigation>a:not(.btn){background:#f6f8fb}
    body.studio-public #navigation>a[aria-current=page]:not(.btn){
        background:#e8eff7;box-shadow:inset -3px 0 var(--gold);
    }
    body.studio-public #navigation .product-nav-dropdown>summary{background:#f6f8fb}
    body.studio-public #navigation .product-nav-panel{
        position:static;width:100%;margin-top:7px;border-radius:12px;
        box-shadow:none;background:#fbfcfe;
    }
}
@media(prefers-reduced-motion:reduce){
    body.studio-public #navigation>a,
    body.studio-public #navigation .product-nav-dropdown>summary,
    body.studio-public #navigation .product-nav-chevron{transition:none}
}