/*
Theme Name: Bordklokken
Theme URI: https://dagensrapport.dk/
Author: Jeppe Krogh
Description: Dagens Rapport – navnetjek og portrætter af danskere. Tema bygget omkring bordklokken fra quizzen.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Text Domain: bordklokken
*/

/* ==========================================================================
   Bordklokken – Dagens Rapport
   Palet: skifer (blæk), kridt (papir), messing (accent), quizrød (markering)
   ========================================================================== */

:root{
  --bk-skifer:#1C2B33;
  --bk-skifer2:#2C3D47;
  --bk-kridt:#F4F1E8;
  --bk-kridt2:#FBF9F3;
  --bk-messing:#C08A2E;
  --bk-messing-m:#9A6C1F;
  --bk-quizrod:#B3403A;
  --bk-daempet:#6B7A82;
  --bk-linje:#DCD6C8;
  --bk-linje2:#EAE5DA;
  --bk-maxw:68rem;
  --bk-tekstw:40rem;
  --bk-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --bk-sans:"Inter","Helvetica Neue",Arial,sans-serif;
  --bk-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bk-kridt);
  color:var(--bk-skifer);
  font-family:var(--bk-sans);
  font-size:1.0625rem;
  line-height:1.62;
}
img{max-width:100%;height:auto}
a{color:var(--bk-skifer);text-decoration-color:var(--bk-messing);text-underline-offset:3px}
a:hover{color:var(--bk-messing-m)}

.bk-wrap{max-width:var(--bk-maxw);margin:0 auto;padding:0 16px}

/* --- Sidehoved: messinglinje over, klokkemærket til venstre --------------- */
.bk-top{border-top:5px solid var(--bk-messing);background:var(--bk-kridt2)}
.bk-top__inner{display:flex;align-items:center;gap:18px;padding:14px 16px;max-width:var(--bk-maxw);margin:0 auto}
.bk-mark{display:flex;align-items:center;gap:10px;text-decoration:none}
.bk-mark__bell{width:30px;height:30px;flex:0 0 30px}
.bk-mark__name{font-family:var(--bk-serif);font-size:1.5rem;line-height:1;letter-spacing:.01em}
.bk-mark__sub{display:block;font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bk-daempet);margin-top:3px}
.bk-nav{margin-left:auto}
.bk-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.bk-nav a{font-family:var(--bk-mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}
.bk-nav a:hover,.bk-nav .current-menu-item>a{border-bottom-color:var(--bk-messing)}

/* --- Artikelhoved --------------------------------------------------------- */
.bk-main{padding:28px 0 56px}
/* Artikelspalten: svaret, faktarækken og brødteksten skal stå i samme bredde,
   ellers flyder Kort fortalt ud over en tekst der stopper ved 40rem. */
.bk-artikel,.bk-hilsen,.bk-artikel+.bk-afsnit{max-width:44rem}
.bk-artikel .bk-prose{max-width:none}
.bk-kicker{font-family:var(--bk-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bk-messing-m);margin:0 0 10px}
.bk-h1{font-family:var(--bk-serif);font-size:clamp(1.85rem,5vw,2.9rem);line-height:1.12;margin:0 0 14px;font-weight:400}

/* Byline: lille portræt + navn + sidst tjekket */
.bk-byline{display:flex;align-items:center;gap:12px;margin:0 0 26px;
  padding:10px 0;border-top:1px solid var(--bk-linje);border-bottom:1px solid var(--bk-linje)}
.bk-byline img{width:40px;height:40px;border-radius:50%;flex:0 0 40px;object-fit:cover}
.bk-byline__txt{font-size:.875rem;color:var(--bk-daempet)}
.bk-byline__txt span{display:block}
.bk-byline__navn{color:var(--bk-skifer);font-weight:600}

/* --- SIGNATUR 1: Kort fortalt = bordklokke-panelen ------------------------
   Ingen ramme, ingen venstrekant. Kun en 3 px messinglinje forneden og en
   massiv messing-halvkuppel der bryder panelets overkant oppe til venstre.  */
.bk-svar{position:relative;background:var(--bk-kridt2);border:0;border-bottom:3px solid var(--bk-messing);
  padding:30px 22px 20px 22px;margin:0 0 26px}
.bk-svar::before{content:"";position:absolute;left:22px;top:-17px;width:34px;height:17px;
  background:var(--bk-messing);border-radius:17px 17px 0 0}
.bk-svar::after{content:"";position:absolute;left:14px;top:-1px;width:50px;height:4px;background:var(--bk-messing-m)}
.bk-svar__label{font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-messing-m);margin:0 0 7px}
.bk-svar p{margin:0;font-size:1.125rem;line-height:1.5}
.bk-svar p+p{margin-top:9px}

/* --- SIGNATUR 2: Navnetjek – fast feltrække per person -------------------- */
.bk-navnetjek{margin:0 0 28px}
.bk-navnetjek__h{font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-daempet);margin:0 0 8px}
.bk-navnetjek dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0;
  border-top:2px solid var(--bk-skifer);border-bottom:2px solid var(--bk-skifer)}
.bk-navnetjek dt{font-family:var(--bk-mono);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--bk-daempet);padding:9px 18px 9px 0;border-bottom:1px dotted var(--bk-linje);white-space:nowrap}
.bk-navnetjek dd{margin:0;padding:9px 0;border-bottom:1px dotted var(--bk-linje)}
.bk-navnetjek dt:last-of-type,.bk-navnetjek dd:last-of-type{border-bottom:0}
.bk-navnetjek__uafklaret{margin:9px 0 0;font-size:.9375rem;color:var(--bk-daempet)}
.bk-navnetjek__uafklaret b{color:var(--bk-quizrod);font-weight:600}

/* --- SIGNATUR 3: Hvor er de nu – tidslinje med messingringe --------------- */
.bk-nu{list-style:none;margin:0 0 26px;padding:0 0 0 26px;border-left:2px dotted var(--bk-linje)}
.bk-nu li{position:relative;padding:0 0 16px 0}
.bk-nu li::before{content:"";position:absolute;left:-33px;top:7px;width:13px;height:13px;border-radius:50%;
  border:3px solid var(--bk-messing);background:var(--bk-kridt)}
.bk-nu li:last-child::before{background:var(--bk-messing)}
.bk-nu time{display:block;font-family:var(--bk-mono);font-size:.8125rem;color:var(--bk-messing-m);letter-spacing:.05em}

/* --- Brødtekst ------------------------------------------------------------ */
.bk-prose{max-width:var(--bk-tekstw)}
.bk-prose h2{font-family:var(--bk-serif);font-size:1.55rem;line-height:1.2;font-weight:400;margin:34px 0 10px}
.bk-prose h3{font-family:var(--bk-sans);font-size:1.0625rem;font-weight:700;margin:24px 0 8px}
.bk-prose p{margin:0 0 15px}
.bk-prose ul,.bk-prose ol{margin:0 0 16px;padding-left:1.15rem}
.bk-prose li{margin-bottom:6px}
.bk-prose ul{list-style:none;padding-left:0}
.bk-prose ul>li{position:relative;padding-left:20px}
.bk-prose ul>li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:3px;background:var(--bk-messing)}
.bk-prose blockquote{margin:22px 0;padding:0 0 0 18px;border-left:3px solid var(--bk-messing);
  font-family:var(--bk-serif);font-size:1.25rem;line-height:1.35}

/* Jeppes egen note */
.bk-note{background:transparent;border-top:2px solid var(--bk-skifer);border-bottom:1px solid var(--bk-linje);
  padding:12px 0;margin:26px 0}
.bk-note__label{font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-quizrod);margin:0 0 5px}
.bk-note p{margin:0;font-size:.9375rem}

/* --- SIGNATUR 4: pointtavlen (alle tabeller) ------------------------------ */
.bk-prose table,.bk-tavle{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.9375rem}
.bk-prose table thead th,.bk-tavle thead th{background:var(--bk-skifer);color:var(--bk-kridt);
  font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;
  text-align:left;padding:9px 12px;font-weight:500;border:0}
.bk-prose table tbody td,.bk-tavle tbody td{padding:9px 12px;border:0;border-bottom:1px dotted var(--bk-linje)}
.bk-prose table tbody tr:nth-child(even),.bk-tavle tbody tr:nth-child(even){background:var(--bk-kridt2)}
.bk-prose table tbody td:first-child,.bk-tavle tbody td:first-child{font-weight:600}
.bk-prose table thead+tbody tr:first-child td,.bk-tavle thead+tbody tr:first-child td{border-top:2px solid var(--bk-messing)}
.bk-tabelskal{overflow-x:auto}

/* --- Navneregister: bogstavrække + tabel ---------------------------------- */
.bk-bogstaver{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;padding:0;list-style:none}
.bk-bogstaver a{display:grid;place-items:center;width:38px;height:38px;text-decoration:none;
  font-family:var(--bk-mono);font-size:.9375rem;background:var(--bk-kridt2);
  border-bottom:3px solid var(--bk-linje)}
.bk-bogstaver a:hover,.bk-bogstaver .er-her a{border-bottom-color:var(--bk-messing);background:#fff}
.bk-bogstaver .tom{opacity:.35;pointer-events:none}

/* --- Kortliste på forsiden: rækker, ikke kortgitter ----------------------- */
.bk-raekker{list-style:none;margin:0;padding:0}
.bk-raekker li{display:flex;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px dotted var(--bk-linje)}
.bk-raekker li:first-child{border-top:2px solid var(--bk-skifer)}
.bk-raekker__nr{font-family:var(--bk-mono);font-size:.75rem;color:var(--bk-messing-m);flex:0 0 2.2rem}
.bk-raekker__navn{font-family:var(--bk-serif);font-size:1.25rem;line-height:1.2}
.bk-raekker__svar{display:block;font-size:.9375rem;color:var(--bk-daempet);margin-top:2px}

/* --- Jeppes hilsen på forsiden -------------------------------------------- */
.bk-hilsen{display:flex;gap:20px;align-items:flex-start;padding:26px 0 24px;border-bottom:2px solid var(--bk-skifer)}
.bk-hilsen img{width:96px;height:96px;border-radius:50%;flex:0 0 96px;object-fit:cover}
.bk-hilsen h1{font-family:var(--bk-serif);font-weight:400;font-size:clamp(1.6rem,4.4vw,2.4rem);line-height:1.14;margin:0 0 8px}
.bk-hilsen p{margin:0 0 8px;max-width:38rem}

.bk-afsnit{margin:40px 0 0}
.bk-afsnit__h{font-family:var(--bk-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-daempet);margin:0 0 12px;display:flex;align-items:center;gap:12px}
.bk-afsnit__h::after{content:"";flex:1;height:1px;background:var(--bk-linje)}

/* --- Sidefod -------------------------------------------------------------- */
.bk-fod{margin-top:56px;border-top:5px solid var(--bk-messing);background:var(--bk-skifer);color:var(--bk-kridt);
  padding:30px 0 36px;font-size:.9375rem}
.bk-fod a{color:var(--bk-kridt);text-decoration-color:var(--bk-messing)}
.bk-fod__rad{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.bk-fod__jeppe{display:flex;align-items:center;gap:10px}
.bk-fod__jeppe img{width:38px;height:38px;border-radius:50%}
.bk-fod__copy{font-family:var(--bk-mono);font-size:.75rem;letter-spacing:.06em;color:#AEBAC1;margin:18px 0 0}

/* --- n8n-blokkene (n24-*) i sajtens eget formsprog ------------------------
   Prefikset med TO klasser, så reglerne vinder over mu-pluginets
   «article .n24-*» også hvis pluginet installeres igen.                     */
.bk-prose .n24-wrap{margin:0}
.bk-prose .n24-p{margin:0 0 15px}
.bk-prose .n24-h2{font-family:var(--bk-serif);font-size:1.55rem;font-weight:400;line-height:1.2;margin:34px 0 10px}
.bk-prose .n24-h3{font-family:var(--bk-sans);font-size:1.0625rem;font-weight:700;margin:24px 0 8px}

/* n24-tldr = samme bordklokke-panel som Kort fortalt */
.bk-prose .n24-tldr{position:relative;background:var(--bk-kridt2);border:0;border-bottom:3px solid var(--bk-messing);
  border-radius:0;box-shadow:none;padding:30px 22px 20px;margin:26px 0}
.bk-prose .n24-tldr::before{content:"";position:absolute;left:22px;top:-17px;width:34px;height:17px;
  background:var(--bk-messing);border-radius:17px 17px 0 0}
.bk-prose .n24-tldr>strong{display:block;font-family:var(--bk-mono);font-weight:500;font-size:.6875rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--bk-messing-m);margin-bottom:7px}

/* Snapshot = «svararket»: rækker med messingkuppel som nummer */
.bk-prose .n24-snapshot-block{margin:30px 0}
.bk-prose .n24-grid-heading{font-family:var(--bk-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-daempet);margin:0 0 12px;display:flex;align-items:center;gap:12px}
.bk-prose .n24-grid-heading::after{content:"";flex:1;height:1px;background:var(--bk-linje)}
.bk-prose .n24-grid,.bk-prose .n24-grid-wrap{display:block}
.bk-prose .n24-card{background:transparent;border:0;border-bottom:1px dotted var(--bk-linje);border-radius:0;
  box-shadow:none;padding:12px 0;margin:0}
.bk-prose .n24-card:first-child{border-top:2px solid var(--bk-skifer)}
.bk-prose .n24-card-header{display:flex;align-items:center;gap:11px;background:transparent;padding:0;border:0}
.bk-prose .n24-card-num{display:inline-block;width:26px;height:14px;background:var(--bk-messing);
  border-radius:14px 14px 0 0;color:transparent;font-size:0;flex:0 0 26px;position:relative;top:4px}
.bk-prose .n24-card-title{font-family:var(--bk-serif);font-size:1.2rem;font-weight:400;line-height:1.25}
.bk-prose .n24-card-body{padding:6px 0 0 37px}
.bk-prose .n24-list{list-style:none;margin:0;padding:0}
.bk-prose .n24-list>li{position:relative;padding-left:20px;margin-bottom:6px}
.bk-prose .n24-list>li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:3px;background:var(--bk-messing)}
.bk-prose .n24-list-tight>li{margin-bottom:3px}

/* note / tip / warning: ingen ramme, kun en linje og et mono-mærke */
.bk-prose .n24-note,.bk-prose .n24-tip,.bk-prose .n24-warning{background:transparent;border:0;border-radius:0;
  border-top:2px solid var(--bk-skifer);border-bottom:1px solid var(--bk-linje);padding:12px 0;margin:26px 0}
.bk-prose .n24-tip{border-top-color:var(--bk-messing)}
.bk-prose .n24-warning{border-top-color:var(--bk-quizrod)}
.bk-prose .n24-note-label,.bk-prose .n24-tip-label,.bk-prose .n24-warning-label{
  font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bk-daempet);margin:0 0 5px;display:block}
.bk-prose .n24-tip-label{color:var(--bk-messing-m)}
.bk-prose .n24-warning-label{color:var(--bk-quizrod)}

/* statslinje = pointrækken */
.bk-prose .n24-stats-line{font-family:var(--bk-mono);font-size:.8125rem;letter-spacing:.03em;
  border-top:2px solid var(--bk-skifer);border-bottom:1px solid var(--bk-linje);padding:9px 0;margin:24px 0;color:var(--bk-skifer)}
.bk-prose .n24-stats-line strong{color:var(--bk-messing-m);font-weight:600}

/* FAQ = rækker med messing +/- */
.bk-prose .n24-faq-item{border:0;border-bottom:1px dotted var(--bk-linje);padding:0;margin:0;background:transparent}
.bk-prose .n24-faq-item>summary{list-style:none;cursor:pointer;padding:12px 30px 12px 0;position:relative;
  font-weight:600;font-size:1rem}
.bk-prose .n24-faq-item>summary::-webkit-details-marker{display:none}
.bk-prose .n24-faq-item>summary::after{content:"+";position:absolute;right:4px;top:11px;
  font-family:var(--bk-mono);color:var(--bk-messing);font-size:1.15rem}
.bk-prose .n24-faq-item[open]>summary::after{content:"–"}
.bk-prose .n24-faq-answer{margin:0 0 14px;color:var(--bk-skifer)}

/* tabeller og gitre i n8n-blokkene arver pointtavlen */
.bk-prose .n24-table,.bk-prose .n24-fact-table,.bk-prose .n24-data-table{width:100%;border-collapse:collapse;margin:0 0 24px}
.bk-prose .n24-table th,.bk-prose .n24-th{background:var(--bk-skifer);color:var(--bk-kridt);
  font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;text-align:left;
  padding:9px 12px;border:0;font-weight:500}
.bk-prose .n24-table td,.bk-prose .n24-td{padding:9px 12px;border:0;border-bottom:1px dotted var(--bk-linje)}
.bk-prose .n24-overview-grid,.bk-prose .n24-grid-4,.bk-prose .n24-grid-container{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 0 24px;border-top:2px solid var(--bk-skifer)}
.bk-prose .n24-grid-item{padding:10px 0;border-bottom:1px dotted var(--bk-linje)}
.bk-prose .n24-grid-item>strong,.bk-prose .n24-grid-label{display:block;font-family:var(--bk-mono);font-size:.6875rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--bk-daempet);font-weight:500;margin-bottom:2px}
.bk-prose .n24-clarity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 24px}
.bk-prose .n24-clarity-col h3{font-family:var(--bk-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.bk-prose .n24-timeline{list-style:none;margin:0 0 24px;padding:0 0 0 26px;border-left:2px dotted var(--bk-linje)}
.bk-prose .n24-timeline>li{position:relative;padding-bottom:14px}
.bk-prose .n24-timeline>li::before{content:"";position:absolute;left:-33px;top:7px;width:13px;height:13px;
  border-radius:50%;border:3px solid var(--bk-messing);background:var(--bk-kridt)}
.bk-prose .n24-timeline time{display:block;font-family:var(--bk-mono);font-size:.8125rem;color:var(--bk-messing-m)}
.bk-prose .n24-blockquote{margin:22px 0;padding:0 0 0 18px;border-left:3px solid var(--bk-messing);
  font-family:var(--bk-serif);font-size:1.25rem;line-height:1.35;background:transparent}
.bk-prose .n24-network-source{font-size:.875rem;color:var(--bk-daempet)}

/* --- Mobil ---------------------------------------------------------------- */
@media (max-width:640px){
  .bk-top__inner{flex-wrap:wrap;gap:10px}
  .bk-nav{margin-left:0;width:100%}
  .bk-nav ul{gap:14px}
  .bk-hilsen{flex-direction:column;gap:14px}
  .bk-hilsen img{width:76px;height:76px;flex-basis:76px}
  .bk-prose .n24-overview-grid,.bk-prose .n24-grid-4,.bk-prose .n24-grid-container,.bk-prose .n24-clarity{
    grid-template-columns:minmax(0,1fr);gap:0}
  .bk-navnetjek dl{grid-template-columns:minmax(0,1fr)}
  .bk-navnetjek dt{padding-bottom:0;border-bottom:0}
  .bk-navnetjek dd{padding-top:2px}
}

/* --- Print og tilgængelighed ---------------------------------------------- */
.bk-skip{position:absolute;left:-9999px}
.bk-skip:focus{left:8px;top:8px;z-index:99;background:var(--bk-skifer);color:var(--bk-kridt);padding:8px 12px}
:focus-visible{outline:3px solid var(--bk-messing);outline-offset:2px}