/*
Theme Name: DeliMusic
Description: Theme Music — Radio Dial redesign (day default / night toggle)
Theme URI: https://vebeet.com
Author: MohammadFamo
Author URI: https://vebeet.com
Version: 2.1
*/

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap');

@font-face{font-family:yekan;font-style:normal;font-weight:400;src:url(fonts/yknbkh.woff) format("woff"),url(fonts/yknbkh.woff2) format("woff2");font-display:swap}

@font-face{font-family:yekan;font-style:normal;font-weight:400;src:url(assets/yekan.woff) format("woff"),url(assets/yekan.woff2) format("woff2");font-display:swap}

/* ============================================
   TOKENS — "Radio Dial": a warm daytime station
   by default, an amber tuning glow either way,
   a coral VU-meter pulse, tracklist counters.
   Flip to night with [data-theme="dark"].
   ============================================ */
:root{
  /* day (default) */
  --bg:#ffffff;
  --bg-2:#ffffff;
  --grad-top:#ffffff;
  --panel:#ffffff;
  --panel-2:#fbf8f2;
  --line:#ecdfc4;
  --line-soft:#f2e6d0;
  --text:#2b2113;
  --text-dim:#8a7a5c;
  --text-faint:#a3906c;
  --amber:#dd8636;
  --amber-2:#c1701f;
  --coral:#e14f5c;
  --glow:rgb(221 134 54 / 6%);
  --svg-fill:#f7f1e3;
  --shadow:0 10px 26px rgb(120 90 40 / 14%);
  --on-text:#181208;

  --display:'Vazirmatn','yekan',sans-serif;
  --body:yekan,'Vazirmatn',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --radius:14px;
}

[data-theme="dark"]{
  --bg:#0d0f16;
  --bg-2:#14161f;
  --grad-top:#0b0d13;
  --panel:#1a1d29;
  --panel-2:#212536;
  --line:#2b3042;
  --line-soft:#232739;
  --text:#ece6d9;
  --text-dim:#9aa0b8;
  --text-faint:#6b7189;
  --amber:#f2a154;
  --amber-2:#e6893a;
  --coral:#ff5f6d;
  --glow:rgb(242 161 84 / 16%);
  --svg-fill:#171a26;
  --shadow:0 10px 28px rgb(0 0 0 / 35%);
  --on-text:#181208;
}

*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
html{background:var(--bg)}
body{direction:rtl;color:var(--text);overflow-x:hidden;cursor:default;font-size:14px;background:var(--bg);background-image:radial-gradient(1100px 550px at 50% -8%,var(--glow),transparent 60%),linear-gradient(180deg,var(--grad-top) 0%,var(--bg) 45%,var(--bg-2) 100%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}
body,input,button,textarea{font-family:var(--body)}
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:400}
input,button,textarea{font-size:14px;background:none;color:var(--text)}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{text-decoration:none;color:var(--text);transition:all 220ms ease-out}
a:hover{text-decoration:none;color:var(--amber)}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
strong,b{font-weight:400}
::selection{background:var(--amber);color:var(--on-text)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important}
  body,.dm-card,.dm-header nav,.dm-footer,input,button,.dm-tracks-strip li a,.dm-header form,.dm-theme-switch__thumb{transition:none!important}
}

/* faint tuning-scale backdrop, blends into the page background */
.dm-backdrop{transform:scaleY(-1);position:absolute;z-index:-1;fill:var(--svg-fill);top:0;left:0;right:0;opacity:.9;transition:fill .3s ease}

.dm-container{max-width:1024px;margin:0 auto;width:95%}
.dm-flex{display:flex;flex-wrap:wrap;align-items:center}
.dm-layout{justify-content:space-between;align-items:stretch;margin-top:1.6em}
.dm-main{width:50%;order:2}
.dm-aside-tags{width:18%;order:1}
.dm-aside-widgets{width:29%;order:3}

/* ============================================
   HEADER — dial console, amber accents, a small
   pulsing "on-air" light by the logo, and a
   day/night toggle switch by the search box.
   ============================================ */
.dm-header{padding-top:1.4em;position:relative}
.dm-header:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--amber) 20%,var(--coral) 50%,var(--amber) 80%,transparent);opacity:.7}
.dm-header nav{border-radius:1.1em;justify-content:space-between;padding:.7em 1em;background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-right:3px solid var(--amber);transition:background-color .3s ease,border-color .3s ease}
.dm-header > div{justify-content:space-between}
.dm-brand{display:inline-flex;overflow:hidden;justify-content:center;align-items:center;font-size:24px;margin:.8em 0;letter-spacing:.02em;font-family:var(--display);font-weight:700}
.dm-brand a{display:flex;align-items:center;color:var(--text)}
.dm-brand a:hover{color:var(--amber)}
.dm-brand a:before{content:"";background:url(assets/icon.svg);width:44px;height:44px;background-size:cover;margin-left:.7em;border-radius:50%;box-shadow:0 0 0 1px var(--line),0 0 18px color-mix(in srgb,var(--amber) 25%,transparent)}



.dm-header li,.dm-footer li{margin:.5em;font-size:15.5px;display:flex;position:relative}
.dm-header li:first-child,.dm-footer li:first-child{margin-right:0}
.dm-header li:last-child,.dm-footer li:last-child{margin-left:0}
.dm-header li a,.dm-footer li a{display:flex;align-items:center;color:var(--text-dim);padding:.2em 0;position:relative}
.dm-header li a:after{content:'';position:absolute;right:0;bottom:-2px;width:0;height:2px;background:var(--amber);transition:width 220ms ease-out}
.dm-header li a:hover,.dm-header li a[aria-current]{color:var(--text)}
.dm-header li a:hover:after,.dm-header li a[aria-current]:after{width:100%}

.dm-header__tools{gap:.7em;flex-wrap:nowrap}

.dm-theme-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:58px;height:30px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);padding:0 7px;flex:none;transition:background-color .3s ease,border-color .3s ease}
.dm-theme-switch__icon{line-height:1;z-index:1;position:relative;display:flex;align-items:center;justify-content:center}
.dm-theme-switch__icon svg{width:14px;height:14px;display:block}
.dm-theme-switch__icon--sun{color:var(--amber)}
.dm-theme-switch__icon--moon{color:var(--text-faint)}
.dm-theme-switch__thumb{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:var(--amber);box-shadow:0 2px 6px rgb(0 0 0 / 25%);transition:transform 220ms ease-out,background-color .3s ease}
[data-theme="dark"] .dm-theme-switch__thumb{transform:translateX(-27px)}

.dm-header form{background:var(--bg);position:relative;border-radius:1em;height:48px;width:340px;overflow:hidden;border:1px solid var(--line-soft);transition:background-color .3s ease,border-color .3s ease}
.dm-header form input{padding:1em;width:100%;height:46px;color:var(--text)}
.dm-header form input::placeholder{color:var(--text-faint)}
.dm-header form button{position:absolute;background:linear-gradient(135deg,var(--amber),var(--amber-2));color:var(--on-text);font-weight:600;height:36px;left:.4em;top:50%;transform:translate(0,-50%);border-radius:.8em;display:flex;justify-content:center;align-items:center;padding:0 1.1em;box-shadow:0 4px 12px color-mix(in srgb,var(--amber) 30%,transparent)}
.dm-header form button:hover{filter:brightness(1.08)}

/* ============================================
   PROMO BANNER
   ============================================ */
.dm-promo{margin-top:1em;background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius);padding:1em;border:1px solid var(--line)}
.dm-promo a,.dm-promo img{display:block;margin:0 auto;border-radius:8px}
.dm-promo--single{padding:0}

/* ============================================
   FEATURED TRACKS STRIP — tile cards with a
   bottom scrim caption instead of a detached
   label.
   ============================================ */
.dm-tracks-strip{margin-top:1.2em}
.dm-tracks-strip ul{align-items:stretch;justify-content:space-between;gap:0}
.dm-tracks-strip li{width:14.6%}
.dm-tracks-strip.dm-tracks-strip--wide li{width:23%;margin:0 0 1em}
.dm-tracks-strip li a{position:relative;display:block;aspect-ratio:1/1;border-radius:1em;overflow:hidden;box-shadow:0 0 0 1px var(--line),var(--shadow);transition:transform 220ms ease-out,box-shadow 220ms ease-out}
.dm-tracks-strip li a:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--amber),0 14px 24px rgb(0 0 0 / 25%)}
.dm-tracks-strip li img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;display:block;filter:saturate(1.05)}
.dm-tracks-strip li a span{position:absolute;left:0;right:0;bottom:0;text-align:center;background:linear-gradient(0deg,rgb(10 11 17 / 88%) 10%,rgb(10 11 17 / 0%) 100%);color:#fff;padding:1.8em .5em .6em;width:100%;border-radius:0;margin:0;box-shadow:none;font-size:.92em;line-height:1.4}


/* ============================================
   SHARED CARD SHELL
   ============================================ */
.dm-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.2em;padding:1.1em;position:relative;transition:background-color .3s ease,border-color .3s ease}
.dm-card header,.dm-tracks-strip--wide header{border-bottom:1px solid var(--line-soft);padding:0 0 1em;margin:0 0 1em}
.dm-card header:before,.dm-tracks-strip--wide header:before{content:"";background:var(--amber);width:6px;height:16px;float:right;margin:3px 0 0 8px;border-radius:1em}
aside .dm-card header:before{background:var(--coral)}
.dm-card header h1,.dm-card header h2{font-size:17.5px;font-family:var(--display);font-weight:600;color:var(--text)}
.dm-card header h1 a,.dm-card header h2 a{color:var(--text)}
.dm-card header h1 a:hover,.dm-card header h2 a:hover{color:var(--amber)}
aside .dm-card ul{line-height:1.8}
aside .dm-card li{margin:0 0 1em}
aside .dm-card li a:before{content:"";background:var(--text-faint);width:3px;height:11px;float:right;margin:8px 0 0 8px;border-radius:1em;transform:rotate(20deg)}
aside .dm-card li:last-child{margin:0}
aside .dm-card{border-bottom:3px solid var(--amber-2)}
.dm-card header div{margin:.5em 0 0}
.dm-card header div span{margin:.5em 0 0 .6em;display:inline-flex;align-items:center;color:var(--text-dim);font-size:.92em}
.dm-card header div span a{color:var(--text-dim)}
.dm-card header div span a:hover{color:var(--amber)}
.dm-card header div span:before{content:"";background:var(--amber);width:2px;height:10px;float:right;margin:5px 0 0 7px;border-radius:1px;opacity:.7}

/* post body */
.dm-card__body{text-align:center;line-height:2;color:var(--text-dim)}
.dm-card__body p:first-child{color:var(--text)}
.dm-card__body img{margin:1em auto;border-radius:1em;display:block;box-shadow:0 0 0 1px var(--line),0 0 0 6px var(--bg),0 0 0 7px var(--line-soft)}
.dm-download-btn{text-align:center;width:70%;margin:0 auto 1em}
.dm-card__body audio,.dm-card__body video{width:100%;display:flex;margin:1.2em 0 0;border-radius:.8em}
.dm-download-btn a{border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);background:linear-gradient(135deg,var(--amber),var(--coral));color:var(--on-text);font-weight:600;box-shadow:0 8px 18px color-mix(in srgb,var(--amber) 25%,transparent);display:flex;justify-content:center;align-items:center;margin:1.2em 0 0;padding:.8em;border-radius:1em}
.dm-download-btn a:before{content:"";width:15px;height:19px;margin-left:.6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 400'%3E%3Cpath d='M400,520.7,286.88,407.58l28.28-28.28L380,444.14V200h40V444.14l64.84-64.84,28.29,28.28ZM240,560v40H560V560Z' transform='translate(-240 -200)' fill='%23181208'/%3E%3C/svg%3E")}
.dm-download-btn a:hover{filter:brightness(1.06);box-shadow:0 10px 22px color-mix(in srgb,var(--amber) 35%,transparent)}
.dm-card footer{display:flex;justify-content:center;align-items:center;margin:1.4em 0 .3em}
.dm-card footer a{border:1px solid var(--amber);color:var(--amber);background:transparent;box-shadow:none;padding:.75em 2.1em;display:inline-flex;border-radius:1em;font-weight:500;transition:all 220ms ease-out}
.dm-card footer a:hover{background:var(--amber);color:var(--on-text);box-shadow:0 8px 18px color-mix(in srgb,var(--amber) 25%,transparent)}

/* ============================================
   PAGINATION — preset buttons on a tuner
   ============================================ */
.dm-pager{justify-content:center;margin:0 0 1.4em;gap:.2em}
.dm-pager a,.dm-pager span{height:36px;min-width:36px;padding:0 .3em;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:.7em;background:var(--panel);border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-weight:600;font-size:.95em;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.dm-pager a:hover{color:var(--text);border-color:var(--amber)}
.dm-pager .current{color:var(--on-text);background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 18%,transparent)}
.dm-pager .next,.dm-pager .prev{width:auto;padding:0 1.1em;background:var(--bg);font-family:var(--body);font-weight:400}
.dm-pager .next:before,.dm-pager .prev:after{content:'';display:inline-block;width:14px;height:14px;background-color:var(--amber);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.dm-pager .next:before{margin-left:.3em;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E")}
.dm-pager .prev:after{margin-right:.3em;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E")}
.dm-pager .dots{padding:0 .8em;background:transparent;border-color:transparent}

/* page heading */
.dm-page-title{padding:0 0 1.1em;line-height:2}
.dm-page-title h1{border-bottom:1px solid color-mix(in srgb,var(--amber) 30%,transparent);padding:0 0 .25em;margin:0 0 .25em;display:inline-flex;font-weight:700}
.dm-page-title h1,.dm-page-title h1 a{font-size:19px;background:linear-gradient(90deg,var(--text),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-page-title h2,.dm-page-title p{font-size:14px;color:var(--text-dim)}
.dm-error-state svg{width:50%;margin:1.5em auto;display:flex}
.dm-error-state div{color:var(--text-dim)}

/* comments */
.dm-comment-form .holder{justify-content:space-between;margin-bottom:1em}
.dm-comment-form input,.dm-comment-form textarea{background:var(--bg);padding:9px 12px;border-radius:8px;border:1px solid var(--line-soft);color:var(--text)}
.dm-comment-form input{width:49%}
.dm-comment-form textarea{width:100%;resize:none}
.dm-comment-form button{background:linear-gradient(135deg,var(--amber),var(--amber-2));padding:8px 18px;border-radius:8px;color:var(--on-text);font-weight:600;font-size:15px;margin-top:.6em}
.dm-comments li{background:var(--panel);box-shadow:var(--shadow);margin-bottom:1em;padding:.6em;border-radius:8px;border:1px solid var(--line)}
.dm-comments .dm-comments__head{background:var(--bg);justify-content:space-between;padding:.6em;border-radius:6px}
.dm-comments .dm-comments__head strong{color:var(--text);display:flex;align-items:center}
.dm-comments .dm-comments__head strong b{color:var(--on-text);background:var(--amber);font-weight:600;padding:0 6px;border-radius:5px;margin:0 5px;font-size:12px}
.dm-comments .dm-comments__head span{color:var(--text-faint);font-size:12px}
.dm-comments li p{padding:1em .5em .5em;color:var(--text-dim)}
.dm-comments ul{margin-right:1em}

/* ============================================
   FOOTER — equalizer stripe divider on top edge
   ============================================ */
.dm-footer{padding:1.2em 1.2em 1em;background:var(--panel);box-shadow:0 -10px 24px rgb(0 0 0 / 12%);border-radius:1.1em 1.1em 0 0;border:1px solid var(--line);border-bottom:0;position:relative;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}
.dm-footer:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--amber) 0 8px,var(--coral) 8px 12px,transparent 12px 20px)}
.dm-footer ul{padding:0 0 .9em;border-bottom:1px solid var(--line-soft);margin:0 0 .9em}
.dm-footer__meta{color:var(--text-dim)}
.dm-footer__meta a{color:var(--amber);font-weight:500}

.dm-nav-prev,.dm-nav-next{position:fixed;height:85px;top:50%;z-index:9;transform:translate(0,-50%);width:36px;right:0;border-radius:10px 0 0 10px;color:var(--on-text)!important;background:var(--amber)}
.dm-nav-prev{right:initial;left:0;border-radius:0 10px 10px 0}
.dm-nav-next span,.dm-nav-prev span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center}
.dm-nav-next span{left:-1.15em}
.dm-nav-prev span{right:-.9em}

/* ============================================
   SIDEBAR — right: singer tags · left: tracklist
   ============================================ */
.dm-aside-tags .dm-card ul{display:flex;flex-wrap:wrap;gap:.55em;line-height:1}
.dm-aside-tags .dm-card li{margin:0!important}
.dm-aside-tags .dm-card li a{display:inline-flex;padding:.55em 1.1em;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;color:var(--text-dim);font-size:.92em;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.dm-aside-tags .dm-card li a:before{content:none!important}
.dm-aside-tags .dm-card li a:hover{background:var(--amber);border-color:var(--amber);color:var(--on-text)}
.dm-aside-tags .dm-card ul.dm-scrollbox{flex-wrap:nowrap;flex-direction:column;max-height:280px;overflow-y:auto;padding-left:.5em;margin-left:-.5em;scrollbar-width:thin;scrollbar-color:var(--amber) transparent}
.dm-aside-tags .dm-card ul.dm-scrollbox::-webkit-scrollbar{width:6px}
.dm-aside-tags .dm-card ul.dm-scrollbox::-webkit-scrollbar-track{background:transparent}
.dm-aside-tags .dm-card ul.dm-scrollbox::-webkit-scrollbar-thumb{background:var(--amber);border-radius:999px}
.dm-aside-tags .dm-card ul.dm-scrollbox li a{width:100%}

/* top posts of the week — ranked by views */
.dm-top-posts .dm-card,.dm-top-posts li{position:relative}
.dm-top-posts li{display:flex;align-items:center;gap:.7em;padding:0 0 .8em;border-bottom:1px dashed var(--line-soft);margin:0 0 .8em!important}
.dm-top-posts li:last-child{border-bottom:0;margin:0!important;padding-bottom:0}
.dm-top-posts li a{flex:1;color:var(--text-dim);line-height:1.5}
.dm-top-posts li a:hover{color:var(--amber)}
.dm-top-posts__views{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:.3em .5em;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;color:var(--amber-2);font-family:var(--mono);font-weight:600;font-size:.78em}
.dm-top-posts__views:before{content:"";width:11px;height:11px;margin-left:.35em;background-color:var(--coral);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}

/* text ads box — sponsor-style link list */
.dm-native-ads{border-bottom:3px solid var(--coral)!important}
.dm-native-ads li{display:flex;align-items:flex-start;gap:.6em;padding:0 0 .8em;border-bottom:1px dashed var(--line-soft);margin:0 0 .8em!important}
.dm-native-ads li:last-child{border-bottom:0;margin:0!important;padding-bottom:0}
.dm-native-ads li a{flex:1;color:var(--text-dim);line-height:1.6}
.dm-native-ads li a:hover{color:var(--coral)}
.dm-native-ads__tag{flex:none;padding:.15em .55em;border-radius:6px;background:color-mix(in srgb,var(--coral) 14%,transparent);color:var(--coral);font-size:.72em;font-weight:600;letter-spacing:.02em;margin-top:.15em}

.dm-aside-widgets .dm-card ul{counter-reset:track}
.dm-aside-widgets .dm-card li{position:relative;padding:0 0 .8em;border-bottom:1px dashed var(--line-soft);margin:0 0 .8em!important}
.dm-aside-widgets .dm-card li:last-child{border-bottom:0;margin:0!important;padding-bottom:0}
.dm-aside-widgets .dm-card li a{display:block;color:var(--text-dim);line-height:1.5}
.dm-aside-widgets .dm-card li a:hover{color:var(--amber)}
.dm-aside-widgets .dm-card li a:before{content:none!important}

/* ============================================
   RESPONSIVE
   ============================================ */
@media screen and (max-width:1024px){.dm-container{width:98%}}
@media screen and (max-width:900px){
.dm-main{width:100%;order:1}
.dm-aside-tags{width:100%;order:2}
.dm-aside-widgets{width:100%;order:3}
.dm-tracks-strip li{width:15.5%}
.dm-footer ul,.dm-header ul{justify-content:center}
.dm-header ul{margin:0 0 1em}
.dm-footer__meta{text-align:center}
.dm-brand{display:flex;margin:.8em auto}
.dm-header nav{flex-direction:column}
.dm-header__tools{width:100%}
.dm-header form{width:100%}
.dm-aside-widgets .dm-card li{padding:0 0 .8em}
}
@media screen and (max-width:720px){
.dm-tracks-strip li{width:32%;margin:0 0 1em}
.dm-tracks-strip{margin-bottom:-1em}
.dm-tracks-strip.dm-tracks-strip--wide{margin-bottom:0}
.dm-download-btn{width:100%;margin:0 auto .5em}
}
@media screen and (max-width:365px){.dm-tracks-strip.dm-tracks-strip--wide li{width:48%}}