/* Inner pages (everything except the home page), loaded after framer.css.
   1. One hero height on every inner page: a third of the viewport, with type sized so a pill, a title,
      a two-line lead and chips fit on a 15" laptop (1536×~730 or 1440×~790). Extra content grows the
      hero instead of being clipped, so only unusually long copy can make it taller.
   2. The news block: a compact WordPress-style river with a widget sidebar. */

/* ── 1. Hero ─────────────────────────────────────────────────────────────── */
#main .fx-phero{
  min-height:max(33.333vh,232px);
  min-height:max(33.333svh,232px);
  padding:clamp(18px,2.6vh,30px) 0;
  display:flex;flex-direction:column;justify-content:center;
  box-sizing:border-box;
}
#main .fx-phero>.fx-wrap{width:100%}
#main .fx-phero .fx-crumbs{margin-bottom:12px;font-size:13px}
#main .fx-phero .fx-pill{margin-bottom:12px}
#main .fx-phero .fx-phero__title{max-width:32ch;font-size:clamp(1.75rem,min(3vw,5.6vh),2.75rem);line-height:1.1;letter-spacing:-.035em}
#main .fx-phero .fx-phero__lead{max-width:900px;margin:10px 0 0;font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.6}
#main .fx-phero .fx-chips{margin-top:14px}
#main .fx-phero .nb-404-btn{margin-top:18px;height:46px;align-self:flex-start}
@media (max-width:767px){
  #main .fx-phero{padding:24px 0}
  #main .fx-phero .fx-phero__title{font-size:clamp(1.6rem,7vw,2.1rem)}
}

/* Stats and person details that used to live inside heroes. */
.fx-hero-band{padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--fx-line)}
.fx-hero-band .fx-stats--hero{max-width:none;margin:0}
.fx-person-card{padding:clamp(32px,4vw,56px) 0;border-bottom:1px solid var(--fx-line)}
.fx-person__bio{max-width:720px;margin:0;color:var(--fx-text-2);font-size:1.05rem;line-height:1.7}
.fx-person-card .fx-person__photo img{max-width:220px;height:auto}

/* ── Featured service card spanning the whole grid row (Megapolis.DocNet EDMS) ── */
.fx-srv--wide{grid-column:1/-1;border-color:var(--fx-line-2);background:linear-gradient(120deg,rgba(28,181,224,.16),rgba(28,181,224,.03) 55%),var(--fx-glass)}
@media (min-width:900px){
  .fx-srv--wide{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:24px;align-items:center;padding:26px 80px 26px 28px}
  .fx-srv--wide .fx-num{grid-row:1/3;margin:0;font-size:1.6rem}
  .fx-srv--wide h3{margin:0}
  .fx-srv--wide p{margin:6px 0 0;max-width:860px}
  .fx-srv--wide .fx-srv__go{top:50%;margin-top:-17px}
}

/* ── 2. News block ───────────────────────────────────────────────────────── */
.nb-section{padding:clamp(28px,4vw,48px) 0 clamp(56px,7vw,96px)}
.nb-article>.nb-layout{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(56px,7vw,96px)}
.nb-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,56px);align-items:start}
.nb-main{min-width:0}

/* River of posts */
.nb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:34px;padding-bottom:12px;border-bottom:1px solid var(--fx-line-2)}
.nb-count{margin:0;color:var(--fx-text-3);font-family:var(--fx-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.nb-filters{display:flex;flex-wrap:wrap;gap:8px}
.nb-filters[hidden]{display:none}
.nb-filter{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;border:1px solid var(--fx-line-2);border-radius:999px;background:rgba(28,181,224,.12);color:#CFF2FC;font:500 13px var(--fx-font);cursor:pointer}
.nb-filter svg{width:14px;height:14px;opacity:.7}
.nb-filter:hover svg{opacity:1}
.nb-list{list-style:none;margin:0;padding:0}
.nb-item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--fx-line)}
.nb-item[hidden]{display:none}
.nb-item__date{display:flex;flex-direction:column;align-items:center;padding-top:3px;color:var(--fx-text-3);font-size:12px;line-height:1.2;white-space:nowrap}
.nb-item__date b{margin-bottom:5px;color:#fff;font:600 26px/1 var(--fx-font);letter-spacing:-.02em}
.nb-item__cat{display:block;margin-bottom:6px;color:var(--fx-blue-2);font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.nb-item__title{margin:0;font:600 clamp(1.05rem,1.3vw,1.18rem)/1.35 var(--fx-font);letter-spacing:-.01em;text-wrap:pretty}
.nb-item__title a{color:#fff;text-decoration:none;transition:color .2s}
.nb-item__title a::after{content:'';position:absolute;inset:0}
.nb-item:hover .nb-item__title a,.nb-item__title a:focus-visible{color:var(--fx-sky)}
.nb-item__excerpt{margin:6px 0 0;color:var(--fx-text-2);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nb-empty{margin:24px 0 0;color:var(--fx-text-2)}
.nb-pagination{margin-top:28px}

/* Widgets */
.nb-sidebar{display:flex;flex-direction:column;gap:16px}
.nb-widget{padding:18px 20px;border:1px solid var(--fx-line);border-radius:var(--fx-r);background:var(--fx-glass)}
.nb-widget__title{margin:0 0 12px;color:var(--fx-text-3);font:500 11px/1.3 var(--fx-mono);letter-spacing:.12em;text-transform:uppercase}
.nb-search{display:flex;border:1px solid var(--fx-line-2);border-radius:12px;overflow:hidden;background:rgba(2,9,14,.55)}
.nb-search:focus-within{border-color:var(--fx-blue-2)}
.nb-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:11px 14px;font:15px var(--fx-font)}
.nb-search input::placeholder{color:var(--fx-text-3)}
.nb-search button{display:grid;place-items:center;width:46px;border:0;background:rgba(28,181,224,.14);color:var(--fx-sky);cursor:pointer}
.nb-search button svg{width:18px;height:18px}
.nb-cats,.nb-recent,.nb-years,.nb-tags{list-style:none;margin:0;padding:0}
.nb-cats a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--fx-line);color:var(--fx-text-2);font-size:14.5px;text-decoration:none}
.nb-cats li:last-child a{border-bottom:0}
.nb-cats b{color:var(--fx-text-3);font:500 12px var(--fx-mono)}
.nb-cats a:hover,.nb-cats a[aria-current]{color:#fff}
.nb-cats a[aria-current] span{color:var(--fx-sky)}
.nb-recent a{display:block;padding:9px 0;border-bottom:1px solid var(--fx-line);text-decoration:none}
.nb-recent li:last-child a{border-bottom:0}
.nb-recent time{display:block;color:var(--fx-text-3);font:500 11px var(--fx-mono);letter-spacing:.06em}
.nb-recent span{display:-webkit-box;margin-top:3px;color:var(--fx-text-2);font-size:14px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nb-recent a:hover span,.nb-recent a[aria-current] span{color:#fff}
.nb-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nb-years a{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:6px 9px;border:1px solid var(--fx-line);border-radius:8px;color:var(--fx-text-2);font:500 13px var(--fx-mono);text-decoration:none}
.nb-years b{color:var(--fx-text-3);font-size:10.5px;font-weight:500}
.nb-years a:hover{color:#fff;border-color:var(--fx-line-2)}
.nb-years a[aria-current]{border-color:var(--fx-blue-2);background:rgba(28,181,224,.16);color:#fff}
.nb-tags{display:flex;flex-wrap:wrap;gap:6px}
.nb-tags a{padding:5px 10px;border:1px solid var(--fx-line);border-radius:999px;color:var(--fx-text-2);font-size:12.5px;text-decoration:none}
.nb-tags a:hover{color:#fff;border-color:var(--fx-line-2)}
.nb-widget--cta p{margin:0 0 14px;color:var(--fx-text-2);font-size:14px;line-height:1.55}
.nb-widget--cta .fx-btn{width:100%;height:44px}

/* Article */
#main .nb-phero--post .fx-phero__title{max-width:42ch;font-size:clamp(1.55rem,min(2.5vw,4.6vh),2.3rem)}
.nb-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;color:var(--fx-text-3);font:500 12px var(--fx-mono);letter-spacing:.06em;text-transform:uppercase}
.nb-meta a{color:var(--fx-text-2);text-decoration:none}
.nb-meta a:hover{color:#fff}
.nb-article .nb-body{margin:0}
.nb-post-tags{margin-top:20px}
.nb-related{margin-top:28px;padding:18px 22px;border:1px solid var(--fx-line);border-radius:var(--fx-r);background:var(--fx-glass)}
.nb-related__title{margin:0 0 6px;color:var(--fx-text-3);font:500 11px var(--fx-mono);letter-spacing:.12em;text-transform:uppercase}
.nb-related ul{list-style:none;margin:0;padding:0}
.nb-related a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--fx-line);text-decoration:none}
.nb-related li:last-child a{border-bottom:0}
.nb-related time{color:var(--fx-text-3);font:500 12px var(--fx-mono)}
.nb-related span{color:var(--fx-text-2);line-height:1.45}
.nb-related a:hover span{color:#fff}

/* Narrow screens: one column; search first, the rest of the widgets after the posts (as in WordPress). */
@media (max-width:1023px){
  .nb-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  .nb-sidebar{display:contents}
  .nb-main{order:1}
  .nb-widget{order:2}
  .nb-widget--search{order:0}
}
@media (max-width:560px){
  .nb-item{grid-template-columns:64px minmax(0,1fr);gap:12px}
  .nb-item__date b{font-size:21px}
  .nb-related a{grid-template-columns:1fr;gap:2px}
}