/* Unterseiten: Gratis-Prompts, Impressum, Datenschutz, 404 – im Cinelaro-Look */
.page-hero{padding-block:var(--s7) var(--s6);border-bottom:1px solid var(--line)}
.page-hero h1,.page-title{font-size:clamp(2.6rem,7vw,4.6rem);margin-block:var(--s4)}
.page-hero .lead{max-width:60ch}
.chain{list-style:none;margin:var(--s6) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.chain a{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:3px;text-decoration:none;background:var(--ink-2)}
.chain a:hover{border-color:var(--brass)}
.chain .n{font:500 1.2rem/1 var(--display);color:var(--brass)}
.sec{padding-block:var(--s7)}
.sec+.sec{border-top:1px solid var(--line)}
.sec .wrap{display:grid;gap:var(--s5)}
@media(min-width:980px){.sec .wrap{grid-template-columns:220px minmax(0,1fr);gap:var(--s7)}}
.sec-h{display:grid;gap:var(--s3);align-content:start}
.sec-h .num{font:500 .95rem/1.3 var(--text);color:var(--brass)}
.sec-h h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.sec-b{display:grid;gap:var(--s5);min-width:0;max-width:78ch}
.sec-b p,.sec-b li{color:var(--muted)}
.sec-b strong,.sec-b b{color:var(--parch)}
.sec-b h3{font-family:var(--text);font-weight:600;font-size:1.1rem}
.dash{margin:0;padding-left:1.1rem;display:grid;gap:.5rem}
.pv{border:1px solid var(--line);border-radius:6px;background:var(--ink-2);overflow:hidden;min-width:0}
.pv-head{padding:var(--s5);display:grid;gap:.5rem;border-bottom:1px solid var(--line)}
.pv-head h3{font:500 1.9rem/1.05 var(--display)}
.label{font:500 .9rem/1.3 var(--text);color:var(--brass)}
.pv-src{font-size:.9rem}
.pv-use{font-size:.95rem}
.pv-code pre{margin:0;padding:var(--s5);font:400 .84rem/1.65 var(--mono);color:var(--parch);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink)}
.pv-bar{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s3) var(--s5);border-top:1px solid var(--line)}
.btn-ink,.btn-gold,.btn-line{display:inline-flex;align-items:center;gap:.5rem;font:600 .92rem/1 var(--text);padding:.8rem 1.1rem;border-radius:var(--radius);cursor:pointer;text-decoration:none}
.btn-ink{background:var(--ink-3);border:1px solid var(--line);color:var(--parch)}
.btn-ink:hover,.btn-ink[data-state="ok"]{border-color:var(--brass)}
.btn-ink .arrow{width:1em;height:1em}
.btn-gold{background:var(--brass);border:1px solid var(--brass);color:var(--ink)}
.btn-line{border:1px solid var(--parch);color:var(--parch);background:transparent}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.copy-msg{font-size:.88rem;color:var(--muted)}
.box-dark,.why{border:1px solid var(--line);border-radius:6px;background:var(--ink-3);padding:var(--s5)}
.small,.stand{font-size:.85rem;color:var(--muted)}
.legal{display:grid;gap:var(--s4)}
mark.ph{background:#cf9f5540;color:var(--parch);padding:0 .2em;border-radius:2px}
.vorlage-banner{border:1px solid var(--rec);border-radius:4px;padding:var(--s4);color:var(--parch);background:#d9583d14}
.nf{padding-block:var(--s9)}
.nf .big{font:500 clamp(5rem,18vw,10rem)/1 var(--display);color:var(--brass)}