:root{
  --hartie:#f7f3ea; --hartie2:#efe8d8; --cerneala:#1d2733; --slab:#5c6a76;
  --linie:#d8cfba; --muschi:#2e6b4f; --aur:#9a6a14; --rosu:#a4341f;
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hartie);color:var(--cerneala);font-family:var(--sans);line-height:1.6}
.deschidere{max-width:880px;margin:0 auto;padding:56px 20px 8px}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muschi);margin:0 0 10px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,7vw,62px);line-height:1.04;margin:0 0 14px}
h1 em{font-style:italic;color:var(--rosu)}
.standfirst{font-family:var(--serif);font-size:clamp(16px,2.6vw,20px);line-height:1.55;max-width:62ch}
.contoare{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0;padding:0}
.contoare li{font-family:var(--mono);font-size:13px;border:1px solid var(--linie);border-radius:999px;padding:6px 14px;background:var(--hartie2)}
.contoare b{font-size:15px}
main{max-width:1080px;margin:0 auto;padding:0 20px}
.harta-cadru{margin:26px 0 8px;border:1px solid var(--linie);border-radius:12px;background:#fbf8f1;padding:10px}
#harta{width:100%;height:auto;display:block}
#harta .tara{fill:#e9e2cf;stroke:#8a7f63;stroke-width:1.5}
#harta .areal{opacity:.30;stroke-width:2;transition:opacity .25s ease}
#harta.h-focus .areal{opacity:.06}
#harta.h-focus .areal.activ{opacity:.55}
#harta .reg{font-family:var(--mono);font-size:15px;fill:#41505e;text-anchor:middle}
#harta .reg.gol{font-size:12px;fill:#8a8474;font-style:italic}
#harta .buc circle{fill:var(--rosu)}
#harta .buc text{font-family:var(--mono);font-size:14px;fill:var(--rosu)}
figcaption{font-size:13px;color:var(--slab);padding:6px 6px 2px;max-width:80ch}
.controale{margin:18px 0 6px}
.rand{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
#cauta{flex:1;min-width:min(100%,260px);font-size:16px;padding:11px 14px;border:1px solid var(--linie);border-radius:10px;background:#fff;color:var(--cerneala)}
#reseteaza,.chip{font-family:var(--mono);font-size:13px;padding:10px 15px;border-radius:999px;border:1px solid var(--linie);background:var(--hartie2);color:var(--cerneala);cursor:pointer}
#reseteaza:hover,.chip:hover{border-color:var(--muschi)}
.chip[aria-pressed="true"]{background:var(--muschi);border-color:var(--muschi);color:#fff}
.chip.gol-chip[aria-pressed="true"]{background:var(--aur);border-color:var(--aur)}
:focus-visible{outline:3px solid var(--muschi);outline-offset:2px}
#rezultat{font-family:var(--mono);font-size:13px;color:var(--slab);min-height:1.5em;margin:2px 0 0}
.registru{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:16px 0 8px}
.fisa{background:#fffdf7;border:1px solid var(--linie);border-left:6px solid var(--c,#2e6b4f);border-radius:10px;padding:14px 15px 12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.fisa:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(29,39,51,.12)}
.fisa.evident{box-shadow:0 0 0 3px var(--c,#2e6b4f)}
.fisa.ascuns{display:none}
.plansa{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--slab);margin:0}
.fisa h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:2px 0 8px;line-height:1.1}
.sensuri{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sensuri li{border-top:1px dotted var(--linie);padding-top:8px;font-size:14px}
.sensuri .sens{display:block;font-size:15px}
.sensuri .la{color:var(--slab)}
.sensuri .la b{color:var(--rosu)}
.sensuri .unde{display:block;font-family:var(--mono);font-size:12px;color:var(--muschi);margin-top:2px}
.sursa{font-family:var(--mono);font-size:12px;color:var(--slab);margin:10px 0 0}
.sursa a{color:var(--muschi)}
.raft,.argument,.metoda{max-width:80ch;margin:34px 0}
.raft h2,.argument h2,.metoda h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,4vw,32px);margin:0 0 10px}
.raft ul,.metoda ul{margin:8px 0;padding-left:20px}
.raft li,.metoda li{margin-bottom:8px}
.argument p{margin:0 0 12px}
.cuprins{font-size:15px;color:var(--slab);max-width:62ch;margin:12px 0 0}
.fig-cadru{margin:26px 0 8px;border:1px solid var(--linie);border-radius:12px;background:#fbf8f1;padding:10px;max-width:720px}
.fig-cadru img{width:100%;height:auto;display:block;border-radius:8px}
.fig-doua{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.fig-doua .fig-cadru{margin:0;max-width:none}
footer{border-top:1px solid var(--linie);margin-top:20px;padding:16px 20px 40px;text-align:center;color:var(--slab);font-size:13px}
footer a{color:var(--muschi)}
@media (max-width:640px){
  .fig-doua{grid-template-columns:1fr}
  .deschidere{padding-top:36px}
  #harta .reg{font-size:17px}
  #harta .buc text{font-size:12px}
  .fisa h3{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  #harta .areal,.fisa{transition:none}
  .fisa:hover{transform:none}
}