/* Editorial feature detail pages; shared hub styles supply the brand foundation. */
.fd-hero { padding-top: 100px; padding-bottom: 70px; }
.fd-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 42px; font-size: .79rem; color: var(--slate-200); }
.fd-breadcrumb a { text-underline-offset: 4px; }
.fd-hero .mk-hero-grid { grid-template-columns: 1fr 1.08fr; gap: 55px; }
.fd-hero h1 { font-size: clamp(2.7rem, 4.6vw, 4.2rem); }
.fd-hero .mk-shot { transform: rotate(1deg); box-shadow: 0 25px 60px #00111c66; }
.fd-hero .mk-shot figcaption { color: var(--slate-600); }
.fd-hero .mk-shot p { color: var(--slate-600); }
.fd-editorial { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; margin-bottom: 50px; }
.fd-story { color: var(--muted); font-size: 1.18rem; }
.fd-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.fd-benefit { border-top: 1px solid var(--slate-200); padding-top: 26px; }
.fd-index { display: block; color: var(--accent-cyan-ink); font-size: .78rem; font-weight: 750; margin-bottom: 22px; }
.fd-benefit h3 { max-width: 310px; }
.fd-benefit p { color: var(--muted); font-size: 1rem; }
.fd-practical { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: start; }
.fd-example p { color: var(--muted); }
.fd-example .mk-route { margin-top: 30px; color: var(--slate-600); }
.fd-steps { list-style: none; padding: 0; }
.fd-steps li { display: flex; gap: 22px; border-top: 1px solid var(--slate-100); padding: 24px 0; }
.fd-steps li > span { font-size: .79rem; font-weight: 750; color: var(--accent-cyan-ink); padding-top: 3px; }
.fd-steps h3 { font-size: 1.25rem; }
.fd-steps p { margin-bottom: 0; color: var(--muted); font-size: .98rem; }
.fd-plan { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.fd-plan p { color: var(--muted); }
.fd-faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 75px; }
.fd-faq-grid > div > p { color: var(--muted); }
.fd-faqs details { border-top: 1px solid var(--slate-100); }
.fd-faqs details:last-child { border-bottom: 1px solid var(--slate-100); }
.fd-faqs summary { padding: 22px 24px 22px 0; cursor: pointer; font-weight: 700; line-height: 1.45; }
.fd-faqs details p { padding: 0 24px 4px 0; color: var(--muted); font-size: .97rem; }
.fd-related { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.fd-related > a { border-top: 2px solid var(--cyan-500); padding-top: 22px; text-decoration: none; }
.fd-related .mk-number { display: block; }
.fd-related p { color: var(--muted); font-size: .95rem; }
.fd-related a:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 1000px) {
  .fd-hero .mk-hero-grid, .fd-editorial, .fd-practical, .fd-plan, .fd-faq-grid { gap: 35px; }
  .fd-benefits, .fd-related { gap: 24px; }
}
@media (max-width: 760px) {
  .fd-hero { padding-top: 88px; padding-bottom: 48px; }
  .fd-breadcrumb { margin-bottom: 28px; }
  .fd-hero .mk-hero-grid, .fd-editorial, .fd-practical, .fd-plan, .fd-faq-grid, .fd-benefits, .fd-related { grid-template-columns: 1fr; }
  .fd-hero .mk-shot { transform: none; }
  .fd-editorial { margin-bottom: 25px; gap: 5px; }
  .fd-benefits { gap: 15px; }
  .fd-benefit h3 { max-width: none; }
  .fd-practical, .fd-plan, .fd-faq-grid { gap: 28px; }
}
.fd-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 32px;padding-left:20px;margin:30px 0}.fd-page .mk-job-story{transform:none}@media(max-width:760px){.fd-capabilities{grid-template-columns:1fr}}
