@media (max-width:899px){
  .sc-header details{position:relative}
  .sc-header summary{list-style:none}
  .sc-header summary::-webkit-details-marker{display:none}
  .sc-header details[open] .sc-nav{
    display:flex;flex-direction:column;align-items:stretch;gap:var(--sc-2);
    position:absolute;right:0;top:calc(100% + var(--sc-3));min-width:230px;z-index:41;
    background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-r-lg);
    padding:var(--sc-3);box-shadow:0 12px 40px -18px rgba(15,23,42,.35)}
  .sc-header details[open] .sc-nav a{
    display:flex;align-items:center;min-height:48px;padding:0 var(--sc-3);
    border-radius:var(--sc-r-md);font-size:15px;color:var(--sc-ink)}
  .sc-header details[open] .sc-nav a:hover{background:var(--sc-bg-alt)}
  .sc-header details[open] .sc-nav a.sc-btn{justify-content:center;padding:13px 20px}
}
@media (min-width:900px){
  .sc-header details{display:contents}
  .sc-header summary{display:none}
}