/* blog.arova.ro — same colours and type as arova.ro */
:root { --navy:#0e2f50; --green:#128c7e; --green-dark:#0d6d62; --gold:#d4a13a; --bg:#f5f6f8; --panel:#fff; --text:#1a1d23; --muted:#5f6673; --border:#e2e5ea; --accent:#eef7f5; --warn:#fdf5e4;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:76px; }
body { margin:0; background:var(--bg); color:var(--text); line-height:1.65; font-size:17px; }
img,video { max-width:100%; height:auto; display:block; }
a { color:var(--green-dark); }
h1,h2,h3 { color:var(--navy); line-height:1.22; }
.wrap { max-width:1060px; margin:0 auto; padding:0 20px; }
.narrow { max-width:760px; margin:0 auto; padding:0 20px; }
.bar { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.95); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); }
.bar .wrap { display:flex; align-items:center; justify-content:space-between; height:62px; gap:12px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.15rem; color:var(--navy); text-decoration:none; }
.brand span { color:var(--muted); font-weight:500; }
.bar nav { display:flex; align-items:center; gap:14px; font-size:.92rem; }
.bar nav > a:not(.btn) { color:var(--muted); text-decoration:none; }
.lang { display:inline-flex; border:1px solid var(--border); border-radius:8px; overflow:hidden; font-size:.8rem; font-weight:700; }
.lang a,.lang span { padding:5px 9px; text-decoration:none; }
.lang a { color:var(--muted); }
.lang span { background:var(--navy); color:#fff; }
.btn { display:inline-block; background:var(--green); color:#fff; font-weight:700; text-decoration:none; padding:8px 14px; border-radius:9px; white-space:nowrap; }
.btn:hover { background:var(--green-dark); }
.btn--big { padding:13px 24px; background:var(--gold); color:var(--navy); }
.btn--big:hover { background:#e2b24d; }
.eyebrow { text-transform:uppercase; letter-spacing:.13em; font-size:.76rem; font-weight:700; color:var(--green-dark); margin:0 0 8px; }
.meta { color:var(--muted); font-size:.9rem; margin:0 0 28px; }
.home { padding:52px 0 72px; }
.home h1 { font-size:clamp(2rem,4vw,2.8rem); margin:0 0 8px; }
.lead { color:var(--muted); font-size:1.12rem; margin:0 0 34px; }
.cards { display:grid; gap:22px; }
.card { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:0; background:var(--panel); border:1px solid var(--border); border-radius:14px; overflow:hidden; text-decoration:none; color:inherit; transition:box-shadow .15s; }
.card:hover { box-shadow:0 8px 26px rgba(14,47,80,.12); }
.card img { width:100%; height:100%; object-fit:cover; object-position:top left; }
.card > div { padding:24px 26px; }
.card h2 { margin:0 0 8px; font-size:1.45rem; }
.card p { margin:0 0 12px; }
.card .meta { margin-bottom:10px; }
.more { color:var(--green-dark); font-weight:700; }
.article { padding:30px 0 64px; }
.crumbs { margin:0 0 26px; font-size:.92rem; }
.crumbs a { text-decoration:none; }
.article h1 { font-size:clamp(1.9rem,4.4vw,2.7rem); margin:0 0 10px; }
.article h2 { font-size:1.6rem; margin:50px 0 12px; }
.article h3 { font-size:1.18rem; margin:30px 0 8px; }
.article p,.article ul,.article ol { margin:0 0 16px; }
.article li { margin-bottom:7px; }
.intro { font-size:1.14rem; color:#333a45; }
.where { background:var(--accent); border-left:4px solid var(--green); padding:10px 14px; border-radius:0 8px 8px 0; font-weight:600; font-size:.97rem; }
.toc { background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:16px 22px; font-size:.97rem; margin:26px 0; }
.toc b { color:var(--navy); }
.toc ol { margin:8px 0 0; padding-left:22px; }
.toc li { margin-bottom:3px; }
figure { margin:22px 0 26px; }
figure img { border:1px solid var(--border); border-radius:10px; background:#fff; }
figcaption { color:var(--muted); font-size:.89rem; margin-top:8px; line-height:1.45; }
.wide { margin-left:calc(50% - min(47vw,500px)); margin-right:calc(50% - min(47vw,500px)); }
.phone { max-width:360px; margin-left:auto; margin-right:auto; }
.pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; margin:22px 0 26px; }
.pair figure { margin:0; }
.with-video { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:30px; align-items:start; margin:30px 0; }
.with-video video { width:100%; aspect-ratio:9/16; border-radius:14px; background:#0e2f50; box-shadow:0 8px 26px rgba(14,47,80,.2); }
.with-video figure { margin:0; }
.with-video h2 { margin-top:0; }
.table-scroll { overflow-x:auto; margin:18px 0 24px; border:1px solid var(--border); border-radius:10px; background:#fff; }
table { border-collapse:collapse; width:100%; font-size:.94rem; line-height:1.45; }
th,td { text-align:left; padding:10px 13px; border-bottom:1px solid var(--border); vertical-align:top; }
th { background:var(--bg); color:var(--navy); font-size:.87rem; }
tr:last-child td { border-bottom:0; }
.steps { list-style:none; padding:0; margin:22px 0; counter-reset:s; }
.steps li { counter-increment:s; position:relative; padding:0 0 18px 48px; margin:0; }
.steps li::before { content:counter(s); position:absolute; left:0; top:0; width:32px; height:32px; border-radius:50%; background:var(--navy); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; font-size:.92rem; }
.steps figure { max-width:380px; margin:14px 0 4px; }
.steps li:not(:last-child)::after { content:""; position:absolute; left:15px; top:36px; bottom:2px; width:2px; background:var(--border); }
.note { background:var(--warn); border:1px solid #efdfb9; padding:12px 16px; border-radius:10px; font-size:.97rem; margin:18px 0 22px; }
.tip { background:var(--accent); border:1px solid #cfe7e2; padding:12px 16px; border-radius:10px; font-size:.97rem; margin:18px 0 22px; }
details { background:#fff; border:1px solid var(--border); border-radius:10px; padding:12px 16px; margin-bottom:10px; }
summary { cursor:pointer; font-weight:650; color:var(--navy); }
details p { margin:10px 0 2px; }
code { background:#eceff3; padding:1px 5px; border-radius:4px; font-size:.9em; }
.cta { margin-top:54px; padding:30px; background:var(--navy); border-radius:14px; color:#fff; text-align:center; }
.cta h2 { color:#fff; margin:0 0 8px; }
.cta p { color:rgba(255,255,255,.82); margin:0 0 18px; }
.foot { border-top:1px solid var(--border); background:#fff; padding:24px 0; color:var(--muted); font-size:.9rem; }
.foot p { margin:0 0 4px; }
@media (max-width:720px) {
  body { font-size:16px; }
  .hide-s { display:none; }
  .brand span { display:none; }
  .card { grid-template-columns:1fr; }
  .card img { height:auto; }
  .with-video { grid-template-columns:1fr; }
  .with-video figure { max-width:280px; margin:0 auto; }
  .pair { grid-template-columns:1fr; }
  .wide { margin-left:0; margin-right:0; }
}