/* 08.11: stilul paginilor-studiu din /blog/ (date reale, grafice SVG animate) — comun: cat-dureaza-sa-gasesti-chirie-bucuresti, chirie-pret-cerut-sau-negociere-date-reale */
article{max-width:1000px}
.ks-hero{position:relative;overflow:hidden;border-radius:22px;padding:34px 34px 30px;color:#fff;margin:4px 0 22px;background:radial-gradient(110% 90% at 100% 0%,rgba(232,201,106,.18),transparent 55%),linear-gradient(160deg,#0a2a5c,#051e42 55%,#03142e);box-shadow:0 24px 60px -24px rgba(5,30,66,.55)}
.ks-hero::after{content:"";position:absolute;inset:0;border-radius:22px;border:1px solid rgba(232,201,106,.22);pointer-events:none}
.ks-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;animation:ksOrb 14s ease-in-out infinite alternate}
.ks-orb.a{width:320px;height:320px;right:-90px;top:-120px;background:radial-gradient(circle,#f2d27a,transparent 65%)}
.ks-orb.b{width:280px;height:280px;left:-110px;bottom:-140px;background:radial-gradient(circle,#1566c8,transparent 65%);animation-duration:18s}
@keyframes ksOrb{50%{transform:translate(-25px,20px) scale(1.1)}100%{transform:translate(15px,-10px)}}
.ks-hero>*{position:relative}
.ks-kick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#e8c96a;padding:6px 12px;border:1px solid rgba(232,201,106,.35);border-radius:999px;background:rgba(232,201,106,.07)}
.ks-kick i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:ksLive 1.8s infinite}
@keyframes ksLive{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
article .ks-hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:#fff;font-size:40px;line-height:1.1;margin:14px 0 10px;text-wrap:balance}
.ks-hero h1 em{font-style:normal;color:#f2d27a}
article .ks-lead{color:rgba(255,255,255,.85);font-size:17px;margin:0 0 20px;max-width:60ch}
article .ks-lead b{color:#f2d27a}
.ks-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ks-k{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 14px 12px}
.ks-k b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:38px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.ks-k b small{font-family:-apple-system,system-ui,sans-serif;font-size:15px;font-weight:700;color:rgba(255,255,255,.7);margin-left:4px}
.ks-k span{display:block;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.72);line-height:1.35}
.ks-k.g{background:linear-gradient(180deg,rgba(242,210,122,.22),rgba(242,210,122,.06));border-color:rgba(242,210,122,.45)}.ks-k.g b{color:#f2d27a}
.ks-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:14px 0}
.ks-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 18px 14px;box-shadow:0 10px 30px -22px rgba(15,23,42,.35);min-width:0}
.ks-card h3{margin:0 0 4px!important;font-size:16px!important;color:#051e42!important}
.ks-card p.ks-s{margin:0 0 10px!important;font-size:13px!important;color:#64748b!important}
.ks-card svg{display:block;width:100%;height:auto;overflow:visible}
.ks-bar{transform-origin:bottom;transform-box:fill-box;transition:opacity .25s,filter .25s}
.ks-card.go .ks-bar{animation:ksGrow 1s cubic-bezier(.2,.8,.2,1) both}
html.ks-js .ks-card:not(.go) .ks-bar,html.ks-js .ks-card:not(.go) .ks-hb{transform:scale(0)}
@keyframes ksGrow{from{transform:scaleY(0)}}
.ks-hb{transform-origin:left;transform-box:fill-box}
.ks-card.go .ks-hb{animation:ksGrowX 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes ksGrowX{from{transform:scaleX(0)}}
.ks-card.go .ks-ring{animation:ksRing 1.4s cubic-bezier(.2,.8,.2,1) both}
.ks-ring{transition:stroke-width .3s,stroke-dasharray .6s cubic-bezier(.2,.8,.2,1),stroke .3s}
@keyframes ksRing{from{stroke-dasharray:0 999}}
.ks-curve{stroke-dasharray:1000;stroke-dashoffset:1000}
.ks-card.go .ks-curve{animation:ksDraw 1.8s ease-out .2s forwards}
html:not(.ks-js) .ks-curve{stroke-dashoffset:0}
@keyframes ksDraw{to{stroke-dashoffset:0}}
.ks-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#475569;margin-top:8px}
.ks-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ks-upd{font-size:12.5px;color:#64748b;margin:-4px 0 20px!important}
.ks-card{position:relative;transition:transform .25s,box-shadow .25s}
.ks-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(15,23,42,.45)}
.ks-card svg [data-tap]{cursor:pointer}
.ks-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#a07a24;background:#fff7e0;border:1px solid #f1dfa7;border-radius:999px;padding:3px 10px;margin:0 0 8px}
.ks-hint i{width:6px;height:6px;border-radius:50%;background:#c99a3a;animation:ksLive 1.6s infinite}
.ks-tip{position:absolute;z-index:5;pointer-events:none;background:#051e42;color:#fff;font-size:13px;line-height:1.35;padding:9px 12px;border-radius:10px;box-shadow:0 12px 28px -10px rgba(5,30,66,.6);opacity:0;transform:translate(-50%,-100%) translateY(6px);transition:opacity .2s,transform .2s;max-width:240px;text-align:center}
.ks-tip b{color:#f2d27a}
.ks-tip.on{opacity:1;transform:translate(-50%,-100%) translateY(-6px)}
.ks-dim .ks-bar:not(.sel){opacity:.28;filter:saturate(.4)}
.ks-bar.sel{filter:drop-shadow(0 6px 10px rgba(201,154,58,.55))}
.ks-k{cursor:pointer;transition:transform .2s,background .2s}
.ks-k:hover{transform:translateY(-2px)}
.ks-k.pop{animation:ksPop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes ksPop{40%{transform:scale(1.06)}}
.ks-guide{opacity:0;transition:opacity .2s}.ks-guide.on{opacity:1}
@media (prefers-reduced-motion:reduce){.ks-orb,.ks-kick i,.ks-bar,.ks-hb,.ks-ring,.ks-curve{animation:none!important;stroke-dashoffset:0!important}}
@media (max-width:820px){.ks-hero{padding:26px 20px}article .ks-hero h1{font-size:30px}.ks-kpi{grid-template-columns:repeat(2,1fr)}.ks-grid{grid-template-columns:1fr}.ks-k b{font-size:32px}}