/* Editable landingpage artefacts; all information remains real HTML text. */
.afaik-landing { --lp-line: #cdd8e9; --lp-paper: #f5f8fd; }
.afaik-landing > * + * { margin-block-start: 1.5rem; }
.afaik-landing > h2 { margin-block-start: 3.5rem; }
.afaik-landing .afaik-lp-card,
.afaik-landing .afaik-lp-contact { padding: clamp(1rem, 3vw, 1.75rem); border: 1px solid var(--lp-line); border-radius: 8px; background: var(--lp-paper); }
.afaik-landing .afaik-lp-card > :first-child,
.afaik-landing .afaik-lp-contact > :first-child { margin-block-start: 0; }
.afaik-landing .afaik-lp-card > :last-child,
.afaik-landing .afaik-lp-contact > :last-child { margin-block-end: 0; }
.afaik-landing .afaik-lp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.afaik-landing .afaik-lp-grid > * { min-width: 0; margin: 0; }
.afaik-landing .afaik-lp-grid p,
.afaik-landing .afaik-lp-flow p { font-size: 1.05rem; line-height: 1.6; }
.afaik-landing .afaik-lp-grid h3,
.afaik-landing .afaik-lp-flow h3 { font-size: 1.25rem; line-height: 1.35; }
.afaik-landing .afaik-lp-flow { border-inline-start: 3px solid #2d68d7; padding-inline-start: 1.25rem; }
.afaik-landing .afaik-lp-flow > * { position: relative; margin-block: 1rem; }
.afaik-landing .afaik-lp-flow > *::before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #2d68d7; left: -1.65rem; top: 1.5rem; }
.afaik-landing .afaik-lp-eyebrow { color: #254f96; font-family: Inter, sans-serif; font-size: .875rem; font-weight: 650; letter-spacing: .025em; }
.afaik-landing .afaik-lp-portrait { max-width: 240px; }
.afaik-landing .afaik-lp-portrait img { width: 100%; height: auto; border-radius: 8px; }
/* Head-of-AI introduction: a full-column photo before the next section. */
.afaik-landing .afaik-lp-portrait:has(img[src*="kai-spriestersbach-omt-2026-head-of-ai"]) {
 width: 100%; max-width: none; margin-block-start: 2rem;
}
.afaik-landing .afaik-lp-portrait:has(img[src*="kai-spriestersbach-omt-2026-head-of-ai"]) img {
 display: block; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 25%;
}
.afaik-landing .wp-block-details { border: 0; border-block-end: 1px solid var(--lp-line); padding: 0; }
.afaik-landing .wp-block-details + .wp-block-details { margin-block-start: 0; }
.afaik-landing .wp-block-details > summary {
 display: flex; align-items: center; justify-content: space-between; gap: 1rem;
 box-sizing: border-box; min-height: 44px; padding-block: 1rem;
 cursor: pointer; list-style: none; font-family: Inter, sans-serif;
 font-size: 1.0625rem; font-weight: 500; line-height: 1.5;
}
.afaik-landing .wp-block-details > summary::-webkit-details-marker { display: none; }
.afaik-landing .wp-block-details > summary::before { content: none; }
.afaik-landing .wp-block-details > summary::after {
 content: ''; flex: 0 0 .5rem; width: .5rem; height: .5rem;
 margin-inline-end: .25rem; border-right: 2px solid #2d68d7;
 border-bottom: 2px solid #2d68d7; transform: rotate(45deg);
}
.afaik-landing .wp-block-details[open] > summary::after { transform: rotate(225deg); }
.afaik-landing .wp-block-details > summary:hover { color: #2d68d7; }
.afaik-landing .wp-block-details[open] { padding-block-end: 1rem; }
.afaik-landing .wp-block-details > summary + * { margin-block-start: 0; }
.afaik-landing .wp-block-details > :last-child:not(summary) { margin-block-end: 0; }
.afaik-landing :is(a,summary):focus-visible,
.afaik-request-context:focus-visible { outline: 3px solid #2d68d7; outline-offset: 4px; }
.afaik-landing :is(p,li,h2,h3,a,summary) { overflow-wrap: anywhere; }
.afaik-landing .wp-block-button__link { white-space: normal; }
.afaik-request-context { margin-block: 1rem; padding: 1rem; background: #f5f8fd; border-inline-start: 3px solid #2d68d7; }
@media (max-width: 600px) {
 .afaik-landing .afaik-lp-grid { grid-template-columns: 1fr; }
 .afaik-landing .afaik-lp-card, .afaik-landing .afaik-lp-contact { padding: 1rem; }
 .afaik-landing .afaik-lp-flow { padding-inline-start: 1rem; }
 .afaik-landing .afaik-lp-flow > *::before { left: -1.4rem; }
}
.afaik-landing .afaik-lp-card h4 { font-family: Inter, sans-serif; font-size: 1.05rem; line-height: 1.4; }
@media (max-width: 600px) {
 body:has(.afaik-landing) main .wp-block-post-title {
  font-size: clamp(1.5rem, 5vw, 2rem);
  line-height: 1.25;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
 }
}
