.dc-art-nav{background:var(--dc-navy,#020b21);border-bottom:2px solid var(--dc-gold,#c9ab73);color:#fff;position:sticky;top:var(--dc-header-height,76px);z-index:9998;isolation:isolate;box-shadow:0 8px 22px rgba(2,11,33,.25)}
.dc-art-nav__scroll{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px 6px;max-width:1536px;margin:auto;padding:10px 16px;overflow:visible}
.dc-art-nav__label{font:600 11px Cinzel,serif;letter-spacing:.11em;color:var(--dc-gold,#c9ab73);white-space:nowrap;padding:10px 12px}
.dc-art-nav__item{position:static;flex:0 0 auto;min-width:0}
.dc-art-nav__item>summary{list-style:none;cursor:pointer;padding:11px 9px;border-radius:5px;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.01em;user-select:none}
.dc-art-nav__item>summary::-webkit-details-marker{display:none}
.dc-art-nav__item>summary:hover,.dc-art-nav__item[open]>summary{background:var(--dc-blue,#0a39df)}
.dc-art-nav__item>summary span{color:var(--dc-gold,#c9ab73);margin-left:3px}
.dc-art-nav__drop{position:absolute;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 28px));top:100%;background:#061c43;border:1px solid var(--dc-gold,#c9ab73);box-shadow:0 20px 36px #020b2180;padding:16px;display:flex;flex-wrap:wrap;gap:9px;z-index:50;border-radius:0 0 14px 14px}
.dc-art-nav__drop a{display:inline-block;color:#fff;padding:11px 15px;border:1px solid #ffffff42;border-radius:6px;font-size:14px}
.dc-art-nav__drop a:first-child{border-color:var(--dc-gold,#c9ab73);color:#f0d19c;font-weight:700}
.dc-art-nav__drop a:hover{background:var(--dc-blue,#0a39df)}
.dc-art-nav summary:focus-visible,.dc-art-nav a:focus-visible{outline:3px solid #ffdc8c;outline-offset:2px}
@media(max-width:720px){.dc-art-nav__scroll{justify-content:flex-start;padding:9px 12px;gap:4px}.dc-art-nav__label{flex-basis:100%;padding:4px 5px}.dc-art-nav__item>summary{font-size:12px;padding:10px 8px}.dc-art-nav__drop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;width:calc(100% - 20px)}.dc-art-nav__drop a{font-size:12px;padding:9px 10px;line-height:1.4}}
@media(max-width:390px){.dc-art-nav__drop{grid-template-columns:1fr}}
@media(max-width:620px){.dc-art-nav{top:var(--dc-header-height,64px)}}
.dc-art-nav .dc-art-nav__drop{max-height:calc(100dvh - var(--dc-header-height,76px) - 100px);overflow-y:auto}
.dc-arts__tile{scroll-margin-top:calc(var(--dc-header-height,76px) + 130px)}

.dc-art-nav__mobile{display:none}.dc-art-nav__mobile>summary{cursor:pointer;list-style:none}.dc-art-nav__mobile>summary::-webkit-details-marker{display:none}
@media(max-width:720px){
.dc-art-nav__scroll{display:none!important}
.dc-art-nav__mobile{display:block;position:relative}
.dc-art-nav__mobile>summary{min-height:48px;padding:11px 17px;color:#fff;font-size:14px;font-weight:700}
.dc-art-nav__mobile>summary span{float:right;color:#d6bd89}
.dc-art-nav__mobile>summary small{display:block;font-size:11px;font-weight:400;color:#d3dced;margin-top:2px}
.dc-art-nav__mobile-panel{position:absolute;top:100%;left:0;right:0;max-height:min(68dvh,600px);overflow-y:auto;overscroll-behavior:contain;padding:9px 15px 18px;background:#061c43;border-bottom:2px solid #c9ab73;box-shadow:0 15px 30px #020b216b}
.dc-art-nav__mobile-group{border-bottom:1px solid #ffffff30}
.dc-art-nav__mobile-group>summary{cursor:pointer;list-style:none;padding:13px 5px;font-weight:600}
.dc-art-nav__mobile-group>summary::-webkit-details-marker{display:none}
.dc-art-nav__mobile-group>summary span{float:right;color:#ddc28e}
.dc-art-nav__mobile-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 0 13px}
.dc-art-nav__mobile-items a{padding:11px 9px;display:block;border:1px solid #ffffff3d;border-radius:6px;color:#fff;font-size:12px}
.dc-art-nav__mobile-items a:first-child{grid-column:1 / -1;border-color:#c9ab73;background:#103071;color:#fff;font-weight:700}
.dc-art-nav__mobile-items a:hover{background:#0a39df}
.dc-art-nav__mobile summary:focus-visible,.dc-art-nav__mobile a:focus-visible{outline:3px solid #ffe2a2;outline-offset:2px}
}

.dc-art-nav__submit-link{padding:10px 15px;color:#081a3a;background:#e4c787;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.dc-art-nav__submit-link:hover{background:#f4dda7}.dc-art-nav__submission-link{display:block;padding:12px;color:#06183a;background:#d9bd84;border-radius:7px;font-weight:700;margin-bottom:12px}