/* FOCNORM.RO – ghidurile pe situații (Exploatare, 29.10.2026, DEC-337) */
.sit-eb{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.sit-pill{display:inline-flex;align-items:center;font:700 12px/16px var(--f-body);border-radius:999px;padding:3px 10px;background:var(--soft);color:var(--ink)}
.sit-rosu{background:var(--bad-soft,#f7e3e0);color:var(--bad,#b3261e)}.sit-galben{background:var(--warn-soft,#fbefd2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--warn,#8a5a00)}
.sit-verif{border:1px solid var(--line);border-left:4px solid var(--warn,#8a5a00);border-radius:var(--r-sm,8px);background:var(--warn-soft,#fbefd2);padding:10px 14px;margin:14px 0;max-width:95ch;font-size:14.5px}
.sit-sec h2,.sit-nu h2,.sit-un h2{font-size:20px;margin:24px 0 10px}
.sit-pasi{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:sp}
.sit-pas{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--panel,var(--bg));padding:14px 16px 12px 58px;counter-increment:sp}
.sit-pas::before{content:counter(sp);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:999px;background:var(--soft);color:var(--accent);font-weight:700;display:flex;align-items:center;justify-content:center}
.sit-pas h3{margin:2px 0 4px;font-size:16.5px}.sit-pas p{margin:4px 0;max-width:95ch;line-height:1.55}
.sit-cand{display:inline-block;font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}
.sit-tm,.sit-md{font-size:13.5px;color:var(--muted)}.sit-t{white-space:nowrap}
.sit-css{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:18px 0}
.sit-cs{border:1px solid var(--line);border-radius:10px;padding:12px 16px;background:var(--soft)}.sit-cs h2{font-size:16.5px;margin:2px 0 6px}.sit-cs p{margin:4px 0;line-height:1.55}
.sit-cs-ok{border-left:4px solid var(--ok,#1f7a4d)}.sit-cs-warn{border-left:4px solid var(--warn,#8a5a00)}
.sit-sanct{max-width:95ch;font-size:14.5px}
.sit-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px 28px}.sit-2 ul{margin:0;padding-left:20px;display:grid;gap:6px}
.sit-alte{margin:22px 0 6px;font-size:14.5px}
.sit-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:18px 0}
.sit-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel,var(--bg));padding:16px;text-decoration:none;color:var(--ink)}
.sit-card:hover,.sit-card:focus-visible{border-color:var(--accent);color:var(--ink)}.sit-card .sit-pill{align-self:flex-start}.sit-card strong{font-size:17px;line-height:1.35}
.sit-card span:not(.sit-pill):not(.sit-chip){font-size:14px;color:var(--muted);line-height:1.5}
.sit-chip{align-self:flex-start;font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);background:var(--soft);border-radius:6px;padding:2px 8px}
@media (max-width:640px){.sit-pas{padding-left:48px}.sit-pas::before{left:10px}.sit-t{white-space:normal}}
/* [29.10.2026] designul paginilor: antetul cu ilustrația animată, pașii ca linie a timpului, cardurile cu imagine */
.sit-hdg{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:24px;align-items:center}
.sit-art{border-radius:16px;background:radial-gradient(120% 100% at 70% 20%,var(--accent-soft,#f7e3e0) 0%,var(--soft,#ecebe7) 62%);padding:14px;border:1px solid var(--line)}
.sit-ill{display:block;width:100%;height:auto;color:var(--ink);overflow:visible}
.sit-cart{display:block;margin:-16px -16px 6px;border-radius:10px 10px 0 0;background:radial-gradient(120% 110% at 75% 15%,var(--accent-soft,#f7e3e0) 0%,var(--soft,#ecebe7) 65%);padding:10px 26px 4px;border-bottom:1px solid var(--line)}
.sit-ill-s{max-height:132px;margin:0 auto}
.sit-card{overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.sit-pasi{position:relative}
.sit-pasi::before{content:"";position:absolute;left:30px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--accent),var(--line));opacity:.55}
.sit-pas::before{z-index:1;background:var(--accent);color:#fff;box-shadow:0 0 0 4px var(--panel,var(--bg))}
.sit-pas{transition:border-color .2s}
.sit-pas:hover{border-color:var(--accent)}
.sit-pas:first-child{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}
@media (max-width:760px){.sit-hdg{grid-template-columns:1fr}.sit-art{max-width:360px}}
@media (max-width:640px){.sit-pasi::before{left:23px}}
@media (prefers-reduced-motion:no-preference){
  .sit-card:hover,.sit-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px -14px color-mix(in srgb,var(--ink) 45%,transparent)}
  .fn-play .s-led{animation:skBl 1.1s steps(2,jump-none) infinite}
  .fn-play .s-arc{animation:skFade 3.6s ease-in-out infinite}
  .fn-play .s-x{stroke-dasharray:70;stroke-dashoffset:70;animation:skDraw 3.6s ease-in-out infinite}
  .fn-play .s-ring{stroke-dashoffset:176;animation:skRing 7s linear infinite}
  .fn-play .s-hand{transform-box:view-box;transform-origin:186px 74px;animation:skHand 7s linear infinite}
  .fn-play .s-ck{stroke-dasharray:16;stroke-dashoffset:16;animation:skCk 5.4s ease-out infinite}
  .fn-play .s-ck2{animation-delay:.9s}.fn-play .s-ck3{animation-delay:1.8s}
  .fn-play .s-lens{animation:skLens 5.4s ease-in-out infinite}
  .fn-play .s-stamp{animation:skStamp 3.4s cubic-bezier(.5,0,.3,1) infinite}
  .fn-play .s-imp{opacity:0;animation:skImp 3.4s ease-out infinite}
  .fn-play .s-dot{animation:skBl 1.4s steps(2,jump-none) infinite}
  .fn-play .s-fl{transform-box:fill-box;transform-origin:50% 100%;animation:skFl .5s ease-in-out infinite alternate}
  .fn-play .s-sp{opacity:0;animation:skSp 1.3s ease-out infinite}
  .fn-play .s-sp2{animation-delay:.2s}.fn-play .s-sp3{animation-delay:.45s}.fn-play .s-sp4{animation-delay:.65s}.fn-play .s-sp5{animation-delay:.85s}.fn-play .s-sp6{animation-delay:1.05s}
  .fn-play .s-sa{transform-box:fill-box;transform-origin:50% 100%;animation:skSa 6s linear infinite}
  .fn-play .s-sb{transform-box:fill-box;transform-origin:50% 100%;animation:skSb 6s linear infinite}
  .fn-play .s-big{transform-box:fill-box;transform-origin:50% 100%;animation:skBig 5s ease-in-out infinite}
  .fn-play .s-puff{opacity:0;animation:skPuff 1.2s ease-out infinite}
  .fn-play .s-puff2{animation-delay:.4s}.fn-play .s-puff3{animation-delay:.8s}
  .fn-play .s-rg{animation:skFade 1.4s ease-in-out infinite}
  .fn-play .s-wall{animation:skWall 5s ease-in-out infinite}
  .fn-play .s-rot{transform-box:view-box;transform-origin:206px 86px;animation:skRot 4s linear infinite}
}
@keyframes skBl{0%{opacity:1}50%{opacity:.15}}
@keyframes skFade{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes skDraw{0%,20%{stroke-dashoffset:70}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:70}}
@keyframes skRing{to{stroke-dashoffset:0}}
@keyframes skHand{to{transform:rotate(360deg)}}
@keyframes skCk{0%,8%{stroke-dashoffset:16}26%,82%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:16}}
@keyframes skLens{0%,100%{transform:translate(0,0)}33%{transform:translate(-6px,30px)}66%{transform:translate(-2px,60px)}}
@keyframes skStamp{0%,15%{transform:translate(0,-26px)}40%,52%{transform:translate(0,32px)}75%,100%{transform:translate(0,-26px)}}
@keyframes skImp{0%,40%{opacity:0}48%,88%{opacity:1}100%{opacity:0}}
@keyframes skFl{from{transform:scale(1,1)}to{transform:scale(.8,1.18)}}
@keyframes skSp{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@keyframes skSa{0%{transform:scaleY(1)}90%{transform:scaleY(.05)}100%{transform:scaleY(1)}}
@keyframes skSb{0%{transform:scaleY(.05)}90%{transform:scaleY(1)}100%{transform:scaleY(.05)}}
@keyframes skBig{0%,10%{transform:scale(1)}20%{transform:scale(.92,1.06)}70%{transform:scale(.35)}85%{transform:scale(.3);opacity:.6}95%{transform:scale(.9);opacity:1}100%{transform:scale(1)}}
@keyframes skPuff{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(-30px,18px) scale(1.5)}}
@keyframes skWall{0%,15%{opacity:0;transform:translateY(-30px)}40%,85%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes skRot{to{transform:rotate(360deg)}}
.sit-ill .s-stamp{opacity:0}   /* static (fără animație): numai urma ștampilei */
@media (prefers-reduced-motion:no-preference){.fn-play .s-stamp{opacity:1}}