/* Blog extends the existing Manrope, navy, mist and flat editorial system. */
.kit-home-blog { margin-block: 64px; }
.kit-blog-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.kit-blog-heading h2 { margin: 0; }
.kit-blog-heading > a,.kit-blog-read,.kit-blog-back { font-weight: 650; text-underline-offset: 4px; }
.kit-blog-list { border-top: 1px solid var(--line); }
.kit-blog-row { display: grid; grid-template-columns: 200px minmax(0,1fr) auto; gap: 28px; padding-block: 28px; border-bottom: 1px solid var(--line); align-items: start; }
.kit-blog-picture { display: block; aspect-ratio: 3/2; overflow: hidden; border-radius: 6px; background: var(--mist); }
.kit-blog-thumbnail { display: block; width: 100%; height: 100%; object-fit: cover; }
.kit-blog-placeholder { display: grid; place-items: center; height: 100%; color: var(--navy); font-weight: 650; }
.kit-blog-summary h2,.kit-blog-summary h3 { font-size: 22px; line-height: 1.4; margin: 0 0 10px; letter-spacing: -.4px; }
.kit-blog-summary h2 a,.kit-blog-summary h3 a { text-decoration: none; }
.kit-blog-summary p { margin: 0 0 12px; font-size: 15px; line-height: 1.75; }
.kit-blog-date { display: inline-block; white-space: nowrap; font-size: 12px; font-variant-numeric: tabular-nums; color: var(--navy); background: var(--mist); padding: 6px 10px; border-radius: 4px; }
.kit-blog-main { padding-block: 40px 64px; }
.kit-blog-main > .page-intro + .kit-blog-columns { margin-block-start: 32px; }
.kit-blog-main > .page-intro .kit-blog-description { margin-top: 22px; }
@media (max-width: 700px) {
  .kit-blog-main > .page-intro + .kit-blog-columns { margin-block-start: 24px; }
}
.kit-blog-columns { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); gap: 48px; align-items: start; }
.kit-blog-back { display: inline-block; margin-bottom: 32px; }
.kit-blog-article { min-width: 0; }
.kit-blog-article h1 { font-size: clamp(28px,3vw,40px); line-height: 1.25; max-width: 100%; margin: 0 0 24px; overflow-wrap: anywhere; text-wrap: balance; }
.kit-blog-categories { margin-block: 16px 24px; font-size: 14px; }
.kit-blog-cover { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 8px; margin-bottom: 32px; }
.kit-blog-body { max-width: 72ch; font-size: 17px; line-height: 1.85; overflow-wrap: anywhere; }
.kit-blog-body h2 { font-size: 28px; line-height: 1.35; margin: 40px 0 16px; }
.kit-blog-body h3 { margin-top: 28px; }
.kit-blog-body img,.kit-blog-body video,.kit-blog-body iframe { max-width: 100%; }
.kit-blog-body img { height: auto; }
.kit-blog-body figure { max-width: 100%; margin-inline: 0; }
.kit-blog-body pre,.kit-blog-body .wp-block-table { overflow-x: auto; }
.kit-blog-body a { text-decoration: underline; text-underline-offset: 3px; }
.kit-blog-sidebar { display: flex; flex-direction: column; gap: 32px; background: transparent; padding: 0; border-radius: 0; min-width: 0; }
.kit-blog-sidebar > section,
.kit-blog-sidebar > nav { background: var(--mist); padding: 28px; border-radius: 8px; }
.kit-blog-sidebar h2 { font-size: 21px; line-height: 1.4; margin: 0 0 16px; }
.kit-blog-sidebar > section + nav { margin-top: 0; }
.kit-blog-sidebar ul { list-style: none; margin: 0; padding: 0; }
.kit-blog-sidebar li { padding-block: 16px; border-bottom: 1px solid var(--line); }
.kit-blog-sidebar li:first-child { padding-top: 0; }
.kit-blog-sidebar li:last-child { border-bottom: 0; }
.kit-blog-sidebar li > a { font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.kit-blog-sidebar .kit-blog-date { display: block; padding: 0; margin-top: 8px; }
.kit-blog-sidebar nav li { display: flex; justify-content: space-between; gap: 16px; }
.kit-category-count { font-size: 13px; font-variant-numeric: tabular-nums; }
.kit-blog-sidebar a[aria-current] { text-decoration: underline; text-underline-offset: 4px; }
.kit-blog-columns .kit-blog-row { grid-template-columns: 225px minmax(0,1fr) auto; gap: 20px; }
.kit-blog-columns .kit-blog-summary h2 { font-size: 20px; }
.kit-blog-pagination ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin-top: 32px; }
.kit-blog-pagination a,.kit-blog-pagination .current { display: inline-flex; min-width: 44px; min-height: 44px; padding: 8px 14px; justify-content: center; align-items: center; background: var(--mist); border-radius: 4px; }
.kit-blog-pagination .current { background: var(--navy); color: white; }
.kit-blog-empty { padding-block: 28px; }
@media (max-width: 1150px) {
  .kit-blog-columns .kit-blog-row { grid-template-columns: 180px minmax(0,1fr); }
  .kit-blog-columns .kit-blog-row > .kit-blog-date { grid-column: 2; justify-self: start; }
}
@media (max-width: 950px) {
  .kit-blog-article h1 { text-wrap: wrap; }
  .kit-main-nav .kit-blog-menu { display: none !important; }
  .kit-main-nav .wp-block-navigation-item:nth-last-child(3) { grid-column: span 2; }
  .kit-blog-columns { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .kit-blog-row { grid-template-columns: 160px minmax(0,1fr) auto; gap: 20px; }
}
@media (max-width: 600px) {
  .kit-home-blog { margin-block: 40px; }
  .kit-blog-heading { align-items: start; flex-direction: column; gap: 12px; }
  .kit-blog-row,.kit-blog-columns .kit-blog-row { grid-template-columns: 88px minmax(0,1fr); gap: 12px 16px; padding-block: 22px; }
  .kit-blog-columns .kit-blog-row { grid-template-columns: 132px minmax(0,1fr); }
  .kit-blog-row > .kit-blog-date { grid-column: 2; justify-self: start; }
  .kit-blog-summary h2,.kit-blog-summary h3,.kit-blog-columns .kit-blog-summary h2 { font-size: 18px; overflow-wrap: anywhere; }
  .kit-blog-summary p { font-size: 14px; }
  .kit-blog-main { padding-block: 28px 40px; }
  .kit-blog-sidebar > section,
  .kit-blog-sidebar > nav { padding: 22px; }
  .kit-blog-body { font-size: 16px; }
  .kit-blog-body h2 { font-size: 25px; }
}
.kit-blog-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 24px; }
.kit-blog-meta .kit-blog-categories { margin: 0; }
.kit-blog-meta .kit-blog-categories:empty { display: none; }
.kit-blog-meta .kit-blog-date { white-space: normal; }

.kit-information-layout { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 48px; align-items: start; margin-block: 32px 64px; }
.kit-information-layout > .privacy-copy { margin: 0; padding-bottom: 0; min-width: 0; }
.kit-information-sidebar { min-width: 0; }
.kit-information-sidebar .service-category-nav { margin-top: 0; }
.kit-faq-jumps { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-block: 32px; }
.kit-faq-jumps a { font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
.kit-faq-content { max-width: 960px; padding-bottom: 64px; }
.kit-faq-section + .kit-faq-section { margin-top: 48px; }
.kit-faq-section h2 { font-size: 26px; margin-bottom: 20px; }
.kit-faq-item { border-top: 1px solid var(--line); }
.kit-faq-item:last-child { border-bottom: 1px solid var(--line); }
.kit-faq-item summary { cursor: pointer; padding: 20px 0; font-weight: 600; line-height: 1.6; }
.kit-faq-item p { max-width: 72ch; margin: 0; padding: 0 0 24px; line-height: 1.8; }
.kit-faq-item[open] summary { padding-bottom: 12px; }
@media (max-width: 950px) {
  .kit-information-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
}

/* Mobile homepage and footer retain the same order in every language. */
@media (max-width: 700px) {
  .kit-information-layout { margin-block: 24px 40px; }
  .kit-faq-jumps { gap: 12px 20px; margin-block: 24px; }
  .kit-faq-content { padding-bottom: 40px; }
  .kit-faq-section + .kit-faq-section { margin-top: 36px; }
  .kit-faq-section h2 { font-size: 23px; }
  .kit-home-blog .kit-blog-date { display: none; }
  .site-footer .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; }
  .site-footer .footer-company,.site-footer .footer-contact { grid-column: 1 / -1; }
  .site-footer .footer-menu,.site-footer .footer-main-nav { min-width: 0; }
  .site-footer .footer-menu a,.site-footer .footer-main-nav a { overflow-wrap: anywhere; }
}