/* ProLan public styles: original styles.css + about.css + contacts.css, in cascade order. */

/* ===== Source: styles.css ===== */
/* ======= Променливи и базови настройки ======= */
:root{
  --topbar-h: 36px;
  --menu-h: 72px;

  --header-bg: #ffffff;
  --page-bg: #ffffff;

  --topbar-bg: #0a0f1c;
  --topbar-fg: #ffffff;

  --text: #111827;
  --muted: #6b7280;

  /* Фирмен акцент */
  --accent: #264274;
  --accent-600: #1f365f;

  --border: #e5e7eb;
  --radius: 14px;
  --shadow: 0 6px 24px rgba(0,0,0,.08);
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body { margin:0; padding:0; }

body{
  color:var(--text);
  background: var(--page-bg);
  font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Компенсация за фиксираните topbar + mainmenu */
  padding-top: calc(var(--topbar-h) + var(--menu-h));
}

img{max-width:100%; height:auto; display:block}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:700}

.container{ width: min(1200px, 92vw); margin-inline: auto; }

.sr-only{
  position:absolute; width:1px;height:1px; padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

/* ======= Topbar (fixed) ======= */
.topbar{
  position: fixed; inset: 0 0 auto 0; height: var(--topbar-h);
  z-index: 1000; background: var(--topbar-bg); color: var(--topbar-fg);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.topbar__row{
  height: 100%; display:flex; align-items:center; justify-content:flex-end; gap:16px;
}
.topbar__right{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.topbar__link{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--topbar-fg); text-decoration:none; font-size:14px; opacity:.9;
}
.topbar__link:hover{ opacity:1; text-decoration:underline; }
.icon{ width:16px; height:16px; stroke-width:2; flex-shrink:0; }

/* ======= Mainmenu (fixed) ======= */
.mainmenu{
  position: fixed; inset: var(--topbar-h) 0 auto 0; height: var(--menu-h);
  background: var(--header-bg); z-index: 999; border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.mainmenu__row{
  height: 100%; display:grid; grid-template-columns: auto 1fr auto; align-items:center; gap:16px;
}

/* Лого */
.logo{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:inherit; font-weight:700; letter-spacing:.2px; }
.logo__img{ height:48px; width:auto; display:block; }
@media (max-width: 920px){ .logo__img{ height:36px; } }

/* Навигация */
.nav{ justify-self:center; position:relative }
.nav__toggle{ display:none; background:transparent; border:0; padding:8px; cursor:pointer; }
.nav__bar{ display:block; width:26px; height:2px; background:#111; margin:5px 0 }
.nav__list{ display:flex; align-items:center; gap:12px; list-style:none; margin:0; padding:0; }
.nav__link, .nav__sublink, .nav__sub-toggle{
  display:inline-flex; align-items:center; gap:6px; text-decoration:none; color:#111;
  font-weight:600; padding:10px 12px; border-radius:10px;
}
.nav__link:hover, .nav__sublink:hover, .nav__sub-toggle:hover{ background:#f3f4f6 }
.nav__link.is-active, .nav__sublink.is-active{ background:#eef2ff; color: var(--accent-600) }
.nav__item{ position:relative }
.nav__has-sub > .nav__sub-toggle{ all: unset; cursor:pointer; display:inline-flex; align-items:center; padding:10px 12px; border-radius:10px; font-weight:600 }
.nav__has-sub > .nav__sub-toggle::after{ content:"▾"; font-size:.8em; margin-left:.35em; color:var(--muted) }
.nav__sub{
  position:absolute; top:calc(100% + 6px); left:0; min-width:220px; background:#fff; border:1px solid var(--border);
  border-radius:12px; padding:8px; list-style:none; margin:0; box-shadow: var(--shadow); display:none;
}
.nav__item.is-open > .nav__sub{ display:block }
.nav__sub li{ margin:0 }
.nav__sublink{ display:block; padding:10px 10px; border-radius:8px; color:#111 }
.nav__sublink:hover{ background:#f3f4f6 }

/* CTA бутон */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5ch; padding:12px 16px; border-radius:12px; border:1px solid var(--border); text-decoration:none; font-weight:700; cursor:pointer; }
.btn--primary{ background: var(--accent); border-color: var(--accent); color:#fff }
.btn--primary:hover{ filter:brightness(.95) }
.btn--outline{ background:#fff }
.cta{ display:flex; align-items:center; gap:10px }

/* ======= Основно съдържание ======= */
.page{ padding-block: 40px 60px }

.hero{ padding: 28px 0 8px; display:grid; gap:16px; }
.hero h1{ font-size: clamp(28px, 4vw, 40px); margin:0 }
.hero__actions{ display:flex; gap:12px; flex-wrap:wrap }

/* Карти/грид (ако използваш по-долу) */
.grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin-top: 28px; }
.card{ border:1px solid var(--border); border-radius: var(--radius); padding:18px; box-shadow: var(--shadow); }

/* ======= Две колони (Начална) ======= */
.two-cols{
  display:grid; grid-template-columns: 1fr 1fr; gap:48px; align-items:start; margin-top:40px;
}
.col--text h2{
  margin:0 0 6px; font-size: clamp(28px, 4.2vw, 40px); font-weight:800; letter-spacing:.02em; text-transform: uppercase;
}
.col--text h4{
  margin:0 0 18px; font-size: clamp(14px, 2.2vw, 18px); font-weight:600; color:var(--muted); letter-spacing:.04em;
}
.col--text p{ margin: 0 0 14px }

/* Форма вдясно */
.request-form{ display:grid; gap:14px; }
.request-form label{ display:block; font-weight:600; font-size:14px; color:#111; }
.request-form input, .request-form textarea{
  margin-top:6px; width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:15px; outline: none; background:#fff;
}
.request-form input:focus, .request-form textarea:focus{
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(38,66,116,.15);
}
.request-form .note{ font-size:13px; color:var(--muted); }
.request-form .note a{ color:var(--accent) }
.request-form button{ margin-top:4px }

/* ======= Пакети / планове (модерен стил) ======= */
.plans { margin-top: 60px; text-align: center; }
.plans h2 { font-size: clamp(28px, 4vw, 40px); font-weight: 800; margin: 0; color: var(--text); }
.plans h4 { margin: 4px 0 40px; font-weight: 500; color: var(--muted); letter-spacing: .04em; }

.plans__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px;
}

/* Ценовите карти са линкове */
.plan{
  text-decoration: none; color: inherit; display: block;

  position: relative; border: 1px solid var(--border); border-radius: 20px; padding: 32px 24px; background: #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  transition: transform .25s, box-shadow .25s, border-color .25s, color .25s;
}
.plan:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  border-color: var(--accent);
}
.plan h3{ margin: 0 0 12px; font-size: 20px; font-weight: 700; color: var(--text); transition: color .25s; }
.plan .price{ font-size: 22px; font-weight: 800; color: var(--accent); margin-bottom: 16px; transition: color .25s; }
.plan:hover h3, .plan:hover .price{ color: var(--accent); }
.plan ul{ list-style: none; margin: 0; padding: 0; font-size: 14px; color: var(--text); }
.plan ul li{ margin-bottom: 6px; }

.plan.featured{ border: 2px solid var(--accent); }
.plan.featured::before{
  content: "Препоръчваме";
  position: absolute; top: 14px; right: -14px;
  background: var(--accent); color: #fff; font-size: 12px; font-weight: 700;
  padding: 4px 12px; border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,.2);
  transform: rotate(10deg);
}

/* ======= Footer ======= */
.footer{ border-top:1px solid var(--border); background:#fafafa; margin-top:40px; }
.footer__row{ padding:18px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.footer__nav a{ color:#374151; text-decoration:none; margin-left:14px }
.footer__nav a:hover{ text-decoration:underline }

/* ======= Scroll to Top ======= */
#scrollTopBtn{
  position: fixed; bottom: 20px; right: 24px; width: 46px; height: 46px; border-radius: 50%;
  border: none; background: var(--accent); color: #fff; display: none;
  align-items: center; justify-content: center; cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,.2); z-index: 999; transition: background .2s, opacity .2s, transform .2s;
}
#scrollTopBtn:hover{ background: var(--accent-600); }
#scrollTopBtn .icon{ width:24px; height:24px; stroke:currentColor; }
#scrollTopBtn.show{ display:flex; opacity:1; transform: scale(1); }
#scrollTopBtn.hide{ opacity:0; transform: scale(.9); }
@media (max-width: 480px){
  #scrollTopBtn{ bottom:16px; right:14px; }
}

/* ======= Honeypot поле за анти-бот ======= */
.hp-field {
  position: absolute !important;
  left: -5000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* ======= Mobile (<= 920px) ======= */
@media (max-width: 920px){
  :root{ --menu-h: 66px; }
  .mainmenu__row{ grid-template-columns: auto auto 1fr; gap:10px; }
  .nav{ justify-self:end }
  .nav__toggle{ display:block }
  .nav__list{
    position: fixed; top: calc(var(--topbar-h) + var(--menu-h)); right: 0;
    width: min(340px, 92vw); height: calc(100vh - var(--topbar-h) - var(--menu-h));
    background:#fff; border-left:1px solid var(--border); box-shadow: var(--shadow); padding:14px;
    flex-direction:column; align-items:stretch; gap:6px; transform: translateX(100%); transition: transform .25s ease;
  }
  .nav__list.is-open{ transform: translateX(0) }
  body.nav-open{ overflow:hidden }
  .nav__item.is-open > .nav__sub{ position:relative; top:auto; left:auto; display:block; border:none; box-shadow:none; padding:4px 0 }
  .nav__sublink{ padding:8px 10px }
  .cta{ display:none }

  .grid{ grid-template-columns: 1fr }
  .two-cols{ grid-template-columns: 1fr; gap:24px }
}

/* ======= Ultra-wide ======= */
@media (min-width: 1440px){
  .container{ width: min(1280px, 80vw) }
}
.plan {
  text-decoration: none;   /* премахва underline винаги */
  color: inherit;
  display: block;
}
.plan:hover {
  text-decoration: none;   /* гарантира, че при hover няма underline */
}
.plan h3, 
.plan .price, 
.plan ul li {
  text-decoration: none;   /* за сигурност, ако някой браузър наследява */
}

/* Contract selection inside internet plan cards */
.plan .contract-select{display:block;width:100%;box-sizing:border-box;margin:9px 0;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;font:inherit}
.plan .contract-request{width:100%;padding:11px 14px;border:0;border-radius:8px;background:#294677;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:8px}
.plan .contract-request:hover{background:#1d355c}
.plan .contract-select:focus-visible,.plan .contract-request:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}

/* Internet plans page: scoped layout refinements */
.plans__intro{max-width:680px;margin:-22px auto 32px;color:var(--muted);font-size:15px;line-height:1.6}
.plans__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.plans__grid .plan{min-width:0;padding:30px 18px;display:flex;flex-direction:column}
.plans__grid .plan ul{margin-top:auto}
.plans__grid .plan .contract-select{font-size:13px}
.info-strip{margin-top:42px}
.info-strip__inner{background:#f4f7fc;border:1px solid var(--border);border-radius:18px;padding:26px 32px;color:var(--text)}
.info-strip__inner h2{font-size:21px;margin:0 0 18px}
.info-strip__inner p{position:relative;margin:0 0 12px;padding-left:20px;line-height:1.65;font-size:14px}
.info-strip__inner p:last-child{margin-bottom:0}
.info-strip__inner p::before{content:'•';position:absolute;left:0;color:var(--accent);font-weight:800}
.internet-request{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:clamp(28px,5vw,76px);align-items:start;margin-top:64px}
.internet-request .col--form{min-width:0}
.internet-request .col--form h2{margin:0 0 20px;font-size:clamp(23px,3vw,30px)}
.internet-request__aside{background:#f4f7fc;border:1px solid var(--border);border-radius:18px;padding:clamp(24px,3vw,38px)}
.internet-request__eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em}
.internet-request__aside h2{font-size:clamp(22px,2.5vw,29px);margin:10px 0 14px}
.internet-request__aside p{color:var(--muted);line-height:1.7;margin:0 0 22px}
.internet-request__contact{display:block;color:var(--accent);font-weight:700;text-decoration:none;margin:0 0 14px;overflow-wrap:anywhere}
.internet-request__contact:hover,.internet-request__more:hover{text-decoration:underline}
.internet-request__more{display:inline-block;margin-top:10px;color:var(--accent);font-weight:700;text-decoration:none}
@media(max-width:1100px){.plans__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.plans__grid{grid-template-columns:1fr;gap:20px}.plans__intro{margin:-20px auto 26px}.info-strip__inner{padding:22px 18px}.internet-request{grid-template-columns:1fr;gap:28px;margin-top:44px}}


/* ===== Source: about.css ===== */
/* ProLan About page – scoped styles; does not change other pages */
.about-page{padding:0 0 80px}
.about-page .about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,78px);align-items:center;padding-block:clamp(48px,7vw,94px)}
.about-eyebrow,.about-panel-label{display:inline-block;color:var(--accent,#264274);font-size:12px;font-weight:800;letter-spacing:.12em}
.about-hero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.12;letter-spacing:-.035em;max-width:720px;margin:16px 0 20px}
.about-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--muted,#6b7280);max-width:600px;margin:0}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:700;min-height:48px;transition:background .2s,border-color .2s,transform .2s}
.about-btn:hover{text-decoration:none;transform:translateY(-1px)}
.about-btn--primary{background:var(--accent,#264274);color:white}
.about-btn--primary:hover{background:var(--accent-600,#1f365f);color:white}
.about-btn--outline{border:1px solid #cbd5e1;color:var(--accent,#264274);background:white}
.about-btn--outline:hover{border-color:var(--accent,#264274)}
.about-hero__panel{border-radius:22px;padding:clamp(26px,3vw,42px);background:linear-gradient(145deg,#eef4ff,#f8faff);border:1px solid #dfe8f7;box-shadow:0 12px 35px rgba(27,52,95,.055)}
.about-hero__panel h2{font-size:clamp(25px,2.5vw,34px);margin:10px 0 16px}
.about-hero__panel p{font-size:15px;line-height:1.8;margin:0;color:#334155}
.about-hero__panel .about-panel-note{margin-top:20px;padding-top:17px;border-top:1px solid #d6e1f1;font-size:14px;color:#52647c}
.about-section{padding-block:24px 60px}
.about-section-heading{max-width:700px;margin-bottom:30px}
.about-section-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.025em;line-height:1.2;margin:10px 0 14px}
.about-section-heading p{color:var(--muted,#6b7280);line-height:1.7;margin:0}
.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-feature{min-width:0;border:1px solid var(--border,#e5e7eb);border-radius:18px;padding:28px;background:white;box-shadow:0 5px 18px rgba(16,36,70,.04)}
.about-feature__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf1fb;color:var(--accent,#264274);font-size:25px;font-weight:700}
.about-feature h3{font-size:19px;line-height:1.35;margin:19px 0 11px}
.about-feature p{font-size:15px;line-height:1.7;color:#526071;margin:0}
.about-feature-note{font-size:13px;color:var(--muted,#6b7280);line-height:1.65;margin:20px 0 0}
.about-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.about-contact-card{background:#1d3254;color:white;border-radius:20px;padding:clamp(27px,3vw,42px)}
.about-contact-card .about-eyebrow{color:#b8d2fa}
.about-contact-card h2{font-size:clamp(24px,2.5vw,32px);line-height:1.25;margin:13px 0}
.about-contact-card>p{color:#d6e0ef;line-height:1.65}
.about-contact-card .about-btn--primary{background:white;color:#1d3254;margin-top:8px}
.about-contact-card .about-btn--primary:hover{background:#edf4ff}
.about-contact-card .about-contact-phone{margin:22px 0 0;font-size:14px}
.about-contact-phone a{color:white;font-weight:700}
.about-docs{border:1px solid var(--border,#e5e7eb);border-radius:20px;padding:clamp(27px,3vw,42px)}
.about-docs h2{font-size:clamp(23px,2.3vw,29px);margin:0 0 14px}
.about-docs p{font-size:14px;line-height:1.7;color:#526071}
.about-docs ul{list-style:none;padding:0;margin:20px 0 0}
.about-docs li+li{border-top:1px solid var(--border,#e5e7eb)}
.about-docs li a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;font-weight:650}
.about-page a:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
@media(max-width:900px){.about-page .about-hero{grid-template-columns:1fr}.about-features{grid-template-columns:repeat(2,minmax(0,1fr))}.about-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.about-page .about-hero{padding-block:42px 52px}.about-features{grid-template-columns:1fr}.about-section{padding-bottom:40px}.about-feature{padding:24px}.about-actions .about-btn{width:100%}.about-page{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.about-btn{transition:none}.about-btn:hover{transform:none}}


/* ===== Source: contacts.css ===== */
/* Самостоятелни стилове за Контакти – без промени в глобалния styles.css */
.pc-main{padding:64px 0 80px;background:linear-gradient(180deg,#f7f9fd 0,#fff 330px)}
.pc-main .container{width:min(1200px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.pc-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;color:#31548a}
.pc-intro{margin-bottom:34px}.pc-intro h1{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 14px;color:#17243a}.pc-intro>p{max-width:690px;color:#56647a;margin:0;line-height:1.7}
.pc-offices{display:grid;gap:22px}.pc-office{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid #e0e7f1;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(22,45,81,.055)}
.pc-office-body{padding:30px 34px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pc-office h2{font-size:26px;line-height:1.2;margin:9px 0 12px;color:#17243a}.pc-address{color:#3d4c61;margin:0 0 22px}.pc-hours{display:grid;gap:4px;margin-bottom:22px;color:#526076;font-size:14px}.pc-hours strong{color:#17243a;font-size:15px;margin-bottom:3px}.pc-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}.pc-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:10px;border:1px solid #d7e1ef;text-decoration:none;font-size:13px;font-weight:700;color:#264274;background:#f8faff;transition:background .15s}.pc-actions a:hover{background:#eaf0fa}.pc-actions .pc-route{background:#264274;border-color:#264274;color:white}.pc-actions .pc-route:hover{background:#1f365f}.pc-map{min-height:270px;background:#edf2f9}.pc-map iframe{display:block;width:100%;height:100%;min-height:270px;border:0}
.pc-payment{margin-top:66px}.pc-payment-head h2{font-size:clamp(25px,3vw,34px);margin:7px 0 8px;color:#17243a}.pc-payment-head p{color:#56647a;margin:0 0 24px}.pc-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pc-pay-card{padding:26px 28px;border:1px solid #e0e7f1;border-radius:18px;background:#f8faff}.pc-pay-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e4edfa;color:#264274;font-size:22px}.pc-pay-card h3{margin:14px 0 8px;color:#17243a;font-size:19px}.pc-pay-card p{margin:0;color:#4d5b70;line-height:1.7}.pc-mono{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:800px){.pc-main{padding:42px 0 60px}.pc-office{grid-template-columns:1fr}.pc-office-body{padding:25px}.pc-map,.pc-map iframe{min-height:240px;height:240px}.pc-payment-grid{grid-template-columns:1fr}.pc-payment{margin-top:48px}}
@media(max-width:440px){.pc-main .container{width:calc(100% - 28px)}.pc-office-body{padding:21px}.pc-office h2{font-size:23px}.pc-actions a{flex:1 1 auto}.pc-pay-card{padding:21px}}


/* Public document pages */
.document-page{padding-top:56px;padding-bottom:76px}.document-breadcrumb{font-size:13px;color:#64748b;margin-bottom:32px}.document-breadcrumb a{color:#294777;text-decoration:none}.document-breadcrumb span{padding:0 9px}.document-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}.document-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#294777}.document-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:8px 0 12px;color:#1e293b}.document-heading p{color:#64748b}.document-actions{display:flex;gap:10px;flex-wrap:wrap}.document-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:9px;background:#294777;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px}.document-button--secondary{background:#fff;color:#294777!important;border:1px solid #cbd5e1}.document-links{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.document-links a{border:1px solid #dce4f0;border-radius:9px;padding:10px 13px;color:#294777;text-decoration:none;font-size:13px}.document-links a[aria-current=page]{background:#eff5ff;border-color:#294777;font-weight:700}.document-viewer{height:min(78vh,900px);min-height:520px;border:1px solid #dce4f0;border-radius:14px;overflow:hidden;background:#f8fafc}.document-viewer iframe{display:block;width:100%;height:100%;border:0}.document-fallback{font-size:13px;color:#64748b;margin-top:12px}.document-fallback a{color:#294777}@media(max-width:640px){.document-page{padding-top:30px;padding-bottom:44px}.document-viewer{min-height:430px;height:65vh}.document-actions{width:100%}.document-button{flex:1}}


/* Internet: technical information and document downloads */
.internet-tech{padding-top:56px;padding-bottom:18px}.internet-tech__heading{margin-bottom:23px}.internet-tech__eyebrow{display:block;color:#294777;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:9px}.internet-tech__heading h2{font-size:clamp(25px,3vw,34px);line-height:1.2;color:#1e293b;margin:0 0 10px}.internet-tech__heading p{color:#64748b;line-height:1.65;margin:0;max-width:760px}.internet-tech__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.internet-tech__card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #dfe6f1;border-radius:17px;background:#fff;box-shadow:0 6px 22px rgba(25,49,86,.045)}.internet-tech__icon{display:grid;place-items:center;width:39px;height:39px;background:#eaf1fd;color:#294777;border-radius:10px;font-size:23px;font-weight:700}.internet-tech__card h3{font-size:18px;line-height:1.4;color:#1e293b;margin:18px 0 9px}.internet-tech__card p{font-size:14px;line-height:1.65;color:#526176;margin:0 0 23px}.internet-tech__actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}.internet-tech__primary{display:inline-flex;padding:10px 13px;background:#294777;border-radius:8px;color:#fff!important;text-decoration:none;font-size:13px;font-weight:700}.internet-tech__primary:hover{background:#1d3254}.internet-tech__download{color:#294777;font-size:13px;font-weight:650;text-decoration:none}.internet-tech__download:hover{text-decoration:underline}.internet-tech a:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(max-width:850px){.internet-tech__grid{grid-template-columns:1fr}.internet-tech{padding-top:38px}.internet-tech__card{padding:23px}}

/* Request form image CAPTCHA */
.captcha-box{margin:4px 0 18px}.captcha-box>label{display:block;margin-bottom:8px;font-weight:700}.captcha-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.captcha-row img{display:block;max-width:calc(100% - 54px);height:62px;border:1px solid #d7e1ec;border-radius:9px;background:#f6f9fd}.captcha-refresh{flex:0 0 44px;width:44px;height:44px;border:1px solid #cbd8e7;border-radius:9px;background:#fff;color:#264274;font-size:25px;line-height:1;cursor:pointer}.captcha-refresh:hover{background:#eef4fb}.captcha-box input{display:block;width:100%;max-width:none;box-sizing:border-box;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.captcha-help{margin-top:7px;color:#6f7f92;font-size:13px;line-height:1.45}

.webmail-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}

.webmail-link svg {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.webmail-link:hover svg {
    transform: translateY(-2px);
}

.webmail-link:hover {
    text-decoration: underline;
}



.footer__copyright {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer__copyright p {
    margin: 0;
}

.footer__credit {
    font-size: 12px;
    color: #64748b;
}

.footer__credit a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer__credit a:hover {
    color: #2563eb;
    text-decoration: underline;
}