.nominatim-premium {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background:
        radial-gradient(circle at 12% 24%, rgba(104, 168, 116, .12), transparent 32%),
        radial-gradient(circle at 88% 76%, rgba(226, 109, 92, .07), transparent 30%),
        #070a09;
}

#api-nominatim .mdk-split__panel:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nominatim-premium__heading { margin-bottom: 48px; }

.nominatim-premium__gateway {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(5, 9, 8, .93);
    box-shadow: 0 38px 96px rgba(0, 0, 0, .3);
}

.nominatim-premium__policy,
.nominatim-premium__requests { min-height: 610px; padding: 29px 32px; }
.nominatim-premium__policy { border-right: 1px solid rgba(255, 255, 255, .1); background: linear-gradient(145deg, rgba(104, 168, 116, .055), transparent 65%); }

.nominatim-premium__panel-head { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, .11); }
.nominatim-premium__panel-head div { display: grid; gap: 5px; }
.nominatim-premium__panel-head span,
.nominatim-premium__panel-head small { color: rgba(255, 255, 255, .4); font-family: "Roboto Mono", monospace; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.nominatim-premium__panel-head strong { color: #eef4f2; font-size: 14px; }
.nominatim-premium__panel-head > small { color: var(--dwp-accent); }
.nominatim-premium__panel-head > small i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--dwp-accent); box-shadow: 0 0 14px var(--dwp-accent); }

.nominatim-premium__meter { margin-top: 17px; padding: 18px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; background: rgba(255, 255, 255, .018); }
.nominatim-premium__meter > div:first-child { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.nominatim-premium__meter span,
.nominatim-premium__meter p,
.nominatim-premium__meter small { color: rgba(255, 255, 255, .42); font-family: "Roboto Mono", monospace; font-size: 8px; text-transform: uppercase; }
.nominatim-premium__meter strong { color: #eff5f2; font-size: 27px; font-weight: 500; }
.nominatim-premium__meter strong small { font-size: 9px; font-weight: 400; }
.nominatim-premium__meter p { margin: 9px 0 0; line-height: 1.55; }
.nominatim-premium__meter-bar { height: 5px; margin-top: 13px; overflow: hidden; border-radius: 10px; background: rgba(255, 255, 255, .08); }
.nominatim-premium__meter-bar span { display: block; width: 80%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--dwp-accent), #e0bc55); box-shadow: 0 0 12px rgba(0, 217, 173, .24); }

.nominatim-premium__instances { display: grid; gap: 9px; margin-top: 15px; }
.nominatim-premium__instances article { padding: 16px 17px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 7px; background: rgba(255, 255, 255, .014); }
.nominatim-premium__instances article.is-public { border-color: rgba(0, 217, 173, .2); background: rgba(0, 217, 173, .035); }
.nominatim-premium__instances article div { display: flex; align-items: center; gap: 10px; }
.nominatim-premium__instances article div span { color: #72ba80; font-family: "Roboto Mono", monospace; font-size: 8px; }
.nominatim-premium__instances strong { color: rgba(255, 255, 255, .82); font-size: 12px; }
.nominatim-premium__instances p { margin: 6px 0 5px 24px; color: rgba(255, 255, 255, .5); font-size: 10px; }
.nominatim-premium__instances small { margin-left: 24px; color: rgba(255, 255, 255, .32); font-family: "Roboto Mono", monospace; font-size: 7px; text-transform: uppercase; }

.nominatim-premium__queue { margin: 17px 0 0; padding: 0; list-style: none; }
.nominatim-premium__queue li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 16px 2px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.nominatim-premium__queue li > span { color: #72ba80; font-family: "Roboto Mono", monospace; font-size: 8px; }
.nominatim-premium__queue li div { display: grid; gap: 4px; }
.nominatim-premium__queue strong { color: rgba(255, 255, 255, .79); font-size: 11px; }
.nominatim-premium__queue small { color: rgba(255, 255, 255, .36); font-size: 9px; }
.nominatim-premium__queue i { padding: 4px 6px; border: 1px solid currentColor; border-radius: 3px; font-family: "Roboto Mono", monospace; font-size: 7px; font-style: normal; text-transform: uppercase; }
.nominatim-premium__queue i.is-allowed,
.nominatim-premium__queue i.is-cached { color: var(--dwp-accent); }
.nominatim-premium__queue i.is-blocked { color: #e26d5c; }
.nominatim-premium__queue i.is-routed { color: #dcb956; }

.nominatim-premium__rule { display: grid; gap: 7px; margin-top: 15px; padding: 17px; border-left: 2px solid #e26d5c; background: rgba(226, 109, 92, .045); }
.nominatim-premium__rule > span { color: #e9897b; font-family: "Roboto Mono", monospace; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.nominatim-premium__rule p { margin: 0; color: rgba(255, 255, 255, .57); font-size: 11px; line-height: 1.55; }
.nominatim-premium__rule strong { display: inline-flex; align-items: center; gap: 7px; color: #eff5f2; font-size: 12px; }
.nominatim-premium__rule iconify-icon { color: #e26d5c; font-size: 17px; }

.nominatim-premium__identity {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) 44px minmax(0, 1fr);
    align-items: stretch;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: rgba(255, 255, 255, .018);
}
.nominatim-premium__identity > div { display: grid; gap: 5px; padding: 20px 23px; }
.nominatim-premium__identity > div.is-owned { background: rgba(0, 217, 173, .03); }
.nominatim-premium__identity span,
.nominatim-premium__identity small { color: rgba(255, 255, 255, .38); font-family: "Roboto Mono", monospace; font-size: 8px; text-transform: uppercase; }
.nominatim-premium__identity strong { color: #eef5f2; font-size: 13px; }
.nominatim-premium__identity > i { display: grid; place-items: center; border-inline: 1px solid rgba(255, 255, 255, .08); color: #72ba80; font-size: 18px; font-style: normal; }

.nominatim-premium__proof {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px;
    align-items: end;
    margin-top: 24px;
    padding: 28px 30px;
    border: 1px solid rgba(114, 186, 128, .2);
    border-radius: 10px;
    background: linear-gradient(110deg, rgba(114, 186, 128, .065), rgba(0, 217, 173, .025));
}
.nominatim-premium__proof h3 { max-width: 850px; margin: 8px 0 10px; color: #f1f5f3; font-size: clamp(22px, 2.35vw, 34px); line-height: 1.15; }
.nominatim-premium__proof div > p:last-child { max-width: 940px; margin: 0; color: rgba(255, 255, 255, .61); font-size: 13px; line-height: 1.7; }
.nominatim-premium__proof .dwp-premium__button { white-space: nowrap; }

@media (max-width: 1080px) {
    .nominatim-premium__gateway { grid-template-columns: 1fr; }
    .nominatim-premium__policy,
    .nominatim-premium__requests { min-height: auto; }
    .nominatim-premium__policy { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
}

@media (max-width: 767px) {
    .nominatim-premium__heading { margin-bottom: 34px; }
    .nominatim-premium__policy,
    .nominatim-premium__requests { padding: 24px 20px; }
    .nominatim-premium__identity { grid-template-columns: 1fr; }
    .nominatim-premium__identity > i { height: 38px; border-top: 1px solid rgba(255, 255, 255, .08); border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); border-left: 0; }
    .nominatim-premium__identity > i iconify-icon { transform: rotate(90deg); }
    .nominatim-premium__proof { grid-template-columns: 1fr; gap: 22px; padding: 24px 20px; }
    .nominatim-premium__proof .dwp-premium__button { width: 100%; white-space: normal; }
}

@media (max-width: 420px) {
    .nominatim-premium__meter > div:first-child { align-items: flex-start; flex-direction: column; }
    .nominatim-premium__queue li { grid-template-columns: 28px minmax(0, 1fr); }
    .nominatim-premium__queue li > i { grid-column: 2; justify-self: start; }
}