/* Torgua – djup, läsbar text och snyggare layout (17/10 2026). Gemensamt för de publika sidorna, laddas efter sidans egen stil.
   Torguas färger: grön #1f8a4c/#1e7a4e, mörkgrön #176b3b, mint #e9f5ee/#cfe7dd, persika #f6d9b8, korall #e4583f, kräm #faf7f1.
   Text: mörk grågrön #3d4741, mörk skogsgrön #124d2c (kontrast minst 7:1). */
:root{
  --djup-1:0 1px 2px rgba(18,40,28,.05),0 6px 14px -2px rgba(18,40,28,.08);
  --djup-2:0 1px 2px rgba(18,40,28,.04),0 6px 14px -6px rgba(18,40,28,.08),0 32px 28px -24px rgba(18,77,44,.20);
  --djup-3:0 2px 4px rgba(18,40,28,.05),0 10px 20px -8px rgba(18,40,28,.10),0 42px 36px -30px rgba(18,77,44,.24);
  --djup-knapp:0 1px 0 rgba(255,255,255,.18) inset,0 2px 4px rgba(18,77,44,.18),0 8px 18px rgba(18,77,44,.22);
  --toning:radial-gradient(1100px 560px at 92% -10%,rgba(31,138,76,.11),rgba(31,138,76,0) 62%),
           radial-gradient(900px 640px at -14% 32%,rgba(246,217,184,.34),rgba(246,217,184,0) 60%),
           linear-gradient(180deg,rgba(255,255,255,0) 40%,rgba(233,245,238,.6));
}
small{font-size:max(16px,.89em)}
body{background-image:var(--toning);background-repeat:no-repeat;background-size:100% 100%;min-height:100vh}
/* Flytande kort (17/10, rad 945 + 947): kanterna nästan osynliga, en liten mjuk skugga en bit under kortet – kortet svävar över ytan */
.sida,.pk,.selo,.parceiro,.card,.uc,.box,.ruta,.tf-cr,.tf-nasta,.sofunk,.faq-lista,.p-blad,.tres,.navsteps,.foot,main{border-color:rgba(18,77,44,.05)!important}
header{position:relative;z-index:2;box-shadow:0 1px 0 rgba(18,40,28,.04),0 6px 18px rgba(18,40,28,.04)}

/* Illustrationer (site/img/illustrationer/*.svg) i tomma ytor */
.ill{display:block;width:100%;height:auto;max-width:460px;margin:0 auto;filter:drop-shadow(0 18px 28px rgba(18,77,44,.10))}
.ill-mobil{max-width:300px;margin:8px auto 0}
@media (max-width:899px){.ill-dator{display:none} .ill{max-width:280px}}
@media (min-width:900px){.ill-mobil{display:none}}

/* Två kolumner på dator för de smala sidorna */
.duo{display:block}
@media (min-width:900px){
  .duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
  .duo.topp{align-items:start}
  .duo .sticky{position:sticky;top:32px}
}
input,select,textarea{font-size:max(16px,1em)}