/* Fecivent service-page layout: clear, practical sections inspired by the
   supplied reference's information hierarchy while retaining Fecivent's
   existing navy, red and pale-blue visual language. */
.fecivent-reference-service{--service-navy:#202653;--service-red:#ef344b;--service-ink:#26315b;--service-pale:#eef5f5;--service-line:#d9e2eb;background:#fff;color:var(--service-ink)}
.fecivent-reference-service *{box-sizing:border-box}
.fecivent-reference-service .reference-shell{width:calc(100% - (2 * var(--fecivent-page-gutter,15px)));max-width:none;margin-inline:auto}
.fecivent-reference-service .reference-kicker{margin:0 0 12px;color:var(--service-red);font-size:.83rem;font-weight:700;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}
.fecivent-reference-service h2,.fecivent-reference-service h3{color:var(--service-navy);font-family:Outfit,sans-serif}
.fecivent-reference-service h2{margin:0;font-size:clamp(1.85rem,3.4vw,2.9rem);font-weight:600;line-height:1.15}
.fecivent-reference-service h3{margin:0 0 12px;font-size:1.18rem;line-height:1.3}
.fecivent-reference-service p{margin:0;color:#30364f;font-size:1rem;line-height:1.75}
.fecivent-reference-service a{color:inherit}

.fecivent-reference-service .reference-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,76px);align-items:center;padding:84px 0}
.fecivent-reference-service .reference-intro-media{overflow:hidden;background:var(--service-pale);border-bottom:5px solid var(--service-red)}
.fecivent-reference-service .reference-intro-media img{display:block;width:100%;min-height:370px;aspect-ratio:1/1.04;object-fit:cover}
.fecivent-reference-service .reference-intro-copy{display:grid;gap:18px}
.fecivent-reference-service .reference-intro-copy h2{max-width:18ch}
.fecivent-reference-service .reference-intro-copy p+p{margin-top:-2px}
.fecivent-reference-service .reference-contextual-links{max-width:66ch!important;margin:0!important;color:#30364f!important;font-size:.96rem!important;line-height:1.72!important}
.fecivent-reference-service .reference-contextual-links a{color:var(--service-navy)!important;font-weight:700;text-decoration:underline;text-decoration-color:var(--service-red);text-decoration-thickness:2px;text-underline-offset:3px}
.fecivent-reference-service .reference-contextual-links a:hover,.fecivent-reference-service .reference-contextual-links a:focus-visible{color:var(--service-red)!important;outline:none}
.fecivent-reference-service .reference-action{display:inline-flex;width:max-content;align-items:center;justify-content:center;min-height:48px;margin-top:8px;padding:12px 22px;background:var(--service-red);border:1px solid var(--service-red);border-radius:0;color:#fff!important;font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s ease,color .2s ease}
.fecivent-reference-service .reference-action:hover,.fecivent-reference-service .reference-action:focus-visible{background:#fff;color:var(--service-navy)!important;outline:2px solid var(--service-navy);outline-offset:3px}

.fecivent-reference-service .reference-focus{padding:78px 0;background:var(--service-pale)}
.fecivent-reference-service .reference-section-heading{display:grid;gap:13px;max-width:700px;margin-bottom:34px}
.fecivent-reference-service .reference-section-heading p{max-width:66ch}
.fecivent-reference-service .reference-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-card{display:grid;align-content:start;gap:13px;min-height:246px;padding:30px;background:#fff;border-top:4px solid transparent;box-shadow:0 12px 30px rgba(32,38,83,.07)}
.fecivent-reference-service .reference-card:hover{border-top-color:var(--service-red)}
.fecivent-reference-service .reference-card-index{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--service-navy);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.04em}
.fecivent-reference-service .reference-card p{font-size:.96rem;line-height:1.7}

.fecivent-reference-service .reference-guidance{padding:78px 0;background:#fff}
.fecivent-reference-service .reference-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-guidance-card{padding:30px 27px;background:#fff;border:1px solid var(--service-line)}
.fecivent-reference-service .reference-guidance-card p{font-size:.96rem;line-height:1.72}

.fecivent-reference-service .reference-process{padding:78px 0;background:var(--service-navy)}
.fecivent-reference-service .reference-process .reference-kicker{color:#ff8797}
.fecivent-reference-service .reference-process h2,.fecivent-reference-service .reference-process .reference-section-heading p{color:#fff}
.fecivent-reference-service .reference-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-process-card{min-height:246px;padding:28px 24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2)}
.fecivent-reference-service .reference-process-number{display:block;margin-bottom:36px;color:#ff8797;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em}
.fecivent-reference-service .reference-process-card h3,.fecivent-reference-service .reference-process-card p{color:#fff}
.fecivent-reference-service .reference-process-card p{font-size:.94rem;line-height:1.68}

.fecivent-reference-service .reference-context{padding:84px 0}
.fecivent-reference-service .reference-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-context-card{padding:30px 27px;background:#fff;border:1px solid var(--service-line)}
.fecivent-reference-service .reference-context-card p{font-size:.96rem;line-height:1.72}
.fecivent-reference-service .reference-context-card strong{color:var(--service-red)}

.fecivent-reference-service .reference-notes{padding:78px 0;background:#fff}
.fecivent-reference-service .reference-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-notes details{background:#fff;border:1px solid var(--service-line)}
.fecivent-reference-service .reference-notes summary{position:relative;padding:22px 52px 22px 22px;color:var(--service-navy);font-size:1rem;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.fecivent-reference-service .reference-notes summary::-webkit-details-marker{display:none}
.fecivent-reference-service .reference-notes summary::after{position:absolute;right:21px;top:17px;color:var(--service-red);content:'+';font-size:1.7rem;font-weight:400}
.fecivent-reference-service .reference-notes details[open] summary::after{content:'–'}
.fecivent-reference-service .reference-notes details p{padding:0 22px 24px;font-size:.96rem;line-height:1.72}

.fecivent-reference-service .reference-related{padding:72px 0;background:var(--service-pale)}
.fecivent-reference-service .reference-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.fecivent-reference-service .reference-related-link{display:flex;min-height:108px;align-items:center;padding:20px;background:#fff;border:1px solid transparent;color:var(--service-navy);font-family:Outfit,sans-serif;font-size:1.03rem;font-weight:600;line-height:1.3;text-decoration:none}
.fecivent-reference-service .reference-related-link:hover,.fecivent-reference-service .reference-related-link:focus-visible{border-color:var(--service-red);color:var(--service-red);outline:none}

.fecivent-reference-service .reference-faq{padding:82px 0}
.fecivent-reference-service .reference-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:34px}
.fecivent-reference-service .reference-faq details{background:#fff;border:1px solid var(--service-line)}
.fecivent-reference-service .reference-faq summary{position:relative;padding:22px 52px 22px 22px;color:var(--service-navy);font-size:1rem;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
.fecivent-reference-service .reference-faq summary::-webkit-details-marker{display:none}
.fecivent-reference-service .reference-faq summary::after{position:absolute;right:21px;top:17px;color:var(--service-red);content:'+';font-size:1.7rem;font-weight:400}
.fecivent-reference-service .reference-faq details[open] summary::after{content:'–'}
.fecivent-reference-service .reference-faq details p{padding:0 22px 24px;font-size:.96rem;line-height:1.72}

.fecivent-reference-service .reference-enquiry{padding:78px 0;background:var(--service-navy)}
.fecivent-reference-service .reference-enquiry-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6vw,84px);align-items:start}
.fecivent-reference-service .reference-enquiry-copy{display:grid;gap:18px;padding-top:18px}
.fecivent-reference-service .reference-enquiry-copy .reference-kicker{color:#ff8797}
.fecivent-reference-service .reference-enquiry-copy h2,.fecivent-reference-service .reference-enquiry-copy p{color:#fff}
.fecivent-reference-service .reference-enquiry-card{padding:32px;background:#fff}
.fecivent-reference-service .reference-enquiry-card form{display:grid;gap:0}
.fecivent-reference-service .reference-enquiry-card .enquiry-grid{gap:16px}
.fecivent-reference-service .reference-enquiry-card label{color:var(--service-navy);font-size:.94rem;font-weight:700}
.fecivent-reference-service .reference-enquiry-card input,.fecivent-reference-service .reference-enquiry-card textarea{width:100%;min-height:48px;margin-top:7px;padding:12px;border:1px solid #c8d1df;border-radius:0;background:#fff;color:var(--service-navy);font:inherit}
.fecivent-reference-service .reference-enquiry-card textarea{min-height:132px;resize:vertical}
.fecivent-reference-service .reference-enquiry-card button{width:100%;min-height:50px;margin-top:22px;padding:12px 20px;border:1px solid var(--service-red);border-radius:0;background:var(--service-red);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.fecivent-reference-service .reference-enquiry-card button:hover,.fecivent-reference-service .reference-enquiry-card button:focus-visible{background:var(--service-navy);border-color:var(--service-navy);outline:2px solid var(--service-red);outline-offset:3px}
.fecivent-reference-service .reference-enquiry-card .form-status{margin:12px 0 0;color:var(--service-navy);font-size:.92rem;line-height:1.5}
.fecivent-reference-service .reference-enquiry-card .form-note{margin:12px 0 0;color:#4d5879;font-size:.9rem;line-height:1.55}
.fecivent-reference-service .reference-enquiry-card .form-note a{color:var(--service-navy);font-weight:700}

/* New service/location pages use the same concise footer treatment as the
   homepage: logo, working-hours note and a small copyright line. */
.fecivent-reference-footer{width:100%;padding:48px 0 14px;background:#edf5f5;color:#29345d}
.fecivent-reference-footer__shell{width:min(var(--fecivent-content-width,1140px),calc(100% - (2 * var(--fecivent-page-gutter,15px))));margin-inline:auto}
.fecivent-reference-footer__brand{display:grid;gap:22px;max-width:370px}
.fecivent-reference-footer__logo{display:block;width:min(300px,100%)}
.fecivent-reference-footer__logo img{display:block;width:100%;height:auto}
.fecivent-reference-footer__note{margin:0;color:#29345d;font-size:.98rem;line-height:1.65}
.fecivent-reference-footer__bottom{width:min(var(--fecivent-content-width,1140px),calc(100% - (2 * var(--fecivent-page-gutter,15px))));margin:42px auto 0;padding-top:9px;border-top:1px solid rgba(41,52,93,.45);color:#29345d;font-size:.78rem;line-height:1.45;text-align:right}
.fecivent-reference-footer__bottom span+span::before{content:' | ';padding:0 4px}

@media(max-width:1024px){
  .fecivent-reference-service .reference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fecivent-reference-service .reference-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fecivent-reference-service .reference-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fecivent-reference-service .reference-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  /* Match the source header/logo's physical 15px inset.  This is the sole
     page-level gutter for the reference service pages: sections and cards
     remain full width inside it instead of acquiring a second side margin. */
  .fecivent-reference-service .reference-shell{width:calc(100% - 30px)!important;max-width:none!important;margin-inline:15px!important}
  .fecivent-reference-service .reference-intro{grid-template-columns:1fr;gap:28px;padding:55px 0}
  .fecivent-reference-service .reference-intro-media img{min-height:0;aspect-ratio:1.14/1}
  .fecivent-reference-service .reference-intro-copy{gap:16px}
  .fecivent-reference-service .reference-intro-copy h2{max-width:none}
  .fecivent-reference-service .reference-action{width:100%}
  .fecivent-reference-service .reference-focus,.fecivent-reference-service .reference-guidance,.fecivent-reference-service .reference-process,.fecivent-reference-service .reference-context,.fecivent-reference-service .reference-notes,.fecivent-reference-service .reference-related,.fecivent-reference-service .reference-faq,.fecivent-reference-service .reference-enquiry{padding:54px 0}
  .fecivent-reference-service .reference-section-heading{margin-bottom:25px}
  .fecivent-reference-service .reference-card-grid,.fecivent-reference-service .reference-guidance-grid,.fecivent-reference-service .reference-process-grid,.fecivent-reference-service .reference-context-grid,.fecivent-reference-service .reference-notes-grid,.fecivent-reference-service .reference-related-grid,.fecivent-reference-service .reference-faq-list,.fecivent-reference-service .reference-enquiry-grid{grid-template-columns:1fr;gap:5px}
  .fecivent-reference-service .reference-card,.fecivent-reference-service .reference-process-card{min-height:0;padding:25px 20px}
  .fecivent-reference-service .reference-guidance-card{padding:25px 20px}
  .fecivent-reference-service .reference-process-number{margin-bottom:22px}
  .fecivent-reference-service .reference-context-card{padding:25px 20px}
  .fecivent-reference-service .reference-related-link{min-height:0;padding:20px}
  .fecivent-reference-service .reference-enquiry-grid{gap:30px}
  .fecivent-reference-service .reference-enquiry-copy{padding-top:0}
  .fecivent-reference-service .reference-enquiry-card{padding:24px 20px}
  .fecivent-reference-footer{padding:30px 0 13px}
  .fecivent-reference-footer__shell,.fecivent-reference-footer__bottom{width:calc(100% - 30px)!important;margin-inline:15px!important}
  .fecivent-reference-footer__brand{gap:18px;max-width:290px}
  .fecivent-reference-footer__logo{width:230px}
  .fecivent-reference-footer__note{font-size:.9rem;line-height:1.6}
  .fecivent-reference-footer__bottom{margin-top:27px;padding-top:9px;font-size:.73rem;text-align:center}
  .fecivent-reference-footer__bottom span{display:block}
  .fecivent-reference-footer__bottom span+span::before{content:'';padding:0}
}
