/* Secondary pages (support, privacy, terms, 404): the homepage's chrome from
   home.css plus a reading column. No script on these pages — the header
   has no menu button, the links simply hide below 900px. */
.page{padding-block:56px 96px;max-width:760px}
.page .eyebrow{margin-bottom:22px}
.page h1{font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-.05em;font-weight:800;text-wrap:balance}
.page .updated{color:var(--muted);font-size:15px;margin-top:16px}
.page .note{margin-top:32px;padding:26px 28px;background:#f5f3ef;border-radius:22px;font-size:16px;line-height:1.6}
.page .note p{margin-top:0;font-size:16px}.page .note p+p{margin-top:10px}
.page h2{font-size:26px;letter-spacing:-.03em;font-weight:650;line-height:1.2;margin-top:52px}
.page h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-top:30px}
.page p{margin-top:14px;font-size:17px;line-height:1.65;color:#3b3935}
.page ul{margin:14px 0 0;padding-left:22px;font-size:17px;line-height:1.65;color:#3b3935}.page li+li{margin-top:6px}
.page a{color:var(--orange-dark);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#e8b9a3;transition:text-decoration-color .2s}
.page a:hover{text-decoration-color:currentColor}
.page a.button{text-decoration:none;margin-top:28px}.page a.button-orange{color:#15111f}.page a.button-dark{color:#fff}
.page strong{color:var(--ink);font-weight:600}
.page .scroll-x{overflow-x:auto;margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.page table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;min-width:560px}
.page th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 18px;border-bottom:1px solid var(--line);background:#faf8f5;font-weight:700}
.page td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:#3b3935}
.page tr:last-child td{border-bottom:0}
@media(max-width:650px){.page{padding-block:36px 64px}.page h1{font-size:40px}.page h2{font-size:23px;margin-top:40px}.page p,.page ul{font-size:16px}.page .note{padding:20px}}
@media(max-width:370px){.page-header .header-cta{display:inline-flex;margin-left:auto}}

/* Wörterbuch pages (generated by scripts/web/build-woerterbuch.mjs). The
   word tiles are the homepage's .word, in the app's gender colors. */
.page .eyebrow a{color:inherit;text-decoration:none}.page .eyebrow a:hover{color:var(--orange-dark)}
.wort-head .word{font-size:clamp(34px,6vw,56px);padding:.18em .45em;border-radius:.28em;font-weight:600;letter-spacing:-.03em;white-space:normal;line-height:1.15}
.wort-answer .word{font-size:1em;padding:.08em .45em;border-radius:.35em}
.page .wort-cases{min-width:0}.wort-cases th{width:9rem;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;background:transparent}.wort-cases td{font-weight:500;color:var(--ink);font-size:17px}
.wort-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.page a.word{text-decoration:none;font-size:15px;padding:7px 11px;border-radius:8px;transition:transform .25s var(--ease),box-shadow .25s}
.page a.word.masculine{color:var(--cyan)}.page a.word.feminine{color:var(--pink)}.page a.word.neuter{color:var(--lime)}
.page a.word:hover{transform:translateY(-2px);box-shadow:0 6px 16px #15111f26}
.page a.lvl{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--ink);font-weight:600;font-size:16px;transition:border-color .2s,transform .25s var(--ease)}
.page a.lvl:hover{border-color:var(--orange);transform:translateY(-2px)}
.wort-cta .button{margin-top:16px}.wort-cta p{color:var(--ink)}
.page a.text-link{color:var(--ink);text-decoration-color:#c8c2ba}.page a.text-link:hover{color:var(--orange-dark)}
@media(max-width:650px){.wort-cases th{width:7rem}}

/* /get/ — the store forwarder's own page, for anyone not on a phone. */
.get h1{margin-top:0}
.get-stores{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.get-stores .button{margin-top:0}
/* The stores' own badges, unaltered, at matching visual heights: Google's PNG
   carries ~13% clear space inside the file, so it is drawn larger to match. */
.store-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.store-badges a{display:block;line-height:0}
.store-badges .apple{height:54px;width:auto}.store-badges .google{height:73px;width:auto;margin:-9px -8px}
.qr-card{display:flex;align-items:center;gap:20px;margin-top:36px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:22px;max-width:460px}
.qr-card img{width:112px;height:112px;border-radius:8px;flex-shrink:0}.qr-card p{margin:0;font-size:15px;color:var(--muted)}
@media(max-width:650px){.qr-card{display:none}}