/* Designlag for Kaufberater og artikler. Kun med preview-nøglen eller option ns_guide_look / ns_artikel_look (body.ns-look). Bygget af tools/look_tg_css.mjs. Ingen tekst ændres. */

/* Startfladen: sidens udvalgte billede til højre. */
@media(min-width:901px){body.ns-look #nsg .tl-hero.tg-hero-pic{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
body.ns-look #nsg .tg-pic img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px;box-shadow:0 6px 24px rgba(110,58,134,.14)}

/* Overskrifter i teksten: en kort farvestreg over og samme luft over alle. */
body.ns-look #nsg .tg-main>h2{position:relative;padding-top:18px;margin-top:44px}
body.ns-look #nsg .tg-main>h2::before{content:'';position:absolute;top:0;left:0;width:44px;height:4px;border-radius:4px;background:#a967bf}
body.ns-look #nsg .tg-main>h2:first-child{margin-top:0}

/* Almindelige lister får flueben i en rund flade. */
body.ns-look #nsg .tg-main>ul:not([class]){list-style:none;padding:0}
body.ns-look #nsg .tg-main>ul:not([class])>li{position:relative;padding-left:32px;margin-bottom:10px}
body.ns-look #nsg .tg-main>ul:not([class])>li::before{content:'';position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:#f3e8f7 url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%237d4a96'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012.5l4.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E") center/14px no-repeat}

/* Anzeige-noten som en rolig boks. */
body.ns-look #nsg .tg-main>.tg-ad{background:#faf5fc;border:1px solid #eadff0;border-radius:12px;padding:12px 16px}

/* Spørgsmål som kort. */
body.ns-look #nsg .th-faqs{border-top:0}
body.ns-look #nsg .th-faqs details{background:#fff;border:1px solid #eadff0;border-radius:12px;padding:14px 18px;margin-bottom:10px}
body.ns-look #nsg .th-faqs details[open]{background:#faf5fc}

/* Kilder: ens med datingsiderne, ingen punkttegn. */
body.ns-look #nsg .tg-src-list{list-style:none;padding-left:0;font-size:14px}
body.ns-look #nsg .tg-src-list li{margin:0 0 4px}

/* Sidekolonnen: "Mehr bei Libidinous" under indholdsmenuen. */
body.ns-look #nsg .tg-side .tg-rel-h{margin-top:26px}
body.ns-look #nsg .tg-rel{list-style:none;margin:0;padding:0}
body.ns-look #nsg .tg-rel li{margin:0 0 8px}
body.ns-look #nsg .tg-rel a{display:block;padding:8px 26px 8px 12px;border:1px solid #eadff0;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%237d4a96'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012h14M13%206l6%206l-6%206'%2F%3E%3C%2Fsvg%3E") right 8px center/14px no-repeat;color:#4a3a52;text-decoration:none;font-size:14px;line-height:1.35;font-weight:600}
body.ns-look #nsg .tg-rel a:hover{border-color:#a967bf;color:var(--pud)}

/* Samme kant på mobil som datingsiderne. */
@media(max-width:1023px){body.ns-look.nsg-guide .site-content>.ast-container{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:900px){body.ns-look #nsg .tg-pic{order:-1}body.ns-look #nsg .tg-pic img{aspect-ratio:2/1}}