/*
Theme Name: Kurstafel
Theme URI: https://p2pinvest.de
Author: p2pinvest.de
Description: Die Kurstafel. Ein Market-Tracker-Theme für praktische Geldanlage: Barometer-Tabelle, Ticker, Monoziffern und Delta-Dreiecke.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: kurstafel
*/

@import url(https://api.fontshare.com/v2/css?f[]=clash-display@500,600&f[]=switzer@400,500,600&display=swap);

/* ---------- base ---------- */
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:#F7F9FC;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");color:#0B1426;font-family:Switzer,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;line-height:1.65}
img{max-width:100%;height:auto}
a{color:#3861FB}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.kt-in{max-width:1152px;margin:0 auto;padding:0 24px;position:relative}
.kt-narrow{max-width:820px}
.kt-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.kt-up{color:#16C784}
.kt-down{color:#EA3943}
.kt-flat{color:#58667E}

/* ---------- ticker strip ---------- */
.kt-ticker{background:#fff;border-bottom:1px solid #EFF2F5;font-size:12px;color:#58667E}
.kt-ticker .kt-in{display:flex;gap:22px;align-items:center;overflow-x:auto;white-space:nowrap;padding-top:8px;padding-bottom:8px;scrollbar-width:none}
.kt-ticker .kt-in::-webkit-scrollbar{display:none}
.kt-tick b{color:#0B1426;font-weight:600}
.kt-tick .kt-mono{font-size:12px}
.kt-tickright{margin-left:auto;color:#58667E}

/* ---------- masthead ---------- */
.kt-masthead{background:#fff;border-bottom:1px solid #EFF2F5}
.kt-masthead .kt-in{display:flex;align-items:center;gap:34px;padding-top:14px;padding-bottom:14px}
.kt-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.kt-logo svg{display:block}
.kt-word{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;color:#0B1426}
.kt-word i{font-style:normal;color:#3861FB}
.kt-nav{display:flex;gap:24px;font-size:14.5px;font-weight:500;overflow-x:auto;scrollbar-width:none}
.kt-nav::-webkit-scrollbar{display:none}
.kt-nav a{color:#0B1426;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.kt-nav a:hover{color:#3861FB;border-bottom-color:#3861FB}

/* ---------- home hero ---------- */
.kt-hero{padding:44px 0 8px}
.kt-kick{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#3861FB;margin:0 0 10px}
.kt-kick b{color:#16C784;font-weight:600}
.kt-h1{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:clamp(30px,4.6vw,52px);line-height:1.06;letter-spacing:-.015em;margin:0 0 14px;max-width:820px}
.kt-h1 em{font-style:normal;color:#3861FB}
.kt-stand{font-size:17px;color:#58667E;max-width:700px;margin:0 0 10px}
.kt-date{font-size:12.5px;color:#58667E;margin:0 0 26px}
.kt-date b{color:#0B1426;font-weight:600}

/* ---------- barometer table (signature artifact) ---------- */
.kt-baro{padding:6px 0 8px}
.kt-card{background:#fff;border:1px solid #EFF2F5;border-radius:12px;box-shadow:0 10px 28px -18px rgba(23,53,138,.25);overflow:hidden}
.kt-cardhead{display:flex;align-items:baseline;gap:14px;padding:16px 20px 12px;border-bottom:1px solid #EFF2F5}
.kt-cardtitle{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:19px;margin:0}
.kt-cardnote{font-size:12px;color:#58667E;margin-left:auto}
.kt-tablewrap{overflow-x:auto}
table.kt-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:860px}
.kt-table th{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#58667E;text-align:left;padding:10px 14px;border-bottom:1px solid #EFF2F5;white-space:nowrap}
.kt-table td{padding:13px 14px;border-bottom:1px solid #EFF2F5;vertical-align:middle;white-space:nowrap}
.kt-table tr:last-child td{border-bottom:0}
.kt-table tbody tr:hover{background:#F7F9FC}
.kt-table .kt-num,.kt-table th.kt-num{text-align:right}
.kt-rank{color:#58667E;font-size:13px}
.kt-asset{font-weight:600;color:#0B1426;text-decoration:none}
.kt-asset:hover{color:#3861FB}
.kt-sub{display:block;font-size:12px;color:#58667E;font-weight:400}
.kt-delta{font-weight:600;font-size:13.5px}
.kt-tri{font-size:10px;vertical-align:1px}
.kt-risk{display:inline-flex;gap:3px;vertical-align:middle}
.kt-risk span{width:14px;height:5px;border-radius:2px;background:#EFF2F5}
.kt-risk .on1{background:#16C784}
.kt-risk .on2{background:#F5A623}
.kt-risk .on3{background:#EA3943}
.kt-go{font-size:13px;font-weight:600;text-decoration:none;color:#3861FB}
.kt-go:hover{text-decoration:underline}
.kt-spark{display:block}
.kt-disclaim{font-size:12px;color:#58667E;margin:12px 2px 0}

/* ---------- guides section ---------- */
.kt-guides{padding:34px 0 6px}
.kt-sechead{display:flex;align-items:baseline;gap:14px;margin:0 0 16px}
.kt-sectitle{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:24px;margin:0}
.kt-seclink{margin-left:auto;font-size:13.5px;font-weight:600;text-decoration:none}
.kt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kt-g{background:#fff;border:1px solid #EFF2F5;border-radius:12px;padding:16px 18px;text-decoration:none;display:block;box-shadow:0 6px 18px -14px rgba(23,53,138,.22)}
.kt-g:hover{border-color:#3861FB}
.kt-gcat{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#3861FB;display:block;margin-bottom:6px}
.kt-gtitle{font-weight:600;font-size:15.5px;line-height:1.4;color:#0B1426;display:block;margin-bottom:8px}
.kt-gmeta{font-size:12px;color:#58667E}

/* ---------- home corpus ---------- */
.kt-corpus{padding:34px 0 46px}
.kt-corpus .kt-card{padding:26px 30px}
.kt-corpus h2{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:21px;letter-spacing:-.01em;margin:26px 0 10px}
.kt-corpus h2:first-child{margin-top:0}
.kt-corpus p{margin:0 0 14px;color:#33415C}
.kt-corpus p:last-child{margin-bottom:0}

/* ---------- article ---------- */
.kt-article{padding:40px 0 54px}
.kt-crumb{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.kt-crumb a{color:#3861FB;text-decoration:none}
.kt-crumb a:hover{text-decoration:underline}
.kt-htitle{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:clamp(27px,3.6vw,40px);line-height:1.12;letter-spacing:-.012em;margin:0 0 12px}
.kt-meta{font-size:13px;color:#58667E;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #E4E9F2}
.entry-content{font-size:16.5px;color:#1E2A44}
.entry-content p{margin:0 0 16px}
.entry-content h2{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:24px;letter-spacing:-.01em;line-height:1.25;margin:32px 0 12px;color:#0B1426}
.entry-content h3{font-family:'Clash Display',Switzer,sans-serif;font-weight:500;font-size:19px;margin:24px 0 10px;color:#0B1426}
.entry-content a{color:#3861FB;text-decoration:none;border-bottom:1px solid rgba(56,97,251,.35)}
.entry-content a:hover{border-bottom-color:#3861FB}
.entry-content ul,.entry-content ol{margin:0 0 16px;padding-left:22px}
.entry-content li{margin:0 0 8px}
.entry-content li::marker{color:#3861FB;font-weight:600}
.entry-content table{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0 20px;background:#fff;border:1px solid #EFF2F5;border-radius:10px;overflow:hidden}
.entry-content thead th{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#58667E;background:#F7F9FC;text-align:left;padding:10px 12px;border-bottom:1px solid #EFF2F5}
.entry-content tbody td{padding:11px 12px;border-bottom:1px solid #EFF2F5;font-variant-numeric:tabular-nums}
.entry-content tbody tr:last-child td{border-bottom:0}
.entry-content em{color:#33415C}
.kt-next{margin-top:34px;background:#fff;border:1px solid #EFF2F5;border-radius:12px;padding:16px 20px;box-shadow:0 6px 18px -14px rgba(23,53,138,.22)}
.kt-nextlab{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#58667E;display:block;margin-bottom:8px}
.kt-next p{margin:0 0 6px}
.kt-next p:last-child{margin-bottom:0}
.kt-next a{font-weight:600;text-decoration:none}
.kt-next a:hover{text-decoration:underline}

/* ---------- archive ---------- */
.kt-archive{padding:40px 0 54px}
.kt-archdesc{color:#58667E;max-width:720px;margin:0 0 8px}
.kt-rows{margin-top:18px}
.kt-row{display:grid;grid-template-columns:96px 1fr;gap:6px 22px;padding:16px 18px;background:#fff;border:1px solid #EFF2F5;border-radius:12px;margin-bottom:10px;text-decoration:none;box-shadow:0 6px 18px -14px rgba(23,53,138,.18)}
.kt-row:hover{border-color:#3861FB}
.kt-rowdate{grid-row:1/3;font-size:12.5px;color:#58667E;padding-top:3px}
.kt-rowtitle{font-weight:600;font-size:17px;color:#0B1426;line-height:1.35}
.kt-rowex{font-size:13.5px;color:#58667E;line-height:1.55}
.kt-pagenav{margin-top:18px;font-size:14px}
.kt-pagenav .page-numbers{display:inline-block;min-width:32px;text-align:center;padding:5px 8px;background:#fff;border:1px solid #EFF2F5;border-radius:8px;margin-right:6px;text-decoration:none;color:#0B1426}
.kt-pagenav .page-numbers.current{background:#3861FB;border-color:#3861FB;color:#fff}

/* ---------- footer ---------- */
.kt-footer{background:#0D1421;color:#A6B0C3;margin-top:26px}
.kt-footer .kt-in{padding-top:36px;padding-bottom:30px}
.kt-fword{font-family:'Clash Display',Switzer,sans-serif;font-weight:600;font-size:26px;color:#fff;letter-spacing:-.01em;margin:0 0 4px}
.kt-fword i{font-style:normal;color:#3861FB}
.kt-ftag{font-size:13px;color:#A6B0C3;margin:0 0 20px}
.kt-fnav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;margin:0 0 22px;padding:0}
.kt-fnav a{color:#DDE3EE;text-decoration:none}
.kt-fnav a:hover{color:#fff;text-decoration:underline}
.kt-fline{font-size:12px;color:#7A8598;border-top:1px solid #1C2536;padding-top:16px;margin:0}

/* ---------- responsive ---------- */
@media (max-width:900px){
.kt-grid{grid-template-columns:repeat(2,1fr)}
.kt-masthead .kt-in{gap:20px}
}
@media (max-width:640px){
.kt-grid{grid-template-columns:1fr}
.kt-hero{padding-top:30px}
.kt-corpus .kt-card{padding:20px 18px}
.kt-row{grid-template-columns:1fr}
.kt-rowdate{grid-row:auto;padding-top:0}
.kt-word{font-size:19px}
.kt-tickright{display:none}
}
