/* Page content styles extracted from the former inline block. */
    * { box-sizing: border-box; }
    body { margin:0; min-width:320px; background:radial-gradient(circle at 88% 4%,rgba(124,58,237,.10),transparent 28rem),radial-gradient(circle at 4% 22%,rgba(37,99,235,.07),transparent 26rem),#fff; }
    .hub-shell a { color:inherit; }
    .hub-shell { color-scheme:light; --ink:#0f172a; --deep:#0b1f3a; --muted:#61708a; --blue:#2563eb; --purple:#7c3aed; --violet:#a855f7; --line:#e5e7eb; --soft:#f5f3ff; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; width:min(1160px,calc(100% - 32px)); margin:0 auto; padding:28px 0 72px; }
    
    
    
    .hub-home:hover,.hub-home:focus-visible { border-color:#a78bfa; box-shadow:0 9px 22px rgba(79,70,229,.14); transform:translateY(-1px); outline:none; }
    .hub-hero { max-width:900px; margin-bottom:42px; }
    .hub-kicker { display:block; margin-bottom:14px; color:#6d28d9; font-size:11px; font-weight:950; letter-spacing:.15em; text-transform:uppercase; }
    .hub-shell h1 { max-width:900px; margin:0; color:var(--deep); font-size:clamp(36px,6vw,72px); font-weight:950; letter-spacing:-.07em; line-height:.94; }
    .hub-title__line { display:block; }
    .hub-title__accent { color:var(--purple); background:linear-gradient(120deg,#6d28d9 0%,#a855f7 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .hub-lead { max-width:780px; margin:23px 0 0; color:#53627a; font-size:clamp(16px,2vw,20px); line-height:1.5; }
    .hub-byline { display:flex; align-items:center; gap:11px; width:max-content; max-width:520px; min-height:58px; margin-top:17px; padding:10px 13px; border:1px solid #dfe3eb; border-radius:13px; background:#fff; color:#53627a; box-shadow:0 7px 20px rgba(15,23,42,.06); }
    .hub-byline__mark { display:block; flex:0 0 34px; width:34px; height:34px; padding:3px; border:1px solid #e5e7eb; border-radius:10px; object-fit:contain; background:#fff; }
    .hub-byline__copy { display:grid; gap:2px; min-width:0; }
    .hub-byline__copy strong { color:var(--deep); font-size:14px; line-height:1.2; letter-spacing:-.02em; }
    .hub-byline__copy span { color:#61708a; font-size:12px; line-height:1.35; }
    .hub-section { margin-top:46px; }
    .hub-subsection { margin-top:34px; }
    .hub-subsection-head { display:flex; align-items:baseline; gap:0; margin:0 0 15px; padding-left:15px; position:relative; }
    .hub-subsection-head::before { content:""; position:absolute; left:0; top:2px; bottom:2px; width:4px; border-radius:99px; background:linear-gradient(180deg,#2563eb 0%,#7c3aed 100%); }
    .hub-subsection-head h3 { margin:0; color:var(--deep); font-size:20px; font-weight:850; letter-spacing:-.04em; }
    .hub-section-head { margin-bottom:18px; }
    .hub-section-head > span { color:#6d28d9; font-size:10px; font-weight:950; letter-spacing:.15em; text-transform:uppercase; }
    .hub-section-head h2 { margin:7px 0 0; color:var(--deep); font-size:clamp(25px,4vw,38px); letter-spacing:-.06em; line-height:1.02; }
    .hub-section-head h2 span { display:inline-block; margin-left:.08em; color:#2563eb; }
    .hub-section-head p { max-width:700px; margin:10px 0 0; color:var(--muted); font-size:14px; line-height:1.55; }
    .hub-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
    .hub-card { display:grid; align-content:start; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto auto auto; column-gap:12px; min-height:0; padding:20px; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 10px 28px rgba(15,23,42,.055); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
    .hub-card:hover,.hub-card:focus-visible { border-color:#a78bfa; box-shadow:0 16px 34px rgba(79,70,229,.13); transform:translateY(-3px); outline:none; }
    .hub-card__icon { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; margin-bottom:18px; border-radius:12px; background:linear-gradient(135deg,#eff6ff 0%,#ede9fe 100%); color:#5b21b6; font-size:11px; font-weight:950; }
    .hub-card__icon svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .hub-card__icon svg .icon-fill { fill:currentColor; stroke:none; }
    .hub-card h3 { margin:0; color:#16345b; font-size:16px; font-weight:850; letter-spacing:-.03em; line-height:1.18; }
    .hub-card p { margin:9px 0 0; color:#64748b; font-size:12px; line-height:1.5; }
    .hub-card__link { margin-top:auto; padding-top:15px; color:#6d28d9; font-size:11px; font-weight:900; }
    .hub-card--quiet { background:linear-gradient(145deg,#fff 0%,#faf9ff 100%); }
    .hub-card--quiet .hub-card__icon { background:linear-gradient(135deg,#f5f3ff,#fae8ff); color:#7c3aed; }
    .hub-disclaimer { margin-top:42px; padding:24px; border-radius:20px; background:linear-gradient(135deg,#0b1f3a 0%,#172554 60%,#4c1d95 130%); color:#fff; box-shadow:0 18px 38px rgba(23,37,84,.18); }
    .hub-disclaimer h2 { margin:0; font-size:20px; letter-spacing:-.04em; }
    .hub-disclaimer p { max-width:850px; margin:9px 0 0; color:rgba(255,255,255,.82); font-size:12px; line-height:1.55; }
    .hub-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:17px; }
    .hub-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border-radius:10px; background:#fff; color:#183d73; font-size:12px; font-weight:900; text-decoration:none; }
    .hub-actions a.secondary { border:1px solid rgba(255,255,255,.3); background:transparent; color:#fff; }
    
    @media (max-width:760px) { .hub-shell { width:min(100% - 24px,620px); padding-top:16px; }  .hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } .hub-card { min-height:0; padding:16px; } .hub-byline { width:100%; max-width:520px; } }
    @media (max-width:480px) {    .hub-shell h1 { font-size:39px; line-height:.97; } .hub-lead { font-size:15px; } .hub-grid { grid-template-columns:1fr; } .hub-card { min-height:0; } .hub-card__link { margin-top:13px; } .hub-actions { display:grid; } .hub-actions a { width:100%; } .hub-byline { min-height:58px; } }

    .hub-editorial-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; color:#61708a; font-size:11px; line-height:1.4; }
    .hub-editorial-meta span:first-child { color:#6d28d9; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .hub-editorial-meta time { color:#16345b; font-weight:800; }

.hub-card__details { margin-top:12px; padding-top:10px; border-top:1px solid #eef1f5; }
.hub-card__facts-label { display:block; color:#64748b; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.hub-card__facts { display:grid; gap:5px; margin:7px 0 0; padding:0; list-style:none; color:#475569; font-size:11px; line-height:1.35; }
.hub-card__facts li { position:relative; padding-left:12px; }
.hub-card__facts li::before { position:absolute; top:.48em; left:0; width:5px; height:5px; border-radius:50%; background:#2563eb; content:""; }

/* Next-level editorial orientation */
.hub-route-guide { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.7fr); gap:18px; margin:0 0 28px; padding:18px; border:1px solid #dbe4f2; border-radius:20px; background:linear-gradient(135deg,rgba(239,246,255,.9),rgba(250,245,255,.92)); box-shadow:0 12px 28px rgba(37,99,235,.07); }
.hub-route-guide__intro { align-self:center; }
.hub-route-guide__eyebrow { color:#6d28d9; font-size:10px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; }
.hub-route-guide__intro h3 { margin:7px 0 0; color:var(--deep); font-size:22px; letter-spacing:-.045em; line-height:1.08; }
.hub-route-guide__intro p { margin:9px 0 0; color:#53627a; font-size:12px; line-height:1.5; }
.hub-route-guide__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; padding:0; list-style:none; }
.hub-route-guide__steps li { display:flex; flex-direction:column; min-height:116px; padding:12px; border:1px solid rgba(148,163,184,.3); border-radius:14px; background:rgba(255,255,255,.8); }
.hub-route-guide__steps li > span { color:#2563eb; font-size:10px; font-weight:950; letter-spacing:.12em; }
.hub-route-guide__steps strong { margin-top:9px; color:#16345b; font-size:13px; line-height:1.2; }
.hub-route-guide__steps small { margin-top:6px; color:#61708a; font-size:11px; line-height:1.4; }
.hub-card__facts { gap:6px; }
.hub-card__facts li { padding-left:14px; }
@media (max-width:760px) { .hub-route-guide { grid-template-columns:1fr; gap:14px; padding:15px; } .hub-route-guide__intro h3 { font-size:20px; } }
@media (max-width:480px) { .hub-route-guide__steps { grid-template-columns:1fr; } .hub-route-guide__steps li { min-height:0; } }

/* Card title row: icon and heading stay aligned across breakpoints */
.hub-card > .hub-card__icon { grid-column:1; grid-row:1; margin-bottom:0; }
.hub-card > h3 { grid-column:2; grid-row:1; align-self:center; }
.hub-card > p { grid-column:1 / -1; grid-row:2; }
.hub-card > .hub-card__details { grid-column:1 / -1; grid-row:3; }
.hub-card > .hub-card__link { grid-column:1 / -1; grid-row:4; }

/* Rainbow CTA buttons: centered, visible and still backed by the card link */
.hub-card > .hub-card__link { display:inline-flex; align-items:center; justify-content:center; align-self:center; width:max-content; max-width:100%; min-width:150px; margin:12px auto 0; padding:10px 14px; border:1px solid color-mix(in srgb, var(--cta-bg) 78%, #0f172a); border-radius:999px; background:var(--cta-bg); color:var(--cta-fg); box-shadow:0 7px 15px color-mix(in srgb, var(--cta-bg) 24%, transparent); font-size:11px; font-weight:950; line-height:1.15; text-align:center; transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.hub-card:hover > .hub-card__link, .hub-card:focus-visible > .hub-card__link { transform:translateY(-1px); filter:saturate(1.08); box-shadow:0 10px 20px color-mix(in srgb, var(--cta-bg) 32%, transparent); }
.hub-card__link--rainbow-01 { --cta-bg:#ef4444; --cta-fg:#ffffff; }
.hub-card__link--rainbow-02 { --cta-bg:#f97316; --cta-fg:#ffffff; }
.hub-card__link--rainbow-03 { --cta-bg:#f59e0b; --cta-fg:#17202a; }
.hub-card__link--rainbow-04 { --cta-bg:#eab308; --cta-fg:#17202a; }
.hub-card__link--rainbow-05 { --cta-bg:#84cc16; --cta-fg:#17202a; }
.hub-card__link--rainbow-06 { --cta-bg:#22c55e; --cta-fg:#ffffff; }
.hub-card__link--rainbow-07 { --cta-bg:#10b981; --cta-fg:#ffffff; }
.hub-card__link--rainbow-08 { --cta-bg:#14b8a6; --cta-fg:#ffffff; }
.hub-card__link--rainbow-09 { --cta-bg:#06b6d4; --cta-fg:#ffffff; }
.hub-card__link--rainbow-10 { --cta-bg:#0ea5e9; --cta-fg:#ffffff; }
.hub-card__link--rainbow-11 { --cta-bg:#3b82f6; --cta-fg:#ffffff; }
.hub-card__link--rainbow-12 { --cta-bg:#2563eb; --cta-fg:#ffffff; }
.hub-card__link--rainbow-13 { --cta-bg:#6366f1; --cta-fg:#ffffff; }
.hub-card__link--rainbow-14 { --cta-bg:#8b5cf6; --cta-fg:#ffffff; }
.hub-card__link--rainbow-15 { --cta-bg:#a855f7; --cta-fg:#ffffff; }
.hub-card__link--rainbow-16 { --cta-bg:#d946ef; --cta-fg:#ffffff; }
.hub-card__link--rainbow-17 { --cta-bg:#ec4899; --cta-fg:#ffffff; }
.hub-card__link--rainbow-18 { --cta-bg:#f43f5e; --cta-fg:#ffffff; }
.hub-card__link--rainbow-19 { --cta-bg:#dc2626; --cta-fg:#ffffff; }
.hub-card__link--rainbow-20 { --cta-bg:#ea580c; --cta-fg:#ffffff; }
.hub-card__link--rainbow-21 { --cta-bg:#ca8a04; --cta-fg:#ffffff; }
.hub-card__link--rainbow-22 { --cta-bg:#65a30d; --cta-fg:#ffffff; }
.hub-card__link--rainbow-23 { --cta-bg:#059669; --cta-fg:#ffffff; }
.hub-card__link--rainbow-24 { --cta-bg:#0891b2; --cta-fg:#ffffff; }
.hub-card__link--rainbow-25 { --cta-bg:#1d4ed8; --cta-fg:#ffffff; }
.hub-card__link--rainbow-26 { --cta-bg:#7c3aed; --cta-fg:#ffffff; }


/* Centered, accessible disclosure buttons for every service group. */
.hub-service-more { margin-top:18px; }
.hub-service-more > summary {
  display:flex;
  width:min(100%,380px);
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin:0 auto;
  padding:8px 18px;
  border:1px solid color-mix(in srgb,var(--more-bg) 82%,#0f172a);
  border-radius:999px;
  background:var(--more-bg);
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb,var(--more-bg) 24%,transparent);
  font-size:12px;
  font-weight:950;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  list-style:none;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.hub-service-more > summary::-webkit-details-marker { display:none; }
.hub-service-more > summary::marker { content:""; }
.hub-service-more > summary::after {
  display:grid;
  flex:0 0 23px;
  width:23px;
  height:23px;
  place-items:center;
  border:1px solid rgba(255,255,255,.62);
  border-radius:50%;
  content:"+";
  font-size:16px;
  line-height:1;
}
.hub-service-more > summary:hover { transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 11px 22px color-mix(in srgb,var(--more-bg) 34%,transparent); }
.hub-service-more > summary:focus-visible { outline:3px solid #0f172a; outline-offset:3px; }
.hub-service-more[open] > summary { margin-bottom:16px; }
.hub-service-more[open] > summary::after { content:"−"; }
.hub-service-more--orientare { --more-bg:#1d4ed8; }
.hub-service-more--munca { --more-bg:#059669; }
.hub-service-more--familie { --more-bg:#7c3aed; }
.hub-service-more--instrumente { --more-bg:#dc2626; }
.hub-service-more[open] .hub-grid--more { padding-top:0; }
@media (max-width:480px) {
  .hub-service-more { margin-top:16px; }
  .hub-service-more > summary { min-height:50px; padding-inline:14px; }
}
.hub-card--institutions { background:linear-gradient(145deg,#f8fbff 0%,#f5f3ff 100%); }
.hub-card--institutions .hub-card__icon { background:linear-gradient(135deg,#dbeafe,#ede9fe); color:#2563eb; }
.hub-card__link--rainbow-27 { --cta-bg:#1d4ed8; --cta-fg:#ffffff; }

/* 2026-09-24: page-local responsive refinement; shared shell remains canonical. */
.hub-page .site-header-stack{position:relative;z-index:20}
.hub-page main{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.hub-page .hub-hero{max-width:820px}
.hub-page :is(a,button):focus-visible{outline:3px solid #7c3aed;outline-offset:3px}
@media (max-width:760px){.hub-page main{width:min(100% - 24px,680px)}.hub-page .site-header-stack{position:relative}.hub-page .hub-hero{padding-inline:0}}