.hero-quiz-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.hero-quiz-chips span { padding: 8px 12px; border: 1px solid var(--line); background: #fff; border-radius: 999px; font-size: 12px; font-weight: 700; }

.test-meta-panel { margin: 24px 0 0; padding: 22px 25px; border-radius: 20px; background: #fff; border: 1px solid var(--line); display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; }
.test-rating { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.rating-stars { display: flex; gap: 1px; }
.rating-stars button { border: 0; background: transparent; color: #d4d9d2; font-size: 22px; line-height: 1; padding: 0 1px; cursor: pointer; }
.rating-stars button:hover,.rating-stars button.rated { color: #ffb21c; }
.test-rating strong { font-size: 13px; }
.test-rating > span { color: var(--muted); font-size: 12px; }
.test-rating > small { width: 100%; margin-left: 1px; color: var(--muted); font-size: 11px; }
.counter-note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 11px; }
.meta-facts { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.meta-facts span { padding-left: 12px; border-left: 1px solid var(--line); }
.meta-facts small,.meta-facts strong { display: block; }
.meta-facts small { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.meta-facts strong { font-size: 13px; margin-top: 3px; }
.feedback-link { font-size: 12px; font-weight: 800; color: var(--purple); }

.quiz-shell:has(.result-expanded) { grid-template-columns: 1fr; }
.quiz-shell:has(.result-expanded) .quiz-side { display: none; }
.quiz-card:has(.result-expanded) { padding: 0; background: transparent; box-shadow: none; }
.result-expanded { text-align: left; padding: 0; display: grid; gap: 18px; }
.result-hero { padding: 48px; border-radius: 28px; background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.result-hero::after { content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%; right: -100px; top: -140px; background: var(--purple); opacity: .75; }
.result-kicker { position: relative; z-index: 1; color: var(--lime); text-transform: uppercase; letter-spacing: 1.7px; font-size: 12px; font-weight: 800; }
.result-badge-large { position: relative; z-index: 1; display: inline-flex; margin-top: 18px; padding: 8px 14px; border-radius: 8px; background: var(--lime); color: var(--ink); font-weight: 800; }
.result-hero h2 { position: relative; z-index: 1; font: 800 clamp(42px,7vw,74px)/1 "Manrope"; letter-spacing: -3px; margin: 20px 0 12px; }
.result-message { position: relative; z-index: 1; font: 700 25px "Manrope"; color: #cbd4d1; }
.result-meter { position: relative; z-index: 1; max-width: 700px; height: 12px; margin-top: 32px; border-radius: 99px; overflow: hidden; background: #34423f; }
.result-meter div { height: 100%; border-radius: inherit; background: var(--lime); }
.result-percent { position: relative; z-index: 1; display: block; margin-top: 10px; color: var(--lime); }
.result-quick-stats { position: relative; z-index: 1; display: flex; gap: 10px; margin-top: 30px; }
.result-quick-stats span { min-width: 120px; padding: 14px 18px; border: 1px solid #3c4b48; border-radius: 13px; }
.result-quick-stats small,.result-quick-stats strong { display: block; }
.result-quick-stats small { color: #91a09c; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.result-quick-stats strong { margin-top: 3px; }

.answer-review,.result-actions,.leaderboard { padding: 38px; background: #fff; border-radius: 24px; }
.result-section-head > span { color: var(--purple); text-transform: uppercase; letter-spacing: 1.5px; font-size: 11px; font-weight: 800; }
.result-section-head h3 { font: 800 32px/1.1 "Manrope"; margin: 8px 0 10px; }
.result-section-head p { color: var(--muted); margin: 0 0 25px; }
.review-list { display: grid; gap: 10px; }
.review-item { display: grid; grid-template-columns: 38px 1fr; gap: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; }
.review-status { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 22px; font-weight: 800; }
.is-correct .review-status { background: #28a66a; }
.is-wrong .review-status { background: #e35151; }
.review-item small { color: var(--muted); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; }
.review-item h4 { font: 700 17px/1.3 "Manrope"; margin: 4px 0 9px; }
.review-item p { margin: 3px 0; color: var(--muted); font-size: 13px; }
.review-item p strong { color: var(--ink); }
.review-item .correct-answer strong { color: #168554; }

.action-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.action-grid button { min-height: 130px; padding: 18px; border: 1px solid var(--line); background: var(--cream); border-radius: 16px; cursor: pointer; text-align: left; transition: .2s; }
.action-grid button:hover { transform: translateY(-3px); border-color: var(--purple); box-shadow: 0 12px 30px rgba(20,32,31,.08); }
.action-grid button > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 14px; border-radius: 10px; background: var(--purple); color: #fff; font-size: 20px; }
.action-grid strong,.action-grid small { display: block; }
.action-grid small { color: var(--muted); margin-top: 3px; }
.social-share { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.social-share a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 700; }
.social-share a:hover { background: var(--ink); color: #fff; }

.rank-tiers { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 20px; }
.rank-tiers div { padding: 14px; border-radius: 12px; background: var(--cream); }
.rank-tiers strong,.rank-tiers span { display: block; }
.rank-tiers strong { font-size: 13px; }
.rank-tiers span { color: var(--muted); font-size: 11px; margin-top: 2px; }
.save-score { display: flex; gap: 8px; margin: 20px 0; }
.save-score input { min-width: 0; flex: 1; border: 1px solid var(--line); border-radius: 999px; padding: 0 18px; outline: 0; }
.save-score input:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(119,87,255,.12); }
.ranking-table-wrap { overflow-x: auto; }
.ranking-table-wrap table { width: 100%; border-collapse: collapse; }
.ranking-table-wrap th,.ranking-table-wrap td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; font-size: 13px; }
.ranking-table-wrap th { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.empty-ranking { color: var(--muted); text-align: center !important; padding: 25px !important; }
.clear-ranking { margin-top: 14px; padding: 7px 0; border: 0; background: transparent; color: var(--muted); font-size: 11px; text-decoration: underline; cursor: pointer; }
.result-footer-actions { display: flex; justify-content: space-between; gap: 10px; padding: 18px 0; }

.comments-section { margin: 70px 0 10px; padding: 46px; background: #f3f7fb; border: 1px solid #dbe6ee; border-radius: 28px; }
.comments-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 28px; }
.comments-heading h2 { margin: 8px 0 10px; font: 800 clamp(26px,4vw,38px)/1.1 "Manrope",sans-serif; }
.comments-heading p { margin: 0; color: var(--muted); }
.comment-count { flex: none; padding: 9px 13px; background: #fff; border: 1px solid #dbe6ee; border-radius: 999px; color: #1464c7; font-size: 12px; font-weight: 800; }
.comment-form { padding: 26px; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px rgba(20,32,31,.06); }
.comment-form label,.comment-form label > span { display: block; }
.comment-form label + label { margin-top: 17px; }
.comment-form label > span { margin-bottom: 7px; font-size: 12px; font-weight: 800; }
.comment-form input,.comment-form textarea { box-sizing: border-box; width: 100%; padding: 13px 15px; border: 1px solid #cddbe5; border-radius: 12px; background: #fbfdff; color: var(--ink); font: inherit; outline: none; resize: vertical; }
.comment-form input:focus,.comment-form textarea:focus { border-color: #1464c7; box-shadow: 0 0 0 3px rgba(20,100,199,.12); }
.comment-form label small { display: block; margin-top: 5px; color: var(--muted); text-align: right; font-size: 11px; }
.comment-form > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.comment-form > div p { max-width: 520px; margin: 0; color: var(--muted); font-size: 11px; }
.comment-form .primary-button { flex: none; border: 0; cursor: pointer; }
#comments-list { margin-top: 25px; }
.comments-empty { padding: 34px; border: 1px dashed #c8d8e3; border-radius: 18px; color: var(--muted); text-align: center; }
.comments-empty strong { color: var(--ink); }
.comments-empty p { margin: 7px 0 0; }
.comment-list { display: grid; gap: 13px; }
.comment-card { display: grid; grid-template-columns: 44px 1fr; gap: 14px; padding: 20px; background: #fff; border: 1px solid #e0e9ef; border-radius: 17px; }
.comment-avatar { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: #1464c7; color: #fff; font-weight: 900; }
.comment-content header { display: flex; justify-content: space-between; gap: 18px; }
.comment-content header strong,.comment-content header span { display: block; }
.comment-content header span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.comment-content header button { align-self: flex-start; border: 0; background: transparent; color: var(--muted); font-size: 11px; text-decoration: underline; cursor: pointer; }
.comment-content p { margin: 13px 0 0; color: #354443; line-height: 1.65; overflow-wrap: anywhere; }

.quiz-setup > h2 { margin: 8px 0 10px; font: 800 clamp(30px,5vw,48px)/1.05 "Manrope",sans-serif; letter-spacing: -2px; }
.quiz-setup > p { margin: 0 0 25px; color: var(--muted); }
.duel-invite { margin-bottom: 20px; padding: 14px 16px; border: 1px solid #b8a8ff; border-radius: 14px; background: #f0ecff; color: #4d35ae; font-size: 13px; font-weight: 700; }
.mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mode-grid button,.special-modes button { border: 1px solid #d9e3e9; background: #fff; color: var(--ink); text-align: left; cursor: pointer; transition: .2s ease; }
.mode-grid button { min-height: 106px; padding: 19px; border-radius: 16px; }
.mode-grid button:hover,.special-modes button:hover { transform: translateY(-2px); border-color: var(--purple); box-shadow: 0 12px 24px rgba(20,32,31,.08); }
.mode-grid button.selected-mode,.special-modes button.selected-mode { border-color: var(--purple); background: #f0ecff; box-shadow: 0 0 0 3px rgba(119,87,255,.12); }
.mode-grid button.selected-mode::after { content: "Ausgewählt"; display: inline-block; margin-top: 9px; color: var(--purple); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; }
.mode-grid button:disabled,.special-modes button:disabled { cursor: not-allowed; opacity: .48; transform: none; box-shadow: none; }
.mode-grid strong,.mode-grid span,.special-modes strong,.special-modes small { display: block; }
.mode-grid strong { font: 800 17px "Manrope",sans-serif; }
.mode-grid span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.special-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 11px; }
.special-modes button { display: grid; grid-template-columns: 38px 1fr; column-gap: 10px; padding: 17px; border-radius: 16px; }
.special-modes button > span { grid-row: 1 / 3; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: var(--lime); font-size: 18px; }
.special-modes small { margin-top: 3px; color: var(--muted); }
.quiz-start-panel { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 17px; padding: 18px 20px; border-radius: 17px; background: var(--ink); color: #fff; }
.quiz-start-panel small,.quiz-start-panel strong,.quiz-start-panel span { display: block; }
.quiz-start-panel small { color: #9fb0ad; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.quiz-start-panel strong { margin: 3px 0; color: var(--lime); font: 800 18px "Manrope",sans-serif; }
.quiz-start-panel span { color: #bdc8c4; font-size: 10px; }
.quiz-start-panel .primary-button { flex: none; border: 0; cursor: pointer; }
.profile-preview { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.profile-preview > div:first-child strong { display: block; margin-top: 5px; }
.achievement-strip { display: flex; gap: 6px; }
.achievement-mini { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: #edf1f3; color: #a5b0b5; text-align: center; }
.achievement-mini span { font-weight: 900; }
.achievement-mini small { display: none; }
.achievement-mini.unlocked { background: var(--lime); color: var(--ink); box-shadow: 0 5px 14px rgba(170,220,70,.3); }
.question-tags { display: flex; gap: 8px; margin: 19px 0 7px; }
.question-tags span { padding: 6px 9px; border-radius: 999px; background: #eef4f8; color: #426171; font-size: 10px; font-weight: 800; letter-spacing: .5px; }
.question-media { margin: 18px 0 22px; overflow: hidden; border-radius: 18px; background: #eaf5ff; }
.question-media img { display: block; width: 100%; max-height: 275px; object-fit: cover; }
.question-media figcaption { padding: 7px 12px; color: var(--muted); font-size: 10px; text-align: right; }
.answer-button.is-correct { border-color: #41a264; background: #eaf8ef; }
.answer-button.is-wrong { border-color: #d96565; background: #fff0f0; }
.instant-feedback { margin-top: 18px; padding: 18px; border-radius: 15px; }
.instant-feedback.correct { background: #eaf8ef; border: 1px solid #a8dfb9; }
.instant-feedback.wrong { background: #fff3e6; border: 1px solid #f0c58e; }
.instant-feedback strong { font: 800 15px "Manrope",sans-serif; }
.instant-feedback p { margin: 7px 0 0; color: #40504e; line-height: 1.55; }
.instant-feedback button { margin-top: 9px; padding: 0; border: 0; background: transparent; color: #1464c7; font-size: 11px; font-weight: 800; text-decoration: underline; cursor: pointer; }
.result-persona { margin: 8px 0 3px; color: var(--lime); font: 800 19px "Manrope",sans-serif; }
.local-comparison { margin: 20px 0 0; color: #bdc8c4; font-size: 12px; }
.achievement-unlock { padding: 25px 30px; border-radius: 22px; background: linear-gradient(120deg,#eafaaf,#c9f179); }
.achievement-unlock > span { font-size: 10px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.achievement-unlock > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.achievement-unlock article { display: flex; align-items: center; gap: 9px; padding: 9px 13px; border-radius: 13px; background: rgba(255,255,255,.72); }
.achievement-unlock article b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--ink); color: #fff; }
.knowledge-profile { padding: 38px; border-radius: 24px; background: #fff; }
.profile-bars { display: grid; gap: 15px; margin-top: 25px; }
.profile-bars > div { display: grid; grid-template-columns: 150px 1fr 48px; align-items: center; gap: 13px; }
.profile-bars span strong,.profile-bars span small { display: block; }
.profile-bars span small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.profile-bars > div > div { height: 10px; overflow: hidden; border-radius: 999px; background: #e7ece9; }
.profile-bars i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#1464c7,#7757ff); }
.profile-bars b { text-align: right; font-size: 12px; }
.review-explanation { margin-top: 9px!important; padding-top: 9px; border-top: 1px solid #e4e9e6; color: var(--muted)!important; font-size: 12px; }
.copy-result-link { margin-top: 15px; border: 0; background: transparent; color: var(--purple); font-weight: 800; text-decoration: underline; cursor: pointer; }
.channel-share-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 9px; margin-top: 24px; }
.channel-share-grid a { display: flex; min-width: 0; flex-direction: column; align-items: center; padding: 18px 10px; border: 1px solid #dfe5e2; border-radius: 16px; color: var(--ink); text-align: center; text-decoration: none; cursor: pointer; transition: .2s ease; }
.channel-share-grid a:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(20,32,31,.1); }
.channel-share-grid a > span { display: grid; width: 42px; height: 42px; margin-bottom: 10px; place-items: center; border-radius: 13px; color: #fff; font-weight: 900; }
.channel-share-grid a strong { font-size: 12px; }
.channel-share-grid a small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.3; }
.share-whatsapp > span { background: #21bf5b; }
.share-facebook > span { background: #1877f2; }
.share-x > span { background: #111; }
.share-telegram > span { background: #279fda; }
.share-email > span { background: var(--purple); }
.secondary-result-actions { grid-template-columns: repeat(5,1fr); margin-top: 13px; }
.secondary-result-actions button { min-height: 104px; }
.quality-panel { margin: 28px 0 0; padding: 42px; border-radius: 26px; background: #14201f; color: #fff; }
.quality-panel h2 { margin: 8px 0 24px; font: 800 clamp(26px,4vw,38px)/1.1 "Manrope",sans-serif; }
.quality-panel > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.quality-panel article { padding: 21px; border: 1px solid #344543; border-radius: 16px; background: #1c2b29; }
.quality-panel article strong { color: var(--lime); }
.quality-panel article p { color: #bdc8c4; font-size: 12px; line-height: 1.6; }
.quality-panel article a { color: #fff; font-size: 11px; font-weight: 800; }

.assessment-page { max-width: 1180px; margin: 0 auto; padding: 30px 24px 80px; }
.assessment-hero { display: grid; grid-template-columns: 1fr 260px; gap: 40px; align-items: center; margin: 15px 0 34px; padding: 46px; border-radius: 28px; background: linear-gradient(135deg,#f4f3ec,#e8f4ff); }
.assessment-hero h1 { margin: 10px 0 15px; font: 800 clamp(40px,6vw,72px)/.98 "Manrope",sans-serif; letter-spacing: -3px; }
.assessment-hero p { max-width: 720px; color: var(--muted); font-size: 17px; line-height: 1.6; }
.assessment-symbol { display: grid; min-height: 220px; place-items: center; align-content: center; border-radius: 24px; background: var(--ink); color: #fff; text-align: center; }
.assessment-symbol > span { display: grid; width: 92px; height: 92px; place-items: center; border-radius: 27px; background: var(--lime); color: var(--ink); font-size: 46px; }
.assessment-symbol small { margin-top: 16px; color: #bdc8c4; font-weight: 800; }
.assessment-shell { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; }
.assessment-card { min-height: 510px; padding: 42px; border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(20,32,31,.09); }
.assessment-side { position: sticky; top: 95px; padding: 28px; border-radius: 22px; background: var(--ink); color: #fff; }
.assessment-side h3 { margin: 8px 0 22px; font: 800 22px "Manrope",sans-serif; }
.assessment-side .quiz-facts span { color: #aebbb8; }
.assessment-setup h2 { margin: 8px 0 12px; font: 800 clamp(28px,4vw,42px)/1.08 "Manrope",sans-serif; letter-spacing: -1.5px; }
.assessment-setup > p { color: var(--muted); line-height: 1.6; }
.assessment-depth-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 25px; }
.assessment-depth-grid button { min-height: 135px; padding: 17px; border: 1px solid #dce4e1; border-radius: 16px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; transition: .2s; }
.assessment-depth-grid button > span,.assessment-depth-grid button strong,.assessment-depth-grid button small { display: block; }
.assessment-depth-grid button > span { display: grid; width: 30px; height: 30px; margin-bottom: 14px; place-items: center; border-radius: 9px; background: #edf2ef; font-size: 10px; font-weight: 900; }
.assessment-depth-grid button strong { font: 800 16px "Manrope",sans-serif; }
.assessment-depth-grid button small { margin-top: 5px; color: var(--muted); line-height: 1.4; }
.assessment-depth-grid button:hover,.assessment-depth-grid button.selected { border-color: var(--purple); background: #f1edff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(119,87,255,.12); }
.assessment-depth-grid button.selected > span { background: var(--purple); color: #fff; }
.assessment-start-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 16px; padding: 18px 20px; border-radius: 16px; background: var(--ink); color: #fff; }
.assessment-start-bar small,.assessment-start-bar strong,.assessment-start-bar span { display: block; }
.assessment-start-bar small { color: #9eaeab; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.assessment-start-bar strong { margin: 3px 0; color: var(--lime); }
.assessment-start-bar span { color: #aebbb8; font-size: 10px; }
.assessment-start-bar button { border: 0; cursor: pointer; }
.assessment-trust { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 18px; color: var(--muted); font-size: 11px; font-weight: 700; }
.assessment-topic { display: inline-block; margin-top: 25px; padding: 7px 10px; border-radius: 999px; background: #eef4f8; color: #426171; font-size: 10px; font-weight: 800; }
.assessment-statement { margin: 16px 0 28px; font: 800 clamp(25px,4vw,38px)/1.18 "Manrope",sans-serif; letter-spacing: -1px; }
.assessment-scale { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.assessment-scale button { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 11px; min-height: 70px; padding: 12px 15px; border: 1px solid #dce4e1; border-radius: 14px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; }
.assessment-scale button > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; background: #edf2ef; font-size: 11px; font-weight: 900; }
.assessment-scale button strong { font-size: 12px; }
.assessment-scale button:hover,.assessment-scale button.selected { border-color: var(--purple); background: #f1edff; }
.assessment-scale button.selected > span { background: var(--purple); color: #fff; }
.assessment-method { margin-top: 22px; padding: 19px 23px; border: 1px solid var(--line); border-radius: 16px; background: #f8faf7; }
.assessment-method strong { font-size: 12px; }
.assessment-method p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.assessment-result { display: grid; gap: 18px; }
.assessment-dimensions { padding: 35px; border: 1px solid var(--line); }
.assessment-share { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 28px; border-radius: 22px; background: #fff; border: 1px solid var(--line); }
.assessment-share h3 { margin: 6px 0 0; font: 800 22px "Manrope",sans-serif; }
.assessment-share > div:last-child { display: flex; gap: 8px; }
.assessment-share a,.assessment-share button { display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid #dce4e1; border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; text-decoration: none; cursor: pointer; }
.assessment-share a > span,.assessment-share button > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: #fff; font-weight: 900; }
.assessment-share button > span { background: var(--purple); }
.assessment-disclaimer { display: flex; gap: 14px; padding: 18px 21px; border-radius: 15px; background: #fff8e8; border: 1px solid #ecd9a8; }
.assessment-disclaimer strong { flex: none; }
.assessment-disclaimer p { margin: 0; color: #6b6250; font-size: 11px; line-height: 1.6; }
.assessment-related { padding: 32px; border-radius: 22px; background: #f2f6f8; }
.assessment-related > div:last-child { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 20px; }
.assessment-related a { padding: 17px; border-radius: 14px; background: #fff; color: var(--ink); text-decoration: none; }
.assessment-related a strong,.assessment-related a span { display: block; }
.assessment-related a span { margin-top: 7px; color: var(--purple); font-size: 10px; font-weight: 800; }

.assessment-dossier { display: grid; gap: 24px; margin-top: 72px; }
.dossier-intro { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: 42px; padding: 48px; border-radius: 28px; background: var(--ink); color: #fff; }
.dossier-intro h2,.dossier-section h2 { margin: 9px 0 17px; font: 800 clamp(28px,4vw,44px)/1.08 "Manrope",sans-serif; letter-spacing: -1.5px; }
.dossier-intro p { max-width: 760px; color: #c2cecb; font-size: 15px; line-height: 1.75; }
.dossier-intro aside { display: flex; flex-direction: column; align-self: start; padding: 23px; border: 1px solid #3b4a48; border-radius: 18px; background: #1b2a28; }
.dossier-intro aside strong { margin-bottom: 13px; color: var(--lime); font: 800 15px "Manrope",sans-serif; }
.dossier-intro aside button { padding: 9px 0; border: 0; border-bottom: 1px solid #354441; background: transparent; color: #fff; font: inherit; font-size: 11px; font-weight: 750; text-align: left; cursor: pointer; }
.dossier-intro aside button:hover { color: var(--lime); }
.dossier-intro aside span { margin-top: 16px; color: #96aaa6; font-size: 10px; }
.dossier-section { padding: 48px; border: 1px solid var(--line); border-radius: 26px; background: #fff; }
.dossier-section > p,.dossier-section > div > p { color: var(--muted); line-height: 1.75; }
.dossier-dimensions { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 27px; }
.dossier-dimensions article { position: relative; overflow: hidden; min-height: 220px; padding: 26px; border-radius: 19px; background: #f3f5ef; }
.dossier-dimensions article:nth-child(2) { background: #f1edff; }
.dossier-dimensions article:nth-child(3) { background: #eaf5fb; }
.dossier-dimensions article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: var(--ink); color: #fff; font-size: 10px; font-weight: 900; }
.dossier-dimensions h3 { margin: 31px 0 10px; font: 800 20px "Manrope",sans-serif; }
.dossier-dimensions p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.dossier-split { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 42px; align-items: start; }
.dossier-note { padding: 28px; border-radius: 20px; background: #fff8e8; border: 1px solid #ead9a5; }
.dossier-note strong { color: #755d20; font: 800 16px "Manrope",sans-serif; }
.dossier-note p { margin: 12px 0 0; color: #6b6250; font-size: 12px; line-height: 1.7; }
.dossier-steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; counter-reset: dossier-step; }
.dossier-steps li { min-height: 190px; padding: 22px; border-radius: 17px; background: #f4f5f1; counter-increment: dossier-step; }
.dossier-steps li::before { content: counter(dossier-step,decimal-leading-zero); display: block; margin-bottom: 32px; color: var(--purple); font: 900 13px "Manrope",sans-serif; }
.dossier-steps strong,.dossier-steps span { display: block; }
.dossier-steps strong { font: 800 14px "Manrope",sans-serif; }
.dossier-steps span { margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.reflection-section { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 42px; background: #f1edff; border: 0; }
.reflection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.reflection-grid article { padding: 22px; border-radius: 16px; background: #fff; }
.reflection-grid article strong { font: 800 13px "Manrope",sans-serif; }
.reflection-grid article p { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.music-deep-dive { background: linear-gradient(135deg,#151f25,#281d3e); color: #fff; border: 0; }
.music-deep-dive > div:first-child p { color: #c8c5d3; }
.music-style-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 28px; }
.music-style-grid article { min-height: 190px; padding: 27px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.07); }
.music-style-grid article strong { color: var(--lime); font: 800 24px "Manrope",sans-serif; }
.music-style-grid article p { margin: 14px 0 0; color: #d0cdd8; font-size: 11px; line-height: 1.7; }
.dossier-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.dossier-section-head > div { max-width: 760px; }
.quiz-count-badge { flex: none; padding: 10px 14px; border-radius: 999px; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 900; }
.deep-quiz-tree { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 30px; }
.deep-branch-card { display: flex; flex-direction: column; min-width: 0; padding: 25px; border: 1px solid #dfe5e1; border-radius: 20px; background: #f8faf8; }
.deep-branch-number { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: var(--purple); color: #fff; font-size: 10px; font-weight: 900; }
.deep-branch-card h3 { margin: 20px 0 8px; font: 800 21px/1.2 "Manrope",sans-serif; }
.deep-branch-card > p { min-height: 70px; margin: 0 0 20px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.deep-branch-card > div { display: grid; gap: 8px; margin-top: auto; }
.deep-branch-card a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 13px; border: 1px solid #e0e5e2; border-radius: 12px; background: #fff; color: var(--ink); text-decoration: none; transition: .18s; }
.deep-branch-card a:hover { border-color: var(--purple); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(119,87,255,.11); }
.deep-branch-card a span small,.deep-branch-card a span strong { display: block; }
.deep-branch-card a span small { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .7px; }
.deep-branch-card a span strong { margin-top: 3px; font-size: 11px; }
.deep-branch-card a b { color: var(--purple); font-size: 9px; white-space: nowrap; }
.dossier-faq details { border-top: 1px solid var(--line); }
.dossier-faq details:last-child { border-bottom: 1px solid var(--line); }
.dossier-faq summary { padding: 19px 4px; font: 800 13px "Manrope",sans-serif; cursor: pointer; }
.dossier-faq details p { margin: -5px 4px 20px; color: var(--muted); font-size: 11px; line-height: 1.7; }

.quiz-academy-home { margin-top: 72px; padding: 56px !important; border-radius: 30px; background: linear-gradient(135deg,#161f1e 0%,#24203b 100%); color: #fff; }
.academy-home-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 42px; }
.academy-home-head > div { max-width: 750px; }
.academy-home-head h2 { margin: 9px 0 14px; font: 800 clamp(34px,5vw,54px)/1 "Manrope",sans-serif; letter-spacing: -2px; }
.academy-home-head p { color: #bdc8c4; line-height: 1.7; }
.academy-home-head > strong { flex: none; padding: 19px 23px; border: 1px solid #46514f; border-radius: 17px; color: #c8d1cf; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.academy-home-head > strong span { display: block; margin-bottom: 2px; color: var(--lime); font: 900 30px "Manrope",sans-serif; letter-spacing: -1px; }
.academy-home-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 32px; }
.academy-home-grid a { min-height: 215px; padding: 27px; border: 1px solid #3e4847; border-radius: 19px; background: rgba(255,255,255,.06); color: #fff; text-decoration: none; transition: .2s; }
.academy-home-grid a:hover { border-color: var(--lime); background: rgba(255,255,255,.1); transform: translateY(-3px); }
.academy-home-grid small { color: var(--lime); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .8px; }
.academy-home-grid h3 { margin: 25px 0 9px; font: 800 24px "Manrope",sans-serif; }
.academy-home-grid p { min-height: 52px; color: #b8c2c0; font-size: 11px; line-height: 1.65; }
.academy-home-grid a > span { display: block; margin-top: 23px; color: var(--lime); font-size: 10px; font-weight: 900; }

.football-hub-page { max-width: 1280px; }
.football-hub-hero { background: linear-gradient(135deg,#edf7e7,#e8f0ff); }
.football-directory { margin-top: 34px; padding: 52px; border-radius: 30px; background: var(--ink); color: #fff; }
.football-directory-head { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 42px; align-items: end; }
.football-directory-head h2 { margin: 9px 0 15px; font: 800 clamp(34px,5vw,58px)/1 "Manrope",sans-serif; letter-spacing: -2.5px; }
.football-directory-head p { max-width: 760px; color: #bdc9c6; line-height: 1.7; }
.club-search-box { padding: 20px; border: 1px solid #3b4b48; border-radius: 17px; background: #1c2b29; }
.club-search-box label,.club-search-box span { display: block; color: #aebdb9; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; }
.club-search-box input { width: 100%; margin: 9px 0; padding: 13px 14px; border: 1px solid #455552; border-radius: 11px; outline: 0; background: #fff; color: var(--ink); font: inherit; }
.club-search-box input:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(216,255,98,.14); }
.football-league-jumps { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 32px 0; }
.football-league-jumps button { display: flex; justify-content: space-between; align-items: center; min-height: 64px; padding: 15px 18px; border: 1px solid #3b4b48; border-radius: 14px; background: #1c2b29; color: #fff; cursor: pointer; }
.football-league-jumps button:hover { border-color: var(--lime); }
.football-league-jumps strong,.football-league-jumps span { display: block; }
.football-league-jumps strong { font: 800 13px "Manrope",sans-serif; }
.football-league-jumps span { color: var(--lime); font-size: 9px; font-weight: 800; }
.football-league-groups { display: grid; gap: 28px; }
.football-league-group { scroll-margin-top: 90px; padding: 27px; border-radius: 22px; background: #f3f5f1; color: var(--ink); }
.football-league-group > header { display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dbe2de; }
.football-league-group > header > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: var(--purple); color: #fff; font-size: 10px; font-weight: 900; }
.football-league-group > header small { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .8px; }
.football-league-group > header h3 { margin: 2px 0 0; font: 800 24px "Manrope",sans-serif; }
.football-league-group > header > strong { padding: 8px 11px; border-radius: 999px; background: var(--lime); font-size: 9px; }
.football-club-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 20px; }
.football-club-card { display: grid; grid-template-columns: 48px 1fr; gap: 13px; min-width: 0; padding: 15px; border: 1px solid #dce3df; border-radius: 15px; background: #fff; }
.football-club-card[hidden] { display: none; }
.club-monogram { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; background: var(--ink); color: var(--lime); font-size: 9px; font-weight: 900; }
.football-club-card small { color: var(--purple); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.football-club-card h4 { overflow: hidden; margin: 4px 0; font: 800 13px/1.25 "Manrope",sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.football-club-card p { overflow: hidden; margin: 0; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.football-club-card a { grid-column: 1/-1; padding: 10px 12px; border-radius: 10px; background: #f1edff; color: var(--purple); font-size: 9px; font-weight: 900; text-align: center; text-decoration: none; transition: .18s; }
.football-club-card a:hover { background: var(--purple); color: #fff; }
.football-data-note { margin: 23px 0 0; color: #91a39f; font-size: 9px; line-height: 1.6; }
.football-knowledge { display: grid; gap: 20px; margin-top: 24px; }
.football-intro-panel { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 40px; padding: 48px; border: 1px solid var(--line); border-radius: 26px; background: #fff; }
.football-intro-panel h2,.football-quiz-principle h2,.football-selftest-intro h2 { margin: 9px 0 16px; font: 800 clamp(30px,4vw,46px)/1.08 "Manrope",sans-serif; letter-spacing: -1.7px; }
.football-intro-panel p,.football-selftest-intro p { color: var(--muted); line-height: 1.75; }
.football-number { display: grid; min-height: 210px; place-items: center; align-content: center; border-radius: 21px; background: var(--purple); color: #fff; text-align: center; }
.football-number strong { color: var(--lime); font: 900 68px/.9 "Manrope",sans-serif; letter-spacing: -5px; }
.football-number span,.football-number small { display: block; }
.football-number span { margin-top: 10px; font-weight: 900; }
.football-number small { margin-top: 5px; color: #d1caff; font-size: 9px; }
.league-explainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.league-explainer article { min-height: 220px; padding: 29px; border-radius: 21px; background: #f2f5f0; }
.league-explainer article:nth-child(2) { background: #f1edff; }
.league-explainer article:nth-child(3) { background: #e8f3fa; }
.league-explainer article > span { color: var(--purple); font-size: 10px; font-weight: 900; }
.league-explainer h3 { margin: 37px 0 11px; font: 800 24px "Manrope",sans-serif; }
.league-explainer p { color: var(--muted); font-size: 11px; line-height: 1.7; }
.football-quiz-principle { padding: 45px; border-radius: 26px; background: var(--ink); color: #fff; }
.football-quiz-principle > div:last-child { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 25px; }
.football-quiz-principle article { padding: 21px; border: 1px solid #3a4947; border-radius: 16px; background: #1b2a28; }
.football-quiz-principle article strong { color: var(--lime); font: 800 15px "Manrope",sans-serif; }
.football-quiz-principle article p { margin: 8px 0 0; color: #b9c5c2; font-size: 10px; line-height: 1.6; }
.football-source-panel { display: grid; grid-template-columns: minmax(0,1fr) 390px; gap: 35px; align-items: center; padding: 28px 32px; border: 1px solid #d8e2d2; border-radius: 19px; background: #f2f8e8; }
.football-source-panel strong { font: 800 15px "Manrope",sans-serif; }
.football-source-panel p { margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.football-source-panel > div:last-child { display: grid; gap: 7px; }
.football-source-panel a { color: var(--purple); font-size: 9px; font-weight: 900; text-decoration: none; }
.football-selftest-intro { margin-top: 70px; padding: 45px; border-radius: 25px 25px 0 0; background: linear-gradient(135deg,#f1edff,#eef7e8); text-align: center; }
.football-selftest-intro p { max-width: 760px; margin: 0 auto; }
.football-selftest-intro + .assessment-shell { padding: 24px; border-radius: 0 0 25px 25px; background: #f5f6f2; }

.club-quiz-page { max-width: 1180px; margin: 0 auto; padding: 30px 24px 80px; }
.club-quiz-hero { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 42px; align-items: center; margin: 15px 0 34px; padding: 48px; border-radius: 29px; background: linear-gradient(135deg,#eef5e8,#ece8ff); }
.club-quiz-hero h1 { margin: 10px 0 16px; font: 800 clamp(38px,6vw,68px)/.98 "Manrope",sans-serif; letter-spacing: -3px; }
.club-quiz-hero h1 em { color: var(--purple); font-style: normal; }
.club-quiz-hero p { max-width: 720px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.classic-quiz-link { display: inline-block; margin-top: 20px; color: var(--purple); font-size: 10px; font-weight: 900; text-decoration: none; }
.club-badge { display: grid; min-height: 245px; place-items: center; align-content: center; padding: 25px; border-radius: 24px; background: var(--ink); color: #fff; text-align: center; }
.club-badge > span { display: grid; min-width: 110px; height: 110px; padding: 0 14px; place-items: center; border-radius: 32px; background: var(--lime); color: var(--ink); font: 900 27px "Manrope",sans-serif; }
.club-badge strong { margin-top: 17px; font: 800 15px "Manrope",sans-serif; }
.club-badge small { margin-top: 6px; color: #aebbb8; line-height: 1.4; }
.club-quiz-shell { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; }
.club-quiz-card { min-height: 535px; padding: 42px; border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(20,32,31,.09); }
.club-quiz-side { position: sticky; top: 95px; padding: 28px; border-radius: 22px; background: var(--ink); color: #fff; }
.club-quiz-side h3 { margin: 8px 0 22px; font: 800 22px "Manrope",sans-serif; }
.club-quiz-side .quiz-facts span { color: #aebbb8; }
.club-setup h2 { margin: 8px 0 12px; font: 800 clamp(28px,4vw,42px)/1.08 "Manrope",sans-serif; letter-spacing: -1.5px; }
.club-setup > p { color: var(--muted); line-height: 1.65; }
.club-depth-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 25px; }
.club-depth-grid button { min-height: 136px; padding: 17px; border: 1px solid #dce4e1; border-radius: 16px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; transition: .2s; }
.club-depth-grid button > span,.club-depth-grid button strong,.club-depth-grid button small { display: block; }
.club-depth-grid button > span { display: grid; width: 30px; height: 30px; margin-bottom: 14px; place-items: center; border-radius: 9px; background: #edf2ef; font-size: 10px; font-weight: 900; }
.club-depth-grid button strong { font: 800 15px "Manrope",sans-serif; }
.club-depth-grid button small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.club-depth-grid button:hover,.club-depth-grid button.selected { border-color: var(--purple); background: #f1edff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(119,87,255,.12); }
.club-depth-grid button.selected > span { background: var(--purple); color: #fff; }
.club-start-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 16px; padding: 18px 20px; border-radius: 16px; background: var(--ink); color: #fff; }
.club-start-bar small,.club-start-bar strong,.club-start-bar span { display: block; }
.club-start-bar small { color: #9eaeab; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.club-start-bar strong { margin: 3px 0; color: var(--lime); }
.club-start-bar span { color: #aebbb8; font-size: 10px; }
.club-facts-section { margin-top: 25px; padding: 45px; border-radius: 26px; background: #fff; border: 1px solid var(--line); }
.club-facts-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.club-facts-head h2 { margin: 8px 0 10px; font: 800 clamp(30px,4vw,44px)/1.08 "Manrope",sans-serif; letter-spacing: -1.7px; }
.club-facts-head p { color: var(--muted); }
.club-facts-head > span { display: grid; min-width: 62px; height: 62px; padding: 0 9px; place-items: center; border-radius: 18px; background: var(--purple); color: #fff; font-size: 12px; font-weight: 900; }
.club-facts-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; margin: 27px 0 0; padding: 0; list-style: none; counter-reset: club-fact; }
.club-facts-grid li { position: relative; min-height: 65px; padding: 17px 17px 17px 54px; border-radius: 14px; background: #f4f6f2; color: #35403e; font-size: 11px; line-height: 1.55; counter-increment: club-fact; }
.club-facts-grid li::before { content: counter(club-fact,decimal-leading-zero); position: absolute; left: 15px; top: 15px; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--ink); color: var(--lime); font-size: 8px; font-weight: 900; }
.club-more-content { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 38px; margin-top: 20px; padding: 38px; border-radius: 23px; background: #f0f4ec; }
.club-more-content h2 { margin: 8px 0 13px; font: 800 31px/1.1 "Manrope",sans-serif; }
.club-more-content p { color: var(--muted); font-size: 11px; line-height: 1.7; }
.club-more-content aside { padding: 22px; border-radius: 16px; background: #fff; }
.club-more-content aside strong { color: var(--purple); }
.club-result { display: grid; gap: 18px; }
.club-result-links { display: flex; justify-content: space-between; gap: 12px; }
.club-result-links a { text-decoration: none; }

.expert-page { max-width: 1180px; margin: 0 auto; padding: 30px 24px 80px; }
.expert-hero { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 40px; align-items: center; margin: 15px 0 34px; padding: 46px; border-radius: 28px; background: linear-gradient(135deg,#efeaff,#f2f7e5); }
.expert-hero h1 { margin: 10px 0 15px; font: 800 clamp(40px,6vw,72px)/.98 "Manrope",sans-serif; letter-spacing: -3px; }
.expert-hero p { max-width: 720px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.expert-symbol { display: grid; min-height: 220px; place-items: center; align-content: center; border-radius: 24px; background: var(--purple); color: #fff; text-align: center; }
.expert-symbol > span { display: grid; width: 92px; height: 92px; place-items: center; border-radius: 27px; background: var(--lime); color: var(--ink); font-size: 44px; }
.expert-symbol small { margin-top: 16px; max-width: 180px; font-weight: 800; }
.expert-shell { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 24px; align-items: start; }
.expert-card { min-height: 535px; padding: 42px; border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(20,32,31,.09); }
.expert-side { position: sticky; top: 95px; padding: 28px; border-radius: 22px; background: var(--ink); color: #fff; }
.expert-side h3 { margin: 8px 0 22px; font: 800 22px "Manrope",sans-serif; }
.expert-side .quiz-facts span { color: #aebbb8; }
.expert-setup h2 { margin: 8px 0 12px; font: 800 clamp(28px,4vw,42px)/1.08 "Manrope",sans-serif; letter-spacing: -1.5px; }
.expert-setup > p { color: var(--muted); line-height: 1.65; }
.expert-depth-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 25px; }
.expert-depth-grid button { min-height: 136px; padding: 17px; border: 1px solid #dce4e1; border-radius: 16px; background: #fff; color: var(--ink); text-align: left; cursor: pointer; transition: .2s; }
.expert-depth-grid button > span,.expert-depth-grid button strong,.expert-depth-grid button small { display: block; }
.expert-depth-grid button > span { display: grid; width: 30px; height: 30px; margin-bottom: 14px; place-items: center; border-radius: 9px; background: #edf2ef; font-size: 10px; font-weight: 900; }
.expert-depth-grid button strong { font: 800 15px "Manrope",sans-serif; }
.expert-depth-grid button small { margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.expert-depth-grid button:hover,.expert-depth-grid button.selected { border-color: var(--purple); background: #f1edff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(119,87,255,.12); }
.expert-depth-grid button.selected > span { background: var(--purple); color: #fff; }
.expert-start-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 16px; padding: 18px 20px; border-radius: 16px; background: var(--ink); color: #fff; }
.expert-start-bar small,.expert-start-bar strong,.expert-start-bar span { display: block; }
.expert-start-bar small { color: #9eaeab; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.expert-start-bar strong { margin: 3px 0; color: var(--lime); }
.expert-start-bar span { color: #aebbb8; font-size: 10px; }
.expert-context { margin-top: 22px; padding: 20px 23px; border: 1px solid var(--line); border-radius: 16px; background: #f8faf7; }
.expert-context strong { font-size: 12px; }
.expert-context p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.expert-result { display: grid; gap: 18px; }
.expert-percent { display: block; margin-top: 13px; color: var(--purple); font: 800 15px "Manrope",sans-serif; }
.expert-result-links { display: flex; justify-content: space-between; gap: 12px; }
.expert-result-links a { text-decoration: none; }

.football-portal-page { max-width: 1280px; margin: 0 auto; padding: 42px 24px 90px; }
.football-portal-hero { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 50px; align-items: center; min-height: 440px; padding: 58px; border-radius: 32px; background: linear-gradient(135deg,#171f1e 0%,#243d38 65%,#7757ff 140%); color: #fff; overflow: hidden; }
.football-portal-hero h1 { margin: 12px 0 18px; font: 900 clamp(60px,9vw,112px)/.88 "Manrope",sans-serif; letter-spacing: -7px; }
.football-portal-hero p { max-width: 760px; color: #c7d3d0; font-size: 18px; line-height: 1.7; }
.football-portal-hero .hero-quiz-chips span { border-color: #53635f; background: rgba(255,255,255,.06); color: #fff; }
.football-portal-ball { position: relative; display: grid; min-height: 285px; place-items: center; align-content: center; border: 2px solid rgba(255,255,255,.4); border-radius: 50%; background: radial-gradient(circle at 35% 30%,#fff 0 5%,#d8ff62 6% 38%,#b5de3e 39% 55%,#151d1c 56% 58%,#d8ff62 59%); color: #151d1c; box-shadow: 0 30px 70px rgba(0,0,0,.25); transform: rotate(4deg); }
.football-portal-ball::before,.football-portal-ball::after { content:""; position:absolute; border:2px solid rgba(20,32,31,.28); border-radius:50%; }
.football-portal-ball::before { inset:28px; }
.football-portal-ball::after { inset:58px; }
.football-portal-ball span,.football-portal-ball strong,.football-portal-ball small { position: relative; z-index: 1; }
.football-portal-ball span { font: 900 64px/.9 "Manrope",sans-serif; letter-spacing: -4px; }
.football-portal-ball strong { margin-top: 8px; font-size: 14px; letter-spacing: 4px; }
.football-portal-ball small { max-width: 150px; margin-top: 17px; font-size: 10px; font-weight: 800; text-align: center; }
.german-portal-hero { background: linear-gradient(135deg,#f5f4ed 0%,#e8f4ff 60%,#d8ff62 140%); color: var(--ink); }
.german-portal-hero p { color: var(--muted); }
.german-portal-hero .hero-quiz-chips span { border-color: #ccd5cf; background: rgba(255,255,255,.62); color: var(--ink); }
.football-path-section,.football-topic-section { margin-top: 28px; padding: 48px; border-radius: 28px; background: #fff; }
.football-path-section { background: linear-gradient(135deg,#eee9ff,#f5f8e9); }
.football-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.football-section-head h2 { margin: 9px 0 12px; font: 900 clamp(34px,5vw,56px)/1 "Manrope",sans-serif; letter-spacing: -2.5px; }
.football-section-head p { max-width: 730px; margin: 0; color: var(--muted); line-height: 1.7; }
.football-section-head > strong { flex: none; padding: 11px 15px; border-radius: 999px; background: var(--lime); font-size: 12px; }
.german-football-preview { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.german-football-preview div { min-height: 118px; padding: 21px; border: 1px solid #d9d6ed; border-radius: 17px; background: rgba(255,255,255,.72); }
.german-football-preview span,.german-football-preview strong { display: block; }
.german-football-preview span { color: var(--purple); font: 900 30px "Manrope",sans-serif; }
.german-football-preview strong { margin-top: 8px; font-size: 13px; }
.football-topic-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.football-topic-card { display: flex; min-height: 345px; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #f7f7f2; transition: transform .2s,box-shadow .2s,border-color .2s; }
.football-topic-card:hover { transform: translateY(-4px); border-color: transparent; box-shadow: var(--shadow); }
.football-topic-card > div { display: flex; align-items: center; justify-content: space-between; }
.football-topic-card > div span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: var(--purple); color: #fff; font: 900 11px "Manrope",sans-serif; }
.football-topic-card > div small { color: var(--purple); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
.football-topic-card h3 { margin: 21px 0 9px; font: 900 23px/1.12 "Manrope",sans-serif; letter-spacing: -.7px; }
.football-topic-card p { min-height: 64px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.football-topic-card ul { display: grid; gap: 5px; margin: 16px 0 22px; padding: 0; color: #52605d; font-size: 10px; list-style: none; }
.football-topic-card li::before { content:"✓"; margin-right: 7px; color: var(--purple); font-weight: 900; }
.football-topic-card > a { display: flex; align-items: center; justify-content: space-between; min-height: 47px; margin-top: auto; padding: 0 15px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 11px; font-weight: 900; }
.football-topic-card > a b { color: var(--lime); font-size: 16px; }
.german-topic-section { background: var(--ink); color: #fff; }
.german-topic-section .football-section-head p { color: #b8c4c1; }
.german-topic-section .football-topic-card { border-color: #354441; background: #1c2a28; }
.german-topic-section .football-topic-card p,.german-topic-section .football-topic-card ul { color: #b9c5c2; }
.german-topic-section .football-topic-card > a { background: var(--lime); color: var(--ink); }
.german-topic-section .football-topic-card > a b { color: var(--purple); }
.football-portal-info { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 28px; }
.football-portal-info article { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.football-portal-info span { color: var(--purple); font: 900 12px "Manrope",sans-serif; }
.football-portal-info h3 { margin: 10px 0 8px; font: 900 20px "Manrope",sans-serif; }
.football-portal-info p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.german-football-page > .football-directory { margin-top: 28px; }
.football-country-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; margin-top: 28px; }
.football-country-card { display: flex; min-height: 230px; flex-direction: column; padding: 24px; border: 1px solid rgba(23,31,30,.1); border-radius: 20px; background: rgba(255,255,255,.78); color: var(--ink); transition: transform .2s,box-shadow .2s; }
.football-country-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.football-country-card > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; background: var(--ink); color: var(--lime); font: 900 12px "Manrope",sans-serif; letter-spacing: 1px; }
.football-country-card small { margin-top: 18px; color: var(--purple); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.football-country-card h3 { margin: 7px 0 8px; font: 900 22px/1.05 "Manrope",sans-serif; letter-spacing: -.7px; }
.football-country-card p { margin: 0 0 20px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.football-country-card > strong { margin-top: auto; font-size: 11px; }
.international-portal-hero { background: linear-gradient(135deg,#171f1e 0%,#203d3b 55%,#6c4cff 145%); }
.international-topic-section { background: #f0eee8; }
.international-club-grid { margin-top: 34px; }
.football-country-content { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 28px; }
.football-country-content article { padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.football-country-content span { color: var(--purple); font: 900 12px "Manrope",sans-serif; }
.football-country-content h3 { margin: 10px 0; font: 900 21px/1.1 "Manrope",sans-serif; }
.football-country-content p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.football-source-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 30px; align-items: center; margin-top: 28px; padding: 38px; border-radius: 24px; background: #e9e4ff; }
.football-source-panel h2 { margin: 7px 0; font: 900 34px "Manrope",sans-serif; }
.football-source-panel p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.65; }
.sport-main-hero { background: linear-gradient(135deg,#13211f 0%,#214f47 58%,#fe7558 145%); }
.sport-world-hero { background: linear-gradient(135deg,#171f1e 0%,#30413d 58%,#7658ff 145%); }
.sport-world-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-top: 28px; }
.sport-world-card { display: flex; min-height: 235px; flex-direction: column; padding: 25px; border: 1px solid rgba(23,31,30,.1); border-radius: 20px; background: rgba(255,255,255,.82); color: var(--ink); transition: transform .2s,box-shadow .2s; }
.sport-world-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.sport-world-card > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 17px; background: var(--purple); color: #fff; font: 900 11px "Manrope",sans-serif; letter-spacing: .5px; }
.sport-world-card h3 { margin: 22px 0 8px; font: 900 23px/1.08 "Manrope",sans-serif; letter-spacing: -.8px; }
.sport-world-card p { margin: 0 0 20px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.sport-world-card > strong { margin-top: auto; font-size: 11px; }
.sport-team-directory { margin-top: 28px; }
.sport-team-directory .football-league-group + .football-league-group { margin-top: 45px; }
.sport-team-directory a { color: inherit; }
.olympia-paths { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-top: 28px; }
.olympia-paths > a { display: grid; min-height: 220px; align-content: end; padding: 34px; border-radius: 24px; background: linear-gradient(135deg,#ff785e,#ffb54c); color: #171f1e; }
.olympia-paths > a + a { background: linear-gradient(135deg,#ddecff,#8dc7ff); }
.olympia-paths span { font: 900 13px "Manrope",sans-serif; letter-spacing: 2px; }
.olympia-paths h2 { margin: 12px 0 8px; font: 900 30px/1 "Manrope",sans-serif; }
.olympia-paths p { margin: 0; max-width: 440px; line-height: 1.6; }
.personality-page { max-width: 1280px; margin: 0 auto; padding: 42px 24px 100px; }
.personality-hero { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 55px; align-items: center; min-height: 480px; padding: 60px; border-radius: 34px; background: linear-gradient(135deg,#171f1e 0%,#312b4c 62%,#8f68ff 150%); color: #fff; overflow: hidden; }
.personality-hero h1 { margin: 13px 0 20px; font: 900 clamp(56px,8vw,104px)/.9 "Manrope",sans-serif; letter-spacing: -6px; }
.personality-hero h1 em { color: var(--lime); font-style: normal; }
.personality-hero p { max-width: 760px; color: #c8c8d6; font-size: 18px; line-height: 1.7; }
.personality-hero .hero-quiz-chips span,.personality-cluster-hero .hero-quiz-chips span { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.07); color: #fff; }
.personality-orbit { position: relative; display: grid; width: 300px; height: 300px; place-items: center; justify-self: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; }
.personality-orbit::before,.personality-orbit::after { content:""; position:absolute; border:1px solid rgba(216,255,98,.28); border-radius:50%; }
.personality-orbit::before { inset:38px; }.personality-orbit::after { inset:82px; }
.personality-orbit > span { display: grid; width: 104px; height: 104px; place-items: center; border-radius: 32px; background: var(--lime); color: var(--ink); font: 900 29px "Manrope",sans-serif; transform: rotate(-4deg); }
.personality-orbit i { position: absolute; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; font: 800 10px "Manrope",sans-serif; font-style: normal; }
.personality-orbit i:nth-of-type(1) { top: 10px; }.personality-orbit i:nth-of-type(2) { right: -6px; }.personality-orbit i:nth-of-type(3) { bottom: 13px; }.personality-orbit i:nth-of-type(4) { left: -8px; }
.personality-jump-nav { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 28px; }
.personality-jump-nav a { display: grid; grid-template-columns: 52px 1fr auto; gap: 14px; align-items: center; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; color: var(--ink); }
.personality-jump-nav span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; background: #eee9ff; color: var(--purple); font: 900 10px "Manrope",sans-serif; }
.personality-jump-nav strong { font: 900 15px/1.2 "Manrope",sans-serif; }.personality-jump-nav small { color: var(--muted); font-size: 9px; }
.personality-cluster-section { margin-top: 28px; padding: 46px; border-radius: 28px; background: #fff; }
.personality-cluster-section:nth-of-type(even) { background: #f0eee8; }
.personality-cluster-section > header { display: flex; justify-content: space-between; gap: 35px; align-items: end; margin-bottom: 28px; }
.personality-cluster-section > header h2 { margin: 8px 0; font: 900 clamp(32px,5vw,54px)/1 "Manrope",sans-serif; letter-spacing: -2px; }
.personality-cluster-section > header p { max-width: 760px; color: var(--muted); line-height: 1.65; }
.personality-cluster-section > header > a { flex: none; padding: 13px 16px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 10px; font-weight: 900; }
.personality-topic-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.personality-topic-card { display: flex; min-height: 390px; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 20px; background: #fafaf6; }
.personality-topic-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.personality-topic-card > div:first-child span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: var(--purple); color: #fff; font: 900 9px "Manrope",sans-serif; }
.personality-topic-card > div:first-child small { color: var(--purple); font-size: 8px; font-weight: 900; text-align: right; text-transform: uppercase; }
.personality-topic-card h3 { margin: 20px 0 9px; font: 900 23px/1.08 "Manrope",sans-serif; letter-spacing: -.7px; }
.personality-topic-card > p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.62; }
.personality-test-actions { display: grid; gap: 7px; margin-top: auto; padding-top: 20px; }
.personality-test-actions a { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink); }
.personality-test-actions a strong,.personality-test-actions a small { display: block; }.personality-test-actions a strong { font-size: 10px; }.personality-test-actions a small { color: var(--muted); font-size: 8px; }
.personality-test-actions .personality-selftest-link { border-color: var(--ink); background: var(--ink); color: #fff; }.personality-test-actions .personality-selftest-link small { color: #c3cecb; }
.personality-seo-content { margin-top: 28px; padding: 52px; border-radius: 30px; background: #17211f; color: #fff; }
.personality-seo-lead { max-width: 920px; }.personality-seo-lead h2 { margin: 10px 0 20px; font: 900 clamp(38px,6vw,67px)/.98 "Manrope",sans-serif; letter-spacing: -2.8px; }.personality-seo-lead p { color: #bcc8c5; line-height: 1.78; }
.personality-seo-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; margin-top: 34px; }.personality-seo-columns article { padding: 26px; border: 1px solid #35423f; border-radius: 18px; background: #202c2a; }.personality-seo-columns span { color: var(--lime); font: 900 11px "Manrope",sans-serif; }.personality-seo-columns h3 { margin: 10px 0; font: 900 19px "Manrope",sans-serif; }.personality-seo-columns p { margin: 0; color: #b9c4c1; font-size: 11px; line-height: 1.65; }
.personality-faq { margin-top: 40px; }.personality-faq h2 { margin: 9px 0 20px; font: 900 35px "Manrope",sans-serif; }.personality-faq details { padding: 17px 0; border-top: 1px solid #35423f; }.personality-faq summary { cursor: pointer; font-weight: 900; }.personality-faq details p { color: #bcc8c5; line-height: 1.7; }
.personality-cluster-hero { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 40px; align-items: center; padding: 52px; border-radius: 30px; background: linear-gradient(135deg,#eae4ff,#f2f7e4); }.personality-cluster-hero h1 { margin: 10px 0 16px; font: 900 clamp(48px,7vw,82px)/.92 "Manrope",sans-serif; letter-spacing: -4px; }.personality-cluster-hero p { max-width: 800px; color: var(--muted); font-size: 17px; line-height: 1.7; }.personality-cluster-hero .hero-quiz-chips span { border-color: #d8d2e7; background: rgba(255,255,255,.7); color: var(--ink); }
.cluster-symbol { display: grid; width: 190px; height: 190px; place-items: center; border-radius: 50%; background: var(--ink); color: var(--lime); font: 900 34px "Manrope",sans-serif; }
.personality-cluster-overview { display: grid; grid-template-columns: 320px 1fr; gap: 42px; margin-top: 28px; padding: 42px; border-radius: 25px; background: #fff; }.personality-cluster-overview h2 { margin: 10px 0; font: 900 35px/1 "Manrope",sans-serif; }.personality-cluster-overview p { color: var(--muted); line-height: 1.7; }.personality-glossary { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.personality-glossary article { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #f8f8f3; }.personality-glossary h3 { margin: 0 0 7px; font: 900 16px "Manrope",sans-serif; }.personality-glossary p { margin: 0; font-size: 10px; line-height: 1.55; }
.cluster-topic-grid { margin-top: 28px; padding: 42px; border-radius: 25px; background: #f0eee8; }
.personality-topic-seo { padding: 42px; border-radius: 24px; background: #eee9ff; }.personality-topic-seo h2 { max-width: 850px; margin: 10px 0 26px; font: 900 clamp(34px,5vw,55px)/1 "Manrope",sans-serif; letter-spacing: -2px; }.personality-topic-seo-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; }.personality-topic-seo-grid article,.personality-seo-text { padding: 25px; border-radius: 17px; background: rgba(255,255,255,.75); }.personality-topic-seo-grid h3,.personality-seo-text h3 { margin: 0 0 10px; font: 900 20px "Manrope",sans-serif; }.personality-topic-seo-grid p,.personality-seo-text p { color: var(--muted); font-size: 12px; line-height: 1.75; }.personality-related-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }.personality-related-tags a { padding: 7px 9px; border-radius: 999px; background: #fff; color: var(--purple); font-size: 9px; font-weight: 800; }.personality-seo-text { margin-top: 13px; }.personality-topic-faq { margin-top: 14px; }.personality-topic-faq details { padding: 17px 0; border-top: 1px solid #d0c6ed; }.personality-topic-faq summary { cursor: pointer; font-weight: 900; }.personality-topic-faq p { color: var(--muted); line-height: 1.7; }

@media (max-width: 900px) {
  .test-meta-panel { grid-template-columns: 1fr; gap: 18px; }
  .meta-facts { grid-template-columns: repeat(2,1fr); }
  .action-grid { grid-template-columns: 1fr 1fr; }
  .quality-panel > div { grid-template-columns: 1fr; }
  .profile-preview { align-items: flex-start; flex-direction: column; }
  .channel-share-grid { grid-template-columns: repeat(3,1fr); }
  .secondary-result-actions { grid-template-columns: repeat(3,1fr); }
  .assessment-hero { grid-template-columns: 1fr; }
  .assessment-symbol { min-height: 150px; }
  .assessment-shell { grid-template-columns: 1fr; }
  .assessment-side { position: static; }
  .assessment-share { align-items: flex-start; flex-direction: column; }
  .dossier-intro,.dossier-split,.reflection-section { grid-template-columns: 1fr; }
  .dossier-steps { grid-template-columns: repeat(2,1fr); }
  .deep-quiz-tree { grid-template-columns: 1fr; }
  .deep-branch-card > p { min-height: 0; }
  .expert-hero { grid-template-columns: 1fr; }
  .expert-symbol { min-height: 150px; }
  .expert-shell { grid-template-columns: 1fr; }
  .expert-side { position: static; }
  .academy-home-head { align-items: flex-start; flex-direction: column; }
  .academy-home-grid { grid-template-columns: 1fr; }
  .football-directory-head,.football-intro-panel,.football-source-panel { grid-template-columns: 1fr; }
  .football-club-grid { grid-template-columns: repeat(2,1fr); }
  .football-quiz-principle > div:last-child { grid-template-columns: repeat(2,1fr); }
  .club-quiz-hero { grid-template-columns: 1fr; }
  .club-badge { min-height: 180px; }
  .club-quiz-shell { grid-template-columns: 1fr; }
  .club-quiz-side { position: static; }
  .club-more-content { grid-template-columns: 1fr; }
  .football-portal-hero { grid-template-columns: 1fr; }
  .football-portal-ball { width: 285px; justify-self: center; }
  .football-section-head { align-items: flex-start; flex-direction: column; }
  .football-topic-grid { grid-template-columns: repeat(2,1fr); }
  .football-country-grid { grid-template-columns: repeat(2,1fr); }
  .sport-world-grid { grid-template-columns: repeat(3,1fr); }
  .personality-hero,.personality-cluster-hero,.personality-cluster-overview { grid-template-columns: 1fr; }
  .personality-topic-grid { grid-template-columns: repeat(2,1fr); }
  .personality-jump-nav { grid-template-columns: repeat(2,1fr); }
  .german-football-preview { grid-template-columns: repeat(2,1fr); }
}

/* Lifestyle & Alltag quiz world */
.lifestyle-page { --life-ink:#17221f; --life-lime:#dfff5f; --life-purple:#7357ff; --life-coral:#ff806e; max-width:1240px; margin:0 auto; padding:32px 24px 90px; color:var(--life-ink); }
.lifestyle-hero,.lifestyle-domain-hero,.lifestyle-subdomain-hero,.lifestyle-quiz-hero { position:relative; overflow:hidden; border:1px solid #dfe4dd; border-radius:34px; background:#f5f5ed; }
.lifestyle-hero { display:grid; grid-template-columns:1.3fr .7fr; min-height:570px; padding:72px; background:linear-gradient(135deg,#f5f5ed 0 62%,#dfff5f 62%); }
.lifestyle-hero h1,.lifestyle-domain-hero h1,.lifestyle-subdomain-hero h1,.lifestyle-quiz-hero h1 { margin:14px 0 20px; font:800 clamp(48px,7vw,88px)/.94 Manrope,sans-serif; letter-spacing:-5px; }
.lifestyle-hero h1 em { color:var(--life-purple); font-style:normal; }
.lifestyle-hero p,.lifestyle-domain-hero p,.lifestyle-subdomain-hero p,.lifestyle-quiz-hero p { max-width:680px; font-size:19px; line-height:1.65; }
.lifestyle-hero .primary-button { display:inline-flex; margin-top:18px; }
.lifestyle-hero-score { align-self:center; justify-self:center; display:grid; place-items:center; width:310px; height:310px; padding:35px; border:3px solid var(--life-ink); border-radius:50%; background:var(--life-purple); color:#fff; box-shadow:18px 18px 0 var(--life-ink); text-align:center; transform:rotate(4deg); }
.lifestyle-hero-score small { font-weight:800; letter-spacing:2px; }
.lifestyle-hero-score strong { font:800 100px/.8 Manrope,sans-serif; }
.lifestyle-hero-score span { font-size:13px; }
.lifestyle-hero-score i { position:absolute; margin:330px 0 0 240px; width:90px; height:90px; display:grid; place-items:center; border-radius:20px; background:var(--life-coral); color:var(--life-ink); font-weight:900; font-style:normal; transform:rotate(-9deg); }
.lifestyle-levels { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:28px 0 80px; overflow:hidden; border:1px solid #dfe4dd; border-radius:18px; background:#dfe4dd; }
.lifestyle-levels span { display:flex; align-items:center; gap:12px; padding:18px 22px; background:#fff; font-weight:800; }
.lifestyle-levels b { color:var(--life-purple); }
.lifestyle-section-head,.lifestyle-subdomain-preview > header { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:30px; }
.lifestyle-section-head h2,.lifestyle-subdomain-preview h2,.lifestyle-seo h2,.lifestyle-domain-seo h2,.lifestyle-test-seo > h2 { margin:8px 0 10px; font:800 clamp(34px,5vw,58px)/1 Manrope,sans-serif; letter-spacing:-3px; }
.lifestyle-section-head > strong { padding:10px 14px; border-radius:999px; background:var(--life-lime); white-space:nowrap; }
.lifestyle-world-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.lifestyle-world-card { min-height:330px; padding:34px; border:1px solid #dfe4dd; border-radius:26px; background:#fff; color:inherit; text-decoration:none; transition:.2s ease; }
.lifestyle-world-card:hover { border-color:var(--life-purple); transform:translateY(-4px); box-shadow:0 18px 40px #18231f12; }
.lifestyle-world-card > span,.lifestyle-domain-mark { display:grid; place-items:center; width:76px; height:76px; border-radius:22px; background:var(--life-lime); font:900 19px Manrope,sans-serif; }
.lifestyle-world-card small { float:right; margin-top:8px; color:#69736f; }
.lifestyle-world-card h3 { clear:both; margin:28px 0 12px; font:800 30px/1.1 Manrope,sans-serif; }
.lifestyle-world-card p { min-height:55px; line-height:1.55; }
.lifestyle-world-card div { display:flex; flex-wrap:wrap; gap:7px; margin:22px 0; }
.lifestyle-world-card i,.lifestyle-topic-pills span { padding:7px 11px; border-radius:999px; background:#f1f2ed; font-size:13px; font-style:normal; }
.lifestyle-seo,.lifestyle-domain-seo,.lifestyle-test-seo { margin-top:90px; padding:60px; border-radius:30px; background:#eef1eb; }
.lifestyle-seo-grid,.lifestyle-guide-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }
.lifestyle-seo-grid article,.lifestyle-guide-columns article { padding:26px; border-radius:20px; background:#fff; }
.lifestyle-seo-grid h3,.lifestyle-guide-columns h3 { margin:0 0 13px; font:800 21px Manrope,sans-serif; }
.lifestyle-seo-grid p,.lifestyle-domain-seo p,.lifestyle-test-seo p { line-height:1.72; color:#4f5b57; }
.lifestyle-faq { margin-top:48px; }
.lifestyle-faq details { border-top:1px solid #ced5cd; }
.lifestyle-faq summary { padding:20px 0; cursor:pointer; font-weight:800; }
.lifestyle-faq details p { max-width:880px; padding:0 0 20px; }
.lifestyle-domain-hero { display:grid; grid-template-columns:1fr auto; align-items:center; min-height:390px; margin-bottom:44px; padding:62px; background:linear-gradient(135deg,#f5f5ed,#e8ff9b); }
.lifestyle-domain-mark { width:190px; height:190px; border:3px solid var(--life-ink); border-radius:50%; background:var(--life-purple); color:#fff; font-size:36px; box-shadow:13px 13px 0 var(--life-ink); }
.lifestyle-subdomain-preview { margin:24px 0; padding:44px; border:1px solid #dde3dc; border-radius:28px; }
.lifestyle-subdomain-preview > header a { font-weight:800; color:var(--life-purple); text-decoration:none; }
.lifestyle-topic-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:25px; }
.lifestyle-test-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.lifestyle-test-card { display:flex; flex-direction:column; min-height:230px; padding:24px; border:1px solid #dce2dc; border-radius:20px; background:#fff; color:inherit; text-decoration:none; transition:.2s ease; }
.lifestyle-test-card:hover { border-color:var(--life-purple); transform:translateY(-3px); }
.lifestyle-test-card > span { align-self:flex-start; padding:6px 9px; border-radius:7px; background:#ece8ff; color:#5236dc; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; }
.lifestyle-test-card h4 { margin:18px 0 10px; font:800 20px/1.2 Manrope,sans-serif; }
.lifestyle-test-card p { flex:1; margin:0; color:#61706a; font-size:14px; line-height:1.5; }
.lifestyle-test-card div { display:flex; justify-content:space-between; gap:8px; margin-top:20px; font-size:12px; }
.lifestyle-test-card div strong { color:var(--life-purple); }
.lifestyle-subdomain-hero { padding:60px; background:linear-gradient(135deg,#f5f5ed 0 72%,#ffb8ad 72%); }
.lifestyle-topic-directory { margin-top:38px; }
.lifestyle-topic-block { margin-bottom:24px; padding:34px; border:1px solid #dfe4dd; border-radius:26px; background:#f9faf7; }
.lifestyle-topic-block > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.lifestyle-topic-block h3 { margin:5px 0 0; font:800 30px Manrope,sans-serif; }
.lifestyle-topic-block > header > span { padding:8px 12px; border-radius:999px; background:var(--life-lime); font-weight:800; }
.lifestyle-quiz-hero { display:grid; grid-template-columns:1fr auto; align-items:center; min-height:390px; padding:60px; background:linear-gradient(135deg,#ece8ff 0 75%,#dfff5f 75%); }
.lifestyle-quiz-hero h1 { max-width:820px; font-size:clamp(44px,6vw,72px); }
.lifestyle-quiz-badge { display:grid; place-items:center; width:190px; height:220px; border:3px solid var(--life-ink); border-radius:26px; background:var(--life-purple); color:#fff; box-shadow:12px 12px 0 var(--life-ink); transform:rotate(3deg); }
.lifestyle-quiz-badge small { font-weight:900; }
.lifestyle-quiz-badge strong { font:800 76px/.8 Manrope,sans-serif; }
.lifestyle-quiz-badge span { letter-spacing:3px; font-weight:900; }
.lifestyle-game-shell { max-width:920px; min-height:470px; margin:42px auto 0; padding:44px; border:1px solid #dce2dc; border-radius:30px; background:#fff; box-shadow:0 20px 55px #1f292313; }
.lifestyle-setup { text-align:center; }
.lifestyle-setup h2,.lifestyle-question h2,.lifestyle-result h2 { margin:12px 0; font:800 clamp(32px,5vw,52px)/1.05 Manrope,sans-serif; letter-spacing:-2px; }
.lifestyle-setup > p { max-width:650px; margin:0 auto; color:#64706c; line-height:1.6; }
.lifestyle-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:34px 0; }
.lifestyle-mode-grid button { display:flex; flex-direction:column; gap:7px; padding:22px; border:2px solid #e2e5e0; border-radius:18px; background:#fafbf8; color:inherit; cursor:pointer; }
.lifestyle-mode-grid button.active { border-color:var(--life-purple); background:#ece8ff; box-shadow:0 0 0 3px #7357ff1c; }
.lifestyle-mode-grid small { font-weight:900; color:var(--life-purple); }
.lifestyle-mode-grid strong { font-size:19px; }
.lifestyle-start { min-width:230px; justify-content:center; }
.lifestyle-setup-facts { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin-top:28px; font-size:13px; font-weight:700; }
.lifestyle-question-meta { display:flex; justify-content:space-between; font-weight:800; }
.lifestyle-question > small { display:block; margin-top:30px; color:var(--life-purple); font-weight:900; text-transform:uppercase; letter-spacing:1px; }
.lifestyle-question h2 { max-width:760px; }
.lifestyle-answers { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px 0; }
.lifestyle-answers button { display:flex; align-items:center; gap:14px; min-height:76px; padding:15px; border:2px solid #e1e5df; border-radius:16px; background:#fafbf8; color:inherit; text-align:left; font-weight:700; cursor:pointer; }
.lifestyle-answers button span { flex:0 0 36px; display:grid; place-items:center; height:36px; border-radius:10px; background:#ecefe9; }
.lifestyle-answers button.selected { border-color:var(--life-purple); background:#ece8ff; }
.lifestyle-answers button.selected span { background:var(--life-purple); color:#fff; }
.lifestyle-result-hero { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:34px; padding-bottom:38px; border-bottom:1px solid #e0e4df; }
.lifestyle-score-ring { width:190px; height:190px; display:grid; place-content:center; border-radius:50%; background:radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(var(--life-purple) var(--score),#e5e9e2 0); text-align:center; }
.lifestyle-score-ring strong { font:800 54px/.9 Manrope,sans-serif; }
.lifestyle-score-ring span { font-size:11px; font-weight:800; text-transform:uppercase; }
.lifestyle-achievement { display:inline-block; margin-top:12px; padding:10px 13px; border-radius:10px; background:var(--life-lime); }
.lifestyle-profile-bars { margin:35px 0; }
.lifestyle-profile-bars > div { display:grid; grid-template-columns:150px 1fr 45px; align-items:center; gap:12px; margin:14px 0; }
.lifestyle-profile-bars i { height:11px; overflow:hidden; border-radius:999px; background:#e7eae5; }
.lifestyle-profile-bars i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--life-purple),#a895ff); }
.lifestyle-result-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; padding:24px; border-radius:20px; background:#f2f4ef; }
.lifestyle-result-actions > div { flex:1 1 220px; }
.lifestyle-result-actions h3 { margin:4px 0; }
.lifestyle-result-actions a,.lifestyle-result-actions button { padding:11px 14px; border:0; border-radius:10px; background:#fff; color:inherit; font-weight:800; text-decoration:none; cursor:pointer; }
.lifestyle-result-actions .share-wa { background:#27d366; }
.lifestyle-ranking { margin-top:25px; padding:26px; border:1px solid #dce1da; border-radius:20px; }
.lifestyle-ranking header,.lifestyle-ranking li,.lifestyle-ranking > div { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.lifestyle-ranking h3 { margin:5px 0; }
.lifestyle-ranking ol { padding:0; list-style:none; }
.lifestyle-ranking li { padding:12px 0; border-bottom:1px solid #e4e7e2; }
.lifestyle-ranking input { flex:1; padding:12px; border:1px solid #ccd3cb; border-radius:10px; }
.lifestyle-social-proof { display:flex; align-items:center; justify-content:space-between; gap:30px; max-width:920px; margin:28px auto 0; padding:24px 28px; border-radius:20px; background:#17221f; color:#fff; }
.lifestyle-social-proof h2 { margin:5px 0; }
.lifestyle-social-proof .test-rating { color:#fff; }
.lifestyle-guide-columns article > span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--life-lime); font-weight:900; }
.lifestyle-related { margin-top:55px; padding-top:44px; border-top:1px solid #ccd4cc; }
.lifestyle-related > p a { color:var(--life-purple); font-weight:700; }
.personality-fun-hero { background:linear-gradient(135deg,#f5f5ed 0 62%,#ffb8ad 62%); }
.personality-vibe-score { background:#17221f; }
.personality-vibe-score strong { font-size:66px; letter-spacing:-5px; }
.personality-fun-directory { margin-top:80px; }
.personality-fun-group { margin:24px 0; padding:34px; border:1px solid #dde3dc; border-radius:27px; background:#f9faf7; }
.personality-fun-group > header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.personality-fun-group > header > div { display:flex; align-items:center; gap:17px; }
.personality-fun-group > header > div > span { display:grid; place-items:center; flex:0 0 68px; height:68px; border-radius:19px; background:#dfff5f; font:900 17px Manrope,sans-serif; }
.personality-fun-group h3 { margin:4px 0; font:800 28px Manrope,sans-serif; }
.personality-fun-group p { margin:0; color:#63706b; }
.personality-fun-group > header > strong { padding:8px 11px; border-radius:999px; background:#ece8ff; color:#5135d8; white-space:nowrap; }
.personality-fun-group .lifestyle-test-grid { grid-template-columns:repeat(4,1fr); }
.personality-fun-card { min-height:255px; }
.personality-archive { margin-top:90px; padding:55px; border-radius:30px; background:#17221f; color:#fff; }
.personality-archive .lifestyle-section-head p { color:#c4cec9; }
.personality-archive .lifestyle-world-grid { grid-template-columns:repeat(3,1fr); }
.personality-archive-card { min-height:280px; color:#17221f; }
.personality-archive-card p { min-height:75px; }
.personality-fun-quiz-hero { background:linear-gradient(135deg,#ece8ff 0 75%,#ffb8ad 75%); }
.personality-quiz-badge { background:#17221f; }
.personality-fun-seo .personality-seo-text { margin-top:48px; padding:34px; border-radius:20px; background:#fff; }
.personality-fun-seo .personality-seo-text h3 { margin-top:0; font:800 25px Manrope,sans-serif; }
.personality-logical-group > header > a { padding:9px 13px; border-radius:999px; background:#ece8ff; color:#5135d8; font-weight:900; white-space:nowrap; }
.personality-world-card { min-height:350px; }
.personality-cluster-lifestyle-hero { background:linear-gradient(135deg,#f5f5ed,#ffe1dc); }
.personality-cluster-quiz-section > header > strong { padding:9px 13px; border-radius:999px; background:#dfff5f; white-space:nowrap; }
.sport-lifestyle-hero { background:linear-gradient(135deg,#f5f5ed 0 62%,#bce6ff 62%); }
.sport-hub-score { background:#17221f; }
.sport-hub-score strong { font-size:90px; }
.sport-lifestyle-grid { grid-template-columns:repeat(3,1fr); }
.sport-lifestyle-card { min-height:340px; }
.sport-lifestyle-card:nth-child(3n+2) > span { background:#bce6ff; }
.sport-lifestyle-card:nth-child(3n) > span { background:#ffb8ad; }
.sport-hub-seo { background:#e9f5fb; }
.team-identity-seo .feature-columns p { overflow-wrap:anywhere; }
.creativity-hero { background:linear-gradient(135deg,#f5f5ed 0 58%,#ffd0f1 58%); }
.creativity-score { background:#5c38e8; }
.creativity-score strong { font-size:54px; letter-spacing:-4px; }
.creativity-world-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.creativity-world-card { min-height:360px; }
.creativity-world-card:nth-child(3n+1) > span { background:#dfff5f; }
.creativity-world-card:nth-child(3n+2) > span { background:#bce6ff; }
.creativity-world-card:nth-child(3n) > span { background:#ffb8da; }
.creativity-domain-hero { background:linear-gradient(135deg,#f5f5ed,#ffe2f5); }
.creativity-subdomain-hero { background:linear-gradient(135deg,#eeeaff 0 72%,#dfff5f 72%); }
.creativity-quiz-hero { background:linear-gradient(135deg,#eeeaff 0 72%,#ffd0f1 72%); }
.creativity-quiz-badge { background:#5c38e8; }
.creativity-hub-seo { background:#f2edff; }
.creativity-test-card > span { background:#f0e8ff; color:#5c38e8; }
.career-hub-hero { background:linear-gradient(135deg,#f5f5ed 0 58%,#bce6ff 58%); }
.career-hub-score { background:#173b67; }
.career-hub-score strong { font-size:82px; }
.career-world-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.career-world-card { min-height:370px; }
.career-world-card:nth-child(3n+1) > span { background:#bce6ff; }
.career-world-card:nth-child(3n+2) > span { background:#dfff5f; }
.career-world-card:nth-child(3n) > span { background:#ffd4a8; }
.career-domain-hero { background:linear-gradient(135deg,#f5f5ed,#dceeff); }
.career-subdomain-hero { background:linear-gradient(135deg,#eaf4ff 0 72%,#dfff5f 72%); }
.career-hub-seo { background:#eaf4ff; }
.career-test-card.is-knowledge { border-top:5px solid #173b67; }
.career-test-card.is-selftest { border-top:5px solid #7057ee; }
.career-test-card.is-knowledge > span { background:#dceeff; color:#173b67; }
.career-test-card.is-selftest > span { background:#eeeaff; color:#5c38e8; }
.career-quiz-hero { background:linear-gradient(135deg,#eef6ff,#dfff5f); }
.career-quiz-art { background:linear-gradient(135deg,#173b67,#3576b8); }
.career-selftest-hero { background:linear-gradient(135deg,#f3f0ff,#fff); }
.career-selftest-seo { margin-top:60px; }
.career-selftest-seo .lifestyle-seo-grid { margin-bottom:42px; }

@media (max-width:800px) {
  .lifestyle-page { padding:22px 13px 60px; }
  .lifestyle-hero,.lifestyle-domain-hero,.lifestyle-quiz-hero { grid-template-columns:1fr; padding:34px 20px; border-radius:23px; background:#f5f5ed; }
  .lifestyle-hero h1,.lifestyle-domain-hero h1,.lifestyle-subdomain-hero h1,.lifestyle-quiz-hero h1 { font-size:48px; letter-spacing:-3px; overflow-wrap:anywhere; }
  .lifestyle-hero-score { width:210px; height:210px; margin:35px auto 15px; box-shadow:9px 9px 0 var(--life-ink); }
  .lifestyle-hero-score strong { font-size:66px; }
  .lifestyle-hero-score i { display:none; }
  .lifestyle-levels { grid-template-columns:1fr 1fr; margin-bottom:55px; }
  .lifestyle-world-grid,.lifestyle-test-grid,.lifestyle-seo-grid,.lifestyle-guide-columns,.lifestyle-mode-grid,.lifestyle-answers { grid-template-columns:1fr; }
  .lifestyle-world-card { width:100%; min-width:0; }
  .lifestyle-section-head,.lifestyle-subdomain-preview > header { align-items:flex-start; flex-direction:column; }
  .lifestyle-world-card { min-height:0; padding:25px; }
  .lifestyle-seo,.lifestyle-domain-seo,.lifestyle-test-seo,.lifestyle-subdomain-preview,.lifestyle-topic-block,.lifestyle-subdomain-hero { padding:28px 18px; border-radius:22px; }
  .lifestyle-domain-mark,.lifestyle-quiz-badge { width:150px; height:150px; margin:28px auto 5px; box-shadow:8px 8px 0 var(--life-ink); }
  .lifestyle-game-shell { min-height:0; padding:25px 17px; border-radius:22px; }
  .lifestyle-result-hero { grid-template-columns:1fr; }
  .lifestyle-score-ring { width:160px; height:160px; }
  .lifestyle-profile-bars > div { grid-template-columns:110px 1fr 38px; font-size:13px; }
  .lifestyle-ranking header,.lifestyle-ranking > div { align-items:stretch; flex-direction:column; }
  .lifestyle-ranking li { align-items:flex-start; flex-direction:column; }
  .lifestyle-social-proof { align-items:flex-start; flex-direction:column; }
  .personality-fun-hero { background:#f5f5ed; }
  .personality-vibe-score strong { font-size:50px; }
  .personality-fun-group { padding:24px 17px; }
  .personality-fun-group > header,.personality-fun-group > header > div { align-items:flex-start; flex-direction:column; }
  .personality-fun-group .lifestyle-test-grid,.personality-archive .lifestyle-world-grid { grid-template-columns:minmax(0,1fr); }
  .personality-archive-card { min-width:0; max-width:100%; overflow-wrap:anywhere; }
  .personality-archive { padding:29px 18px; border-radius:22px; }
  .personality-fun-seo .personality-seo-text { padding:24px 18px; }
  .personality-logical-group > header > a { white-space:normal; }
  .personality-cluster-lifestyle-hero { background:#f5f5ed; }
  .sport-lifestyle-hero { background:#f5f5ed; }
  .sport-hub-score strong { font-size:66px; }
  .sport-lifestyle-grid { grid-template-columns:minmax(0,1fr); }
  .creativity-world-grid { grid-template-columns:minmax(0,1fr); }
  .creativity-hero,.creativity-domain-hero,.creativity-subdomain-hero,.creativity-quiz-hero { background:#f5f5ed; }
  .creativity-score strong { font-size:40px; letter-spacing:-2px; }
  .career-world-grid { grid-template-columns:minmax(0,1fr); }
  .career-hub-hero,.career-domain-hero,.career-subdomain-hero,.career-quiz-hero { background:#f5f5ed; }
  .career-hub-score strong { font-size:60px; }
}

@media (max-width: 600px) {
  .test-meta-panel { padding: 18px; }
  .test-rating { flex-wrap: wrap; }
  .comments-section { margin-top: 45px; padding: 28px 18px; }
  .comments-heading,.comment-form > div { display: block; }
  .comment-count { display: inline-block; margin-top: 16px; }
  .comment-form { padding: 20px 16px; }
  .comment-form .primary-button { width: 100%; margin-top: 14px; }
  .comment-card { grid-template-columns: 36px 1fr; padding: 16px 13px; }
  .comment-avatar { width: 36px; height: 36px; }
  .mode-grid,.special-modes { grid-template-columns: 1fr; }
  .quiz-start-panel { align-items: stretch; flex-direction: column; }
  .quiz-start-panel .primary-button { width: 100%; }
  .achievement-strip { display: grid; grid-template-columns: repeat(6,1fr); width: 100%; }
  .achievement-mini { width: auto; }
  .profile-bars > div { grid-template-columns: 105px 1fr 38px; gap: 8px; }
  .knowledge-profile,.quality-panel { padding: 27px 19px; }
  .question-media img { max-height: 210px; }
  .meta-facts { grid-template-columns: 1fr 1fr; }
  .result-hero,.answer-review,.result-actions,.leaderboard { padding: 26px 19px; }
  .result-hero h2 { letter-spacing: -2px; }
  .result-quick-stats { display: grid; grid-template-columns: 1fr 1fr; }
  .result-quick-stats span { min-width: 0; }
  .action-grid,.rank-tiers { grid-template-columns: 1fr 1fr; }
  .channel-share-grid,.secondary-result-actions { grid-template-columns: 1fr 1fr; }
  .save-score { display: grid; }
  .save-score input { min-height: 48px; }
  .result-footer-actions { display: grid; }
  .result-footer-actions button { width: 100%; }
  .assessment-page { padding: 20px 13px 55px; }
  .assessment-hero { padding: 28px 20px; }
  .assessment-hero h1 { letter-spacing: -2px; }
  .assessment-card { min-height: 0; padding: 27px 18px; }
  .assessment-depth-grid,.assessment-scale,.assessment-related > div:last-child { grid-template-columns: 1fr; }
  .assessment-start-bar { align-items: stretch; flex-direction: column; }
  .assessment-start-bar button { width: 100%; }
  .assessment-share > div:last-child { display: grid; width: 100%; grid-template-columns: 1fr; }
  .assessment-share a,.assessment-share button { justify-content: center; }
  .assessment-dimensions,.assessment-related { padding: 25px 18px; }
  .assessment-dossier { margin-top: 48px; }
  .dossier-intro,.dossier-section { padding: 28px 19px; }
  .dossier-dimensions,.music-style-grid,.reflection-grid,.dossier-steps { grid-template-columns: 1fr; }
  .dossier-steps li { min-height: 0; }
  .dossier-steps li::before { margin-bottom: 18px; }
  .dossier-section-head { display: block; }
  .quiz-count-badge { display: inline-block; margin-top: 5px; }
  .deep-branch-card { padding: 18px; }
  .expert-page { padding: 20px 13px 55px; }
  .expert-hero { padding: 28px 20px; }
  .expert-hero h1 { letter-spacing: -2px; }
  .expert-card { min-height: 0; padding: 27px 18px; }
  .expert-depth-grid { grid-template-columns: 1fr; }
  .expert-start-bar { align-items: stretch; flex-direction: column; }
  .expert-start-bar button { width: 100%; }
  .expert-result-links { display: grid; }
  .expert-result-links > * { width: 100%; text-align: center; }
  .quiz-academy-home { margin-top: 42px; padding: 31px 18px !important; border-radius: 22px; }
  .academy-home-head h2 { letter-spacing: -1.5px; }
  .academy-home-grid a { min-height: 0; padding: 22px; }
  .academy-home-grid p { min-height: 0; }
  .football-directory { padding: 29px 17px; border-radius: 22px; }
  .football-directory-head h2 { letter-spacing: -1.8px; }
  .football-league-jumps,.football-club-grid,.league-explainer,.football-quiz-principle > div:last-child { grid-template-columns: 1fr; }
  .football-league-group { padding: 18px 12px; }
  .football-league-group > header { grid-template-columns: 43px 1fr; }
  .football-league-group > header > strong { grid-column: 2; justify-self: start; }
  .football-club-card h4,.football-club-card p { white-space: normal; }
  .football-intro-panel,.football-quiz-principle { padding: 28px 19px; }
  .football-number { min-height: 160px; }
  .football-source-panel { padding: 25px 19px; }
  .football-selftest-intro { margin-top: 45px; padding: 31px 18px; }
  .football-selftest-intro + .assessment-shell { padding: 12px; }
  .club-quiz-page { padding: 20px 13px 55px; }
  .club-quiz-hero { padding: 29px 20px; }
  .club-quiz-hero h1 { letter-spacing: -2px; }
  .club-quiz-card { min-height: 0; padding: 27px 18px; }
  .club-depth-grid,.club-facts-grid { grid-template-columns: 1fr; }
  .club-start-bar { align-items: stretch; flex-direction: column; }
  .club-start-bar button { width: 100%; }
  .club-facts-section { padding: 29px 18px; }
  .club-facts-head { flex-direction: column; }
  .club-more-content { padding: 27px 18px; }
  .club-result-links { display: grid; }
  .club-result-links > * { width: 100%; text-align: center; }
  .football-portal-page { padding: 22px 13px 60px; }
  .football-portal-hero { min-height: 0; padding: 35px 21px; border-radius: 23px; }
  .football-portal-hero h1 { font-size: 58px; letter-spacing: -4px; }
  .football-portal-ball { width: 220px; min-height: 220px; }
  .football-portal-ball span { font-size: 48px; }
  .football-path-section,.football-topic-section { padding: 29px 18px; border-radius: 22px; }
  .football-section-head h2 { letter-spacing: -1.8px; }
  .football-topic-grid,.german-football-preview,.football-portal-info,.football-country-grid,.football-country-content { grid-template-columns: 1fr; }
  .sport-world-grid,.olympia-paths { grid-template-columns: 1fr; }
  .personality-page { padding: 22px 13px 60px; }
  .personality-hero,.personality-cluster-hero { min-height: 0; padding: 34px 20px; border-radius: 23px; }
  .personality-hero h1,.personality-cluster-hero h1 { font-size: 52px; letter-spacing: -3px; }
  .personality-hero > div,.personality-cluster-hero > div { min-width: 0; }
  .personality-cluster-hero h1 { overflow-wrap: anywhere; }
  .personality-orbit { width: 230px; height: 230px; }
  .personality-jump-nav,.personality-topic-grid,.personality-glossary,.personality-seo-columns,.personality-topic-seo-grid { grid-template-columns: 1fr; }
  .personality-cluster-section,.personality-seo-content,.personality-cluster-overview,.cluster-topic-grid,.personality-topic-seo { padding: 28px 18px; border-radius: 22px; }
  .personality-cluster-section > header { align-items: flex-start; flex-direction: column; }
  .personality-topic-card { min-height: 0; }
  .football-topic-card { min-height: 0; }
  .football-topic-card p { min-height: 0; }
}
/* Gesundheit & Wohlbefinden */
.live-test-counter{display:flex;align-items:center;gap:12px;margin:22px 0 14px;padding:12px 16px;width:max-content;max-width:100%;border:1px solid rgba(14,58,74,.14);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 8px 30px rgba(14,58,74,.08)}
.live-test-counter strong{font-size:1.5rem;color:#11665c}.live-test-counter span{font-weight:800}.live-test-counter i{font-size:.76rem;font-style:normal;color:#248d71}
.health-hub-hero,.health-domain-hero,.health-quiz-hero{background:linear-gradient(135deg,#e5fff3 0%,#f8fff8 52%,#e7f5ff 100%)}
.health-score,.health-quiz-art{background:linear-gradient(145deg,#11665c,#32a67f)!important;color:#fff!important}
.health-world-card>span,.health-card .test-tag{background:#dff8ed;color:#11665c}.health-world-card:hover{border-color:#5ac19c;box-shadow:0 18px 50px rgba(17,102,92,.13)}
.health-test-seo,.health-hub-seo{--accent:#17846f}.health-card .test-visual{background:linear-gradient(135deg,#e7faf2,#e8f4ff)}
.club-depth-seo{border-top:1px solid rgba(14,58,74,.1)}.club-search-guide{margin-top:0}
@media(max-width:700px){.live-test-counter{width:100%;flex-wrap:wrap}.live-test-counter i{width:100%}.health-score{min-height:260px}}
/* Gaming & Internet */
.gaming-hub-hero,.gaming-domain-hero,.gaming-quiz-hero{background:linear-gradient(135deg,#10172c 0%,#202b56 55%,#5d2de1 100%);color:#fff}.gaming-hub-hero h1,.gaming-hub-hero p,.gaming-domain-hero h1,.gaming-domain-hero p,.gaming-quiz-hero h1,.gaming-quiz-hero p{color:#fff}.gaming-hub-hero em,.gaming-quiz-hero em{color:#6fffd1}.gaming-hub-hero .hero-quiz-chips span,.gaming-domain-hero .hero-quiz-chips span,.gaming-quiz-hero .hero-quiz-chips span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}
.gaming-score,.gaming-quiz-art{background:linear-gradient(145deg,#6fffd1,#7d4dff)!important;color:#11172a!important}.gaming-score i{background:#ff5c92!important;color:#fff!important}
.gaming-world-card>span,.gaming-card .test-tag{background:#e9e1ff;color:#5c35ca}.gaming-world-card:hover{border-color:#7d4dff;box-shadow:0 20px 55px rgba(93,45,225,.16)}.gaming-card .test-visual{background:linear-gradient(135deg,#141c35,#5931bb);color:#fff}.gaming-card .test-visual span{color:#fff}.gaming-card .test-tag{background:rgba(111,255,209,.17);color:#8bffdc}.gaming-test-seo,.gaming-selftest-seo,.gaming-hub-seo{--accent:#6741d9}.gaming-test-seo .dark-section{border-radius:28px}.gaming-page .lifestyle-topic-block{scroll-margin-top:110px}
@media(max-width:700px){.gaming-hub-hero,.gaming-domain-hero,.gaming-quiz-hero{padding:28px 22px}.gaming-score{min-height:260px}.gaming-hub-hero h1{font-size:3rem}}

/* Gaming-Premiumlayout nach der Hertha-Blaupause */
.gaming-quiz-page .gaming-quiz-hero{background:linear-gradient(135deg,#f8f7f0 0%,#f0f1fb 100%);color:#101c22;border:1px solid rgba(16,28,34,.08);overflow:visible;padding:34px 0}.gaming-quiz-page .gaming-quiz-hero h1,.gaming-quiz-page .gaming-quiz-hero p{color:#101c22}.gaming-quiz-page .gaming-quiz-hero h1{font-size:clamp(3.4rem,6vw,5.5rem);line-height:.94;letter-spacing:-.06em;max-width:720px}.gaming-quiz-page .gaming-quiz-hero>div:first-child{padding-left:0}.gaming-quiz-page .gaming-quiz-hero .hero-quiz-chips span{background:#fff;border-color:rgba(16,28,34,.12);color:#101c22;box-shadow:0 5px 18px rgba(16,28,34,.05)}.gaming-quiz-page .gaming-quiz-art{border-radius:28px;min-height:295px;box-shadow:18px 18px 0 #101c22}.gaming-quiz-page .quiz-shell{margin-top:62px}.gaming-quiz-page .quiz-side{background:#101c22;color:#fff}.gaming-quiz-page .quiz-side h3,.gaming-quiz-page .quiz-side strong{color:#fff}
.gaming-knowledge{margin-top:56px}.gaming-knowledge>.gaming-test-seo{margin-top:0}.gaming-knowledge .knowledge-intro,.gaming-selftest-deep .knowledge-intro{border-radius:34px 34px 0 0}.gaming-knowledge .content-nav{position:sticky;top:76px;z-index:4}.gaming-knowledge .gaming-test-seo{padding-left:0;padding-right:0}.gaming-knowledge .gaming-test-seo>h2,.gaming-knowledge .gaming-test-seo>.eyebrow,.gaming-knowledge .gaming-test-seo>.lifestyle-seo-grid,.gaming-knowledge .gaming-test-seo>.lifestyle-guide-columns,.gaming-knowledge .gaming-test-seo>.lifestyle-related,.gaming-knowledge .gaming-test-seo>.lifestyle-faq{margin-left:clamp(20px,5vw,72px);margin-right:clamp(20px,5vw,72px)}
.gaming-assessment-page .assessment-hero{background:linear-gradient(135deg,#f8f7f0,#eeeafd)}.gaming-assessment-page .assessment-setup{border-top:5px solid #6848e8}.gaming-selftest-deep{margin-top:48px}.gaming-selftest-deep .did-you-know strong{font-size:2rem}.gaming-selftest-deep .people-grid article,.gaming-knowledge .people-grid article{min-height:170px}
@media(max-width:900px){.gaming-quiz-page .gaming-quiz-hero{padding:28px}.gaming-quiz-page .gaming-quiz-hero>div:first-child{padding-left:0}.gaming-quiz-page .gaming-quiz-art{min-height:230px;box-shadow:10px 10px 0 #101c22}.gaming-knowledge .content-nav{position:relative;top:auto}}
@media(max-width:700px){.gaming-quiz-page .gaming-quiz-hero h1{font-size:3.2rem}.gaming-quiz-page .gaming-quiz-hero{padding:24px 20px}.gaming-quiz-page .gaming-quiz-art{box-shadow:7px 7px 0 #101c22}.gaming-knowledge .knowledge-stats,.gaming-selftest-deep .knowledge-stats{grid-template-columns:1fr 1fr}}
.gaming-new-card{position:relative;border-color:rgba(104,72,232,.28)}.gaming-new-badge{position:absolute;z-index:2;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#70ffd2;color:#11172a;font-size:.7rem;letter-spacing:.12em;box-shadow:0 6px 18px rgba(0,0,0,.2)}.gaming-fanservice{margin-top:0}.gaming-fanservice .feature-heading h3{max-width:850px}

/* Kultur und Reisen */
.culture-travel-hero,.culture-travel-domain-hero{background:linear-gradient(135deg,#fff3d6 0%,#f6efe3 48%,#dff2ec 100%)}.culture-travel-hero em{color:#c95836}.culture-travel-score{background:linear-gradient(145deg,#175a54,#d48855)!important;color:#fff!important}.culture-travel-score i{background:#f1c75b!important;color:#342518!important}.culture-travel-world-card>span,.culture-travel-card .test-tag{background:#fff0cc;color:#865126}.culture-travel-world-card:hover{border-color:#d48855;box-shadow:0 20px 55px rgba(154,91,46,.15)}.culture-travel-card .test-visual{background:linear-gradient(135deg,#fff0cf,#dcefe8)}.culture-travel-seo{--accent:#b65d39}.culture-travel-page .lifestyle-test-grid{margin-top:30px}
@media(max-width:700px){.culture-travel-hero,.culture-travel-domain-hero{padding:28px 22px}.culture-travel-score{min-height:250px}}

/* 500 Kultur- und Reisequiz */
.culture-quiz-hub-hero,.culture-quiz-domain-hero,.culture-quiz-subdomain-hero{background:linear-gradient(135deg,#fff4d8 0%,#f8efe2 48%,#dceee9 100%)}.culture-quiz-hub-hero em{color:#bd5939}.culture-quiz-score{background:linear-gradient(145deg,#164f4b,#bf7149)!important;color:#fff!important}.culture-quiz-score i{background:#f1c85d!important;color:#302215!important}.culture-quiz-world-card>span{background:#fff0ca;color:#8b5128}.culture-quiz-world-card:hover{border-color:#c8794e;box-shadow:0 20px 55px rgba(160,91,45,.16)}
.culture-quiz-card .test-visual{background:linear-gradient(135deg,#183e3b,#c17a4f);color:#fff}.culture-quiz-card .test-tag{background:rgba(255,241,197,.18);color:#fff2c8}.culture-quiz-card .test-time{color:#fff}.culture-selftest-bridge{margin:70px 0;padding:42px;border-radius:30px;background:#142d2b;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.culture-selftest-bridge h2,.culture-selftest-bridge p{color:#fff}.culture-selftest-bridge>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.culture-selftest-bridge a{padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:5px}.culture-selftest-bridge a span{color:#f0cd79;font-size:.82rem}
.culture-premium-hero{background:linear-gradient(135deg,#f9f6ed,#edf4f1);border:1px solid rgba(20,45,43,.09);padding:34px 0}.culture-premium-hero h1{font-size:clamp(3.2rem,5.8vw,5.3rem);line-height:.95;letter-spacing:-.055em;color:#142d2b}.culture-premium-hero p{color:#445653}.culture-premium-hero .hero-quiz-chips span{background:#fff;color:#142d2b;border-color:rgba(20,45,43,.12)}.culture-premium-art{background:linear-gradient(145deg,#164f4b,#d58d55)!important;color:#fff!important;min-height:290px;border-radius:28px;box-shadow:18px 18px 0 #142d2b}.culture-premium-quiz-page .quiz-shell{margin-top:62px}.culture-premium-quiz-page .quiz-side{background:#142d2b;color:#fff}.culture-premium-quiz-page .quiz-side h3,.culture-premium-quiz-page .quiz-side strong{color:#fff}.culture-quiz-knowledge{margin-top:55px}.culture-quiz-knowledge .content-nav{position:sticky;top:76px;z-index:4}.culture-quiz-hub-seo{--accent:#b85c3a}
@media(max-width:900px){.culture-selftest-bridge{grid-template-columns:1fr}.culture-premium-hero{padding:28px}.culture-premium-art{min-height:230px;box-shadow:10px 10px 0 #142d2b}.culture-quiz-knowledge .content-nav{position:relative;top:auto}}
@media(max-width:700px){.culture-quiz-hub-hero,.culture-quiz-domain-hero,.culture-quiz-subdomain-hero{padding:26px 20px}.culture-selftest-bridge{padding:25px}.culture-selftest-bridge>div:last-child{grid-template-columns:1fr}.culture-premium-hero{padding:24px 20px}.culture-premium-hero h1{font-size:3rem}.culture-premium-art{box-shadow:7px 7px 0 #142d2b}}

/* Essen & Kulinarik */
.food-hub-hero,.food-domain-hero,.food-subdomain-hero{background:linear-gradient(135deg,#fff1d4 0%,#fff9ed 48%,#f4d9c8 100%)}.food-hub-hero em{color:#d44725}.food-score{background:linear-gradient(145deg,#7d2519,#dc6b2f)!important;color:#fff!important}.food-score i{background:#f4cf5a!important;color:#44240f!important}.food-world-card>span{background:#fff0c8;color:#9b361f}.food-world-card:hover{border-color:#dc6b2f;box-shadow:0 20px 55px rgba(180,75,35,.16)}
.food-test-card .test-visual{background:linear-gradient(135deg,#76271c,#e27635);color:#fff}.food-test-card .test-tag{background:rgba(255,245,207,.18);color:#fff5cf}.food-test-card .test-time{color:#fff}.food-premium-hero{background:linear-gradient(135deg,#fff9ed,#f8e2d2);border-color:rgba(125,37,25,.1)}.food-premium-hero h1{color:#542016}.food-premium-art{background:linear-gradient(145deg,#7d2519,#e37d35)!important;box-shadow:18px 18px 0 #4c2118}.food-quiz-side{background:#542016!important}.food-soft{background:#fff4df}.food-knowledge{margin-top:55px}.food-knowledge .content-nav{position:sticky;top:76px;z-index:4}.food-hub-seo{--accent:#d44725}
@media(max-width:900px){.food-premium-art{box-shadow:10px 10px 0 #4c2118}.food-knowledge .content-nav{position:relative;top:auto}}@media(max-width:700px){.food-hub-hero,.food-domain-hero,.food-subdomain-hero{padding:26px 20px}.food-premium-art{box-shadow:7px 7px 0 #4c2118}}

/* Popkultur & Unterhaltung */
.pop-hub-hero,.pop-domain-hero,.pop-subdomain-hero,.pop-anchor-hero{background:linear-gradient(135deg,#f0e8ff 0%,#fff2f5 50%,#dff4ff 100%)}.pop-hub-hero em{color:#e03773}.pop-score{background:linear-gradient(145deg,#4d257d,#db3f7a)!important;color:#fff!important}.pop-score i{background:#67e4d0!important;color:#152c35!important}.pop-world-card>span{background:#efe3ff;color:#6c35a4}.pop-world-card:hover{border-color:#d43f83;box-shadow:0 20px 55px rgba(139,47,132,.16)}
.pop-test-card .test-visual{background:linear-gradient(135deg,#48236e,#dc407f);color:#fff}.pop-test-card .test-tag{background:rgba(255,255,255,.16);color:#fff}.pop-test-card .test-time{color:#fff}.pop-premium-hero{background:linear-gradient(135deg,#f5efff,#fff0f6);border-color:rgba(90,36,123,.12)}.pop-premium-hero h1{color:#341d54}.pop-premium-art{background:linear-gradient(145deg,#4c2478,#df4381)!important;box-shadow:18px 18px 0 #291a42}.pop-quiz-side{background:#351d54!important}.pop-soft{background:#f5edff}.pop-knowledge{margin-top:55px}.pop-knowledge .content-nav{position:sticky;top:76px;z-index:4}.pop-hub-seo{--accent:#d43f83}.pop-anchor-preview,.pop-anchor-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pop-anchor-preview a,.pop-anchor-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid rgba(41,26,66,.1);border-radius:18px;background:#fff;color:#231934}.pop-anchor-preview span,.pop-anchor-card p{font-size:.86rem;color:#685e73}.pop-anchor-preview i,.pop-anchor-card span{margin-top:auto;color:#c13273;font-style:normal;font-weight:800}.pop-anchor-directory{margin:32px 0 70px}.pop-anchor-card{min-height:210px}.pop-anchor-card small{color:#8349aa;font-weight:800}.pop-anchor-card h3{font-size:1.35rem;margin:3px 0}.pop-anchor-card:hover,.pop-anchor-preview a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(80,34,105,.1)}
@media(max-width:1000px){.pop-anchor-preview,.pop-anchor-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pop-premium-art{box-shadow:10px 10px 0 #291a42}.pop-knowledge .content-nav{position:relative;top:auto}}@media(max-width:700px){.pop-hub-hero,.pop-domain-hero,.pop-subdomain-hero,.pop-anchor-hero{padding:26px 20px}.pop-premium-art{box-shadow:7px 7px 0 #291a42}.pop-anchor-preview,.pop-anchor-directory{grid-template-columns:1fr}}
.pop-geo-content{margin:70px 0 10px;padding:42px;border-radius:28px;background:#f7f1ff;border:1px solid rgba(76,36,120,.1)}.pop-geo-content>header{max-width:880px}.pop-geo-content h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:10px 0 18px}.pop-geo-answer{font-size:1.08rem;line-height:1.75}.pop-geo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.pop-geo-grid article{padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(76,36,120,.08)}.pop-geo-grid h3{margin-top:0}.pop-geo-grid p{line-height:1.65;color:#62586c}.pop-geo-faq{display:grid;gap:10px}.pop-geo-faq details{padding:16px 18px;border-radius:14px;background:#fff}.pop-geo-faq summary{font-weight:800;cursor:pointer}.pop-geo-faq p{line-height:1.65}@media(max-width:850px){.pop-geo-grid{grid-template-columns:1fr}.pop-geo-content{padding:26px}}

/* Beziehung, Familie und Finanzen Premiumwelten */
.rp-hub-hero,.rp-domain-hero,.rp-subdomain-hero,.rp-anchor-hero{background:linear-gradient(135deg,#eef7ff,#fff3ed)}.rp-beziehung-dating{background:linear-gradient(135deg,#fff0f4,#f4eaff)!important}.rp-familie{background:linear-gradient(135deg,#edf8ef,#fff5d9)!important}.rp-finanzen-entscheidungen{background:linear-gradient(135deg,#e9f8f1,#eaf1ff)!important}.rp-score{background:linear-gradient(145deg,#274c68,#9671a8)!important;color:#fff!important}.rp-world-card>span{background:#eef3ff;color:#394f7d}.rp-test-card .test-visual{background:linear-gradient(135deg,#315d78,#9164a3);color:#fff}.rp-test-card .test-tag{background:rgba(255,255,255,.16);color:#fff}.rp-test-card .test-time{color:#fff}.rp-premium-hero{background:linear-gradient(135deg,#eef7ff,#fff3ed)}.rp-premium-art{background:linear-gradient(145deg,#315d78,#9164a3)!important;box-shadow:18px 18px 0 #24394b}.rp-quiz-side{background:#24394b!important}.rp-soft{background:#f0f6ff}.rp-knowledge{margin-top:55px}.rp-geo{background:#f3f7fb}.rp-world-grid{margin:50px 0 70px}@media(max-width:900px){.rp-premium-art{box-shadow:10px 10px 0 #24394b}}@media(max-width:700px){.rp-hub-hero,.rp-domain-hero,.rp-subdomain-hero,.rp-anchor-hero{padding:26px 20px}.rp-premium-art{box-shadow:7px 7px 0 #24394b}}

/* Virtuelles 300.000er-Premiumarchiv */
.mega-hub-hero,.mega-subdomain-hero,.mega-topic-hero{background:linear-gradient(135deg,#e9f4ff,#f7edff 48%,#fff2da)}.mega-score{background:linear-gradient(145deg,#153d5a,#68448a)!important;color:#fff!important}.mega-cluster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:55px 0 75px}.mega-cluster-grid>a{padding:28px;border-radius:22px;background:#fff;border:1px solid rgba(31,54,78,.1);display:flex;flex-direction:column;gap:10px;color:#172a39}.mega-cluster-grid>a>span{font-weight:900;color:#704ba0}.mega-cluster-grid p{color:#66717a;line-height:1.55}.mega-cluster-grid strong{margin-top:auto;color:#66428d}.mega-test-card .test-visual{background:linear-gradient(135deg,#194662,#7650a0);color:#fff}.mega-test-card .test-tag{background:rgba(255,255,255,.15);color:#fff}.mega-test-card .test-time{color:#fff}.mega-premium-hero{background:linear-gradient(135deg,#eaf5ff,#f8efff)}.mega-premium-art{background:linear-gradient(145deg,#194662,#7650a0)!important;box-shadow:18px 18px 0 #172c3c}.mega-quiz-side{background:#172c3c!important}.mega-soft{background:#eef6ff}.mega-knowledge{margin-top:55px}.mega-pagination{margin:35px 0 70px;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-radius:16px;background:#fff;border:1px solid #e2e7ec}.mega-pagination a{font-weight:850;color:#65418c}.mega-archive-link{background:#eff5ff!important;border-color:#bdcdec!important}@media(max-width:900px){.mega-cluster-grid{grid-template-columns:1fr 1fr}.mega-premium-art{box-shadow:10px 10px 0 #172c3c}}@media(max-width:650px){.mega-cluster-grid{grid-template-columns:1fr}.mega-hub-hero,.mega-subdomain-hero,.mega-topic-hero{padding:26px 20px}.mega-premium-art{box-shadow:7px 7px 0 #172c3c}}
.universal-dossier{margin-top:70px}.universal-dossier .content-nav{position:sticky;top:76px;z-index:4}.universal-dossier .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.universal-dossier .timeline article,.universal-dossier .glossary-grid article{padding:20px;border-radius:16px;background:#fff;border:1px solid rgba(20,45,43,.1)}.universal-dossier .timeline strong{display:block;margin-bottom:8px}.universal-dossier .glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.universal-dossier .glossary-grid h4{margin:0 0 8px}.universal-dossier .glossary-grid p,.universal-dossier .timeline p{margin:0;line-height:1.55;color:#5e6867}@media(max-width:900px){.universal-dossier .timeline{grid-template-columns:1fr 1fr}.universal-dossier .glossary-grid{grid-template-columns:1fr 1fr}.universal-dossier .content-nav{position:relative;top:auto}}@media(max-width:620px){.universal-dossier .timeline,.universal-dossier .glossary-grid{grid-template-columns:1fr}}

/* Header, Startseite und eigenständige Online-Trinkspiele */
.desktop-nav{align-items:center}.desktop-nav>.mega-menu-wrap,.desktop-nav>a{display:flex;align-items:center;height:42px}.desktop-nav>a,.mega-menu-trigger{line-height:1}.mega-menu-trigger{height:42px}
.daily-test-home{max-width:1192px;margin:40px auto 80px;padding:clamp(28px,5vw,58px);border-radius:32px;background:linear-gradient(135deg,#171f1e,#283936 65%,#7757ff 150%);color:#fff;display:grid;grid-template-columns:210px 1fr;gap:50px;align-items:center;overflow:hidden;position:relative}.daily-test-home:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-170px;background:rgba(216,255,98,.14)}.daily-orbit{width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-content:center;text-align:center;position:relative}.daily-orbit:before{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--lime)}.daily-orbit span,.daily-orbit strong{position:relative;color:var(--ink)}.daily-orbit span{font-size:11px;letter-spacing:3px;font-weight:900}.daily-orbit strong{font:900 30px/1 Manrope,sans-serif}.daily-test-copy{position:relative;z-index:1}.daily-test-copy>small{display:block;margin-top:12px;color:#bfcac7}.daily-test-copy h2{margin:10px 0 14px;font:900 clamp(36px,5vw,62px)/1 Manrope,sans-serif;letter-spacing:-2.5px}.daily-test-copy>p{max-width:700px;color:#d3ddda}.daily-test-copy>div{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.daily-test-copy>div span{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px}.daily-test-copy .primary-button{background:var(--lime);color:var(--ink)}
.drink-games-page,.drink-play-page{max-width:1192px;margin:auto;padding:42px 24px 100px}.drink-games-hero{min-height:500px;padding:clamp(32px,6vw,72px);border-radius:34px;background:linear-gradient(135deg,#f2eaff,#fff 52%,#e8ffc0);display:grid;grid-template-columns:1fr 290px;align-items:center;gap:55px}.drink-games-hero h1{margin:14px 0 20px;font:900 clamp(52px,7vw,88px)/.95 Manrope,sans-serif;letter-spacing:-4px}.drink-games-hero h1 em{font-style:normal;color:var(--purple)}.drink-games-hero p{max-width:680px;color:var(--muted);font-size:18px}.drink-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.drink-hero-card{min-height:320px;padding:30px;border-radius:28px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transform:rotate(3deg);box-shadow:var(--shadow)}.drink-hero-card small{letter-spacing:2px;color:var(--lime);font-weight:900}.drink-hero-card strong{font:900 105px/.9 Manrope,sans-serif;color:var(--lime)}.drink-hero-card span{font-weight:800}.drink-hero-card i{position:absolute;right:18px;bottom:18px;padding:11px;border-radius:50%;background:var(--purple);font:900 11px/1 Manrope,sans-serif;text-align:center}.simple-path{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 78px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.simple-path span{display:flex;align-items:center;gap:12px;padding:18px;border-right:1px solid var(--line);font-weight:800}.simple-path span:last-child{border:0}.simple-path b{color:var(--purple)}.drink-directory-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.drink-directory-head h2{margin:8px 0 0;font:900 clamp(38px,5vw,62px)/1 Manrope,sans-serif;letter-spacing:-3px}.drink-directory-head>p{max-width:470px;color:var(--muted)}.online-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.online-game-card{min-height:340px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column;transition:.2s}.online-game-card:hover{transform:translateY(-5px);border-color:var(--purple);box-shadow:var(--shadow)}.online-game-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--lime);font-size:28px}.online-game-card>span{margin-top:18px;color:var(--purple);font-size:10px;font-weight:900;letter-spacing:1.4px}.online-game-card h2{margin:6px 0 9px;font:900 23px/1.1 Manrope,sans-serif}.online-game-card p{margin:0;color:var(--muted);font-size:14px}.online-game-card>div:not(.online-game-icon){display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.online-game-card small{padding:5px 8px;border-radius:999px;background:var(--cream);font-size:10px}.online-game-card>a{margin-top:auto;color:var(--purple);font-weight:900}.drink-safety{margin-top:35px;padding:24px 28px;border-radius:18px;background:#fff6cf;border:1px solid #efd96f}.drink-safety strong{display:block;margin-bottom:5px}.drink-safety p{margin:0;color:#5f583a}.drink-play-page{max-width:900px}.drink-play-hero{padding:30px;border-radius:24px;background:linear-gradient(135deg,#fff,#efeaff);display:flex;align-items:center;gap:24px}.drink-play-hero>span{width:90px;height:90px;display:grid;place-items:center;border-radius:24px;background:var(--lime);font-size:45px}.drink-play-hero small{color:var(--purple);font-weight:900}.drink-play-hero h1{margin:4px 0;font:900 clamp(36px,6vw,58px)/1 Manrope,sans-serif}.drink-play-hero p{margin:0;color:var(--muted)}.drink-rule-card{margin:18px 0;padding:22px 26px;border-radius:18px;background:var(--ink);color:#fff}.drink-rule-card span{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:1.4px}.drink-rule-card p{margin:7px 0 0;color:#d1dbd8}.drink-prompt-card{min-height:480px;padding:clamp(28px,6vw,64px);border-radius:30px;background:#fff;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.drink-round{align-self:stretch;display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.drink-round span{color:var(--purple);font-weight:900}.drink-round button,.drink-play-footer button{border:0;background:transparent;color:var(--purple);font-weight:800;cursor:pointer}.drink-prompt-icon{font-size:45px}.drink-prompt-card h2{max-width:700px;margin:15px 0;font:900 clamp(34px,6vw,60px)/1.08 Manrope,sans-serif;letter-spacing:-2px}.drink-prompt-card>p{color:var(--muted)}.drink-prompt-card>.primary-button{margin-top:auto}.drink-play-footer{display:flex;justify-content:space-between;padding:20px 4px;font-weight:800}.drink-safety.compact{margin-top:10px}.drink-safety.compact p{font-size:13px}
@media(max-width:900px){.online-game-grid{grid-template-columns:repeat(2,1fr)}.drink-games-hero{grid-template-columns:1fr}.drink-hero-card{min-height:220px}.daily-test-home{grid-template-columns:150px 1fr}.daily-orbit{width:145px;height:145px}.simple-path{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.daily-test-home{margin:25px 18px 55px;grid-template-columns:1fr;gap:24px}.daily-orbit{width:130px;height:130px}.drink-games-page,.drink-play-page{padding:28px 16px 70px}.drink-games-hero{min-height:auto;padding:28px 22px}.drink-games-hero h1{font-size:49px;letter-spacing:-3px}.drink-hero-card{display:none}.simple-path,.online-game-grid{grid-template-columns:1fr}.simple-path span{border-right:0;border-bottom:1px solid var(--line)}.drink-directory-head{display:block}.drink-play-hero{align-items:flex-start}.drink-play-hero>span{width:62px;height:62px;font-size:31px}.drink-prompt-card{min-height:430px}.drink-play-footer{gap:20px;align-items:center}}

/* Do it yourself: 100 Online-Rechner */
.diy-page,.diy-tool-page{max-width:1192px;margin:auto;padding:42px 24px 100px}.diy-hero{min-height:480px;padding:clamp(34px,6vw,70px);border-radius:34px;background:linear-gradient(135deg,#e6f4ff,#fff 48%,#fff0d7);display:grid;grid-template-columns:1fr 280px;gap:55px;align-items:center}.diy-hero h1{margin:14px 0 20px;font:900 clamp(52px,7vw,86px)/.95 Manrope,sans-serif;letter-spacing:-4px}.diy-hero h1 em{font-style:normal;color:#e26032}.diy-hero p{max-width:680px;color:var(--muted);font-size:18px}.diy-search{max-width:650px;height:62px;margin-top:28px;padding:8px 18px;display:flex;align-items:center;gap:12px;border:1px solid rgba(20,32,31,.1);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(20,32,31,.08)}.diy-search span{font-size:25px}.diy-search input{width:100%;border:0;outline:0;font-size:16px}.diy-hero-number{min-height:300px;border-radius:28px;background:linear-gradient(145deg,#163844,#246779);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg);box-shadow:var(--shadow)}.diy-hero-number small{color:#bce6ff;letter-spacing:2px;font-weight:900}.diy-hero-number strong{font:900 100px/.9 Manrope,sans-serif;color:var(--lime)}.diy-hero-number span{font-weight:800}.diy-filters{display:flex;gap:8px;overflow:auto;padding:28px 2px 22px;scrollbar-width:thin}.diy-filters button{flex:none;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:800;cursor:pointer}.diy-filters button.active{border-color:var(--ink);background:var(--ink);color:#fff}.diy-directory-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:18px 0 28px}.diy-directory-head span{font:900 28px Manrope,sans-serif}.diy-directory-head p{max-width:650px;margin:0;color:var(--muted);font-size:13px}.diy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.diy-card{min-height:300px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:.2s}.diy-card[hidden]{display:none}.diy-card:hover{transform:translateY(-4px);border-color:#24738b;box-shadow:var(--shadow)}.diy-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#e7f5f8;font-size:24px}.diy-card small{margin-top:17px;color:#24738b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.1px}.diy-card h3{margin:7px 0 9px;font:900 21px/1.15 Manrope,sans-serif}.diy-card p{margin:0;color:var(--muted);font-size:13px}.diy-card strong{margin-top:auto;color:#d65328}.diy-tool-page{max-width:1040px}.diy-tool-hero{min-height:300px;padding:clamp(30px,5vw,58px);border-radius:30px;background:linear-gradient(135deg,#e5f5ff,#fff4e4);display:grid;grid-template-columns:1fr 180px;align-items:center;gap:35px}.diy-tool-hero h1{margin:12px 0;font:900 clamp(42px,6vw,70px)/.98 Manrope,sans-serif;letter-spacing:-3px}.diy-tool-hero p{max-width:680px;color:var(--muted);font-size:17px}.diy-tool-hero>div:last-child{height:170px;border-radius:22px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.diy-tool-hero>div:last-child strong{font:900 50px Manrope,sans-serif;color:var(--lime)}.diy-tool-hero>div:last-child span{font-size:12px;color:#c3cecb}.diy-calculator-shell{display:grid;grid-template-columns:1fr 330px;gap:18px;margin:24px 0}.diy-form{padding:30px;border-radius:24px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:16px}.diy-form label{display:grid;gap:7px}.diy-form label span{font-size:12px;font-weight:900;color:#40504d}.diy-form input{width:100%;height:52px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa;outline:0}.diy-form input:focus{border-color:#24738b;box-shadow:0 0 0 3px rgba(36,115,139,.12)}.diy-form button{grid-column:1/-1;margin-top:4px}.diy-result{min-height:250px;padding:28px;border-radius:24px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center}.diy-result>span{color:var(--lime);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px}.diy-result strong{margin:10px 0;font:900 clamp(35px,5vw,54px)/1 Manrope,sans-serif;overflow-wrap:anywhere}.diy-result small{color:#aebbb8}.diy-result.ready{background:linear-gradient(145deg,#173b48,#286e82)}.diy-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.diy-explain article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.diy-explain article>span{color:#d65328;font-weight:900}.diy-explain h2{margin:8px 0;font:900 21px/1.15 Manrope,sans-serif}.diy-explain p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:950px){.diy-grid{grid-template-columns:repeat(2,1fr)}.diy-calculator-shell{grid-template-columns:1fr}.diy-result{min-height:190px}}
@media(max-width:700px){.diy-page,.diy-tool-page{padding:28px 16px 70px}.diy-hero{min-height:auto;padding:30px 22px;grid-template-columns:1fr}.diy-hero h1{font-size:48px;letter-spacing:-3px}.diy-hero-number{display:none}.diy-directory-head{align-items:flex-start;flex-direction:column}.diy-grid,.diy-explain{grid-template-columns:1fr}.diy-tool-hero{grid-template-columns:1fr}.diy-tool-hero>div:last-child{display:none}.diy-form{grid-template-columns:1fr}.diy-form button{grid-column:auto}.desktop-nav{gap:22px}}

/* Ausführliche Guides unter Spielen und Rechnern */
.drink-play-page{max-width:1100px}.drink-editorial-dossier,.diy-editorial-dossier{margin-top:80px}.drink-editorial-dossier .content-nav,.diy-editorial-dossier .content-nav{position:sticky;top:76px;z-index:4}.drink-editorial-dossier .timeline,.diy-editorial-dossier .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.drink-editorial-dossier .timeline article,.diy-editorial-dossier .timeline article,.drink-editorial-dossier .glossary-grid article,.diy-editorial-dossier .glossary-grid article{padding:18px;border:1px solid rgba(20,32,31,.1);border-radius:15px;background:#fff}.drink-editorial-dossier .timeline p,.diy-editorial-dossier .timeline p,.drink-editorial-dossier .glossary-grid p,.diy-editorial-dossier .glossary-grid p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.drink-editorial-dossier .glossary-grid,.diy-editorial-dossier .glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.drink-editorial-dossier .glossary-grid h4,.diy-editorial-dossier .glossary-grid h4{margin:0}.dossier-related-games{padding:36px;border-radius:22px;background:var(--ink);color:#fff}.dossier-related-games>div{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.dossier-related-games a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #384541;border-radius:12px}.dossier-related-games a:hover{border-color:var(--lime);color:var(--lime)}.hub-editorial{margin:80px 0 0;padding:clamp(28px,5vw,55px);border-radius:28px;background:#fff;border:1px solid var(--line)}.hub-editorial h2{max-width:900px;margin:10px 0 26px;font:900 clamp(38px,5vw,60px)/1.03 Manrope,sans-serif;letter-spacing:-2.5px}.hub-editorial>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hub-editorial p{margin:0;color:var(--muted);line-height:1.75}.diy-hub-editorial{background:linear-gradient(135deg,#eef8ff,#fff8eb)}
@media(max-width:900px){.drink-editorial-dossier .timeline,.diy-editorial-dossier .timeline{grid-template-columns:1fr 1fr}.drink-editorial-dossier .glossary-grid,.diy-editorial-dossier .glossary-grid{grid-template-columns:1fr 1fr}.hub-editorial>div{grid-template-columns:1fr}.drink-editorial-dossier .content-nav,.diy-editorial-dossier .content-nav{position:relative;top:auto}}
@media(max-width:620px){.drink-editorial-dossier .timeline,.diy-editorial-dossier .timeline,.drink-editorial-dossier .glossary-grid,.diy-editorial-dossier .glossary-grid,.dossier-related-games>div{grid-template-columns:1fr}.dossier-related-games{padding:24px}}

/* 750K-Erweiterung: Typentests, Flaggenquiz und vollständig klickbare Module */
.test-card,.online-game-card,.football-club-card,.major-sport-card,.lifestyle-topic-block,.identity-test-card,.personality-topic-card,.mega-test-card,.pop-anchor-card{cursor:pointer}
.identity-hub,.identity-page,.flag-page{max-width:1192px;margin:auto;padding:42px 24px 100px}.identity-main-hero{min-height:440px;padding:clamp(34px,7vw,76px);border-radius:34px;background:linear-gradient(135deg,#ede6ff,#fff 48%,#dff4ff)}.identity-main-hero h1{margin:14px 0 20px;font:900 clamp(54px,8vw,94px)/.93 Manrope,sans-serif;letter-spacing:-5px}.identity-main-hero h1 em,.flag-start h1 em,.identity-result h1 em{font-style:normal;color:var(--purple)}.identity-main-hero p{max-width:720px;color:var(--muted);font-size:18px}.identity-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.identity-group-grid>a{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column}.identity-group-grid>a>span{font:900 14px Manrope,sans-serif;color:var(--purple)}.identity-group-grid small{margin-top:18px;color:var(--muted)}.identity-group-grid h2{margin:4px 0 10px;font:900 27px Manrope,sans-serif}.identity-group-grid p{color:var(--muted)}.identity-group-grid strong{margin-top:auto;color:var(--purple)}.identity-group-hero{padding:38px;border-radius:26px;background:linear-gradient(135deg,#172422,#354a46);color:#fff;display:flex;gap:28px;align-items:center}.identity-group-hero>span{width:100px;height:100px;display:grid;place-items:center;border-radius:22px;background:var(--lime);color:var(--ink);font:900 15px Manrope,sans-serif}.identity-group-hero small{color:var(--lime)}.identity-group-hero h1{margin:4px 0;font:900 clamp(42px,6vw,70px)/1 Manrope,sans-serif}.identity-group-hero p{max-width:780px;color:#bec9c6}.identity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.identity-test-card{min-height:300px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column}.identity-test-card>span{color:var(--purple);font-weight:900}.identity-test-card small{margin-top:15px;color:var(--muted)}.identity-test-card h3{margin:6px 0 10px;font:900 20px/1.18 Manrope,sans-serif}.identity-test-card p{margin:0;color:var(--muted);font-size:13px}.identity-test-card a{margin-top:auto;color:var(--purple);font-weight:900}.identity-start,.identity-result{max-width:900px;margin:auto;padding:clamp(36px,7vw,80px);border-radius:34px;background:linear-gradient(135deg,#eee7ff,#fff 55%,#e5f7ff);text-align:center}.identity-start>span{display:block;font:900 16px Manrope,sans-serif;color:var(--purple)}.identity-start small,.identity-result small{display:block;margin:14px 0;color:var(--muted)}.identity-start h1,.identity-result h1{margin:8px 0 18px;font:900 clamp(44px,7vw,76px)/.98 Manrope,sans-serif;letter-spacing:-3px}.identity-start p,.identity-result p{max-width:670px;margin:0 auto 25px;color:var(--muted)}.identity-start>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:28px}.identity-start i{padding:7px 10px;border-radius:999px;background:#fff;font-style:normal;font-size:12px}.identity-result>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.identity-question{max-width:820px;margin:auto;padding:clamp(28px,6vw,58px);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.identity-question>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.identity-question progress,.flag-question progress{width:100%;height:10px;margin:12px 0 36px;accent-color:var(--purple)}.identity-question>small{color:var(--purple);font-weight:900}.identity-question h1{font:900 clamp(30px,5vw,48px)/1.08 Manrope,sans-serif}.identity-question>div:last-child{display:grid;gap:10px}.identity-question button{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;font-weight:700;cursor:pointer}.identity-question button:hover{border-color:var(--purple);background:#f3efff}.identity-question button span{display:inline-grid;width:30px;height:30px;margin-right:12px;place-items:center;border-radius:8px;background:var(--cream)}
.flag-start{padding:clamp(38px,7vw,78px);border-radius:34px;background:linear-gradient(135deg,#e8f4ff,#fff 48%,#fff0d7)}.flag-start h1{margin:12px 0;font:900 clamp(55px,8vw,94px)/.93 Manrope,sans-serif;letter-spacing:-5px}.flag-start>p{max-width:720px;color:var(--muted);font-size:18px}.flag-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.flag-levels button{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;cursor:pointer}.flag-levels button.active{border-color:var(--purple);box-shadow:inset 0 0 0 2px var(--purple)}.flag-levels strong,.flag-levels span{display:block}.flag-levels span{margin-top:5px;color:var(--muted);font-size:12px}.flag-question,.flag-result{max-width:850px;margin:auto;padding:clamp(28px,6vw,58px);border-radius:30px;background:#fff;box-shadow:var(--shadow);text-align:center}.flag-question>div:first-child{display:flex;justify-content:space-between;color:var(--muted)}.flag-image{max-width:580px;margin:0 auto 28px;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(20,32,31,.14)}.flag-image svg{display:block;width:100%;height:auto}.flag-question h1{font:900 clamp(30px,5vw,48px)/1.08 Manrope,sans-serif}.flag-question>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flag-question button{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:800;cursor:pointer}.flag-question button:hover{border-color:var(--purple);background:#f3efff}.flag-result h1{font:900 clamp(48px,7vw,80px)/.98 Manrope,sans-serif}.flag-result p{color:var(--muted)}
@media(max-width:950px){.identity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.identity-hub,.identity-page,.flag-page{padding:28px 16px 70px}.identity-main-hero h1,.flag-start h1{font-size:49px;letter-spacing:-3px}.identity-group-grid,.identity-grid,.flag-levels,.flag-question>div:last-child{grid-template-columns:1fr}.identity-group-hero{align-items:flex-start;flex-direction:column}.identity-group-hero>span{width:70px;height:70px}.identity-test-card{min-height:250px}}

/* Schnelle Katalogsuche und günstigeres Rendering langer Wissensseiten */
.smart-search-results,.overlay-results{overscroll-behavior:contain}.search-loading,.search-empty{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}.search-empty{display:grid;gap:5px}.search-empty strong{color:var(--ink)}.smart-result strong{font:800 15px Manrope,sans-serif}.search-hints{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0}.search-hints>span{color:var(--muted);font-size:13px}.search-hints button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.search-hints button:hover,.search-hints button:focus-visible{border-color:var(--purple);color:var(--purple)}.knowledge,.assessment-dossier,.lifestyle-seo,.pop-geo-content{content-visibility:auto;contain-intrinsic-size:1px 900px}