/* TWT GUGEI · reference typography and uniform blue-grey workspace · V41 */
@font-face{font-family:Poppins;src:url('Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('Poppins-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('Poppins-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('Poppins-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:Inter;src:url('inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--cream:#F5F7FA}
body,body[data-design=fine],body[data-design=studio],body[data-design=studio][data-view=home] main{font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body .brand{font-family:Poppins,Arial,sans-serif!important}
body h1,body h2,body h3{font-weight:700;letter-spacing:-.035em;line-height:1.2}
body .brand{font-weight:700;letter-spacing:-.025em}
body button,body input,body select,body textarea,body .ql-editor,body .wiki-count{font-family:Inter,Arial,sans-serif}
.twt-board,.tb-window-page,.tb-window-heading,.tb-window-error,.twt-board button,.twt-board input,.twt-board select,.twt-board summary,.twt-board .tb-object-editor,.twt-board .tb-object-editor button{font-family:Poppins,Arial,sans-serif!important}
.tb-art-grid:not(.tb-symbol-grid) button[data-tool=keeper] span{font-size:11px;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}

body[data-design] h1,body[data-design] h2,body[data-design] h3{font-weight:700!important;letter-spacing:-.035em!important}

/* Right workspace: one blue-grey surface across every section and design preset. */
body[data-design]{background:#F5F7FA;color:var(--ink)}
body[data-design] .workspace,body[data-design] .workspace>main,body[data-design] .workspace>header,body[data-design] .workspace>.account-line,body[data-design] .workspace>footer{background:#F5F7FA;color:var(--ink)}
body[data-design] .workspace>header{border-color:#102a3a19}
body[data-design] .workspace>.account-line{border-color:#102a3a19;color:#61727b}
body[data-design] .workspace>header input,body[data-design] .workspace>header select{background:#fff;color:var(--ink);border-color:#102a3a26}
body[data-design] .workspace>.account-line button{background:#fff;color:var(--ink);border-color:#102a3a26}
body[data-design] h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12!important}
body[data-design] h2{line-height:1.25;letter-spacing:-.025em!important}
body[data-design] h3{line-height:1.3;letter-spacing:-.02em!important}
body[data-design] .eyebrow{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6}
body[data-design] .titlebar p{font-size:15px;line-height:1.65}
body[data-design] .stat strong{font-family:Poppins,Arial,sans-serif;font-weight:700;font-variant-numeric:tabular-nums}
/* Radar: retain the current Navy/Mint palette on a quiet white card. */
body[data-design] .rating-results>.card:first-child{border-radius:20px;padding:26px;background:#fff;border-color:#102a3a19}
body[data-design] .radar{background:transparent;margin:18px auto 0;max-width:680px;border-radius:0;font-family:Inter,Arial,sans-serif}
.radar text{font-family:Inter,Arial,sans-serif}
.radar-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:2px 0 24px;font-size:12px;color:#61727b}
.radar-legend span{display:inline-flex;align-items:center;gap:8px}
.radar-legend i{display:inline-block;width:23px;border-top:2.5px solid #143A52}
.radar-legend .radar-scale-key{border-top:2px dashed #102a3a88}
.radar-point:focus{outline:none;stroke-width:4}
body[data-design] .rating-table{font-size:13px;font-variant-numeric:tabular-nums}
body[data-design] .rating-table caption{color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-bottom:14px}
body[data-design] .rating-table th,body[data-design] .rating-table td{padding:12px 5px;border-color:#102a3a19}
body[data-design] .rating-table tbody th{font-weight:500}
body[data-design] .rating-table tbody td:nth-child(2){font-weight:700;font-size:16px}
body[data-design] .rating-explanation{font-size:12px;line-height:1.7}
.rating-results,.rating-inputs{min-width:0}
.rating-results{position:relative;top:auto}
@media(max-width:700px){body[data-design] .rating-results>.card:first-child{padding:18px;border-radius:16px}.radar-legend{gap:14px;font-size:11px}body[data-design] .titlebar p{font-size:14px}}

/* V43: genau drei Bewertungsebenen. */
.rating-category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.rating-category-nav button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white;box-shadow:inset 0 -3px var(--mint)}
.rating-category{display:grid;gap:12px;min-width:0;margin-bottom:12px}
.rating-category-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4px 0}
.rating-category-heading h3{margin:0;font-size:17px}.rating-category-heading>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.rating-group>summary{line-height:1.6;align-items:flex-start}.rating-group>summary span{overflow-wrap:anywhere}.rating-group-count{flex-shrink:0}
.rating-group>summary:before{content:'›'}.rating-group[open]>summary:before{content:'⌄'}
#rating-breadcrumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:15px 0;font-size:11px;color:var(--muted)}
#rating-breadcrumbs button{background:transparent;border:0;padding:3px 0;font-size:11px;text-align:left}
.rating-drilldown{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0!important;border:0;background:transparent;text-align:left;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.rating-legacy>summary{cursor:pointer;font-weight:600;font-size:13px;line-height:1.6}.rating-legacy .muted{font-size:12px}
@media(max-width:700px){.rating-category-nav button{flex:1 1 auto;font-size:12px}.rating-results .rating-table{table-layout:fixed}.rating-results .rating-table th:first-child{width:58%}.rating-results .rating-table th,.rating-results .rating-table td{overflow-wrap:anywhere}.rating-results .rating-table td{font-size:13px!important}}

/* V44: Quartalsstände und Vergleich. */
.rating-history{margin-top:26px!important;min-width:0}.rating-history .sectionhead{align-items:flex-start}.rating-history .sectionhead p{font-size:13px}
.history-stands{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.history-stand{display:grid;gap:8px;align-content:start;padding:18px;background:var(--cream);border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.history-stand strong{font-size:14px}.history-stand details>summary,.history-list>summary{cursor:pointer;font-weight:600;line-height:1.7}.history-list{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.radar-legend .history-line-b{border-top:2.5px dashed #143A52}.history-table-scroll{overflow-x:auto;max-width:100%}.history-comparison-table{min-width:500px}.history-comparison-table td{white-space:nowrap}.rating-history select{max-width:100%;min-width:0}.rating-history .rating-table{font-variant-numeric:tabular-nums}.rating-history .radar{max-width:650px}
@media(max-width:700px){.rating-history{padding:18px!important}.history-stands{grid-template-columns:1fr}.rating-history .rating-table{table-layout:auto}.rating-history .rating-table th:first-child{width:auto}.rating-history .formrow{gap:10px}}

.rating-history .formrow>label{min-width:0}

.history-points-table{min-width:500px}.history-comparison-table tbody td:nth-child(3){font-size:16px;font-weight:700}