/* Approved CND palette: prototype only. */
:root{--ink:#293e46;--teal:#176d7c;--line:#d8e4e6;--soft:#f4f8f8;--orange:#ef8945;--green:#5c7f42;--cnd-positive-soft:#f0f5ec}
body{color:var(--ink)}
main h2,main h3,main h4{color:var(--teal)}
main p a,main li a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.brand-header,footer{background:#292929;color:#fff}
.brand-header .main-nav summary,footer a{color:#fff}
.brand-header .main-nav summary:hover,footer a:hover{color:var(--orange)}
.search button{background:var(--orange);border-color:var(--orange);color:#292929}
input,select{accent-color:var(--green)}
input[type=range]{accent-color:var(--orange)}
.country:has(input:checked),[aria-pressed=true]:not(.mobile-menu),[aria-selected=true]{background:var(--cnd-positive-soft);color:#293e46;border-color:var(--green)}
.fa-check:before{color:var(--green)}
/* A dark ring stays visible on both white and orange controls. */
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* Shared native comment form. */
#respond{margin-top:24px;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:12px}
#respond label{display:block;font-weight:600;margin-bottom:6px}
#respond input:not([type=checkbox]):not([type=submit]),#respond textarea{box-sizing:border-box;max-width:100%;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit}
#respond textarea{min-height:140px}#respond input[type=submit]{min-height:44px;padding:10px 22px;border:0;border-radius:6px;background:var(--orange);color:#292929;font:inherit;cursor:pointer}
#respond .comment-form-cookies-consent label{display:inline;font-weight:400}#respond p{overflow-wrap:anywhere}

@media(max-width:480px){#respond{padding:12px}}

/* Homepage editorial information strip. */
html body main .cnd-home-trust{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f4f8f8;border:1px solid #d8e4e6;border-left:4px solid #176d7c;border-radius:12px;padding:20px 24px;margin:28px 0;color:#293e46}
html body main .cnd-home-trust>div{min-width:0}
html body main .cnd-home-trust strong{display:flex;align-items:center;gap:12px;color:#176d7c;font-size:18px;line-height:1.4}
html body main .cnd-home-trust .cnd-home-section-icon{width:22px;height:22px;flex:none}
html body main .cnd-home-trust>div>span{display:block;margin-top:7px;font-size:14px}
html body main .cnd-home-trust nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px;flex-shrink:0}
html body main .cnd-home-trust nav a{font-size:16px;color:#176d7c;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:850px){html body main .cnd-home-trust{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}html body main .cnd-home-trust nav{gap:12px 18px;flex-shrink:1}html body main .cnd-home-trust nav a{font-size:14px}}
/* Terms remain native details for tap and keyboard fallback. */
html body details.proto-offer-terms[data-icon-terms]{display:inline-block!important;border:0!important;padding:0!important;margin:8px 4px!important;text-align:left;vertical-align:middle}
html body details.proto-offer-terms[data-icon-terms]>summary{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #176d7c;border-radius:50%;background:white;color:#176d7c;font:700 15px/1 Georgia,serif;list-style:none;cursor:pointer;padding:0;text-decoration:none}
html body details.proto-offer-terms[data-icon-terms]>summary::-webkit-details-marker{display:none}
html body details.proto-offer-terms[data-icon-terms]>summary:after{display:none}
html body details.proto-offer-terms[data-icon-terms]>summary:hover,html body details.proto-offer-terms[data-icon-terms][open]>summary{background:#176d7c;color:white}
html body .terms-popover-panel{position:fixed;z-index:1000;box-sizing:border-box;padding:16px;background:#fff;color:#293e46;border:1px solid #b9ced2;border-radius:10px;box-shadow:0 6px 24px #0003;overflow:auto;font-size:13px;line-height:1.6;text-align:left;overflow-wrap:anywhere}
html body .terms-popover-panel p{font-size:13px!important;line-height:1.6!important;margin:0 0 8px!important;color:#293e46!important;font-weight:400!important}
html body .terms-popover-panel a{color:#176d7c;text-decoration:underline}

/* Colourful guide tiles, using the site's teal, orange and green palette. */
html body main .guides-list>li{--guide-accent:#176d7c;--guide-tint:#e6f2f3;display:flex;flex-direction:column;align-items:flex-start;position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:20px!important;border:1px solid #d6e4e5;border-top:3px solid var(--guide-accent);border-radius:14px;background:linear-gradient(145deg,#fff 35%,var(--guide-tint));box-shadow:0 3px 12px #163c4510;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
html body main .guides-list>li:nth-child(3n+2){--guide-accent:#ad4c12;--guide-tint:#fff0e5}
html body main .guides-list>li:nth-child(3n){--guide-accent:#53743c;--guide-tint:#edf4e6}
html body main .guides-list>li:before{content:'';position:absolute;width:110px;height:110px;border-radius:50%;background:var(--guide-tint);right:-30px;top:-36px;z-index:-1}
html body main .guides-list>li>a:first-child{order:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:17px;font-weight:700;line-height:1.3;color:#243e46;margin:14px 0 8px;text-decoration:none}
html body main .guides-list>li>a:first-child:after{content:'\2192';color:var(--guide-accent);font-size:21px;transition:transform .18s ease}
html body main .guides-list>li>a:has(img){order:0;display:flex;align-items:center;justify-content:center;width:66px;height:66px;min-height:0;margin:0;border-radius:18px;background:var(--guide-accent);box-shadow:0 5px 10px color-mix(in srgb,var(--guide-accent) 18%,transparent)}
html body main .guides-list>li>a img{width:44px!important;height:44px!important;object-fit:contain;margin:0!important;filter:brightness(0) invert(1)}
html body main .guides-list>li .post-excerpt{order:2;font-size:14px;line-height:1.65;color:#40565e;margin:0}
html body main .guides-list>li:focus-within{border-color:var(--guide-accent);box-shadow:0 7px 20px #163c4520}
html body main .guides-list>li a:focus-visible{outline:3px solid var(--guide-accent);outline-offset:4px}
@media(hover:hover){html body main .guides-list>li:hover{transform:translateY(-3px);border-color:var(--guide-accent);box-shadow:0 9px 22px #163c4520}html body main .guides-list>li:hover>a:first-child:after{transform:translateX(3px)}}
@media(max-width:600px){html body main .guides-list>li{padding:15px!important}html body main .guides-list>li>a:first-child{font-size:16px}html body main .guides-list>li>a:has(img){width:56px;height:56px;border-radius:15px}html body main .guides-list>li>a img{width:38px!important;height:38px!important}}
@media(prefers-reduced-motion:reduce){html body main .guides-list>li,html body main .guides-list>li>a:first-child:after{transition:none!important;transform:none!important}}
html body main .guides-list>li{background:linear-gradient(145deg,#fff 35%,var(--guide-tint))!important;text-align:left!important;border-top:3px solid var(--guide-accent)!important}
html body main .guides-list>li .thumb{order:0;margin:0!important;padding:0!important}
html body main .guides-list>li a:has(img){display:flex!important;align-items:center!important;justify-content:center!important;width:66px!important;height:66px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:18px;background:var(--guide-accent);box-shadow:0 5px 10px color-mix(in srgb,var(--guide-accent) 18%,transparent)}
html body main .guides-list>li a img{display:block!important;position:static!important;width:44px!important;height:44px!important;margin:0!important;filter:brightness(0) invert(1)!important}
html body main .guides-list>li .post-excerpt{text-align:left!important}
@media(max-width:600px){html body main .guides-list>li a:has(img){width:56px!important;height:56px!important}html body main .guides-list>li a img{width:38px!important;height:38px!important}}

html body main .comparison .about-list,html body main .comparison .homepage-text-container,html body main .comparison .homepage-text-container p{width:100%;max-width:none!important}

/* CND typography standard — see FONT-GUIDE.md. */
@font-face{font-family:'CND Roboto';src:url('https://www.casinonewsdaily.se/wp-content/uploads/cnd-prototype-assets/fonts/roboto-v51-latin_latin-ext-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'CND Roboto';src:url('https://www.casinonewsdaily.se/wp-content/uploads/cnd-prototype-assets/fonts/roboto-v51-latin_latin-ext-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'CND Roboto';src:url('https://www.casinonewsdaily.se/wp-content/uploads/cnd-prototype-assets/fonts/roboto-v51-latin_latin-ext-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
html body{font-family:'CND Roboto',Arial,sans-serif!important;font-size:17px;line-height:1.6}
html body h1,html body h2,html body h3,html body h4,html body button,html body input,html body select,html body textarea,html body nav,html body summary{font-family:'CND Roboto',Arial,sans-serif!important}
html body main h1{font-size:40px!important;line-height:1.2!important;font-weight:700!important}
html body main h2{font-size:28px;line-height:1.25;font-weight:700}
html body main h3{font-size:22px;line-height:1.3;font-weight:700}
html body main p,html body main .homepage-text-container,html body main .homepage-text-container p{font-family:'CND Roboto',Arial,sans-serif;font-size:17px;line-height:1.6}
html body main .news-card h2,html body main .news-card h2 a{font-family:Georgia,'Times New Roman',serif!important;font-size:26px!important;line-height:1.3!important;font-weight:700}
html body main .guides-list>li>a:first-child,html body main .casino-title,html body main .card h3{font-size:18px!important;font-weight:700}
html body .main-nav summary,html body .main-nav a,html body button,html body .visit a.play,html body .visit a.read{font-size:14px;font-weight:500}
html body main .rma-bonus-card.rma-bonus-card .lead,html body main .rma-bonus-card.rma-bonus-card .lead-sec,html body main .rma-bonus-card.rma-bonus-card .lead-free{font-size:24px!important;line-height:1.2!important;font-weight:700}
html body main .rma-bonus-card.rma-bonus-card .lead:has(.exclusive){font-size:13px!important}
html body main .rma-bonus-card.rma-bonus-card .bonus-type,html body main .rma-bonus-card.rma-bonus-card .exclusive,html body main .home-offer-card .top-bonus-type,html body main .rma-bonus-card .wager,html body main .home-offer-card .container-4-wager-code,html body main .home-offer-card .container-4-wager-code p,html body main .news-card small,html body main time{font-size:13px!important}
html body main .disclosure,html body main .disclosure a,html body .terms-popover-panel,html body .terms-popover-panel p,html body main .proto-offer-terms p{font-size:14px!important;line-height:1.6!important}
html body main p a,html body .post-excerpt a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){html body{font-size:16px}html body main h1{font-size:30px!important}html body main h2{font-size:24px}html body main p,html body main .homepage-text-container,html body main .homepage-text-container p{font-size:16px}html body main .news-card h2,html body main .news-card h2 a{font-size:22px!important}html body main .guides-list>li>a:first-child,html body main .casino-title,html body main .card h3{font-size:17px!important}html body main .rma-bonus-card.rma-bonus-card .lead,html body main .rma-bonus-card.rma-bonus-card .lead-sec,html body main .rma-bonus-card.rma-bonus-card .lead-free{font-size:22px!important}}

/* Editorial and trust pages: clear navigation and visible content. */
html body main.info-preview .guide-hero{background:linear-gradient(110deg,#e7f2f3,#f7faf5)!important;border:1px solid #d6e4e5;border-left:5px solid #176d7c;border-radius:16px;padding:30px!important;margin-bottom:18px}
html body main.info-preview .guide-hero h1{margin:0!important;max-width:1000px}
html body main.info-preview .info-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px!important;padding:0}
html body main.info-preview .info-nav a{font-size:14px!important;line-height:1.4;padding:9px 12px!important;border-radius:7px;text-decoration:none!important}
html body main.info-preview .guide-content{width:100%;max-width:none!important;padding:0!important}
html body main.info-preview .cnd-trust-page{display:grid;grid-template-columns:225px minmax(0,1fr);column-gap:28px;row-gap:20px;align-items:start}
html body main.info-preview .cnd-trust-nav{grid-column:1;grid-row:1 / span 50;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto;padding:18px!important;margin:0!important;border:1px solid #d6e4e5;border-radius:12px;background:#f4f8f8!important}
html body main.info-preview .cnd-trust-nav strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#40565e;margin-bottom:10px}
html body main.info-preview .cnd-trust-nav>div{display:flex!important;flex-direction:column;gap:4px!important}
html body main.info-preview .cnd-trust-nav a{display:block;font-size:14px!important;line-height:1.4;padding:8px 0!important;margin:0!important;background:none!important;border:0!important;border-bottom:1px solid #dce7e8!important;border-radius:0!important;text-decoration:none!important}
html body main.info-preview .cnd-trust-nav a:hover{color:#ad4c12!important;text-decoration:underline!important}
html body main.info-preview .cnd-trust-section{grid-column:2;min-width:0;display:flow-root;padding:24px!important;margin:0!important;border:1px solid #dce7e8!important;border-radius:13px;background:white;box-shadow:0 3px 12px #183b4508;scroll-margin-top:20px}
html body main.info-preview .cnd-trust-section:first-of-type{background:linear-gradient(125deg,#f5fafb,#fff);border-top:3px solid #176d7c!important}
html body main.info-preview .cnd-trust-section:has(#cnd-trust-section-3):target,html body main.info-preview .cnd-trust-section:has(.cnd-trust-anchor:target){border-left:4px solid #ef8945!important}
html body main.info-preview .cnd-trust-anchor{scroll-margin-top:32px}
html body main.info-preview .cnd-trust-section h2{font-size:28px!important;line-height:1.25!important;margin:0 0 16px!important;color:#176d7c}
html body main.info-preview .cnd-trust-section>p{font-size:17px!important;line-height:1.6!important;margin:12px 0!important;max-width:none!important}
html body main.info-preview .cnd-trust-content-art{float:right!important;width:230px!important;max-width:35%!important;height:auto!important;margin:0 0 12px 20px!important}
html body main.info-preview .cnd-trust-section>p:has(>.cnd-trust-content-art){margin:0!important}
html body main.info-preview .cnd-trust-section>ul{padding-left:22px;line-height:1.6}
html body main.info-preview .cnd-trust-section>ul li{margin:9px 0}
html body main.info-preview div:has(>.cnd-author-card){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html body main.info-preview .cnd-author-card{padding:20px!important;background:#f5f9f9!important;border:1px solid #d6e4e5!important;border-top:3px solid #176d7c!important;border-radius:12px!important}
html body main.info-preview .cnd-author-card:nth-child(3n+2){border-top-color:#ad4c12!important}
html body main.info-preview .cnd-author-card:nth-child(3n){border-top-color:#53743c!important}
html body main.info-preview .cnd-author-card p{font-size:16px!important;line-height:1.6!important}
html body main.info-preview .cnd-author-card[hidden]{display:none!important}
@media(max-width:900px){html body main.info-preview .cnd-trust-page{display:block}html body main.info-preview .cnd-trust-nav{position:static;max-height:none;margin-bottom:20px!important}html body main.info-preview .cnd-trust-nav>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}html body main.info-preview .cnd-trust-section{margin-bottom:16px!important}}
@media(max-width:600px){html body main.info-preview .guide-hero{padding:20px!important}html body main.info-preview .cnd-trust-section{padding:18px!important}html body main.info-preview .cnd-trust-section h2{font-size:24px!important}html body main.info-preview .cnd-trust-section>p{font-size:16px!important}html body main.info-preview .cnd-trust-content-art{width:130px!important;max-width:40%!important;margin-left:12px!important}html body main.info-preview div:has(>.cnd-author-card){grid-template-columns:1fr!important}html body main.info-preview .cnd-trust-nav>div{grid-template-columns:1fr}}
@media(min-width:901px){html body main.info-preview .cnd-trust-page{row-gap:0}html body main.info-preview .cnd-trust-section{margin-bottom:20px!important}}

/* Shared button feedback across prototype templates, including dynamically loaded controls. */
html body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"],a.btn,a.button,a.cta,a.play,a.read,a.read-more,a.casino-buttons,.quick-links>a,.info-nav>a){transition:filter .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;cursor:pointer}
@media(hover:hover) and (pointer:fine){
html body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"],a.btn,a.button,a.cta,a.play,a.read,a.read-more,a.casino-buttons,.quick-links>a,.info-nav>a):not(:disabled):not([aria-disabled="true"]):hover{filter:brightness(.88)!important;box-shadow:0 3px 9px #173d452b,inset 0 0 0 1px #173d4526!important}
}
html body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"],a.btn,a.button,a.cta,a.play,a.read,a.read-more,a.casino-buttons,.quick-links>a,.info-nav>a):focus-visible{outline:3px solid #ad4c12!important;outline-offset:3px;box-shadow:0 0 0 2px white!important}
html body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"],a.btn,a.button,a.cta,a.play,a.read,a.read-more,a.casino-buttons,.quick-links>a,.info-nav>a):not(:disabled):not([aria-disabled="true"]):active{filter:brightness(.8)!important;box-shadow:inset 0 2px 4px #173d452b!important}
html body :is(button,input):disabled,html body [aria-disabled="true"]{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){html body :is(button,input[type="submit"],input[type="button"],input[type="reset"],a[role="button"],a.btn,a.button,a.cta,a.play,a.read,a.read-more,a.casino-buttons,.quick-links>a,.info-nav>a){transition:none!important;transform:none!important}}

/* Casino comparison rows: proportions matching the established live layout. */
html body .casino-box .part-one-h{display:grid;grid-template-columns:118px minmax(135px,1fr) minmax(120px,1fr) minmax(165px,1.1fr) 160px;gap:16px;align-items:center;min-height:118px}
html body .casino-box .casino-logo img{display:block;width:118px!important;height:118px!important;border-radius:50%;object-fit:contain}
html body .casino-box .hp-topcasinos-casino-rating{text-align:center;min-width:0}
html body .casino-box .casino-title{font-size:20px!important;line-height:1.4!important;margin:0 0 6px!important}
html body .casino-box .rating{font-size:12px;line-height:1.5}
html body .casino-box .post-ratings{display:flex;justify-content:center;gap:1px;margin-bottom:4px}
html body .casino-box .post-ratings img{width:20px;height:20px}
html body .casino-box .bonus{text-align:center;font-size:16px;line-height:1.4}
html body .casino-box .bonus p{margin:0!important;font-size:16px!important;line-height:1.4!important}
html body .casino-box .bonus strong{display:inline;font-weight:700}
html body .casino-box .bonus small{font-size:14px}
html body .casino-box .bonus .lead-sec{display:inline-block}
html body .casino-box .bonus .proto-offer-terms{display:inline-block;vertical-align:middle;margin:0 0 0 4px!important}
html body .casino-box .supported{display:flex!important;align-items:center;justify-content:center;gap:16px;font-size:14px;line-height:1.55}
html body .casino-box .supported ul{padding:0;margin:0;list-style:none;white-space:nowrap}
html body .casino-box .supported i{display:inline-block;width:16px;font-size:17px;font-style:normal;font-weight:700}
html body .casino-box .visit a{padding:7px 10px;font-size:16px;border-radius:24px;line-height:1.3;margin:5px 0}
@media(min-width:701px) and (max-width:1200px){html body .casino-box .part-one-h{grid-template-columns:90px minmax(110px,1fr) minmax(105px,1fr) 130px;gap:12px}html body .casino-box .casino-logo img{width:90px!important;height:90px!important}html body .casino-box .supported{grid-column:2/4;grid-row:2;font-size:13px}html body .casino-box .visit{grid-column:4;grid-row:1/3}html body .casino-box .casino-title{font-size:18px!important}}
@media(max-width:700px){html body .casino-box .part-one-h{grid-template-columns:84px minmax(0,1fr);gap:12px;min-height:0}html body .casino-box .casino-logo img{width:84px!important;height:84px!important}html body .casino-box .casino-title{font-size:18px!important}html body .casino-box .bonus{grid-column:1/-1}html body .casino-box .supported{grid-column:1/-1;font-size:14px;gap:24px}html body .casino-box .visit{grid-column:1/-1;display:flex;gap:10px}html body .casino-box .visit a{flex:1;font-size:14px;padding:10px}}

/* Refined filter panel: native controls, clearer values and generous touch targets. */
html body #filters{background:#f4f8f8!important;border:1px solid #d6e4e5!important;border-top:4px solid #176d7c!important;border-radius:14px!important;padding:20px!important;box-shadow:0 5px 18px #173d4509;min-width:0}
html body #filters h3{font-size:21px!important;line-height:1.3;margin:0 0 22px!important;color:#176d7c}
html body #filters fieldset{min-width:0;margin:0 0 18px;padding:0 0 16px;border:0;border-bottom:1px solid #dae6e7}
html body #filters legend,html body #filters .select-label{font-size:14px!important;font-weight:700;color:#293e46;margin-bottom:8px;line-height:1.4}
html body #filters .ranges{gap:14px}
html body #filters .ranges label{font-size:12px;line-height:24px;color:#52686f;min-width:0}
html body #filters .ranges output{background:white;border:1px solid #d6e4e5;border-radius:5px;padding:0 6px;min-width:34px;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;line-height:22px;color:#176d7c}
html body #filters input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:26px;padding:0;margin:8px 0 0;background:transparent;cursor:pointer;border:0;accent-color:#176d7c}
html body #filters input[type=range]::-webkit-slider-runnable-track{height:5px;background:#c8dbde;border-radius:10px}
html body #filters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;margin-top:-6px;background:#176d7c;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #176d7c,0 2px 4px #173d4530}
html body #filters input[type=range]::-moz-range-track{height:5px;background:#c8dbde;border-radius:10px}
html body #filters input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#176d7c;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #176d7c}
html body #filters input[type=range]:focus-visible{outline:2px solid #ad4c12;outline-offset:3px;border-radius:5px}
html body #filters .select-label{margin-top:14px}
html body #filters select{height:44px;padding:9px 32px 9px 12px;border:1px solid #b9cfd3;border-radius:7px;background-color:white;color:#293e46;font-size:14px;transition:border-color .15s,box-shadow .15s}
html body #filters select:hover{border-color:#176d7c}
html body #filters select:focus-visible{outline:2px solid #176d7c;outline-offset:2px}
html body #filters .reset{min-height:44px;margin-top:20px;background:white;color:#176d7c;border:1px solid #176d7c;border-radius:8px;font-size:14px;font-weight:700}
@media(max-width:700px){html body #filters{padding:18px!important;column-gap:18px}html body #filters h3{font-size:20px!important}html body #filters .ranges{gap:8px}html body #filters .ranges output{padding:0 3px;min-width:28px;font-size:11px}html body #filters legend{min-height:20px}}
@media(max-width:380px){html body #filters{grid-template-columns:1fr}html body #filters .ranges{gap:16px}}