.thanks-page { background:#faf9fd; color:#211b3f; }
.thanks-main { max-width:1040px; margin:auto; padding:1.5rem 1.25rem 5rem; }
.thanks-hero { max-width:740px; padding:clamp(1rem,5vw,4rem) 0; }
.thanks-hero h1 { font-size:clamp(2.5rem,7vw,4.5rem); margin:.5rem 0 1rem; }
.thanks-main p { line-height:1.8; }
.thanks-hero > p:last-child { font-size:1.15rem; color:#625a76; }
.thanks-section { margin-top:2.5rem; }
.thanks-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:1rem; }
.thanks-card,.thanks-contributors { border:1px solid #ded8ed; border-radius:20px; background:#fff; padding:clamp(1.2rem,3vw,2rem); overflow-wrap:anywhere; }
.thanks-card h3 { margin:0 0 .7rem; font-size:1.4rem; }
.thanks-card p { margin:0; }
.thanks-contributors ul { columns:3 180px; list-style:none; padding:0; margin-top:1.5rem; }
.thanks-contributors li { break-inside:avoid; margin-bottom:.8rem; overflow-wrap:anywhere; }
.thanks-editor label { display:block; font-weight:700; margin:2rem 0 .7rem; }
.thanks-editor textarea { box-sizing:border-box; width:100%; min-height:200px; padding:1rem; border:1px solid #b5a9d5; border-radius:10px; font:400 1rem/1.7 system-ui,sans-serif; }
.thanks-editor button { padding:.8rem 1.3rem; margin:1rem 0; border:0; border-radius:10px; background:#4438a7; color:white; font:700 1rem system-ui; }
.thanks-error { color:#8b263b; }

/* Den offentliga tacksidan har en egen svart bakgrund. */
.thanks-page.thanks-dark { --ink:#f5f3ff; --muted:#c6c0d6; background:#000; color:var(--ink); }
.thanks-dark .thanks-hero > p:last-child { color:var(--muted); }
.thanks-dark .thanks-card,
.thanks-dark .thanks-contributors { background:#17151e; border-color:#454050; }