/* TEKST-OPSLAGET — et opslag uden billede (format 'text'). Egen fil af samme grund som
   historie.css, photoshoot.css og ads.css: fladen er flowets ejendom, og produkt-flowets flade
   maa ikke kunne maerke en rettelse her. Husets variabler genbruges (--ink, --line, --muted,
   --maerke), saa den ikke ligner et fremmedlegeme.

   Ankeret (#view-build{position:relative}) er sat af historie.css og saettes IKKE igen. */

/* Forsidens tekst-kort er tonet lavendel (ord, ikke billeder) — samme tone ligger her som vask. */
#to_flade { position:absolute; inset:0; z-index:5;
  background:radial-gradient(110% 62% at 50% -6%, rgba(124,92,255,.09) 0%, rgba(124,92,255,0) 58%), var(--papir,#F2F1EC);
  display:flex; flex-direction:column; overflow:hidden; }
#to_flade[hidden] { display:none; }

.to-top { display:flex; align-items:center; gap:12px; padding:16px 26px 14px;
  border-bottom:1px solid var(--line); flex:0 0 auto; }
.to-tilbage { border:1px solid var(--line); background:rgba(255,255,255,.7); border-radius:var(--r-knap);
  padding:7px 13px; font:inherit; font-size:13px; color:var(--ink-2,#3a423c); cursor:pointer; }
.to-tilbage:hover { background:#fff; }
.to-top h2 { font-family:'Poppins',sans-serif; font-size:19px; margin:0; font-weight:600; }

.to-krop { flex:1 1 auto; overflow-y:auto; padding:30px 26px 40px; }
.to-midt { max-width:720px; margin:0 auto; }

.to-h1 { font-family:'Poppins',sans-serif; font-weight:600; font-size:33px; letter-spacing:-.012em;
  line-height:1.18; margin:0 0 9px; text-align:center; }
.to-sub { color:var(--muted); font-size:14.5px; line-height:1.55; margin:0 auto 26px; max-width:560px; text-align:center; }
.to-lab { font-family:'Poppins',sans-serif; font-size:16px; letter-spacing:-.01em; color:var(--ink);
  font-weight:600; margin:28px 0 10px; display:flex; align-items:baseline; gap:9px; }
.to-lab .to-hint { font-family:'Nunito Sans',sans-serif; letter-spacing:0; font-weight:400; font-size:12.5px; color:var(--muted); }

.to-felt { width:100%; border:1px solid var(--line); border-radius:var(--r-knap); background:#fff;
  padding:11px 13px; font:inherit; font-size:14.5px; color:var(--ink); resize:vertical; box-sizing:border-box; }
.to-felt:focus { outline:none; border-color:var(--maerke); box-shadow:0 0 0 3px rgba(255,77,141,.13); }

.to-rk { display:flex; gap:9px; flex-wrap:wrap; }
.to-vlg { border:1px solid var(--line); background:#fff; border-radius:var(--r-knap);
  padding:10px 17px; font:inherit; font-size:13.5px; cursor:pointer; color:var(--ink-2,#4A4450); }
.to-vlg.on { border-color:var(--maerke); background:var(--maerke-svag,rgba(255,77,141,.09)); color:var(--ink); font-weight:600; }
.to-note { font-size:12.5px; color:var(--muted); margin-top:8px; }

.to-bund { display:flex; align-items:center; gap:14px; margin-top:28px; }
.to-knap { border:none; background:var(--maerke); color:var(--maerke-ink,#141018); border-radius:var(--r-knap);
  padding:13px 22px; font:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.to-knap:disabled { opacity:.45; cursor:default; }
.to-fejl { color:var(--roed,#B3261E); font-size:13.5px; margin-top:12px; }

/* Venteskaermen: ingen agent-graf — der er kun skribenten, og den er hurtig. */
.to-venter { text-align:center; padding:60px 0; color:var(--muted); font-size:15px; }
.to-prikker i { display:inline-block; width:5px; height:5px; border-radius:50%; background:currentColor;
  margin-left:3px; animation:to-blink 1.2s infinite; }
.to-prikker i:nth-child(2) { animation-delay:.2s; } .to-prikker i:nth-child(3) { animation-delay:.4s; }
@keyframes to-blink { 0%,80%,100%{opacity:.25} 40%{opacity:1} }
@media (prefers-reduced-motion: reduce) { .to-prikker i { animation:none; } }

/* Resultatet: én tekst pr. platform, med kopiér-knap — samme haandtag som ads-pakken. */
.to-resultat { background:#fff; border:1px solid var(--line); border-radius:var(--r-kort);
  padding:15px 17px; margin-bottom:13px; }
.to-resultat-top { display:flex; align-items:center; gap:10px; margin-bottom:9px; }
.to-resultat-top b { font-size:13.5px; }
.to-kopier { margin-left:auto; border:1px solid var(--line); background:#fff; border-radius:var(--r-knap);
  padding:5px 11px; font:inherit; font-size:12px; cursor:pointer; color:var(--ink-2,#4A4450); }
.to-kopier:hover { border-color:var(--maerke); }
.to-tekst { white-space:pre-wrap; font-size:14px; line-height:1.55; color:var(--ink); margin:0; }