/* Foaia de stil comuna a paginilor interioare — articole si servicii.
   Un singur fisier, ca o schimbare de aspect sa se faca intr-un loc.
   Limbajul vizual e cel al paginii principale. */
:root{
  --forest:#1f6b47; --green:#34a06f; --green-light:#5fc494; --leaf:#6ee7a0;
  --bg:#eefaf2; --bg-alt:#ddf4e6; --card:#ffffff; --line:#c6e9d4;
  --ink:#1c3a2a; --muted:#52796a;
  --radius:10px; --shadow:0 10px 30px rgba(31,107,71,.08); --maxw:760px;
  --sans:"Montserrat",sans-serif;
  --body:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
     font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--forest)}
a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}

header.sit{background:var(--card);border-bottom:1px solid var(--line)}
header.sit .wrap{max-width:var(--maxw);margin:0 auto;padding:.9rem 1.2rem;
     display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:baseline}
header.sit .marca{font-family:var(--sans);font-weight:700;color:var(--forest);
     text-decoration:none;font-size:1.02rem}
header.sit nav{margin-left:auto;display:flex;gap:1.1rem;flex-wrap:wrap}
header.sit nav a{font-family:var(--sans);font-size:.86rem;color:var(--muted);text-decoration:none}
header.sit nav a:hover{color:var(--forest)}

main{max-width:var(--maxw);margin:0 auto;padding:2.6rem 1.2rem 4rem}

.kicker{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;
     text-transform:uppercase;color:var(--green);margin:0 0 .7rem}
h1{font-family:var(--sans);font-weight:700;font-size:clamp(1.75rem,4.6vw,2.4rem);
   line-height:1.18;margin:0 0 .8rem;color:var(--forest);text-wrap:balance}
.data{font-size:.87rem;color:var(--muted);margin:0 0 2rem;
   padding-bottom:1.3rem;border-bottom:1px solid var(--line)}

/* Raspunsul direct din deschiderea paginilor de serviciu. Asta e partea pe care o
   citeaza un model, deci se vede si se citeste separat de restul. */
.raspuns{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);
   border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem 1.4rem;margin:0 0 2.4rem;
   box-shadow:var(--shadow)}
.raspuns .intrebare{font-family:var(--sans);font-weight:600;font-size:.95rem;
   color:var(--forest);margin:0 0 .55rem}
.raspuns p:last-child{margin:0;font-size:1.02rem}

h2{font-family:var(--sans);font-weight:600;font-size:1.28rem;color:var(--forest);
   margin:2.4rem 0 .8rem;text-wrap:balance}
h3{font-family:var(--sans);font-weight:600;font-size:1.06rem;margin:1.8rem 0 .5rem}
p{margin:0 0 1.05rem}
ul,ol{margin:0 0 1.15rem;padding-left:1.35rem}
li{margin-bottom:.45rem}
strong{font-weight:600}
hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}

blockquote{margin:1.5rem 0;padding:1rem 1.3rem;background:var(--card);
   border-left:4px solid var(--green);border-radius:0 var(--radius) var(--radius) 0}
blockquote p:last-child{margin-bottom:0}

code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;
   background:var(--bg-alt);padding:.12em .38em;border-radius:4px;word-break:break-word}

.tabel{overflow-x:auto;margin:0 0 1.4rem;background:var(--card);
   border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{padding:.62rem .85rem;text-align:left;border-bottom:1px solid var(--bg-alt);vertical-align:top}
th{font-family:var(--sans);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;
   color:var(--muted);background:var(--bg-alt);white-space:nowrap}
tbody tr:last-child td{border-bottom:none}

/* Sursele articolelor: alt registru, fiindca sustin tot restul. */
.surse{margin-top:2.8rem;padding:1.4rem 1.5rem;background:var(--card);
   border:1px solid var(--line);border-radius:var(--radius);font-size:.92rem}
.surse h2{margin-top:0;font-size:1.05rem}
.surse li{margin-bottom:.7rem}

.cta{margin-top:2.8rem;padding-top:1.5rem;border-top:1px solid var(--line);
   font-family:var(--sans);font-weight:600}

footer.sit{background:var(--card);border-top:1px solid var(--line);margin-top:3rem}
footer.sit .wrap{max-width:var(--maxw);margin:0 auto;padding:1.6rem 1.2rem;
   font-size:.85rem;color:var(--muted)}
footer.sit a{color:var(--forest)}

.lista{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.lista li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
   padding:1.2rem 1.4rem;box-shadow:var(--shadow)}
.lista .d{font-size:.86rem;color:var(--forest);font-family:var(--sans);font-weight:600;
   margin:0 0 .5rem}
.lista h2{margin:0 0 .5rem;font-size:1.14rem}
.lista h2 a{text-decoration:none}
.lista h2 a:hover{text-decoration:underline}
.lista p:last-child{margin:0;color:var(--muted);font-size:.95rem}

@media(max-width:640px){body{font-size:16px}main{padding:2rem 1.1rem 3rem}}