/* unbr.bgn.ro — așezarea paginilor. Doar tokenuri și clase bgn-33; nicio mărime de text scrisă aici. */

body{background:var(--c-app)}
.site-nav .brand .ic-box{width:32px;height:32px}
.site-nav .links a[aria-current="page"]{color:var(--c-ink)}
@media (max-width:820px){ .site-nav .links{display:none} }

.pg{padding-top:var(--sp-10);padding-bottom:var(--sp-16)}
.pg-head{max-width:760px;margin-bottom:var(--sp-8)}
.pg-head .marker{margin-bottom:var(--sp-3)}
.pg-head .lead{margin-top:var(--sp-3)}

.foot{padding:var(--sp-8) 0;border-top:1px solid var(--c-rule-soft);color:var(--c-fog)}

/* pagina de start */
.home-cards a.card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--sp-3)}
.home-cards a.card .ic-box{width:40px;height:40px}

/* subiectele */
.subj-card{margin-top:var(--sp-6)}
.subj-q{margin-top:var(--sp-4)}
.bands{display:grid;gap:var(--sp-4);margin:var(--sp-4) 0}
.bands .card ul{margin:var(--sp-2) 0 0;padding-left:20px}
.bands .card li + li{margin-top:var(--sp-1)}

/* prototipul */
.fx-grid{display:grid;grid-template-columns:248px minmax(0,1fr) 300px;gap:var(--sp-6);align-items:start}
.fx-left{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow-y:auto}   /* harta pașilor, în stânga; derulează singură dacă e mai înaltă decât ecranul */
.fx-screen{max-width:600px}
.fx-screen .card.xl{display:flex;flex-direction:column;gap:var(--sp-4)}
.fx-screen .fx-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin-top:var(--sp-2)}
.fx-screen .fx-back{align-self:flex-start}
.fx-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:var(--sp-4)}
.fx-roles{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.fx-map{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.fx-map li a{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);text-decoration:none;color:var(--c-fog)}
.fx-map li a:hover{background:var(--c-hover);color:var(--c-ink)}
.fx-map li a[aria-current="step"]{background:var(--c-accent-tint);color:var(--c-ink)}
.fx-map .grp{padding:var(--sp-3) var(--sp-3) var(--sp-1)}
.fx-paths{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.fx-lawyers{display:grid;gap:var(--sp-3);margin-top:var(--sp-2)}
.fx-sub{display:none;margin-top:var(--sp-3)}
.fx-sub.on{display:block}
.fx-code{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:baseline}
@media (max-width:1023.98px){
  .fx-grid{grid-template-columns:1fr}
  .fx-side{position:static}
  .fx-left{position:static;max-height:none;overflow:visible;order:3}   /* pe ecran îngust, harta vine după ecran și după coloana din dreapta */
}