/* Hochformat der Webversion (Handy hochkant): Bühne 1080 × 1700, nur von scripts/build-web.ts eingebunden.
   Schriftgrößen so gewählt, dass sie auf einem 390 px breiten Handy mindestens etwa 10–15 px groß sind. */
.portrait #bg canvas { width: 1080px; height: 1700px; }
.portrait #chrome { display: none; }
.portrait .eyebrow { left: 64px; top: 60px; font-size: 28px; }
.portrait .tag { display: none; }
.portrait .label { font-size: 28px; }

.p-chain { display: flex; flex-wrap: wrap; gap: 20px 36px; }
.p-chain .chain-node { gap: 14px; }
.p-chain .chain-txt { font-size: 28px; }
.p-chain .chain-dot { width: 18px; height: 18px; border-radius: 9px; }

.p-title { font-family: "Figtree"; font-weight: 650; font-size: 44px; line-height: 1.15; letter-spacing: -0.01em; color: var(--text); }
.p-text { font-family: "Figtree"; font-weight: 600; font-size: 38px; line-height: 1.22; color: var(--text); }
.p-body { font-family: "Inter"; font-weight: 500; font-size: 34px; line-height: 1.36; color: var(--text-2); }
.p-small { font-family: "Inter"; font-weight: 500; font-size: 32px; line-height: 1.35; color: var(--meta); }
.p-gold { color: var(--gold-soft); }
.p-center { text-align: center; }

/* Zeitstrahl hochkant */
.p-axis-v { width: 2px; background: rgba(245, 241, 232, 0.35); }
.p-rail-v { width: 2px; background: rgba(245, 241, 232, 0.25); }
.p-arrow-down { width: 2px; background: linear-gradient(180deg, rgba(212, 175, 55, 0.25), #f2d675); }
.p-arrow-down::after { content: ""; position: absolute; left: -6px; bottom: -4px; border-top: 12px solid #f2d675; border-left: 7px solid transparent; border-right: 7px solid transparent; }

/* Module untereinander */
.p-mod-list { display: flex; flex-direction: column; gap: 20px; }
.p-mod { position: relative; border-radius: 28px; padding: 26px 34px 26px; }
.p-mod-top { display: flex; justify-content: space-between; align-items: baseline; }
.p-mod-card { font-family: "Figtree"; font-weight: 650; font-size: 28px; color: var(--gold-soft); }
.p-mod-title { margin: 8px 0 12px; font-size: 40px; }
.p-mod-item { margin-top: 8px; gap: 16px; }
.p-mod-item .check-box { margin-top: 6px; }
.p-mod-item-txt { font-family: "Inter"; font-weight: 500; font-size: 31px; line-height: 1.26; color: var(--text); }