/* Temptations Hubs – oversigtsartikler (toplister) */
/* Tom breadcrumb-container fra temaet (breadcrumbs er fjernet på toplister), så hero flugter med menuen */
.archive-header{display:none}
/* Indlejrede farver fra Elementor-tekst følger sidens farver */
#tl .tl-lede span[style*="color"],#tl .tl-gmain span[style*="color"]{color:inherit!important}
#tl{--pu:#a35fc0;--pud:#6e3a86;--sand:#f7f0fa;--ink:#222;--mut:#666;--ok:#2f8f5b;color:var(--ink);margin:0 0 60px}
#tl *{box-sizing:border-box}
/* Fuld-bredde bånd som på hubs */
#tl .tl-hero{background:var(--sand);box-shadow:0 0 0 100vmax var(--sand);clip-path:inset(0 -100vmax);padding:44px 0;margin:0 0 36px;display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center}
#tl .tl-kick{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pud);font-weight:700;margin:0 0 10px}
#tl .tl-kick a{color:inherit;text-decoration:none}
#tl .tl-kick a:hover{text-decoration:underline}
#tl h1{font-size:40px;line-height:1.15;margin:0 0 14px;font-weight:700}
#tl .tl-lede p{font-size:17px;line-height:1.65;color:#444;margin:0 0 10px;max-width:640px}
#tl .tl-meta{font-size:13px;color:var(--mut);margin:10px 0 0}
#tl .tl-meta b{color:var(--ink);font-weight:600}
#tl .tl-top{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 14px rgba(110,58,134,.08)}
#tl .tl-top-h{font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);font-weight:600}
#tl a.tl-trow{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #f0e8f4;text-decoration:none;color:var(--ink)}
#tl a.tl-trow:first-of-type{border-top:0}
#tl .tl-rank{width:22px;height:22px;border-radius:50%;background:var(--pud);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
#tl .tl-tname{font-weight:700;font-size:15px}
#tl .tl-tname small{display:block;font-weight:400;color:var(--mut);font-size:12.5px}
#tl .tl-score{font-weight:700;font-size:14px;color:var(--pud)}
#tl .tl-stars{display:inline-flex;gap:2px;vertical-align:-2px}
#tl .tl-star{width:14px;height:14px;background:linear-gradient(90deg,#f5a623 var(--f),#e6dce9 var(--f));-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z"/></svg>') center/contain no-repeat}
/* Bemærkning over listen (fx etisk disclaimer på dating for gifte) */
#tl .tl-notice{display:flex;gap:14px;align-items:flex-start;background:#fff8ec;border:1px solid #f1dfbf;border-left:4px solid #d9a441;border-radius:12px;padding:18px 22px;margin:0 0 34px}
#tl .tl-notice::before{content:"!";flex:none;width:24px;height:24px;border-radius:50%;background:#d9a441;color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-top:2px}
#tl .tl-notice p{font-size:15.5px;line-height:1.65;color:#4a3b22;margin:0 0 8px}
#tl .tl-notice p:last-child{margin-bottom:0}
#tl .tl-notice span[style*="color"]{color:inherit!important}
#tl h2.tl-t{font-size:26px;margin:0 0 6px;font-weight:700}
#tl .tl-sub{color:var(--mut);font-size:15px;margin:0 0 18px}
#tl .tl-list{display:flex;flex-direction:column;gap:18px;margin:0 0 50px}
#tl .tl-card{border:1px solid #eadff0;border-radius:16px;background:#fff;overflow:hidden;scroll-margin-top:90px}
/* Kort: farvet top med nummer, navn og rating */
#tl .tl-head{display:flex;align-items:center;gap:14px;background:var(--sand);padding:14px 26px;border-bottom:1px solid #eadff0}
#tl .tl-num{width:32px;height:32px;border-radius:50%;background:var(--pud);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;flex:none}
#tl .tl-head h2{font-size:20px;margin:0;font-weight:700;line-height:1.3}
#tl .tl-hname{flex:1;min-width:0}
#tl .tl-tag{color:var(--mut);font-size:14px;margin:0}
#tl .tl-rate{margin:0 0 0 auto;display:flex;align-items:center;gap:8px;white-space:nowrap}
#tl .tl-rate b{font-weight:700;color:var(--pud);font-size:15px}
#tl .tl-main{display:grid;grid-template-columns:200px 1fr 220px;gap:28px;align-items:center;padding:22px 26px}
#tl .tl-logo{position:relative;aspect-ratio:2/1;display:grid;place-items:center;overflow:hidden}
#tl .tl-logo img{max-width:100%;max-height:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
#tl .tl-logo-text{font-weight:800;font-size:20px;color:var(--pud);text-align:center}
#tl .tl-badge{position:absolute;top:8px;left:8px;background:var(--pud);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
#tl .tl-pros{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#tl .tl-pros li{font-size:15px;color:#333;padding-left:20px;position:relative;margin:0}
#tl .tl-pros li::before{content:'';position:absolute;left:0;top:4px;width:12px;height:7px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
#tl .tl-cons{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
#tl .tl-cons li{font-size:14.5px;color:#555;padding-left:20px;position:relative;margin:0}
#tl .tl-cons li::before{content:"";position:absolute;left:1px;top:10px;width:10px;height:2px;background:#b44}
#tl .tl-cta{display:block;text-align:center;background:var(--pu);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:13px 16px;border-radius:999px}
#tl .tl-cta:hover{background:var(--pud);color:#fff}
#tl details.tl-rev{border-top:1px solid #f0e8f4}
#tl details.tl-rev summary{list-style:none;cursor:pointer;padding:14px 26px;font-weight:600;font-size:14.5px;color:var(--pud);display:flex;justify-content:space-between;gap:12px}
#tl details.tl-rev summary::-webkit-details-marker{display:none}
#tl details.tl-rev summary::after{content:'+';font-size:20px;line-height:1}
#tl details.tl-rev[open] summary::after{content:'–'}
#tl .tl-revbody{padding:4px 26px 28px;max-width:820px;margin:0 auto}
#tl .tl-revbody *{text-align:left!important}
#tl .tl-shot{margin:18px 0 22px}
#tl .tl-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #eee;box-shadow:0 4px 18px rgba(0,0,0,.06)}
#tl .tl-revbody h2,#tl .tl-revbody h3{font-size:17px;margin:16px 0 6px}
#tl .tl-revbody p{font-size:15.5px;line-height:1.7;color:#333;margin:0 0 10px}
#tl .tl-disc{font-size:12.5px;color:var(--mut);border-top:1px solid #eee;padding-top:14px;margin-top:30px}
/* Guide-tekst under listen: tekst + sidekolonne (indhold og "Se også") */
#tl .tl-guide{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start;border-top:1px solid #eee;padding-top:44px}
#tl .tl-gmain{max-width:720px}
#tl .tl-gmain>h2:first-child{margin-top:0}
#tl .tl-gmain h2{font-size:26px;margin:44px 0 12px;scroll-margin-top:90px}
#tl .tl-gmain p{font-size:17px;line-height:1.75;color:#333;margin:0 0 14px}
#tl .tl-gmain a{color:var(--pud);text-decoration:underline;text-decoration-color:#d9c6e3;text-underline-offset:3px}
#tl .tl-gmain > ul:not([class]){margin:0 0 18px;padding-left:22px}
#tl .tl-gmain > ul:not([class]) li{font-size:17px;line-height:1.7;color:#333;margin:0 0 8px}
#tl .tl-gmain p.tl-back-p{margin:22px 0 8px}
#tl .tl-gmain a.tl-back{display:inline-block;background:var(--pu);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px}
#tl .tl-gmain a.tl-back:hover{background:var(--pud);color:#fff}
#tl .tl-gmain p.tl-seealso{display:inline-block;background:var(--sand);border-radius:999px;padding:7px 16px;font-size:14.5px;font-weight:600;margin:2px 0 16px}
#tl .tl-gmain p.tl-seealso *{color:inherit!important}
#tl .tl-gmain p.tl-seealso a{color:var(--pud)!important;text-decoration:none}
#tl .tl-gside{position:sticky;top:100px;display:flex;flex-direction:column;gap:22px}
#tl .tl-gbox{border:1px solid #eadff0;border-radius:14px;padding:18px 20px}
#tl .tl-gbox-h{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:0 0 10px;font-weight:600}
#tl .tl-toc ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.5}
#tl .tl-toc li{margin:0 0 8px}
#tl .tl-toc a{color:var(--ink);text-decoration:none}
#tl .tl-toc a:hover{color:var(--pud)}
#tl .tl-rel{display:flex;flex-direction:column;gap:8px}
#tl .tl-rel a{display:block;background:var(--sand);border-radius:10px;padding:11px 14px;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:600}
#tl .tl-rel a:hover{background:#efe3f5}
#tl .tl-relrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-24px 0 40px}
#tl .tl-relrow span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);font-weight:600;margin-right:4px}
#tl .tl-relrow a{background:var(--sand);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--pud);text-decoration:none}
#tl .tl-relrow a:hover{background:#efe3f5}
/* Resten af Elementor-indholdet, bygget af pluginet (tekst, billeder, app-rækker, kort) */
#tl .tl-esec{margin:0 0 18px}
#tl .tl-esec.tl-ecols{display:flex;gap:20px;align-items:center;border:1px solid #eadff0;border-radius:14px;padding:16px 20px}
#tl .tl-ecols>.tl-ecol{flex:1 1 0;min-width:0}
#tl .tl-ecols>.tl-ecol:first-child{flex:0 0 120px}
#tl .tl-ecols p,#tl .tl-ecols li{font-size:15px;margin:0 0 4px}
#tl .tl-ecols ul{margin:0;padding-left:18px}
#tl .tl-eimg{margin:8px 0 16px}
#tl .tl-eimg img{display:block;max-width:100%;height:auto;border-radius:10px}
#tl .tl-ecols .tl-eimg{margin:0}
/* Tekst ved siden af et billede (fx swinger-guidens FAQ): billedet fylder ca. en tredjedel, stables på mobil */
#tl .tl-esec.tl-etext{display:flex;gap:28px;align-items:flex-start;margin:0 0 26px}
#tl .tl-etext>.tl-ecol{flex:1 1 0;min-width:0}
#tl .tl-etext>.tl-ecol:has(>.tl-eimg:only-child){flex:0 0 34%}
#tl .tl-etext .tl-eimg{margin:6px 0 0}
#tl .tl-etext .tl-eimg img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media(max-width:700px){#tl .tl-esec.tl-etext{flex-direction:column;gap:14px}#tl .tl-etext>.tl-ecol,#tl .tl-etext>.tl-ecol:has(>.tl-eimg:only-child){flex:none;width:100%}#tl .tl-etext>.tl-ecol:has(>.tl-eimg:only-child){order:2}}
#tl .tl-emap iframe{width:100%;height:380px;border:0;border-radius:12px}
#tl .tl-ehr{border:0;border-top:1px solid #eee;margin:26px 0}
@media(max-width:600px){#tl .tl-esec.tl-ecols{flex-direction:column;align-items:flex-start}#tl .tl-ecols>.tl-ecol:first-child{flex:none;width:120px}}
/* Guide-elementer: "Kort fortalt", råd som kort, FAQ */
#tl .tl-sum{background:var(--sand);border-radius:14px;padding:22px 26px;margin:0 0 36px}
#tl .tl-gmain p.tl-sum-h{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--pud);font-weight:700;margin:0 0 10px}
#tl .tl-sum ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
#tl .tl-sum li{font-size:16px;line-height:1.55;padding-left:22px;position:relative;margin:0}
#tl .tl-sum li::before{content:'';position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--pu)}
#tl .tl-tips{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 8px}
#tl .tl-tip{border:1px solid #eadff0;border-radius:14px;padding:18px 20px}
#tl .tl-gmain p.tl-tip-h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin:0 0 6px;color:var(--ink)}
#tl .tl-tip-h span{width:26px;height:26px;border-radius:50%;background:var(--pud);color:#fff;font-size:13px;display:grid;place-items:center;flex:none}
#tl .tl-gmain .tl-tip p:last-child{font-size:15px;line-height:1.6;margin:0;color:#444}
#tl .tl-faq details{border-bottom:1px solid #eee;padding:16px 0}
#tl .tl-faq summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
#tl .tl-faq summary::-webkit-details-marker{display:none}
#tl .tl-faq summary::after{content:'+';color:var(--pu);font-size:22px;line-height:1}
#tl .tl-faq details[open] summary::after{content:'–'}
#tl .tl-gmain .tl-faq details p{margin:10px 0 0;font-size:16px}
@media(max-width:900px){#tl .tl-tips{grid-template-columns:1fr}}
@media(max-width:900px){#tl .tl-guide{display:flex;flex-direction:column;gap:28px}#tl .tl-gside{display:contents}#tl .tl-toc{order:-1}#tl .tl-rel{order:1}#tl .tl-gmain h2{font-size:22px}}
@media(max-width:900px){#tl .tl-hero{grid-template-columns:1fr;gap:24px;padding:32px 0}#tl h1{font-size:30px}#tl .tl-main{grid-template-columns:120px 1fr;gap:16px;padding:18px}#tl .tl-act{grid-column:1/-1}#tl .tl-revbody{padding:4px 18px 20px}#tl details.tl-rev summary{padding:14px 18px}#tl .tl-head{padding:12px 18px}}
@media(max-width:600px){#tl .tl-head{flex-wrap:wrap;row-gap:6px}#tl .tl-rate{margin-left:46px;width:100%}#tl .tl-main{grid-template-columns:1fr}#tl .tl-logo{aspect-ratio:3/1}}