.zugblatt-nav { border-block: 1px solid rgba(20,43,40,.1); background: rgba(255,253,247,.72); }
.zugblatt-nav > .wrap { display: flex; min-height: 78px; align-items: stretch; }
.zugblatt-nav-home { display: flex; min-width: 205px; align-items: center; gap: 12px; padding-right: 26px; border-right: 1px solid var(--line); }
.zugblatt-nav-home > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #f7efdc; background: #173f38; font: italic 500 20px var(--serif); }
.zugblatt-nav-home small,.zugblatt-nav-home strong { display: block; }
.zugblatt-nav-home small { color: #7a8a84; font-size: 7px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.zugblatt-nav-home strong { margin-top: 1px; font: 500 18px var(--serif); }
.zugblatt-nav-home.is-active strong { color: var(--coral); }
.zugblatt-nav-issues { display: grid; flex: 1; grid-template-columns: repeat(3,1fr); }
.zugblatt-nav-issues a { display: grid; align-content: center; gap: 4px; padding: 0 20px; border-right: 1px solid var(--line); color: #667771; }
.zugblatt-nav-issues a:last-child { border-right: 0; }
.zugblatt-nav-issues a:hover,.zugblatt-nav-issues a.is-active { color: var(--ink); background: rgba(215,89,66,.055); }
.zugblatt-nav-issues small { color: var(--coral); font-size: 7px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.zugblatt-nav-issues strong { overflow: hidden; font: 500 14px var(--serif); text-overflow: ellipsis; white-space: nowrap; }

.zugblatt-cover { display: grid; grid-template-columns: 1.08fr .92fr; gap: 7%; padding-block: 90px 120px; }
.zugblatt-cover-copy { align-self: center; }
.zugblatt-cover h1 { margin: 24px 0 26px; font: 500 clamp(58px,7vw,92px)/.89 var(--serif); letter-spacing: -.06em; }
.zugblatt-cover h1 em,.zugblatt-intro h2 em,.zugblatt-issue h2 em,.zugblatt-article-hero h1 em,.zugblatt-section h2 em,.zugblatt-cta h2 em { color: var(--coral); font-weight: 400; }
.zugblatt-cover-copy > p { max-width: 650px; color: #5d7069; font: 18px/1.66 var(--serif); }
.zugblatt-cover-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 31px; }
.zugblatt-cover-meta span { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: #65766f; font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.zugblatt-cover-feature { display: flex; min-height: 535px; flex-direction: column; padding: 38px; border-radius: 23px; color: #f7efdc; background: radial-gradient(circle at 82% 13%,rgba(215,89,66,.22),transparent 30%),#173f38; box-shadow: 0 28px 75px rgba(31,50,43,.15); }
.zugblatt-cover-feature > small { color: #efa98e; font-size: 8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.zugblatt-cover-tiles { display: flex; justify-content: center; margin: 62px 0 52px; }
.zugblatt-cover-tiles .learn-tile { width: 67px; height: 94px; margin-left: -5px; }
.zugblatt-cover-tiles .learn-tile:nth-child(1) { transform: rotate(-7deg) translateY(7px); }
.zugblatt-cover-tiles .learn-tile:nth-child(2) { z-index: 2; transform: translateY(-5px); }
.zugblatt-cover-tiles .learn-tile:nth-child(3) { transform: rotate(7deg) translateY(7px); }
.zugblatt-cover-feature > strong { font: 500 34px/1.05 var(--serif); }
.zugblatt-cover-feature > p { color: #bed0c7; font-size: 12px; line-height: 1.65; }
.zugblatt-cover-feature > span { display: flex; justify-content: space-between; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.16); color: #f5ead5; font-size: 9px; font-weight: 800; }
.zugblatt-cover-feature > span b { color: #efa98e; }

.zugblatt-intro { display: grid; grid-template-columns: .25fr 1fr; gap: 8%; padding-block: 54px 125px; border-top: 1px solid var(--line); }
.zugblatt-intro > span { color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.zugblatt-intro h2,.zugblatt-issue h2,.zugblatt-section h2 { margin: 0; font: 500 clamp(43px,5vw,68px)/.94 var(--serif); letter-spacing: -.05em; }
.zugblatt-intro p { max-width: 720px; margin: 27px 0 0; color: #61736d; font-size: 13px; line-height: 1.75; }
.zugblatt-issue { padding-bottom: 120px; }
.zugblatt-issue > header { margin-bottom: 42px; }
.zugblatt-issue h2 { margin-top: 17px; }
.zugblatt-story-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.zugblatt-story-card { position: relative; display: flex; min-height: 385px; flex-direction: column; padding: 31px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: rgba(255,253,247,.72); transition: transform .2s ease,box-shadow .2s ease; }
.zugblatt-story-card:hover { transform: translateY(-4px); box-shadow: 0 20px 48px rgba(31,50,43,.09); }
.zugblatt-story-number { position: absolute; top: 17px; right: 24px; color: rgba(215,89,66,.15); font: italic 500 82px/1 var(--serif); }
.zugblatt-story-card > small { position: relative; color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.zugblatt-story-card > strong { position: relative; max-width: 260px; margin-top: 94px; font: 500 30px/1.05 var(--serif); }
.zugblatt-story-card > p { position: relative; color: #63746e; font-size: 11px; line-height: 1.65; }
.zugblatt-story-link { display: flex; justify-content: space-between; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--line); font-size: 9px; font-weight: 800; }
.zugblatt-story-link i { color: var(--coral); font-style: normal; }
.zugblatt-story-card-puzzle-two { color: #f6efdd; background: #173f38; }
.zugblatt-story-card-puzzle-two > p { color: #bfd0c8; }
.zugblatt-story-card-puzzle-two .zugblatt-story-link { border-color: rgba(255,255,255,.16); }
.zugblatt-promise { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 27px; margin-bottom: 130px; padding: 30px 0; border-block: 1px solid var(--line); }
.zugblatt-promise > span { display: grid; width: 49px; height: 49px; place-items: center; border-radius: 50%; color: #f3d89e; background: #173f38; }
.zugblatt-promise small,.zugblatt-promise strong { display: block; }
.zugblatt-promise small { margin-bottom: 5px; color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.zugblatt-promise strong { font: 500 18px/1.35 var(--serif); }
.zugblatt-promise a { font-size: 9px; font-weight: 800; }
.zugblatt-promise a span { margin-left: 12px; color: var(--coral); }

.zugblatt-article-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 70px; padding-block: 78px 72px; border-bottom: 1px solid var(--line); }
.zugblatt-article-hero h1 { max-width: 920px; margin: 23px 0 20px; font: 500 clamp(55px,7vw,88px)/.9 var(--serif); letter-spacing: -.06em; }
.zugblatt-article-hero p { max-width: 710px; margin: 0; color: #60726b; font: 17px/1.65 var(--serif); }
.zugblatt-article-stamp { display: grid; width: 150px; height: 150px; place-content: center; border: 1px solid rgba(215,89,66,.45); border-radius: 50%; color: var(--coral); text-align: center; transform: rotate(5deg); }
.zugblatt-article-stamp small,.zugblatt-article-stamp span { font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.zugblatt-article-stamp strong { font: italic 500 53px/.9 var(--serif); }
.puzzle-two-hero { position: relative; z-index: 2; display: flex; align-items: center; gap: 22px; }
.puzzle-two-hero-run { display: flex; align-items: center; gap: 6px; }
.puzzle-two-hero-run .learn-tile { width: 62px; height: 87px; }
.puzzle-two-hero-swap { color: var(--coral); font: 38px var(--serif); }
.puzzle-two-hero-own { display: grid; justify-items: center; gap: 10px; }
.puzzle-two-hero-own > small { color: #71817b; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.puzzle-two-hero-own .learn-tile { width: 70px; height: 98px; }

.move-duel-hero { position: relative; z-index: 2; display: grid; width: min(500px,100%); height: 300px; grid-template-columns: 60px 85px minmax(0,1fr); grid-template-rows: repeat(2,1fr); align-items: center; padding-block: 20px 58px; }
.move-duel-hero::before,.move-duel-hero::after { position: absolute; z-index: 0; top: 44%; left: 58px; width: 110px; height: 1px; content: ''; background: repeating-linear-gradient(90deg,#9eb5ac 0 5px,transparent 5px 10px); transform-origin: left center; }
.move-duel-hero::before { transform: rotate(-30deg); }
.move-duel-hero::after { transform: rotate(30deg); }
.move-duel-hero-choice { position: relative; z-index: 4; grid-column: 1; grid-row: 1 / 3; justify-self: start; }
.move-duel-hero-choice .learn-tile { width: 58px; height: 82px; box-shadow: inset 0 0 0 4px rgba(255,255,255,.34),0 0 0 3px rgba(215,89,66,.18),0 14px 22px rgba(3,24,19,.26); }
.move-duel-hero-choice .learn-tile b { font-size: 35px; }
.move-duel-hero-choice > b { position: absolute; top: -29px; right: -24px; color: var(--coral); font: italic 500 37px/1 var(--serif); }
.move-duel-hero-target { position: relative; z-index: 2; display: grid; justify-items: start; gap: 10px; }
.move-duel-hero-target > small { color: #71817b; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.move-duel-hero-target > span { display: flex; gap: 4px; }
.move-duel-hero-target .learn-tile { width: 54px; height: 76px; }
.move-duel-hero-target .learn-tile b { font-size: 33px; }
.move-duel-hero-run { grid-column: 3; grid-row: 1; }
.move-duel-hero-group { grid-column: 3; grid-row: 2; }

.myths-hero { position: relative; z-index: 2; display: grid; width: min(390px,100%); gap: 26px; }
.myths-hero-line { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.myths-hero-line:nth-child(2) { margin-left: 72px; }
.myths-hero-line .learn-meld { gap: 12px; }
.myths-hero-line .learn-meld > span { color: var(--coral); font: 30px var(--serif); }
.myths-hero-line > b { color: rgba(215,89,66,.72); font: italic 500 64px/1 var(--serif); }
.zugblatt-article { padding-block: 70px 120px; }
.zugblatt-deck { display: grid; grid-template-columns: .35fr 1fr; gap: 7%; margin-bottom: 65px; }
.zugblatt-deck > span { color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.zugblatt-deck h2 { max-width: 850px; margin: 0; font: 500 clamp(35px,4vw,53px)/1.02 var(--serif); letter-spacing: -.04em; }
.zugblatt-deck p { max-width: 780px; margin: 18px 0 0; color: #61736d; font-size: 13px; line-height: 1.72; }
.zugblatt-section { margin-top: 105px; }
.zugblatt-section-head { display: grid; grid-template-columns: 1fr .7fr; align-items: end; gap: 9%; margin-bottom: 35px; }
.zugblatt-section-head p { margin: 0; color: #61736d; font-size: 12px; line-height: 1.7; }
.zugblatt-source { display: grid; grid-template-columns: 125px 1fr auto; align-items: center; gap: 30px; margin-top: 95px; padding: 25px 0; border-block: 1px solid var(--line); }
.zugblatt-source > span { color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.zugblatt-source strong,.zugblatt-source p { display: block; margin: 0; }
.zugblatt-source strong { margin-bottom: 5px; font: 500 18px var(--serif); }
.zugblatt-source p { color: #667770; font-size: 10px; line-height: 1.55; }
.zugblatt-source a { font-size: 9px; font-weight: 800; }
.zugblatt-source a span { margin-left: 10px; color: var(--coral); }
.zugblatt-cta { color: #f6efdd; background: #173f38; }
.zugblatt-cta > .wrap { display: grid; grid-template-columns: 1fr .68fr; align-items: center; gap: 10%; min-height: 380px; }
.zugblatt-cta h2 { margin: 17px 0 0; font: 500 clamp(44px,5vw,66px)/.94 var(--serif); letter-spacing: -.05em; }
.zugblatt-cta .eyebrow { color: #efa98e; }
.zugblatt-cta p { color: #bfd0c8; font: 16px/1.55 var(--serif); }
.zugblatt-cta .button { margin-top: 15px; }

.zbp-board,.duel,.myth-check { overflow: hidden; border: 1px solid rgba(20,43,40,.13); border-radius: 23px; background: rgba(255,253,247,.78); box-shadow: 0 28px 75px rgba(31,50,43,.1); }
.zbp-board > header,.duel > header,.myth-check > header { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 35px; padding: 42px 46px 35px; color: #f6efdd; background: radial-gradient(circle at 88% 10%,rgba(215,89,66,.22),transparent 28%),#173f38; }
.zbp-board > header small,.duel > header small,.myth-check > header small { color: #9eb7ad; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.zbp-board > header h2,.duel > header h2,.myth-check > header h2 { margin: 14px 0 0; font: 500 clamp(38px,4.7vw,58px)/.95 var(--serif); letter-spacing: -.05em; }
.zbp-board > header h2 em,.duel > header h2 em,.myth-check > header h2 em { color: #efa98e; font-weight: 400; }
.zbp-board > header > span,.duel > header > span { display: grid; justify-items: center; gap: 9px; }
.zbp-board > header .learn-tile,.duel > header .learn-tile { width: 59px; height: 83px; }
.zbp-board > footer,.duel > footer,.myth-check > footer { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 23px 28px; border-top: 1px solid var(--line); background: rgba(244,238,223,.48); }
.zbp-board > footer > span,.duel > footer > span,.myth-check > footer > span { min-width: 100px; color: #4d6c61; font-size: 10px; }
.zbp-board .button-ghost { background: rgba(255,255,255,.48); }

.zbp-table { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; padding: 30px 30px 20px; background: #f6f1e6; }
.zbp-table > div { min-width: 0; padding: 22px 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: #1d4b42; }
.zbp-table > div.is-focus { box-shadow: inset 0 0 0 1px rgba(239,169,142,.55); }
.zbp-table > div > span,.zbp-final > div > span { display: block; margin-bottom: 18px; color: #b8cbc2; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.zbp-table .learn-meld { justify-content: center; min-width: max-content; }
.zbp-table .learn-tile { width: 46px; height: 66px; }
.zbp-table .learn-tile b { font-size: 28px; }
.zbp-choices { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 0; padding: 28px 30px 32px; border: 0; }
.zbp-choices legend { width: 100%; padding: 0 0 18px; color: #5e7069; font: 500 18px var(--serif); }
.zbp-choices button { position: relative; display: grid; min-height: 150px; align-content: start; gap: 7px; padding: 22px 20px 20px 58px; cursor: pointer; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); background: rgba(255,255,255,.48); text-align: left; }
.zbp-choices button:hover,.zbp-choices button.is-selected { border-color: rgba(215,89,66,.62); background: #fff7eb; }
.zbp-choices button > span { position: absolute; top: 18px; left: 18px; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--coral); font: italic 500 14px var(--serif); }
.zbp-choices button > strong { font: 500 17px var(--serif); }
.zbp-choices button > small { color: #65766f; font-size: 10px; line-height: 1.55; }
.zbp-feedback,.duel-feedback { margin: 0 30px 30px; padding: 17px 19px; border-radius: 10px; font-size: 12px; line-height: 1.6; }
.zbp-feedback.is-correct { color: #285d4d; background: #dfeadc; }
.zbp-feedback.is-incorrect { color: #864132; background: #f6ddd5; }
.zbp-solution { margin: 0 30px 30px; border: 1px solid var(--line); border-radius: 14px; background: #fffdf7; }
.zbp-solution summary { padding: 21px 24px; cursor: pointer; font: 500 19px var(--serif); }
.zbp-solution > div { padding: 3px 24px 25px; }
.zbp-solution ol { display: grid; gap: 12px; margin: 0 0 25px; padding: 0; list-style: none; }
.zbp-solution li { display: grid; grid-template-columns: 30px 1fr; gap: 12px; align-items: start; }
.zbp-solution li > span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); font-size: 9px; font-weight: 800; }
.zbp-solution li p { margin: 3px 0 0; color: #5e7069; font-size: 11px; line-height: 1.6; }
.zbp-final { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding-top: 21px; border-top: 1px solid var(--line); }
.zbp-final > div { min-width: 0; padding: 19px; overflow-x: auto; border-radius: 11px; background: #1d4b42; }
.zbp-final .learn-meld { min-width: max-content; }
.zbp-final .learn-tile { width: 46px; height: 66px; }
.zbp-final .is-own { box-shadow: 0 0 0 3px #e9a58b,0 9px 18px rgba(0,0,0,.2); }
.zugblatt-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.zugblatt-facts article { min-height: 245px; padding: 28px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,253,247,.7); }
.zugblatt-facts article > span { color: var(--coral); font: italic 500 23px var(--serif); }
.zugblatt-facts h3 { margin: 43px 0 12px; font: 500 25px/1.1 var(--serif); }
.zugblatt-facts p { margin: 0; color: #61736d; font-size: 11px; line-height: 1.7; }

.duel-table { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; padding: 32px 35px; background: #f5efe2; }
.duel-table > div { min-width: 0; padding: 24px; overflow-x: auto; border-radius: 14px; background: #1d4b42; }
.duel-table > div > span { display: block; margin-bottom: 19px; color: #b8cbc2; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.duel-table .learn-meld { min-width: max-content; justify-content: center; }
.duel-table .learn-tile { width: 51px; height: 73px; }
.duel-table > b { color: var(--coral); font: italic 500 18px var(--serif); }
.duel-choices { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 28px 30px; }
.duel-choices button { display: grid; min-height: 132px; grid-template-columns: auto 1fr; align-content: start; gap: 5px 13px; padding: 20px; cursor: pointer; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); background: rgba(255,255,255,.5); text-align: left; }
.duel-choices button:hover,.duel-choices button.is-selected { border-color: rgba(215,89,66,.65); background: #fff7eb; }
.duel-choices button > span { grid-row: span 2; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); font-size: 9px; font-weight: 800; }
.duel-choices button > strong { font: 500 17px var(--serif); }
.duel-choices button > small { color: #677871; font-size: 9px; line-height: 1.5; }
.duel-feedback { color: #285d4d; background: #e5eee1; }
.duel-results { padding: 0 30px 30px; }
.duel-results article { padding: 30px; border-radius: 15px; color: #f5eddb; background: radial-gradient(circle at 92% 5%,rgba(215,89,66,.19),transparent 28%),#173f38; }
.duel-results article > small { color: #efa98e; font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.duel-results h3 { margin: 14px 0 9px; font: 500 29px var(--serif); }
.duel-results p { max-width: 760px; color: #bfd0c8; font-size: 11px; line-height: 1.65; }
.duel-results dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 25px; margin: 27px 0 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); }
.duel-results dl div { min-width: 0; }
.duel-results dt { margin-bottom: 8px; color: #a9beb5; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.duel-results dd { display: flex; align-items: center; gap: 12px; margin: 0; }
.duel-results dd > i { display: block; width: min(190px,70%); height: 6px; border-radius: 99px; background: linear-gradient(90deg,#e9a58b calc(var(--score) / 5 * 100%),rgba(255,255,255,.15) 0); }
.duel-results dd span { color: #d4dfd9; font-size: 8px; }
.duel-criteria { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--line); border-radius: 18px; background: rgba(255,253,247,.66); }
.duel-criteria article { min-height: 220px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.duel-criteria article:nth-child(2n) { border-right: 0; }
.duel-criteria article:nth-last-child(-n+2) { border-bottom: 0; }
.duel-criteria article > span { color: var(--coral); font: italic 500 20px var(--serif); }
.duel-criteria h3 { margin: 32px 0 10px; font: 500 23px var(--serif); }
.duel-criteria p { margin: 0; color: #62746d; font-size: 11px; line-height: 1.7; }

.myth-check > header > div:last-child { min-width: 175px; text-align: right; }
.myth-check > header > div:last-child strong,.myth-check > header > div:last-child span { display: block; }
.myth-check > header > div:last-child strong { color: #f2dcaa; font: 500 53px/.95 var(--serif); }
.myth-check > header > div:last-child span { color: #b7cac1; font-size: 8px; }
.myth-check > header > div:last-child i { display: block; width: 175px; height: 6px; margin-top: 11px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.14); }
.myth-check > header > div:last-child b { display: block; width: 0; height: 100%; border-radius: inherit; background: #e9a58b; transition: width .3s ease; }
.myth-list { display: grid; gap: 0; }
.myth-list > article { display: grid; grid-template-columns: 65px 1fr; gap: 24px; padding: 31px 36px; border-bottom: 1px solid var(--line); }
.myth-list > article > span { color: rgba(215,89,66,.5); font: italic 500 28px var(--serif); }
.myth-list article small { color: var(--coral); font-size: 8px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.myth-list h3 { margin: 9px 0 18px; font: 500 26px/1.15 var(--serif); }
.myth-list [role="group"] { display: flex; gap: 7px; }
.myth-list button { min-width: 110px; padding: 10px 15px; cursor: pointer; border: 1px solid var(--line); border-radius: 999px; color: #526760; background: rgba(255,255,255,.55); font-size: 9px; font-weight: 800; }
.myth-list button:hover,.myth-list button.is-selected { color: #fff; border-color: var(--coral); background: var(--coral); }
.myth-list article.is-correct { background: rgba(223,234,220,.4); }
.myth-list article.is-incorrect { background: rgba(246,221,213,.35); }
.myth-list [data-myth-feedback] { max-width: 830px; margin: 19px 0 0; padding: 15px 17px; border-radius: 9px; color: #536b62; background: rgba(255,255,255,.65); font-size: 11px; line-height: 1.65; }
.myth-list [data-myth-feedback] strong { color: var(--ink); }
.myth-finale { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 20px; margin: 25px 30px; padding: 25px; border-radius: 13px; color: #f5eddb; background: #173f38; }
.myth-finale > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #f3d89e; border: 1px solid rgba(243,216,158,.4); }
.myth-finale small,.myth-finale strong { display: block; }
.myth-finale small { color: #efa98e; font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.myth-finale strong { margin: 5px 0; font: 500 22px var(--serif); }
.myth-finale p { margin: 0; color: #bfd0c8; font-size: 10px; line-height: 1.55; }
.myth-facts { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,253,247,.7); }
.myth-facts > div { padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.myth-facts > div:nth-child(2n) { border-right: 0; }
.myth-facts > div:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
.myth-facts dt { font: 500 20px/1.25 var(--serif); }
.myth-facts dd { margin: 10px 0 0; color: #60726b; font-size: 11px; line-height: 1.65; }

@media (max-width: 900px) {
  .zugblatt-nav > .wrap { min-height: 68px; }
  .zugblatt-nav-home { min-width: 170px; }
  .zugblatt-nav-issues a { padding-inline: 12px; }
  .zugblatt-cover { grid-template-columns: 1fr; }
  .zugblatt-cover-feature { min-height: 460px; }
  .zugblatt-story-grid { grid-template-columns: 1fr 1fr; }
  .zugblatt-story-card:first-child { grid-column: span 2; }
  .zugblatt-article-hero { grid-template-columns: 1fr; }
  .zugblatt-article-stamp { display: none; }
  .zugblatt-source { grid-template-columns: 105px 1fr; }
  .zugblatt-source > a { grid-column: 2; }
  .zbp-table { grid-template-columns: 1fr; }
  .zbp-table > div { overflow-x: auto; }
  .zbp-choices { grid-template-columns: 1fr; }
  .zbp-choices button { min-height: 105px; }
  .duel-table { grid-template-columns: 1fr; }
  .duel-table > b { text-align: center; }
  .duel-choices { grid-template-columns: 1fr; }
  .duel-choices button { min-height: 100px; }
}

@media (max-width: 600px) {
  .zugblatt-nav > .wrap { display: block; padding-inline: 0; }
  .zugblatt-nav-home { min-height: 62px; padding-inline: 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .zugblatt-nav-issues { overflow-x: auto; scrollbar-width: none; }
  .zugblatt-nav-issues a { min-width: 175px; min-height: 58px; }
  .zugblatt-cover { padding-block: 62px 85px; }
  .zugblatt-cover h1 { font-size: 54px; }
  .zugblatt-cover-feature { min-height: 440px; padding: 28px; }
  .zugblatt-intro,.zugblatt-deck { grid-template-columns: 1fr; gap: 18px; }
  .zugblatt-story-grid { grid-template-columns: 1fr; }
  .zugblatt-story-card:first-child { grid-column: auto; }
  .zugblatt-story-card { min-height: 345px; }
  .zugblatt-promise { grid-template-columns: auto 1fr; }
  .zugblatt-promise > a { grid-column: 2; }
  .zugblatt-article-hero { padding-block: 58px 52px; }
  .zugblatt-article-hero h1 { font-size: 50px; }
  .zugblatt-article { padding-block: 55px 90px; }
  .puzzle-two-hero { gap: 12px; transform: scale(.9); }
  .puzzle-two-hero-run .learn-tile { width: 48px; height: 69px; }
  .puzzle-two-hero-own .learn-tile { width: 53px; height: 75px; }
  .move-duel-hero,.myths-hero { transform: scale(.9); }
  .zugblatt-section-head { grid-template-columns: 1fr; gap: 20px; }
  .zugblatt-source { grid-template-columns: 1fr; gap: 14px; }
  .zugblatt-source > a { grid-column: auto; }
  .zugblatt-cta > .wrap { grid-template-columns: 1fr; gap: 25px; padding-block: 75px; }
  .zbp-board > header,.duel > header,.myth-check > header { grid-template-columns: 1fr; padding: 31px 24px; }
  .zbp-board > header > span,.duel > header > span { grid-template-columns: 1fr auto; align-items: center; justify-self: start; }
  .zbp-table,.zbp-choices,.duel-table,.duel-choices { padding-inline: 18px; }
  .zbp-feedback,.duel-feedback,.zbp-solution { margin-inline: 18px; }
  .zbp-final,.zugblatt-facts,.duel-results dl,.myth-facts { grid-template-columns: 1fr; }
  .zugblatt-facts article { min-height: 210px; }
  .zbp-board > footer,.duel > footer,.myth-check > footer { flex-wrap: wrap; justify-content: flex-start; padding-inline: 18px; }
  .duel-results { padding-inline: 18px; }
  .duel-criteria { grid-template-columns: 1fr; }
  .duel-criteria article { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line); }
  .duel-criteria article:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
  .duel-criteria article:last-child { border-bottom: 0; }
  .myth-list > article { grid-template-columns: 42px 1fr; gap: 12px; padding: 27px 20px; }
  .myth-list [role="group"] { flex-wrap: wrap; }
  .myth-facts > div,.myth-facts > div:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .myth-facts > div:last-child { grid-column: auto; border-bottom: 0; }
}