:root{
  --text:#1b2733; --moale:#5b6b7c; --linie:#e3e8ee; --fundal:#ffffff;
  --crem:#f7f8fa; --accent:#b8232f; --accent-inchis:#8e1a23; --verde:#0f6b4f;
  --max:44rem;
  color-scheme: light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--fundal); color:var(--text);
  font-family:Charter,"Iowan Old Style","Palatino Linotype",Georgia,serif;
  font-size:1.0625rem; line-height:1.7;
}
img{max-width:100%;height:auto}
a{color:var(--accent-inchis);text-underline-offset:2px}
a:hover{color:var(--accent)}

.container{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.lat{max-width:62rem}

/* Antet */
header.sus{border-bottom:1px solid var(--linie);background:var(--fundal);
  position:sticky;top:0;z-index:10}
header.sus .container{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-top:.85rem;padding-bottom:.85rem}
.marca{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-weight:700;font-size:1rem;letter-spacing:-.01em;text-decoration:none;color:var(--text)}
.marca span{color:var(--accent)}
nav.meniu{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.9rem}
nav.meniu a{margin-left:1.1rem;text-decoration:none;color:var(--moale)}
nav.meniu a:hover,nav.meniu a[aria-current="page"]{color:var(--accent);text-decoration:underline}
@media(max-width:640px){
  header.sus .container{flex-direction:column;align-items:flex-start;gap:.4rem}
  nav.meniu a{margin-left:0;margin-right:1rem}
}

/* Titluri */
h1,h2,h3,h4{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  line-height:1.25;letter-spacing:-.015em;color:var(--text)}
h1{font-size:2.05rem;margin:2.2rem 0 1rem}
h2{font-size:1.42rem;margin:2.6rem 0 .8rem;padding-top:.2rem}
h3{font-size:1.12rem;margin:2rem 0 .6rem}
h4{font-size:1rem;margin:1.6rem 0 .5rem}
@media(max-width:640px){h1{font-size:1.7rem}h2{font-size:1.25rem}}

p{margin:0 0 1.15rem}
ul,ol{margin:0 0 1.15rem;padding-left:1.35rem}
li{margin-bottom:.4rem}
strong{font-weight:700}
hr{border:0;border-top:1px solid var(--linie);margin:2.5rem 0}

blockquote{margin:1.6rem 0;padding:.2rem 0 .2rem 1.15rem;
  border-left:3px solid var(--accent);color:var(--moale);font-style:italic}
blockquote p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:1.6rem 0;
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.94rem}
th,td{border-bottom:1px solid var(--linie);padding:.6rem .5rem;text-align:left;vertical-align:top}
th{background:var(--crem);font-weight:600}
.tabel-scroll{overflow-x:auto;margin:1.6rem 0}
.tabel-scroll table{margin:0}

code{background:var(--crem);padding:.1rem .3rem;border-radius:3px;font-size:.9em}

/* Butoane */
.buton{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:600;
  font-size:1rem;padding:.85rem 1.6rem;border-radius:6px;line-height:1.3;
  transition:background .15s}
.buton:hover{background:var(--accent-inchis);color:#fff}
.buton.secundar{background:transparent;color:var(--accent-inchis);
  border:1.5px solid var(--accent);padding:.75rem 1.5rem}
.buton.secundar:hover{background:var(--accent);color:#fff}

/* Casete */
.caseta{background:var(--crem);border:1px solid var(--linie);border-radius:8px;
  padding:1.4rem 1.5rem;margin:2rem 0}
.caseta h3,.caseta h2{margin-top:0}
.caseta p:last-child{margin-bottom:0}
.caseta.oferta{border-left:4px solid var(--accent)}
.caseta.gratuit{border-left:4px solid var(--verde)}

.raspuns-scurt{background:#fdf4f4;border:1px solid #f0d5d7;border-left:4px solid var(--accent);
  border-radius:8px;padding:1.2rem 1.4rem;margin:1.8rem 0;font-size:1.08rem}
.raspuns-scurt p:last-child{margin-bottom:0}

/* Introducerea paginii */
.erou{padding:3.2rem 0 2.4rem;border-bottom:1px solid var(--linie)}
.erou h1{margin-top:0}
.erou .subtitlu{font-size:1.18rem;color:var(--moale);margin-bottom:1.8rem}

/* Lista de articole */
.lista-articole{list-style:none;padding:0;margin:1.5rem 0 0}
.lista-articole li{border-bottom:1px solid var(--linie);padding:1.15rem 0;margin:0}
.lista-articole li:last-child{border-bottom:0}
.lista-articole a{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-weight:600;font-size:1.08rem;text-decoration:none;display:block;margin-bottom:.3rem}
.lista-articole p{margin:0;color:var(--moale);font-size:.97rem}

/* Meta articol */
.meta{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:.85rem;color:var(--moale);margin:0 0 1.8rem}
.cuprins{background:var(--crem);border-radius:8px;padding:1.1rem 1.5rem;margin:2rem 0;
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:.95rem}
.cuprins ol{margin-bottom:0}

/* Coperta */
.coperta-rand{display:flex;gap:2rem;align-items:flex-start;margin:2rem 0}
.coperta-rand img{width:200px;flex:0 0 200px;border-radius:4px;
  box-shadow:0 4px 20px rgba(0,0,0,.16)}
@media(max-width:640px){
  .coperta-rand{flex-direction:column;align-items:center;text-align:center}
  .coperta-rand img{width:170px;flex:none}
}

/* Subsol */
footer.jos{margin-top:4rem;border-top:1px solid var(--linie);background:var(--crem);
  padding:2.2rem 0;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:.88rem;color:var(--moale)}
footer.jos a{color:var(--moale)}
footer.jos .legaturi{margin-bottom:.8rem}
footer.jos .legaturi a{margin-right:1.1rem}

main{padding-bottom:2rem}
.nota{font-size:.9rem;color:var(--moale)}