/* Afacerver — стили страниц "Решение проблем" / "Probleemide lahendamine" */
:root{
  --ink:#12263f;
  --ink-soft:#4a5f78;
  --line:#dfe5ec;
  --paper:#ffffff;
  --wash:#f4f7fa;
  --accent:#0f7b57;
  --accent-soft:#e7f3ee;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.crumb{padding:26px 0 0;font-size:15px;color:var(--ink-soft)}
.crumb a{color:var(--ink-soft)}
header.intro{padding:22px 0 34px}
h1{font-size:33px;line-height:1.25;margin:0 0 16px;font-weight:700;letter-spacing:-.01em}
.lede{font-size:18px;color:var(--ink-soft);margin:0 0 24px}
.promise{background:var(--accent-soft);border-left:3px solid var(--accent);
  padding:16px 18px;border-radius:0 6px 6px 0;margin:0}
.promise strong{color:var(--accent)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;margin:34px 0 0}
.card{border:1px solid var(--line);border-radius:10px;padding:22px 20px;
  text-decoration:none;color:var(--ink);display:block;background:var(--paper)}
.card:hover{border-color:var(--accent)}
.card h3{margin:0 0 8px;font-size:19px}
.card p{margin:0;font-size:15px;color:var(--ink-soft);line-height:1.55}
details{border-bottom:1px solid var(--line)}
details summary{cursor:pointer;padding:15px 34px 15px 0;font-weight:600;
  list-style:none;position:relative}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";position:absolute;right:6px;top:13px;
  font-weight:400;font-size:22px;color:var(--accent);line-height:1}
details[open] summary::after{content:"–"}
details summary:hover{color:var(--accent)}
details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.answer{padding:0 0 20px;color:var(--ink-soft)}
.answer p{margin:0 0 12px}
.answer p:last-child{margin-bottom:0}
.fix{color:var(--ink);font-weight:600}
.faq{margin-top:8px}
.cta{margin:44px 0 26px;background:var(--wash);border:1px solid var(--line);
  border-radius:10px;padding:28px 26px}
.cta h2{font-size:22px;margin:0 0 10px;font-weight:700}
.cta p{color:var(--ink-soft);margin:0 0 20px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;padding:13px 22px;border-radius:7px;
  text-decoration:none;font-weight:600;font-size:16px}
.btn-main{background:var(--accent);color:#fff}
.btn-main:hover{background:#0b6144}
.btn-alt{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn-alt:hover{border-color:var(--accent);color:var(--accent)}
.small{font-size:15px;color:var(--ink-soft);margin-top:18px}
.alsо,.also{margin:0 0 60px;font-size:16px;color:var(--ink-soft)}
.also a{color:var(--accent)}
@media (max-width:600px){
  header.intro{padding:16px 0 22px}
  h1{font-size:27px}
  body{font-size:16px}
}

/* --- Шапка и подвал --- */
.site-head{border-bottom:1px solid var(--line);background:#fff}
.site-head .bar{max-width:760px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-head .logo img{display:block;height:34px;width:auto}
.site-head .spacer{flex:1}
.site-head .links{display:flex;gap:16px;font-size:15px;flex-wrap:wrap}
.site-head .links a{color:var(--ink-soft);text-decoration:none}
.site-head .links a:hover{color:var(--accent)}
.site-head .langs{display:flex;gap:8px;align-items:center}
.site-head .langs img{display:block;height:14px;width:auto;border-radius:2px}
.site-head .langs a{opacity:.55}
.site-head .langs a:hover,.site-head .langs a.on{opacity:1}
.site-foot{border-top:1px solid var(--line);background:var(--wash);margin-top:10px}
.site-foot .bar{max-width:760px;margin:0 auto;padding:26px 20px 34px;
  font-size:15px;color:var(--ink-soft)}
.site-foot a{color:var(--ink-soft)}
.site-foot .row{margin-bottom:8px}
.site-foot .row a{margin-right:16px}
@media (max-width:600px){
  .site-head .bar{gap:10px;padding:12px 20px}
  .site-head .links{width:100%;order:3;gap:14px}
  .site-head .logo img{height:28px}
}