/* The FAQ closes the page with a strong, photographic navy section. */
.tut-site .faq.faq-contrast {
  display:block;
  max-width:none;
  margin:0;
  padding:88px 0 94px;
  background:#102840;
  color:#fff;
  border-top:5px solid #63b8de;
}
.tut-site .faq-contrast .faq-layout {
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:8%;
  align-items:start;
}
.tut-site .faq-contrast .faq-intro,
.tut-site .faq-contrast .faq-items {min-width:0}
.tut-site .faq-contrast .eyebrow {color:#a7dbf2;letter-spacing:.14em}
.tut-site .faq-contrast h2 {color:#fff;font-size:clamp(35px,3.7vw,55px);margin-top:15px}
.tut-site .faq-contrast h2 em {color:#a7dbf2}
.tut-site .faq-contrast .faq-intro-copy {
  max-width:390px;
  margin-top:23px;
  color:#d4e2ed;
  font-size:14px;
  line-height:1.75;
}
.tut-site .faq-contrast .faq-photo {margin:30px 0 0}
.tut-site .faq-contrast .faq-photo img {
  width:100%;
  height:auto;
  aspect-ratio:1.7;
  object-fit:cover;
  object-position:45% 56%;
}
.tut-site .faq-contrast .faq-photo figcaption {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:4px 15px;
  padding-top:10px;
  color:#d4e2ed;
  font-size:11px;
  line-height:1.6;
}
.tut-site .faq-contrast .faq-photo figcaption span {color:#adc3d5}
.tut-site .faq-contrast details {border-top:1px solid #3c5369;background:transparent}
.tut-site .faq-contrast details:last-child {border-bottom:1px solid #3c5369}
.tut-site .faq-contrast summary {
  padding:23px 0;
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.55;
  gap:20px;
}
.tut-site .faq-contrast summary:hover {color:#b9e6fa}
.tut-site .faq-contrast summary:focus-visible {outline:2px solid #a7dbf2;outline-offset:4px}
.tut-site .faq-contrast summary span {
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1px solid #658398;
  border-radius:50%;
  color:#a7dbf2;
  font:400 23px/1 Arial,Helvetica,sans-serif;
  transition:transform .18s ease;
}
.tut-site .faq-contrast details[open] summary {color:#b9e6fa}
.tut-site .faq-contrast details p {
  max-width:580px;
  padding:0 28px 25px 0;
  color:#d4e2ed;
  font-size:14px;
  line-height:1.8;
}
@media(max-width:900px) {
  .tut-site .faq.faq-contrast {padding:65px 0 70px}
  .tut-site .faq-contrast .faq-layout {grid-template-columns:1fr;gap:38px}
  .tut-site .faq-contrast .faq-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:7%;align-items:start}
  .tut-site .faq-contrast .faq-intro>.eyebrow {grid-column:1;grid-row:1}
  .tut-site .faq-contrast h2 {grid-column:1;grid-row:2;font-size:38px}
  .tut-site .faq-contrast .faq-intro-copy {grid-column:1;grid-row:3;margin-top:18px}
  .tut-site .faq-contrast .faq-photo {grid-column:2;grid-row:1/4;margin:0}
  .tut-site .faq-contrast .faq-photo img {aspect-ratio:1.25}
  .tut-site .faq-contrast details p {max-width:none}
}
@media(max-width:600px) {
  .tut-site .faq.faq-contrast {padding:48px 0 55px}
  .tut-site .faq-contrast .faq-layout {gap:29px}
  .tut-site .faq-contrast .faq-intro {display:block}
  .tut-site .faq-contrast h2 {font-size:clamp(32px,9vw,40px)}
  .tut-site .faq-contrast .faq-intro-copy {font-size:14px;margin-top:18px;max-width:none}
  .tut-site .faq-contrast .faq-photo {margin-top:24px}
  .tut-site .faq-contrast .faq-photo img {aspect-ratio:1.65}
  .tut-site .faq-contrast summary {padding:20px 0;font-size:14px;gap:15px}
  .tut-site .faq-contrast summary span {flex-basis:28px;width:28px;height:28px}
  .tut-site .faq-contrast details p {font-size:14px;padding-right:0;padding-bottom:23px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce) {
  .tut-site .faq-contrast summary span {transition:none}
}

/* Local orientation stays readable at every viewport without competing with the main navigation. */
.tut-site nav.local-breadcrumb {
  display:block;
  padding-top:18px;
  padding-bottom:18px;
  color:#536274;
  font-size:12px;
  line-height:1.6;
}
.tut-site .local-breadcrumb ol {
  display:flex;
  flex-wrap:wrap;
  gap:6px 0;
  list-style:none;
  margin:0;
  padding:0;
}
.tut-site .local-breadcrumb li {min-width:0;overflow-wrap:anywhere}
.tut-site .local-breadcrumb li+li::before {content:"/";padding:0 12px;color:#98a6b4}
.tut-site .local-breadcrumb a {text-decoration:underline;text-underline-offset:3px}
.tut-site .local-breadcrumb [aria-current="page"] {color:#17212d;font-weight:600}
.tut-site nav.local-related {display:block;margin-top:26px;padding-top:22px;border-top:1px solid #d1dce8}
.tut-site .local-related>p {font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:12px}
.tut-site .local-related .local-links {display:flex;flex-wrap:wrap;gap:8px}
.tut-site .local-related .local-links a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  max-width:100%;
  padding:9px 12px;
  color:#254c91;
  background:#eaf1ff;
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.tut-site .local-related .local-links a:hover {background:#dae7fc}
@media(max-width:600px) {
  .tut-site nav.local-breadcrumb {font-size:11px;padding-top:15px;padding-bottom:15px}
  .tut-site .local-breadcrumb li+li::before {padding:0 8px}
}