/* DiegoWeb UI refinement: scoped overrides without changing any theme layout. */
.top{background:#faf9f5!important;color:#172426!important;border-bottom:1px solid #d8dbd6!important;box-shadow:0 5px 26px #05090a1a!important;backdrop-filter:blur(18px)}
.top .logo,.top .nav a{color:#172426!important;opacity:1!important;text-shadow:none!important;font-weight:700}
.top .logo span{color:#087b84!important}
.top .nav{gap:clamp(9px,1.3vw,22px)!important}
.top .nav a{font-size:11px!important;letter-spacing:.06em!important}
.top .nav a:hover{color:#087b84!important}
.top #themeToggle{background:transparent!important;color:#3b6366!important;border:1px solid #b7c7c7!important;padding:7px 10px!important;border-radius:8px!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important;min-height:0!important;letter-spacing:0!important;text-transform:none!important}
.top #themeToggle:hover{background:#eaf3f1!important}
.top .color-preference{color:#35474a!important;font-size:11px!important;display:flex;gap:7px;align-items:center}
.top .color-preference select{background:#fff!important;color:#172426!important;border:1px solid #bccaca!important;padding:6px!important;border-radius:7px!important;font-size:12px!important}
/* The circular control belongs to the content below the navigation, never to the hero caption. */
html body #player.music-dock{position:fixed!important;right:clamp(16px,3vw,48px)!important;bottom:clamp(20px,4vh,44px)!important;z-index:185!important;left:auto!important;top:auto!important;width:auto!important}
html body #player .music-dock__toggle{height:60px!important;width:60px!important;border-radius:50%!important;color:#fff!important;background:#1d2c32!important;border:1px solid #aac7c2!important;box-shadow:0 10px 30px #0006!important;font-size:27px!important}
html body #player .music-dock__expanded{position:absolute!important;right:0!important;bottom:74px!important;left:auto!important;top:auto!important;width:min(380px,calc(100vw - 28px))!important;max-height:min(72svh,650px)!important;overflow-y:auto!important;background:#f8f9f7!important;color:#142326!important;border:1px solid #cbd5d2!important;box-shadow:0 15px 55px #0006!important;border-radius:18px!important;padding:22px!important}
#musicPanel strong,#musicPanel span,#musicPanel p{color:#142326!important}
#musicPanel button{cursor:pointer}
#musicPanel .music-dock__head button{color:#142326!important}
#musicPanel .music-dock__video{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #d9e3df;margin-bottom:13px}
#musicPanel .music-dock__video[hidden]{display:none!important}
#musicPanel .music-dock__video span{font-size:12px;font-weight:700}
#musicPanel .music-dock__video button,#musicPanel .dw-stop-all{border:1px solid #a9c7c1!important;color:#193d3d!important;background:#e5f1ee!important;border-radius:9px!important;padding:10px!important;font-size:12px!important;font-weight:650!important;white-space:nowrap}
#musicPanel .dw-stop-all{width:100%;margin:12px 0 0;background:#f7eae7!important;border-color:#dbc6c0!important;color:#6d3930!important}
#musicPanel [hidden]{display:none!important}
.hero-visual .hero-slide-controls{max-width:calc(100% - 120px)!important}
@media(max-width:850px){.top{height:auto!important;min-height:65px;flex-wrap:wrap;gap:8px;padding:12px 18px!important}.top .nav{flex-wrap:wrap;gap:8px!important;justify-content:flex-end}.top .nav a{font-size:10px!important}.top #themeToggle{font-size:10px!important}}
@media(max-width:550px){html body #player .music-dock__expanded{width:calc(100vw - 24px)!important;right:-4px!important;padding:15px!important}#musicPanel .music-dock__video{grid-template-columns:1fr 1fr}#musicPanel .music-dock__video span{grid-column:1 / -1}}