/* Libidinous: hub /erotik-dating/ efter Temptations' hub.css og artikel /sexdating-portale/ efter toplist.css. Bygger på dating.css. */
.nsd-dating .da-chips{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 6px;margin:0 0 34px;scrollbar-width:none}
.nsd-dating .da-chips::-webkit-scrollbar{display:none}
.nsd-dating .da-chips a{flex:none}
.nsd-dating .eyebrow a,.nsd-dating .eyebrow a:visited{color:var(--lav-d)}

/* Hub */
.nsd-dh .dh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.nsd-dh .dh-card,.nsd-dh .dh-card:visited{display:flex;flex-direction:column;background:#fff;border:1px solid #eadff0;border-radius:14px;overflow:hidden;color:var(--ink);transition:box-shadow .2s,transform .2s}
.nsd-dh .dh-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.nsd-dh .dh-img{aspect-ratio:16/10;background:linear-gradient(135deg,#f7eff9,#ead9f1) center/cover;position:relative}
.nsd-dh .dh-noim{background-color:#a967bf;background-position:center;background-size:45% auto;background-repeat:no-repeat}
.nsd-dh .dh-pill{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);color:var(--lav-d);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.nsd-dh .dh-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.nsd-dh .dh-body h3{font-size:18px;line-height:1.35;margin:0 0 8px;font-weight:700;color:var(--ink);text-transform:none}
.nsd-dh .dh-body p{font-size:14.5px;line-height:1.6;color:#4a3f50;margin:0 0 14px;flex:1}
.nsd-dh .dh-more{font-size:14px;font-weight:700;color:var(--lav-d)}

/* Artikel */
.nsd-da a.da-trow,.nsd-da a.da-trow:visited{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-top:1px solid #f0e8f4;color:var(--ink);border-bottom:0}
.nsd-da a.da-trow:first-of-type{border-top:0}
.nsd-da a.da-trow:hover b{color:var(--lav-d)}
.nsd-da a.da-trow b{font-size:15px;font-weight:700}
.nsd-da a.da-trow small{font-size:12.5px;color:var(--mut);text-align:right}
.nsd-da .da-list{display:flex;flex-direction:column;gap:18px}
.nsd-da .da-card{border:1px solid #eadff0;border-radius:16px;background:#fff;overflow:hidden;scroll-margin-top:96px}
.nsd-da .da-head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--blush);padding:14px 26px;border-bottom:1px solid #eadff0}
.nsd-da .da-head h4{font-size:20px;line-height:1.3;margin:0;font-weight:700;color:var(--ink);text-transform:none}
.nsd-da .da-head span{font-size:13.5px;color:var(--lav-d);font-weight:700}
.nsd-da .da-main{display:grid;grid-template-columns:200px 1fr 220px;gap:28px;align-items:center;padding:22px 26px}
.nsd-da .da-logo{display:grid;place-items:center}
.nsd-da .da-logo img{max-width:100%;max-height:84px;width:auto;height:auto;display:block}
.nsd-da .da-info p{font-size:15px;line-height:1.6;color:#4a3f50;margin:0 0 10px}
.nsd-da .da-info ul{list-style:none;margin:0 0 10px;padding:0;font-size:14px;line-height:1.55;color:#4a3f50}
.nsd-da .da-info li{position:relative;padding:0 0 0 16px;margin:0 0 6px}
.nsd-da .da-info li::before{content:'';position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--lav)}
.nsd-da .da-info p.dat-src{font-size:12.5px;line-height:1.5;color:var(--mut);margin:0}
.nsd-da p.da-warn{background:#fff6e6;border-left:3px solid #c98a12;border-radius:0 8px 8px 0;font-size:14px;line-height:1.55;color:#4d3a12;padding:10px 14px;margin:0 26px 22px}

@media(max-width:900px){
	.nsd-dh .dh-grid{grid-template-columns:1fr 1fr}
	.nsd-da .da-main{grid-template-columns:1fr;gap:16px;padding:18px 20px}
	.nsd-da .da-logo{justify-items:start}
	.nsd-da .da-head{padding:12px 20px}
	.nsd-da p.da-warn{margin:0 20px 18px}
}
@media(max-width:600px){
	.nsd-dh .dh-grid{grid-template-columns:1fr}
}

/* Guide og byside */
.nsd-da .dat-text h3{font-size:17px;line-height:1.35;margin:18px 0 0;font-weight:700;color:var(--ink);text-transform:none}
.nsd-da .da-head h3{font-size:20px;line-height:1.3;margin:0;font-weight:700;color:var(--ink);text-transform:none}
.nsd-da .dat-text a,.nsd-da .dat-text a:visited,.nsd-da a.dat-inl,.nsd-da a.dat-inl:visited{color:var(--lav-d);text-decoration:underline;text-underline-offset:3px}

/* Sammenligningstabellen som kort på mobil, så intet skal rulles sidelæns. */
@media(max-width:700px){
.nsd-dating .dat-tw{overflow:visible;border:0;border-radius:0}
.nsd-dating .dat-t,.nsd-dating .dat-t tbody{display:block;min-width:0}
.nsd-dating .dat-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nsd-dating .dat-t tr{display:block;border:1px solid #eadff0;border-radius:12px;margin:0 0 12px;overflow:hidden}
.nsd-dating .dat-t tbody th{display:block;position:static;background:var(--blush);white-space:normal;font-size:15px}
.nsd-dating .dat-t td{display:grid;grid-template-columns:42% 1fr;gap:10px}
.nsd-dating .dat-t td::before{content:attr(data-label);font-weight:700;color:var(--ink)}
.nsd-dating .dat-t tr td:last-child{border-bottom:0}
}

/* Korttitler bruger samme skrift som resten af siden, ikke temaets Varela Round. */
.nsd-dating h3:not(.disp),.nsd-dh h3:not(.disp),.nsd-da h3:not(.disp),.nsd-dating h4,.nsd-dh h4,.nsd-da h4{font-family:'Open Sans',sans-serif}
