/*
Theme Name: TL Clarity
Theme URI: https://toxicleadership.info
Author: Markus Zehentner
Description: Schlankes Block-Theme für toxicleadership.info. Helles, freundliches Design mit Source Serif 4 und Figtree (selbst gehostet), ohne Page Builder.
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Version: 0.1.33
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tl-clarity
*/

:root{
  --tl-gold:#D99A2B;
  --tl-radius:20px;
  --tl-sec-y:clamp(56px,8vw,96px);
  --tl-gutter:24px;
}
*,*::before,*::after{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--wp--preset--color--petrol);outline-offset:3px;border-radius:4px}

/* Skip link: WordPress setzt ihn in Block-Themes selbst ("Skip to content" auf <main>), daher keine eigene Klasse */

/* Header */
.tl-header{border-bottom:2px solid var(--tl-gold);background:var(--wp--preset--color--base)}
.tl-header__inner{padding:20px var(--tl-gutter)}
.tl-header .wp-block-site-title{margin:0;font-family:var(--wp--preset--font-family--source-serif);font-weight:700;font-size:clamp(20px,2.4vw,24px)}
.tl-header .wp-block-site-title a{color:var(--wp--preset--color--petrol);text-decoration:none}
.tl-header .wp-block-navigation{font-size:17px;font-weight:500}
.tl-header .wp-block-navigation a{color:var(--wp--preset--color--ink);text-decoration:none}
.tl-header .wp-block-navigation .current-menu-item>a,
.tl-header .wp-block-navigation a[aria-current="page"]{border-bottom:3px solid var(--tl-gold)}
.tl-header .wp-block-navigation a:hover{color:var(--wp--preset--color--accent)}

/* Sections */
.tl-sec{padding:var(--tl-sec-y) var(--tl-gutter)}
.tl-sec--sage{background:var(--wp--preset--color--sage)}
.tl-sec--mist{background:var(--wp--preset--color--mist)}
.tl-sec--petrol{background:var(--wp--preset--color--petrol);color:var(--wp--preset--color--base)}
.tl-sec--petrol a{color:var(--wp--preset--color--base)}
.tl-sec--petrol h1,.tl-sec--petrol h2,.tl-sec--petrol h3{color:var(--wp--preset--color--base)}
.tl-sec--tight-top{padding-top:24px}
.tl-center{text-align:center}
.tl-narrow{max-width:900px;margin-left:auto;margin-right:auto}
.tl-eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent);margin:0 0 16px}
.tl-hero-title{font-size:clamp(44px,7vw,80px);line-height:1.05;margin:0 0 24px}
.tl-lead{font-size:21px;line-height:1.7}
.tl-quote{font-family:var(--wp--preset--font-family--source-serif);font-size:clamp(26px,3.6vw,40px);line-height:1.35;color:var(--wp--preset--color--petrol)}
.tl-quote-small{font-family:var(--wp--preset--font-family--source-serif);font-style:italic;font-size:clamp(24px,3.2vw,32px);line-height:1.4}
.tl-sec--petrol .tl-quote-small{color:var(--wp--preset--color--base)}

/* Hero layout */
.tl-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px;align-items:center}
.tl-cover{position:relative;max-width:360px;margin:0 auto}
.tl-cover::before{content:"";position:absolute;inset:-28px -28px 28px 28px;background:var(--wp--preset--color--sage);border-radius:28px;z-index:0}
.tl-cover img{position:relative;z-index:1;display:block;width:100%;border-radius:6px;box-shadow:0 24px 48px rgba(14,79,107,.22)}
.tl-cover--plain::before{display:none}
.tl-cover--plain img{box-shadow:0 20px 40px rgba(14,79,107,.2)}

/* Cards */
.tl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.tl-card{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:var(--tl-radius);padding:32px}
.tl-card__num{font-family:var(--wp--preset--font-family--source-serif);font-size:40px;line-height:1;color:var(--tl-gold);margin:0}
.tl-card p:last-child{margin-bottom:0}

/* Post cards */
.tl-posts .wp-block-post-template{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px;padding:0;margin:0;list-style:none}
.tl-posts .wp-block-post-template>li{margin:0;background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:var(--tl-radius);overflow:hidden;display:flex;flex-direction:column}
.tl-posts .wp-block-post-featured-image{margin:0;background:var(--wp--preset--color--petrol);aspect-ratio:16/9}
.tl-posts .wp-block-post-template>li:nth-child(3n+2) .wp-block-post-featured-image{background:#7FA596}
.tl-posts .wp-block-post-template>li:nth-child(3n) .wp-block-post-featured-image{background:var(--tl-gold)}
.tl-posts .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.tl-post__body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.tl-post__body .wp-block-post-title{margin:0;font-size:24px;line-height:1.25}
.tl-post__body .wp-block-post-title a{color:var(--wp--preset--color--ink);text-decoration:none}
.tl-post__body .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.tl-post__body .wp-block-post-date{font-size:14px;color:var(--wp--preset--color--muted)}
.tl-post__more{margin-top:auto;font-weight:600}

/* Buttons */
.wp-block-button__link{font-weight:600;font-size:17px;padding:15px 28px;border-radius:999px;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{border:2px solid var(--wp--preset--color--petrol);color:var(--wp--preset--color--petrol);background:transparent;padding:13px 26px}
.wp-block-button.is-style-fill .wp-block-button__link:hover{background:#0b3e55}
.tl-btn-red .wp-block-button__link{background:var(--wp--preset--color--accent);color:#fff}
.tl-btn-gold .wp-block-button__link{background:var(--tl-gold);color:#2A1D05}

/* Badge */
.tl-badge{display:inline-block;padding:4px 12px;background:var(--wp--preset--color--petrol);color:var(--wp--preset--color--base);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin:0 0 14px}

/* Second book teaser */
.tl-book2{margin-top:72px;background:var(--wp--preset--color--sage);border-radius:28px;padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:40px;align-items:center}
.tl-book2 .tl-cover{max-width:190px}

/* Testimonials */
.tl-voice{background:#fff;border-radius:var(--tl-radius);padding:32px}
.tl-voice p{font-size:18px}
.tl-voice__who{display:flex;align-items:center;gap:14px;margin-top:24px}
.tl-voice__who p{margin:0;font-size:16px;line-height:1.4}

/* FAQ */
.wp-block-details{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:16px;padding:18px 24px;margin:0 0 14px}
.wp-block-details summary{font-family:var(--wp--preset--font-family--source-serif);font-weight:700;font-size:22px;line-height:1.3;color:var(--wp--preset--color--petrol);cursor:pointer}
.wp-block-details[open] summary{margin-bottom:12px}

/* Newsletter band */
.tl-newsletter .tl-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* Single / page */
.tl-article{padding:var(--tl-sec-y) var(--tl-gutter)}
.tl-article .wp-block-post-title{font-size:clamp(34px,5vw,56px);line-height:1.1}
.tl-article .wp-block-post-content{font-size:19px;line-height:1.75}
.tl-article .wp-block-post-content :where(h2,h3){margin-top:2em}
/* Überschriften in Beiträgen: klare Stufen unter dem Titel (56px), Abstand oben größer als unten */
.tl-article .wp-block-post-content h2{font-size:clamp(26px,3vw,32px);line-height:1.2;letter-spacing:.01em;margin-block:2.2em .5em}
.tl-article .wp-block-post-content h3{font-size:clamp(20px,2.2vw,22px);line-height:1.3;margin-block:1.8em .4em}
.tl-article .wp-block-post-content h4{font-size:19px;line-height:1.35;margin-block:1.6em .3em}
.tl-article .wp-block-post-content>:is(h2,h3,h4)+*{margin-block-start:0}
.tl-meta{color:var(--wp--preset--color--muted);font-size:15px}

/* Footer */
.tl-footer{background:var(--wp--preset--color--mist)}
.tl-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:40px;padding:64px var(--tl-gutter)}
.tl-footer h2,.tl-footer h3{font-size:24px;margin:0 0 14px;color:var(--wp--preset--color--petrol)}
.tl-footer p{margin:0 0 8px;font-size:17px}
.tl-footer a{color:var(--wp--preset--color--petrol);text-decoration:none}
.tl-footer a:hover{color:var(--wp--preset--color--accent);text-decoration:underline}
.tl-footer__social{display:flex;gap:16px;font-weight:600}
.tl-footer__base{border-top:1px solid var(--wp--preset--color--border);padding:20px var(--tl-gutter);font-size:14px;color:var(--wp--preset--color--muted);text-align:center}

@media (max-width:600px){
  .tl-card,.tl-voice{padding:24px}
  .tl-book2{padding:28px}
  .tl-cover::before{inset:-16px -16px 16px 16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}


/* Layout fixes: no stray block-gap margins in grids and between sections */
.wp-site-blocks>*{margin-block-start:0;margin-block-end:0}
main.wp-block-group>*,main.wp-block-group>.wp-block-group>*{margin-block-start:0}
.tl-cards>*,.tl-hero>*,.tl-footer__grid>*,.tl-book2>*,.tl-posts .wp-block-post-template>*{margin-block-start:0!important;margin-block-end:0}
.tl-sec>*+*{margin-block-start:24px}
.tl-sec>.tl-eyebrow,.tl-sec>h2{margin-block-start:0}
.tl-card .has-large-font-size{font-size:21px!important;line-height:1.4!important;margin-top:16px}
.tl-header,.tl-footer{padding-inline:var(--tl-gutter)}
.tl-header__inner,.tl-footer__grid{padding-inline:0}
.tl-footer__grid>*>*+*{margin-block-start:0}
.tl-article .wp-block-post-title{margin-bottom:28px}
.tl-article .wp-block-post-content>*+*{margin-block-start:1.2em}

/* Mobile: Cover kleiner, Menü linksbündig im Vollbild */
@media (max-width:600px){
  .tl-hero{gap:36px}
  .tl-cover{max-width:min(58%,220px)}
  .tl-cover--plain{max-width:min(62%,240px)}
  .tl-book2 .tl-cover{max-width:min(50%,170px)}
  .tl-hero-title{font-size:clamp(38px,11vw,48px)}
}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--base);padding:20px var(--tl-gutter)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start;justify-content:flex-start;padding:56px 0 24px;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:0;width:100%;padding:0}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;font-family:var(--wp--preset--font-family--source-serif);font-size:26px;font-weight:700;border-bottom:1px solid var(--wp--preset--color--border)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a{display:block;width:100%;padding:16px 0;color:var(--wp--preset--color--petrol)!important;border-bottom:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{padding:0 var(--tl-gutter);box-sizing:border-box;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:16px;right:var(--tl-gutter)}


/* Buchseite (page-explore-the-book) */
.tl-book-title{font-size:clamp(38px,5.6vw,64px);line-height:1.08;margin:0 0 12px}
.tl-book-sub{font-family:var(--wp--preset--font-family--source-serif);font-style:italic;font-size:clamp(20px,2.4vw,24px);line-height:1.35;color:var(--wp--preset--color--petrol);margin:0 0 20px}
.tl-hero .wp-block-buttons{margin-top:28px;gap:12px}
.tl-hero .tl-meta{margin-top:14px}
.tl-card__title{font-size:24px;line-height:1.25;margin:16px 0 10px}
.tl-voice__stars{color:var(--tl-gold);letter-spacing:.12em;font-size:16px!important;margin:0 0 12px}
.tl-voice__photo{margin:0;flex:none}
.tl-voice__photo img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block}
.tl-narrow-left{max-width:1200px!important;padding-right:clamp(0px,calc(100% - 760px),440px)}
/* Abstände in den Abschnitten (die allgemeine Regel main>.wp-block-group>* setzt sie sonst auf 0) */
main.wp-block-group>.tl-sec>*+*{margin-block-start:24px}
main.wp-block-group>.tl-sec>.tl-eyebrow+*{margin-block-start:0}
main.wp-block-group>.tl-sec>.tl-authors,main.wp-block-group>.tl-sec>.tl-toc{margin-block-start:40px}
main.wp-block-group>.tl-sec>.tl-book2{margin-block-start:72px}
.tl-voice{display:flex;flex-direction:column}
.tl-voice__who{margin-top:auto;padding-top:24px}
.tl-author__photo{margin:0 0 20px}
.tl-author__photo img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:center 20%;display:block;border:4px solid var(--wp--preset--color--sage)}
.tl-author h3{margin:0 0 4px;font-size:26px}
.tl-author__role{color:var(--wp--preset--color--muted);font-size:16px;margin:0 0 14px}
.tl-author__more{font-weight:600;margin-top:16px}
.tl-toc>*{margin-block:0 14px}
.tl-toc .wp-block-details summary{font-size:20px}
.tl-toc .wp-block-list{margin:0;padding-left:1.2em;font-size:17px;line-height:1.6}
.tl-toc .wp-block-list li+li{margin-top:4px}
.tl-toc__plain{padding:18px 24px;border:1px dashed var(--wp--preset--color--border);border-radius:16px;font-family:var(--wp--preset--font-family--source-serif);font-weight:700;font-size:20px;color:var(--wp--preset--color--petrol)}
.tl-sec--petrol .wp-block-buttons{margin-top:32px;gap:12px}
.tl-btn-ghost .wp-block-button__link{background:transparent;border:2px solid var(--wp--preset--color--base);color:var(--wp--preset--color--base);padding:13px 26px}
.tl-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.1)}
.tl-disclosure{font-size:14px;opacity:.8;margin-top:28px}
@media (max-width:600px){
  .tl-book .tl-lead{font-size:19px;line-height:1.6}
  .tl-toc .wp-block-details summary,.tl-toc__plain{font-size:18px}
}

/* FAQ-Seite (page-toxic-leadership-faqs): Yoast-FAQ-Block im Kartenlook, Schema bleibt erhalten */
.tl-page-title{font-size:clamp(38px,5.6vw,60px);line-height:1.08;margin:0}
.tl-faq>.wp-block-spacer:first-child{display:none}
.tl-faq .schema-faq{display:grid;gap:16px}
.tl-faq .schema-faq-section{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:16px;padding:24px 28px;margin:0}
.tl-faq .schema-faq-question{display:block;font-family:var(--wp--preset--font-family--source-serif);font-weight:700;font-size:clamp(20px,2.2vw,23px);line-height:1.3;color:var(--wp--preset--color--petrol);margin:0 0 10px}
.tl-faq .schema-faq-answer{margin:0;font-size:18px;line-height:1.7}
.tl-faq .schema-faq-answer a{font-weight:600;white-space:nowrap}
.tl-faq a[href="#"]{pointer-events:none;color:var(--wp--preset--color--muted);font-weight:400;text-decoration:none}
@media (max-width:600px){.tl-faq .schema-faq-section{padding:20px}}

/* Landing page (landing-page-f-r-downloads): ohne Menü, Formular aus dem WPCode-Snippet [twc_checklist] im Theme-Look */
.tl-header--minimal .tl-header__inner{display:flex;justify-content:center}
.tl-landing .tl-sec{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(48px,7vw,88px)}
.tl-landing__content{font-size:19px;line-height:1.7}
.tl-landing__content>*{margin-block:0 16px}
.tl-landing__content>.wp-block-spacer{display:none}
.tl-landing__content h2{font-size:clamp(22px,2.6vw,26px);line-height:1.3;margin-top:8px}
.tl-landing div:has(>#twc-form){max-width:none!important;margin:28px 0 0!important;padding:32px!important;background:#fff!important;border:1px solid var(--wp--preset--color--border)!important;border-radius:var(--tl-radius)!important;box-shadow:0 18px 40px rgba(14,79,107,.08)}
.tl-landing #twc-form label{font-size:16px}
.tl-landing #twc-email{border:1px solid var(--wp--preset--color--border)!important;border-radius:999px!important;padding:14px 20px!important;font:inherit!important;font-size:17px!important;background:var(--wp--preset--color--base)!important}
.tl-landing #twc-email:focus{outline:3px solid var(--wp--preset--color--petrol);outline-offset:2px}
.tl-landing #twc-btn{background:var(--wp--preset--color--accent)!important;border-radius:999px!important;padding:15px 28px!important;font-family:inherit!important;font-size:17px!important}
.tl-landing #twc-btn:hover{filter:brightness(.92)}
.tl-landing #twc-confirm p{font-family:inherit}
.tl-footer--minimal{background:transparent}
.tl-footer--minimal .tl-footer__base{margin:0;border-top:0}
@media (max-width:600px){.tl-landing div:has(>#twc-form){padding:22px!important}}

/* Buchseite: Mockups (0.1.15) */
.tl-cover--mockup{max-width:440px}
.tl-cover--mockup::before{display:none}
.tl-cover--mockup img{box-shadow:none;border-radius:0}
.tl-book-cta{align-items:center;gap:56px}
.tl-book-cta__img{margin:0}
.tl-book-cta__img img{display:block;width:100%;border-radius:var(--tl-radius);box-shadow:0 24px 48px rgba(0,0,0,.25)}
.tl-book-cta h2{margin-top:0}
.tl-sec--petrol .tl-book-cta .wp-block-buttons{margin-top:28px}
@media (max-width:600px){
  .tl-cover--mockup{max-width:min(78%,320px)}
  .tl-book-cta{gap:32px}
}
/* Lange URLs im Fließtext umbrechen (sonst ragt z. B. die Literaturliste am Handy über den Rand) */
.wp-block-post-content p,.wp-block-post-content li{overflow-wrap:anywhere}

/* Bonus-Seite (page-your-bonus-content), 0.1.23 */
.tl-bonus-hero{align-items:center}
.tl-bonus-cover{max-width:160px}
.tl-bonus>*+*{margin-block-start:24px}
.tl-bonus .tl-eyebrow{margin-bottom:0}
.tl-bonus-cards{margin-top:20px!important}
.tl-bonus-card{display:flex;flex-direction:column}
.tl-bonus-card h3{font-size:24px;line-height:1.25;margin:6px 0 10px}
.tl-bonus-card .wp-block-buttons{margin-top:auto;padding-top:18px}
.tl-bonus-type{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--muted);margin:0}
.tl-bonus-next{margin-top:56px!important;padding:32px;border:1px dashed var(--wp--preset--color--border);border-radius:var(--tl-radius)}
.tl-bonus-list{list-style:none;padding:0;margin:16px 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px 24px}
.tl-bonus-list li{padding-left:22px;position:relative;font-size:17px}
.tl-bonus-list li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;border-radius:50%;background:var(--tl-gold)}
.tl-bonus-next p:last-child{margin:0;color:var(--wp--preset--color--muted)}
@media (max-width:600px){.tl-bonus-cover{max-width:130px}.tl-bonus-next{padding:22px}}

/* Bonus: Personality Type Self-Check (Shortcode [tl_type_check], inc/type-check.php), 0.1.25 */
.tl-bonus-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.tl-tc{max-width:780px;margin-inline:auto}
.tl-tc [hidden]{display:none!important}
.tl-tc__form{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:var(--tl-radius);padding:36px}
.tl-tc:not(.is-js) .tl-tc__progress,.tl-tc:not(.is-js) .tl-tc__count,.tl-tc:not(.is-js) .tl-tc__nav{display:none}
.tl-tc__progress{height:6px;background:var(--wp--preset--color--mist);border-radius:999px;overflow:hidden}
.tl-tc__bar{display:block;height:100%;width:0;background:var(--tl-gold);transition:width .3s}
.tl-tc__count{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--muted);margin:14px 0 6px}
.tl-tc__q{border:0;padding:0;margin:0 0 28px}
.tl-tc__q legend{font-family:var(--wp--preset--font-family--source-serif);font-weight:700;font-size:25px;line-height:1.3;padding:0;margin-bottom:18px;color:var(--wp--preset--color--ink)}
.tl-tc__q legend:focus{outline:none}
.tl-tc__opt{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;margin-top:10px;border:1px solid var(--wp--preset--color--border);border-radius:14px;cursor:pointer;font-size:17px;line-height:1.5;transition:background .15s,border-color .15s}
.tl-tc__opt:hover{background:var(--wp--preset--color--base);border-color:var(--wp--preset--color--petrol)}
.tl-tc__opt input{accent-color:var(--wp--preset--color--petrol);width:20px;height:20px;margin:3px 0 0;flex:none}
.tl-tc__opt:has(input:checked){background:var(--wp--preset--color--sage);border-color:var(--wp--preset--color--petrol)}
.tl-tc__opt:has(input:focus-visible){outline:3px solid var(--wp--preset--color--petrol);outline-offset:2px}
.tl-tc__nav{display:flex;gap:12px;align-items:center}
.tl-tc__nav button{font:inherit;font-weight:600;font-size:17px;border-radius:999px;padding:13px 28px;cursor:pointer;border:2px solid var(--wp--preset--color--petrol)}
.tl-tc__back{background:transparent;color:var(--wp--preset--color--petrol)}
.tl-tc__next,.tl-tc__submit{margin-left:auto;background:var(--wp--preset--color--petrol);color:var(--wp--preset--color--base)}
.tl-tc__submit{background:var(--tl-gold);border-color:var(--tl-gold);color:#2A1D05}
.tl-tc__nav button:disabled{opacity:.4;cursor:not-allowed}
.tl-tc__result{scroll-margin-top:24px}
.tl-tc__result:focus{outline:none}
.tl-tc__result h2{margin:0 0 12px}
.tl-tc__mixed{color:var(--wp--preset--color--muted)}
.tl-tc__scores{display:grid;gap:10px;margin:24px 0 36px}
.tl-tc__score{display:grid;grid-template-columns:96px 1fr 48px;gap:12px;align-items:center;font-size:16px}
.tl-tc__score-label{font-weight:600}
.tl-tc__score-track{height:12px;background:var(--wp--preset--color--mist);border-radius:999px;overflow:hidden}
.tl-tc__score-fill{display:block;height:100%;width:0;background:var(--wp--preset--color--petrol);border-radius:999px;transition:width .6s}
.tl-tc__score-val{text-align:right;color:var(--wp--preset--color--muted);font-variant-numeric:tabular-nums}
.tl-tc__profile{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:var(--tl-radius);padding:36px;margin-bottom:24px}
.tl-tc__profile h3{font-size:30px;line-height:1.2;margin:0}
.tl-tc__code{font-family:var(--wp--preset--font-family--figtree);font-size:18px;font-weight:600;color:var(--wp--preset--color--muted)}
.tl-tc__tagline{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--accent);margin:8px 0 16px}
.tl-tc__cols{display:grid;gap:20px;margin-top:24px}
.tl-tc__col{border-left:4px solid var(--tl-gold);padding:2px 0 2px 20px}
.tl-tc__col--risk{border-color:var(--wp--preset--color--accent)}
.tl-tc__col--protect{border-color:var(--wp--preset--color--petrol)}
.tl-tc__col h4{font-family:var(--wp--preset--font-family--figtree);font-size:17px;font-weight:700;margin:0 0 8px}
.tl-tc__col ul{margin:0;padding-left:20px}
.tl-tc__col li{margin-bottom:8px;line-height:1.55}
.tl-tc__col li:last-child{margin-bottom:0}
.tl-tc__after{margin-top:12px}
.tl-tc__after .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.tl-tc__after .wp-block-button__link{display:inline-block;box-sizing:border-box;text-align:center;line-height:1.6}
.tl-tc__after button.wp-block-button__link{cursor:pointer;font-family:inherit}
.tl-tc__about{margin-top:40px!important;padding:24px 28px;border:1px dashed var(--wp--preset--color--border);border-radius:var(--tl-radius);font-size:16px;color:var(--wp--preset--color--muted)}
.tl-tc__about p{margin:0}
@media (max-width:600px){.tl-tc__form,.tl-tc__profile{padding:22px}.tl-tc__q legend{font-size:21px}.tl-tc__opt{padding:12px 14px;font-size:16px}.tl-tc__score{grid-template-columns:80px 1fr 42px;font-size:15px}.tl-tc__profile h3{font-size:25px}.tl-tc__nav button{padding:12px 20px}}
.tl-tc__intro{max-width:780px;margin-inline:auto!important;color:var(--wp--preset--color--muted)}
.tl-tc__about{max-width:780px;margin-inline:auto!important}

/* Leser-Geschichten (Shortcode [tl_story_form], inc/stories.php), 0.1.26 */
.tl-bonus-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.tl-story-page .tl-bonus>*{max-width:780px;margin-inline:auto!important}
.tl-story-steps{counter-reset:s;list-style:none;padding:0}
.tl-story-steps li{counter-increment:s;position:relative;padding-left:40px;margin-bottom:14px}
.tl-story-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--tl-gold);color:#2A1D05;font-weight:700;font-size:15px;text-align:center;line-height:28px}
.tl-story__form{background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:var(--tl-radius);padding:36px}
.tl-story__form p{margin:0 0 20px}
.tl-story__form label{display:block;font-weight:600;margin-bottom:6px}
.tl-story__opt{font-weight:400;color:var(--wp--preset--color--muted)}
.tl-story__form input[type=text],.tl-story__form input[type=email],.tl-story__form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:12px 14px;border:1px solid var(--wp--preset--color--border);border-radius:12px;background:var(--wp--preset--color--base);color:var(--wp--preset--color--ink)}
.tl-story__form textarea{min-height:220px;resize:vertical;line-height:1.55}
.tl-story__form input:focus,.tl-story__form textarea:focus{outline:3px solid var(--wp--preset--color--petrol);outline-offset:1px;border-color:var(--wp--preset--color--petrol)}
.tl-story__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 20px}
.tl-story__check label{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:16px;line-height:1.5}
.tl-story__check input{accent-color:var(--wp--preset--color--petrol);width:20px;height:20px;margin:2px 0 0;flex:none}
.tl-story__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.tl-story .wp-block-button__link{display:inline-block;cursor:pointer;font-family:inherit;border:0}
.tl-story__msg{border-radius:var(--tl-radius);padding:24px 28px;margin-bottom:24px}
.tl-story__msg p:last-child{margin-bottom:0}
.tl-story__msg--ok{background:var(--wp--preset--color--sage)}
.tl-story__msg--ok h2{margin-top:0;font-size:28px}
.tl-story__msg--err{background:#fff;border:2px solid var(--wp--preset--color--accent)}
@media (max-width:600px){.tl-story__form{padding:22px}}

/* Startseite: Häufige Fragen (patterns/faq.php), 0.1.28 */
.tl-qlinks{list-style:none;padding:0;margin:32px 0 0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.tl-qlinks li{margin:0}
.tl-qlinks a{display:flex;justify-content:space-between;align-items:center;gap:16px;height:100%;box-sizing:border-box;padding:18px 22px;background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:14px;color:var(--wp--preset--color--ink);text-decoration:none;font-weight:600;font-size:17px;line-height:1.4;transition:border-color .15s,background .15s}
.tl-qlinks a::after{content:"→";color:var(--tl-gold);font-size:20px;flex:none}
.tl-qlinks a:hover{border-color:var(--wp--preset--color--petrol);background:var(--wp--preset--color--base);color:var(--wp--preset--color--petrol)}

/* Zitatblock: Abstand zum goldenen Strich (theme.json setzt nur den Rahmen), 0.1.29 */
.wp-block-quote{padding:4px 0 4px 22px;margin-left:0;margin-right:0}
.wp-block-quote p{margin:0}

/* Porträt auf Seiten (z. B. Claudia), 0.1.30 */
.tl-portrait img{border-radius:var(--tl-radius);box-shadow:0 18px 40px rgba(14,79,107,.12)}

/* Zitat Startseite mit Foto (0.1.31) */
.tl-quote-who{gap:14px;align-items:center;margin-top:20px}
.tl-quote-who p{margin:0;text-align:left;line-height:1.45}
.tl-quote-who__photo{margin:0;flex:none;line-height:0}
.tl-quote-who__photo a{display:block}
.tl-quote-who__photo img{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--wp--preset--color--base)}

/* Speaker-Seite (0.1.33) */
.tl-speak-photo{margin:0;max-width:420px;justify-self:center}
.tl-speak-photo img{display:block;width:100%;border-radius:28px;box-shadow:0 24px 48px rgba(14,79,107,.22)}
.tl-speak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:56px}
.tl-speak-grid>*{margin-block-start:0!important}
.tl-speak-grid h2{margin-top:0}
.tl-speak-list{padding-left:1.2em;line-height:1.6}
.tl-speak-list li+li{margin-top:12px}
.tl-speak-cta{text-align:center}
.tl-speak-cta .wp-block-buttons{justify-content:center}
.tl-speak-cta .tl-meta{color:var(--wp--preset--color--base);opacity:.85;margin-top:20px}
.tl-speak-cta .tl-meta a{color:var(--wp--preset--color--base);text-decoration:underline}
@media (max-width:600px){.tl-speak-photo{max-width:min(70%,280px)}.tl-speak-grid{gap:40px}}