/* TEMS Managed Services (tems360) site stylesheet.
   Same type family as minato48 (Hanken Grotesk display, Quicksand text,
   JetBrains Mono for eyebrows and figures); the brand comes from the logo:
   petrol on turquoise. Section classes are prefixed tm-; the mn-entries,
   mn-entry, mn-imprint, mn-legal and contact-form families are kept by name
   because the shared default views render them. */

:root {
  --color-primary: #007382;
  --color-primary-hover: #00808f;
  --color-primary-strong: #045964;
  --color-primary-deep: #032e36;
  --color-on-primary: #ffffff;
  --color-surface: #ffffff;
  --color-surface-alt: #f3f9fa;
  --color-text: #2b3f45;
  --color-text-muted: #5f7a80;
  --color-text-subtle: #8aa0a5;
  --color-border: #dfe9eb;
  --color-border-strong: #c3d5d8;
  --color-accent: #63c2c9;
  --color-accent-soft: #e6f5f6;
  --color-accent-muted: #a9dfe2;
  --color-danger: #c0392b;
  --font-sans: 'Quicksand', -apple-system, sans-serif;
  --font-display: 'Hanken Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --shadow-md: 0 8px 28px rgba(0, 115, 130, .08);
  --shadow-lg: 0 22px 52px rgba(0, 115, 130, .14);
  --shadow-focus: 0 0 0 3px rgba(99, 194, 201, .35);
  --layout-container: 1200px;
  --nav-h: 96px;
  --nav-solid: rgba(4, 89, 100, 0.94);
  --nav-solid-border: rgba(255, 255, 255, 0.12);
}

html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}

body { font-family: var(--font-sans); color: var(--color-text); background: var(--color-surface); -webkit-font-smoothing: antialiased; }
[data-site] { overflow-x: clip; }
a { color: inherit; }

/* ---- Shared type ---------------------------------------------------- */
.tm-icon { width: 1.1em; height: 1.1em; flex-shrink: 0; vertical-align: -0.15em; }
.tm-btn .tm-icon { width: 18px; height: 18px; }
.tm-eyebrow { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--color-primary); margin: 0 0 18px; }
.tm-eyebrow--light { color: var(--color-accent); }
.tm-h2 { font-family: var(--font-display); font-size: clamp(32px, 4vw, 54px); line-height: 1.04; letter-spacing: -.032em; font-weight: 800; color: var(--color-primary-strong); margin: 0; }
.tm-lead { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6; color: var(--color-text); margin: 22px 0 0; max-width: 60ch; }
.tm-wrap { max-width: var(--layout-container); margin: 0 auto; padding-left: 6vw; padding-right: 6vw; }
.tm-btn { display: inline-flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 700; padding: 15px 26px; border-radius: 8px; text-decoration: none; transition: transform .2s, background .2s, color .2s, border-color .2s; white-space: nowrap; }
.tm-btn:hover { transform: translateY(-2px); }
.tm-btn--primary { background: var(--color-accent); color: var(--color-primary-deep); }
.tm-btn--primary:hover { background: #7ad0d6; }
.tm-btn--solid { background: var(--color-primary); color: var(--color-on-primary); }
.tm-btn--solid:hover { background: var(--color-primary-hover); }
.tm-btn--ghost { background: transparent; color: var(--color-on-primary); border: 1px solid rgba(255,255,255,.35); }
.tm-btn--ghost:hover { border-color: rgba(255,255,255,.8); }
.tm-btn--outline { background: transparent; color: var(--color-primary); border: 1px solid var(--color-border-strong); }
.tm-btn--outline:hover { border-color: var(--color-primary); }

/* ---- Navigation ----------------------------------------------------- */
.tm-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: var(--color-primary-strong); border-bottom: 1px solid rgba(255,255,255,.12); transition: background .35s; }
body:has([data-cine]) .tm-nav { background: transparent; border-bottom-color: transparent; }
.tm-nav__inner { max-width: none; margin: 0; padding: 0 6vw; height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.tm-nav__logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.tm-nav__logo img { height: 38px; display: block; }
.tm-nav__links { display: none; align-items: center; gap: 30px; }
.tm-nav__link { position: relative; color: rgba(255,255,255,.8); text-decoration: none; font-family: var(--font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; padding: 6px 0; transition: color .2s; }
.tm-nav__link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--color-accent); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.tm-nav__link:hover { color: #fff; }
.tm-nav__link:hover::after { transform: scaleX(1); }
.tm-nav__cta { display: none; align-items: center; gap: 8px; height: 40px; padding: 0 18px; margin-left: 8px; font-family: var(--font-sans); font-size: 14.5px; font-weight: 700; color: var(--color-primary-deep); background: var(--color-accent); text-decoration: none; white-space: nowrap; border-radius: 8px; transition: background .2s; }
.tm-nav__cta i { display: flex; font-style: normal; transition: transform .25s ease; }
.tm-nav__cta i .tm-icon { width: 16px; height: 16px; }
.tm-nav__cta:hover { background: #7ad0d6; }
.tm-nav__cta:hover i { transform: translateX(3px); }
.tm-nav__burger { display: flex; background: none; border: none; cursor: pointer; padding: 6px; }
.tm-nav__burger .tm-icon { width: 30px; height: 30px; color: #fff; }
@media (min-width: 900px) {
  .tm-nav__links { display: flex; }
  .tm-nav__cta { display: inline-flex; }
  .tm-nav__burger { display: none; }
}
.tm-menu { position: fixed; inset: 0; z-index: 60; background: var(--color-primary-strong); opacity: 0; pointer-events: none; transform: translateY(-12px); transition: opacity .45s ease, transform .45s ease; display: flex; flex-direction: column; }
.tm-menu__head { padding: 0 6vw; height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.tm-menu__head img { height: 38px; display: block; }
.tm-menu__close { position: relative; width: 42px; height: 42px; background: none; border: none; cursor: pointer; }
.tm-menu__close .tm-icon { width: 30px; height: 30px; color: #fff; }
.tm-menu__links { padding: min(4vh, 24px) 6vw; display: flex; flex-direction: column; gap: min(8px, 1.2vh); flex: 1; justify-content: center; }
.tm-menu__links a { font-family: var(--font-display); font-size: clamp(30px, min(7vw, 8vh), 64px); font-weight: 800; letter-spacing: -.03em; color: #fff; text-decoration: none; line-height: 1.1; }
.tm-menu__links a:hover { color: var(--color-accent); }
.tm-menu__foot { padding: 0 6vw 6vh; display: flex; flex-direction: column; align-items: stretch; gap: 28px; }
.tm-menu__foot .tm-btn { justify-content: center; }
.tm-menu__contact { display: flex; flex-direction: column; gap: 6px; }
.tm-menu__phone { font-family: var(--font-display); font-size: clamp(26px, 7vw, 40px); font-weight: 800; letter-spacing: -.03em; color: #fff; text-decoration: none; }
.tm-menu__mail { font-family: var(--font-display); font-size: clamp(19px, 5vw, 26px); font-weight: 700; letter-spacing: -.02em; color: rgba(255,255,255,.85); text-decoration: none; }
.tm-menu__phone:hover, .tm-menu__mail:hover { color: var(--color-accent); }

/* Pages without the hero start below the fixed bar. */
body:not(:has([data-cine])) [data-site] { padding-top: var(--nav-h); }
[id] { scroll-margin-top: calc(var(--nav-h) + 32px); }

/* ---- Cinematic opening --------------------------------------------- */
@property --w { syntax: '<number>'; inherits: false; initial-value: 0; }
@property --i { syntax: '<number>'; inherits: false; initial-value: 0; }
.tm-nodes { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(var(--cols, 30), 1fr); grid-template-rows: repeat(var(--rows, 18), 1fr); z-index: 0; pointer-events: none; font-family: var(--font-mono); font-size: 18px; font-weight: 500; line-height: 1; -webkit-mask: radial-gradient(ellipse 80% 80% at 60% 50%, #000 40%, transparent 100%); mask: radial-gradient(ellipse 80% 80% at 60% 50%, #000 40%, transparent 100%); }
.tm-nodes span { display: grid; place-items: center; --w: 0; --i: 0; transition: --w 1.4s ease-out, --i .7s ease-out; opacity: calc(var(--o, .1) + max(var(--w), var(--i)) * .9); color: color-mix(in srgb, var(--color-accent) calc(max(var(--w), var(--i)) * 100%), rgba(255,255,255,.55)); transform: rotate(calc(var(--i) * 90deg)) scale(calc(1 + max(var(--w), var(--i)) * .35)); }

.tm-cine { position: relative; height: 260vh; background: #033e47; color: var(--color-on-primary); }
.tm-cine__stage { position: sticky; top: 0; height: 100vh; overflow: hidden; background: linear-gradient(160deg, #045964 0%, #033e47 65%); }
.tm-cine__stage::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 45vh; background: linear-gradient(to bottom, rgba(3,62,71,0) 0%, rgba(3,62,71,.3) 35%, rgba(3,62,71,.75) 70%, #033e47 100%); pointer-events: none; z-index: 0; }
.tm-cine__glow { position: absolute; right: -10vw; top: -10vh; width: 70vw; height: 70vw; border-radius: 50%; background: radial-gradient(circle, rgba(99,194,201,.34) 0%, rgba(99,194,201,.08) 40%, transparent 68%); will-change: transform; pointer-events: none; }
.tm-cine__visual { position: absolute; right: max(6vw, calc(6vw + (100vw - 1280px) * .16)); top: 54%; width: min(74vh, 42vw); aspect-ratio: 1; transform: translateY(-50%); z-index: 1; }
.tm-cine__ring { width: 100%; height: 100%; overflow: visible; will-change: transform; transform-origin: 50% 50%; }
.tm-cine__spin { transform-box: fill-box; transform-origin: center; will-change: transform; }
.tm-cine__thin { fill: none; stroke: rgba(255,255,255,.35); stroke-width: 1.2; stroke-linecap: round; }
.tm-cine__track { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 1; }
.tm-cine__arc { fill: none; stroke: var(--color-accent); stroke-width: 2.4; stroke-linecap: round; }
.tm-cine__arc--inner { stroke-width: 1.4; stroke: rgba(99,194,201,.7); }
.tm-cine__head { transform-box: fill-box; transform-origin: center; opacity: 0; transition: opacity .4s; }
.tm-cine__head circle { fill: none; stroke: #fff; stroke-width: 4; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(99,194,201,.9)); }
.tm-cine__node { transform-box: fill-box; transform-origin: center; transition: opacity .5s ease, transform .5s ease; }
.tm-cine__node circle { fill: var(--color-accent); }
.tm-cine__node text { fill: #fff; font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.tm-cine__core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; }
.tm-cine__core strong { display: block; font-family: var(--font-display); font-weight: 800; font-size: clamp(48px, 7vw, 96px); letter-spacing: -.05em; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; }
.tm-cine__core span { display: block; margin-top: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #fff; }
.tm-cine__text { position: absolute; top: 0; left: 0; right: 0; padding: 0 6vw; z-index: 3; will-change: transform; }
.tm-cine__block { max-width: 56vw; }
.tm-cine__block--open { padding-top: calc(var(--nav-h) + 12vh); }
.tm-cine__headline { font-family: var(--font-display); font-size: clamp(44px, min(7.2vw, 14vh), 120px); line-height: .92; letter-spacing: -.045em; font-weight: 800; margin: 0; }
.tm-cine__headline span { display: block; }
.tm-cine__headline em { font-style: normal; color: var(--color-accent); }
.tm-cine__sub { font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; color: rgba(255,255,255,.86); margin: 30px 0 0; max-width: 46ch; }
.tm-cine__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 36px; }
.tm-cine__block--pillars { margin-top: 40vh; }
.tm-cine__pillar { font-family: var(--font-display); font-size: clamp(44px, min(7vw, 13vh), 104px); line-height: 1; letter-spacing: -.045em; font-weight: 800; margin: 0 0 6px; will-change: transform, opacity; transition: opacity .55s ease, transform .55s ease; }
.tm-cine__pillar em { font-style: normal; color: var(--color-accent); }
.tm-cine__pillar-sub { margin-top: 26px; padding-left: calc(clamp(44px, min(7vw, 13vh), 104px) * .06); font-family: var(--font-sans); font-size: clamp(18px, 1.7vw, 22px); line-height: 1.55; color: rgba(255,255,255,.82); }
.tm-cine__block--facts { margin-top: 34vh; padding-bottom: 10vh; }
.tm-cine__closing { font-family: var(--font-display); font-size: clamp(26px, 3vw, 44px); line-height: 1.1; letter-spacing: -.03em; font-weight: 700; margin: 0; max-width: 18ch; }
.tm-hero__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 44px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.14); max-width: 700px; }
.tm-hero__fact { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.tm-hero__fact strong { font-family: var(--font-display); font-size: 29px; font-weight: 700; letter-spacing: -.02em; }
.tm-hero__fact span { font-family: var(--font-mono); font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.72); line-height: 1.5; }
.tm-hero__cue { position: absolute; bottom: 34px; left: 6vw; z-index: 3; display: none; align-items: center; gap: 12px; color: rgba(255,255,255,.7); }
.tm-hero__cue-label { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; }
.tm-hero__cue-line { width: 46px; height: 1px; background: rgba(255,255,255,.6); transform-origin: left center; }
@media (max-width: 900px) {
  .tm-cine { height: 240vh; }
  .tm-cine__visual { right: auto; left: 50%; top: 52%; width: min(88vw, 64vh); transform: translate(-50%, -50%); opacity: .42; }
  .tm-cine__core { display: none; }
  .tm-cine__block { max-width: none; }
  .tm-cine__block--open { padding-top: calc(var(--nav-h) + 8vh); }
  .tm-cine__headline { font-size: clamp(48px, 15vw, 96px); }
  .tm-cine__block--pillars { margin-top: 50vh; }
  .tm-cine__pillar { font-size: clamp(40px, 12vw, 72px); }
  .tm-cine__block--facts { margin-top: 48vh; }
  .tm-hero__facts { max-width: none; }
  .tm-hero__cue { display: none; }
}
@media (max-width: 480px) { .tm-hero__facts { grid-template-columns: 1fr; gap: 18px; } }
@media (min-width: 901px) and (min-height: 820px) { .tm-hero__cue { display: flex; } }

/* ---- Intro: what managed services are + who it is for --------------- */
.tm-intro { padding: 120px 0 184px; background: #033e47; color: #fff; }
.tm-intro .tm-eyebrow { color: var(--color-accent); }
.tm-intro .tm-h2 { color: #fff; }
.tm-intro__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 64px; align-items: start; }
.tm-intro__text p:not(.tm-eyebrow) { font-size: clamp(18px, 1.7vw, 22px); line-height: 1.55; color: rgba(255,255,255,.82); margin: 0 0 20px; }
.tm-nowrap { white-space: nowrap; }
.tm-intro__aside { padding-top: 10px; border-top: 2px solid var(--color-accent); }
.tm-intro__aside .tm-eyebrow { margin: 26px 0 22px; }
.tm-intro__aside p:not(.tm-eyebrow) { font-family: var(--font-display); font-size: clamp(20px, 1.9vw, 26px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: #fff; margin: 0 0 18px; }
.tm-intro__aside p:not(.tm-eyebrow) + p::before { content: ''; display: block; width: 28px; height: 2px; background: var(--color-accent); margin: 0 0 18px; }
@media (max-width: 860px) { .tm-intro { padding: 88px 0 120px; } .tm-intro__grid { grid-template-columns: 1fr; gap: 40px; } }

/* ---- Four promises: big words, one per line -------------------------- */
.tm-promise { padding: 112px 0 128px; }
.tm-words { border-top: 1px solid var(--color-border-strong); }
.tm-words__row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px 48px; align-items: last baseline; padding: 22px 0 26px; border-bottom: 1px solid var(--color-border-strong); }
.tm-words__word { font-family: var(--font-display); font-size: clamp(44px, 7.4vw, 112px); line-height: .95; letter-spacing: -.045em; font-weight: 800; color: var(--color-primary-strong); margin: 0; }
.tm-words__word em { font-style: normal; color: var(--color-accent); }
.tm-words__text { font-size: clamp(16px, 1.5vw, 19px); line-height: 1.55; color: var(--color-text); margin: 0; max-width: 34ch; }
@media (max-width: 760px) { .tm-promise { padding: 80px 0 88px; } .tm-words__row { grid-template-columns: 1fr; gap: 10px; padding: 20px 0 24px; } .tm-words__word { font-size: clamp(40px, 12vw, 64px); } }

/* ---- Services ------------------------------------------------------- */
/* Same stage as the hero: petrol gradient, the plus field (theme.js, data-plus-field), a glow. */
.tm-services { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(160deg, #045964 0%, #033e47 65%); color: #fff; padding: 184px 0 128px; }
.tm-services::after { content: ''; position: absolute; right: -15vw; top: -20vw; width: 70vw; height: 70vw; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(99,194,201,.26) 0%, rgba(99,194,201,.06) 40%, transparent 68%); pointer-events: none; }
.tm-services .tm-nodes { z-index: -1; }
.tm-services .tm-eyebrow { color: var(--color-accent); }
.tm-services .tm-h2 { color: #fff; }
.tm-services .tm-lead { color: rgba(255,255,255,.82); }
.tm-services__head { max-width: 760px; margin-bottom: 56px; }
.tm-services__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 64px; }
.tm-service { padding: 34px 0 38px; display: flex; flex-direction: column; gap: 14px; }
.tm-service__title { font-family: var(--font-display); font-size: clamp(28px, 3vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: #fff; margin: 0 0 6px; }
.tm-service__desc { font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,.8); margin: 0; max-width: 44ch; }
.tm-service__gain { margin: 10px 0 0; font-family: var(--font-display); font-size: 21px; line-height: 1.3; letter-spacing: -.015em; color: var(--color-accent); font-weight: 700; max-width: 30ch; }
/* The data stream between products and extensions (theme.js, data-flow). */
.tm-flow { position: relative; margin: 72px 0 0; height: 300px; }
.tm-flow canvas { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 34px); display: block; }
.tm-flow__label { position: absolute; bottom: 0; font-family: var(--font-mono); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: #fff; white-space: nowrap; }
.tm-flow__label--center { transform: translateX(-50%); }
@media (max-width: 700px) { .tm-flow { height: 240px; margin-top: 48px; } .tm-flow__label { font-size: 9.5px; letter-spacing: .14em; } }
.tm-services__more { margin-top: 112px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 64px; align-items: start; }
.tm-rows { list-style: none; margin: 0; padding: 0; }
.tm-rows__item { padding: 0 0 40px; display: flex; flex-direction: column; }
.tm-rows__title { font-family: var(--font-display); font-size: clamp(28px, 3vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: #fff; margin: 0 0 20px; }
.tm-rows__desc { font-size: 16.5px; line-height: 1.6; color: rgba(255,255,255,.8); margin: 0; max-width: 44ch; }
@media (max-width: 900px) { .tm-services { padding: 128px 0 96px; } .tm-services__grid { grid-template-columns: 1fr; gap: 0; } .tm-services__more { grid-template-columns: 1fr; gap: 32px; margin-top: 72px; } }

/* ---- CTA ------------------------------------------------------------ */
.tm-cta { background: var(--color-surface); }
.tm-cta__inner { padding-top: 128px; padding-bottom: 128px; }
.tm-cta__say { font-family: var(--font-display); font-size: clamp(26px, 3vw, 40px); font-weight: 800; letter-spacing: -.03em; color: var(--color-primary-strong); margin: 0 0 8px; }
.tm-cta__number { display: flex; align-items: baseline; font-family: var(--font-display); font-weight: 800; font-size: clamp(44px, min(7.2vw, 14vh), 120px); line-height: 1.1; letter-spacing: -.05em; color: var(--color-primary-strong); text-decoration: none; white-space: nowrap; font-variant-numeric: tabular-nums; margin-left: -.04em; }
/* Drawn, not typed: two bars around an exact centre, so the hover turn stays in place. Sized to the digits' cap height. */
.tm-cta__plus { position: relative; top: -.04em; display: inline-block; flex-shrink: 0; width: .6em; height: .6em; margin-right: .12em; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.tm-cta__plus::before, .tm-cta__plus::after { content: ''; position: absolute; background: var(--color-accent); }
.tm-cta__plus::before { left: 0; right: 0; top: 50%; height: .13em; transform: translateY(-50%); }
.tm-cta__plus::after { top: 0; bottom: 0; left: 50%; width: .13em; transform: translateX(-50%); }
.tm-cta__number:hover .tm-cta__plus { transform: rotate(90deg); }
.tm-cta__number:hover { color: var(--color-primary); }
.tm-cta__row { margin-top: 8px; }
.tm-cta__mail { font-family: var(--font-display); font-size: clamp(26px, 3vw, 40px); font-weight: 800; letter-spacing: -.03em; color: var(--color-primary-strong); text-decoration: none; }
.tm-cta__mail:hover { color: var(--color-primary); }
@media (max-width: 760px) { .tm-cta__inner { padding-top: 88px; padding-bottom: 88px; } .tm-cta__row { margin-top: 8px; } }

/* ---- Page header (Preise, Kontakt) ---------------------------------- */
.tm-pagehead { padding: 72px 0 56px; }
.tm-pagehead__h1 { font-family: var(--font-display); font-size: clamp(38px, 5.4vw, 72px); line-height: 1; letter-spacing: -.04em; font-weight: 800; color: var(--color-primary-strong); margin: 0; max-width: 16ch; }
.tm-pagehead__lead { font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; color: var(--color-text); margin: 24px 0 0; max-width: 58ch; }

/* ---- Pricing levels ------------------------------------------------- */
.tm-pricing { padding: 32px 0 96px; }
.tm-pricing__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.tm-level { position: relative; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: 36px 34px 34px; background: var(--color-surface); display: flex; flex-direction: column; }
.tm-level--featured { border-color: var(--color-primary); box-shadow: var(--shadow-lg); }
.tm-level__badge { position: absolute; top: -13px; left: 34px; background: var(--color-primary); color: #fff; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
.tm-level__name { font-family: var(--font-display); font-size: 28px; font-weight: 800; letter-spacing: -.025em; color: var(--color-primary-strong); margin: 0; }
.tm-level__tag { font-size: 14.5px; color: var(--color-text-muted); margin: 6px 0 24px; }
.tm-level__price { display: flex; align-items: baseline; gap: 8px; padding-bottom: 24px; border-bottom: 1px solid var(--color-border); margin-bottom: 24px; }
.tm-level__amount { font-family: var(--font-display); font-size: 52px; font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--color-primary); }
.tm-level__unit { font-size: 14px; color: var(--color-text-muted); }
.tm-level__base { font-size: 14px; color: var(--color-primary); font-weight: 700; margin: 0 0 12px; }
.tm-level__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.tm-level__list li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; font-size: 15px; line-height: 1.45; color: var(--color-text); }
.tm-level__list li .tm-icon { width: 16px; height: 16px; color: var(--color-primary); margin-top: 3px; }
.tm-pricing__next { margin: 36px 0 0; font-family: var(--font-display); font-size: clamp(20px, 2.2vw, 28px); font-weight: 700; letter-spacing: -.02em; color: var(--color-primary-strong); }
.tm-pricing__next a { color: var(--color-primary); text-decoration: none; border-bottom: 2px solid var(--color-accent); padding-bottom: 2px; }
.tm-pricing__next .tm-icon { width: .9em; height: .9em; margin-left: 6px; }
.tm-pricing__next a:hover { color: var(--color-accent); }
@media (max-width: 960px) { .tm-pricing__grid { grid-template-columns: 1fr; } .tm-level--featured { order: -1; } }

/* ---- Tables --------------------------------------------------------- */
.tm-section { padding: 96px 0; }
.tm-section--alt { background: var(--color-surface-alt); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.tm-section__head { max-width: 720px; margin-bottom: 40px; }
.tm-table { width: 100%; border-collapse: collapse; font-size: 15px; background: var(--color-surface); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-border); }
.tm-table th, .tm-table td { text-align: left; padding: 14px 18px; border-bottom: 1px solid var(--color-border); vertical-align: top; }
.tm-table th { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--color-text-subtle); background: var(--color-surface-alt); font-weight: 600; }
.tm-table tr:last-child td { border-bottom: 0; }
.tm-table td:first-child { color: var(--color-primary-strong); font-weight: 600; }
.tm-table td.num, .tm-table th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tm-table .tm-icon { width: 18px; height: 18px; color: var(--color-primary); }
.tm-table .tm-icon--no { color: var(--color-text-subtle); }
.tm-table small { display: block; font-weight: 400; color: var(--color-text-muted); font-size: 13px; margin-top: 2px; }
.tm-tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
.tm-tables h3 { font-family: var(--font-display); font-size: 21px; font-weight: 700; letter-spacing: -.02em; color: #fff; margin: 0 0 14px; }
.tm-tables p { font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); margin: 12px 0 0; }
@media (max-width: 860px) { .tm-tables { grid-template-columns: 1fr; } .tm-section { padding: 72px 0; } }
.tm-note { border-left: 3px solid var(--color-accent); background: var(--color-accent-soft); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 20px 24px; font-size: 15.5px; line-height: 1.55; color: var(--color-primary-deep); }
.tm-note strong { font-weight: 700; }
.tm-terms { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--color-border-strong); }
.tm-terms li { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--color-border-strong); font-size: 15.5px; line-height: 1.55; }
.tm-terms dt, .tm-terms li > span:first-child { font-weight: 700; color: var(--color-primary-strong); }
.tm-terms li > span:last-child { color: var(--color-text); }
@media (max-width: 640px) { .tm-terms li { grid-template-columns: 1fr; gap: 6px; } }
.tm-fine { font-size: 13.5px; color: var(--color-text-subtle); margin: 28px 0 0; }

/* ---- Calculator ----------------------------------------------------- */
.tm-calc { background: var(--color-primary-strong); color: #fff; padding: 112px 0; }
.tm-calc .tm-h2 { color: #fff; }
.tm-calc__lead { color: rgba(255,255,255,.8); }
.tm-calc__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px; margin-top: 56px; align-items: start; }
.tm-calc__panel { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg); padding: 36px; }
.tm-field { display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; }
.tm-field:last-child { margin-bottom: 0; }
.tm-field__label { display: flex; justify-content: space-between; align-items: baseline; font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.9); }
.tm-field__label output { font-family: var(--font-mono); font-size: 13px; color: var(--color-accent); }
.tm-field__hint { font-size: 13px; color: rgba(255,255,255,.55); }
.tm-range { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 2px; background: rgba(255,255,255,.2); outline: none; }
.tm-range::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--color-accent); border: 3px solid var(--color-primary-strong); cursor: pointer; }
.tm-range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--color-accent); border: 3px solid var(--color-primary-strong); cursor: pointer; }
.tm-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; background: rgba(255,255,255,.08); padding: 5px; border-radius: 10px; }
.tm-seg button { background: transparent; border: 0; color: rgba(255,255,255,.75); font-family: var(--font-sans); font-size: 14.5px; font-weight: 700; padding: 11px 8px; border-radius: 7px; cursor: pointer; transition: background .2s, color .2s; }
.tm-seg button.is-on { background: var(--color-accent); color: var(--color-primary-deep); }
.tm-stepper { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; overflow: hidden; }
.tm-stepper button { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.06); border: 0; color: #fff; cursor: pointer; }
.tm-stepper button .tm-icon { width: 16px; height: 16px; }
.tm-stepper button:hover { background: rgba(255,255,255,.14); }
.tm-stepper input { width: 64px; height: 42px; text-align: center; border: 0; background: transparent; color: #fff; font-family: var(--font-mono); font-size: 15px; -moz-appearance: textfield; }
.tm-stepper input::-webkit-outer-spin-button, .tm-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.tm-field--row { flex-direction: row; align-items: center; justify-content: space-between; gap: 18px; }
.tm-field--row .tm-field__label { display: block; }
.tm-field--row .tm-field__hint { display: block; margin-top: 4px; }
.tm-switch { position: relative; width: 50px; height: 28px; border-radius: 999px; background: rgba(255,255,255,.2); border: 0; cursor: pointer; transition: background .2s; flex-shrink: 0; }
.tm-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: transform .2s; }
.tm-switch.is-on { background: var(--color-accent); }
.tm-switch.is-on::after { transform: translateX(22px); }
.tm-calc__result { position: sticky; top: calc(var(--nav-h) + 24px); background: #fff; color: var(--color-text); border-radius: var(--radius-lg); padding: 36px; }
.tm-calc__total-label { font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-text-subtle); }
.tm-calc__total { font-family: var(--font-display); font-size: clamp(44px, 5vw, 64px); font-weight: 800; letter-spacing: -.045em; line-height: 1; color: var(--color-primary); margin: 10px 0 4px; font-variant-numeric: tabular-nums; }
.tm-calc__per { font-size: 15px; color: var(--color-text-muted); margin: 0 0 26px; }
.tm-calc__per strong { color: var(--color-primary-strong); }
.tm-calc__lines { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--color-border); }
.tm-calc__lines li { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--color-border); font-size: 14.5px; }
.tm-calc__lines li span:last-child { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--color-primary-strong); white-space: nowrap; }
.tm-calc__fine { font-size: 12.5px; color: var(--color-text-subtle); margin: 18px 0 0; line-height: 1.5; }
.tm-calc__result .tm-btn { margin-top: 24px; width: 100%; justify-content: center; }
@media (max-width: 900px) { .tm-calc { padding: 88px 0; } .tm-calc__grid { grid-template-columns: 1fr; } .tm-calc__result { position: static; } }

/* ---- Contact page --------------------------------------------------- */
.tm-contact { padding: 16px 0 112px; }
.tm-contact__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; align-items: start; }
.tm-contact__how { margin: 0 0 40px; padding: 0 0 28px; border-bottom: 1px solid var(--color-border); }
.tm-contact__how p { font-size: 17px; line-height: 1.65; color: var(--color-text); margin: 0; max-width: 60ch; }
.tm-contact__card { background: var(--color-primary-strong); color: #fff; border-radius: var(--radius-lg); padding: 38px 36px; position: sticky; top: calc(var(--nav-h) + 24px); }
.tm-contact__card h3 { font-family: var(--font-display); font-size: 24px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 6px; }
.tm-contact__card .role { font-size: 14.5px; color: rgba(255,255,255,.65); margin: 0 0 28px; }
.tm-contact__card dl { margin: 0; display: flex; flex-direction: column; gap: 18px; }
.tm-contact__card dt { display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-accent); margin-bottom: 4px; }
.tm-contact__card dd { margin: 0; font-size: 16.5px; line-height: 1.5; }
.tm-contact__card dd a { color: #fff; text-decoration: none; }
.tm-contact__card dd a:hover { color: var(--color-accent); }
@media (max-width: 900px) { .tm-contact__grid { grid-template-columns: 1fr; } .tm-contact__card { position: static; } }

/* Contact form (shared Livewire component), in the TEMS palette. */
.contact-form { font-family: var(--font-sans); color: var(--color-text); }
.contact-form__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.contact-form__field { display: flex; flex-direction: column; gap: 8px; }
.contact-form__field--wide, .contact-form__field:has(textarea) { grid-column: 1 / -1; }
.contact-form__field label { font-size: 13.5px; font-weight: 700; color: var(--color-primary-strong); }
.contact-form__field input, .contact-form__field textarea, .contact-form__field select { font-family: var(--font-sans); font-size: 16px; padding: 13px 15px; border: 1px solid var(--color-border-strong); border-radius: 8px; background: var(--color-surface); color: var(--color-text); width: 100%; transition: border-color .2s, box-shadow .2s; }
.contact-form__field input:focus, .contact-form__field textarea:focus, .contact-form__field select:focus { outline: none; border-color: var(--color-primary); box-shadow: var(--shadow-focus); }
.contact-form__field textarea { min-height: 150px; resize: vertical; }
.contact-form__error { font-size: 13px; color: var(--color-danger); }
.contact-form__submit { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 10px; background: var(--color-primary); color: #fff; font-family: var(--font-sans); font-size: 15.5px; font-weight: 700; padding: 15px 28px; border: 0; border-radius: 8px; cursor: pointer; transition: background .2s, transform .2s; }
.contact-form__submit:hover { background: var(--color-primary-hover); transform: translateY(-2px); }
.contact-form__submit:disabled { opacity: .6; cursor: wait; transform: none; }
.contact-form__success { border-left: 3px solid var(--color-accent); background: var(--color-accent-soft); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 22px 26px; font-size: 16.5px; line-height: 1.55; color: var(--color-primary-deep); }
.contact-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 640px) { .contact-form__form { grid-template-columns: 1fr; } }

/* ---- Footer --------------------------------------------------------- */
.tm-footer { background: #033e47; color: #fff; }
.tm-footer__inner { padding-top: 80px; padding-bottom: 40px; }
.tm-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; padding-bottom: 52px; border-bottom: 1px solid rgba(255,255,255,.12); }
.tm-footer__logo { height: 40px; display: block; margin-bottom: 22px; }
.tm-footer__claim { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.65); max-width: 320px; margin: 0; }
.tm-footer__title { font-family: var(--font-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 18px; }
.tm-footer__grid a, .tm-footer__grid p { display: block; color: rgba(255,255,255,.82); text-decoration: none; font-size: 15px; line-height: 1.5; margin: 0 0 11px; transition: color .2s; }
.tm-footer__grid a:hover { color: var(--color-accent); }
.tm-footer__grid a .tm-icon { display: inline; width: .85em; height: .85em; margin-left: 3px; vertical-align: -0.05em; }
.tm-footer__bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; gap: 20px; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.45); }
.tm-footer__bottom nav { display: flex; gap: 26px; }
.tm-footer__bottom a { color: rgba(255,255,255,.55); text-decoration: none; }
.tm-footer__bottom a:hover { color: #fff; }
@media (max-width: 860px) { .tm-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .tm-footer__grid { grid-template-columns: 1fr; gap: 32px; } }

/* ---- Shared content families, recoloured (default views render these) -- */
/* -------------------------------------------------------------------------
   Impressum / legal notice — company records as definition rows.
   ------------------------------------------------------------------------- */
.mn-imprint {
    background: var(--color-surface);
    color: var(--color-text);
}

.mn-imprint__inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 110px 6vw 140px;
    font-family: var(--font-sans);
    line-height: 1.6;
}

.mn-imprint__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: 20px;
}

.mn-imprint__heading {
    font-family: var(--font-display);
    font-size: clamp(40px, 6vw, 80px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--color-primary);
    line-height: 1;
    margin: 0 0 80px;
}

.mn-imprint__firm {
    padding: 56px 0;
    border-top: 1px solid var(--color-border);
}

.mn-imprint__firm:last-of-type {
    border-bottom: 1px solid var(--color-border);
}

.mn-imprint__name {
    font-family: var(--font-display);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-primary);
    margin: 0 0 6px;
}

.mn-imprint__sub {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.08em;
    color: var(--color-text-subtle);
    margin-bottom: 32px;
}

.mn-imprint__row {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 14px 32px;
    font-size: 16px;
    max-width: 720px;
    margin: 0;
}

.mn-imprint__row dt {
    color: var(--color-primary);
    font-weight: 500;
}

.mn-imprint__row dd {
    color: var(--color-primary);
    font-weight: 500;
    margin: 0;
}

.mn-imprint__row a {
    color: var(--color-accent);
    text-decoration: none;
}

.mn-imprint__row a:hover {
    text-decoration: underline;
}

.mn-imprint__note {
    font-size: 15px;
    color: var(--color-text-muted);
    margin-top: 64px;
    line-height: 1.8;
    max-width: 640px;
}

.mn-imprint__note a {
    color: var(--color-accent);
    text-decoration: none;
}

.mn-imprint__note a:hover {
    text-decoration: underline;
}

@media (max-width: 560px) {
    .mn-imprint__row {
        grid-template-columns: 1fr;
        gap: 3px 0;
    }

    .mn-imprint__row dd {
        margin-bottom: 14px;
        font-weight: 600;
    }
}

/* -------------------------------------------------------------------------
   Legal text — long-form prose (privacy, terms) with numbered sections.
   ------------------------------------------------------------------------- */
.mn-legal {
    background: var(--color-surface);
    color: var(--color-primary);
}

.mn-legal__inner {
    max-width: 940px;
    margin: 0 auto;
    padding: 110px 6vw 140px;
    font-family: var(--font-sans);
    line-height: 1.65;
}

.mn-legal__eyebrow {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: 20px;
}

.mn-legal__heading {
    font-family: var(--font-display);
    font-size: clamp(40px, 6vw, 80px);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--color-primary);
    line-height: 1;
    margin: 0 0 28px;
}

.mn-legal__intro {
    font-size: 19px;
    color: var(--color-primary);
    font-weight: 500;
    margin: 0 0 24px;
    max-width: 720px;
}

.mn-legal__body :where(h2) {
    font-family: var(--font-display);
    font-size: clamp(22px, 2.6vw, 32px);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--color-primary);
    margin: 0 0 14px;
    padding-top: 40px;
    border-top: 1px solid var(--color-border);
}

.mn-legal__body :where(h2:first-child) {
    padding-top: 0;
    border-top: 0;
}

.mn-legal__body :where(p) {
    font-size: 16.5px;
    color: var(--color-text);
    margin: 0 0 14px;
    max-width: 720px;
}

.mn-legal__body :where(a) {
    color: var(--color-accent);
    text-decoration: none;
}

.mn-legal__body :where(a:hover) {
    text-decoration: underline;
}

/* -------------------------------------------------------------------------
   Contact / inquiry form — styled to match the minato48 mockup palette.
   Scoped under .contact-form so it never leaks into other themes.
   ------------------------------------------------------------------------- */
/* ============ Entry collections (jobs / news / events) ============ */
.mn-entries,
.mn-entry {
    background: var(--color-surface);
    color: var(--color-primary);
    /* Just below the fixed 112px nav bar. */
    padding: 64px 6vw 120px;
    font-family: var(--font-sans);
}

.mn-entries__inner,
.mn-entry__inner {
    max-width: 860px;
    margin: 0 auto;
}

.mn-entries__title {
    font-family: var(--font-display);
    font-size: clamp(34px, 6vw, 60px);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 48px;
}

.mn-entries__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mn-entries__link {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 28px 0;
    text-decoration: none;
    color: inherit;
    border-top: 1px solid var(--color-border);
    transition: opacity 0.2s;
}

.mn-entries__item:last-child .mn-entries__link {
    border-bottom: 1px solid var(--color-border);
}

.mn-entries__link:hover {
    opacity: 0.6;
}

.mn-entries__date,
.mn-entry__date {
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.mn-entries__headline {
    font-family: var(--font-display);
    font-size: clamp(20px, 3vw, 30px);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.mn-entries__excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-text);
}

.mn-entries__empty {
    font-size: 16px;
    color: var(--color-text);
}

.mn-entry__back {
    display: inline-block;
    margin-bottom: 32px;
    font-family: var(--font-mono);
    font-size: 12px;
    letter-spacing: 0.12em;
    color: var(--color-text-muted);
    text-decoration: none;
}

.mn-entry__back:hover {
    color: var(--color-primary);
}

.mn-entry__title {
    font-family: var(--font-display);
    font-size: clamp(30px, 5vw, 52px);
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 12px 0 24px;
    line-height: 1.1;
}

.mn-entry__lead {
    font-size: 19px;
    line-height: 1.6;
    color: var(--color-text);
    margin: 0 0 32px;
}

.mn-entry__body {
    font-size: 17px;
    line-height: 1.75;
    color: var(--color-primary);
}

.mn-entry__body p {
    margin: 0 0 20px;
}

.mn-entry__link {
    margin: 40px 0 0;
    padding-top: 28px;
    border-top: 1px solid var(--color-border);
}

.mn-entry__link a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 2px solid var(--color-accent);
    padding-bottom: 2px;
}

.mn-entry__link a:hover {
    color: var(--color-accent);
}

/* Markdown body: headings, lists, links and quotes as written by editors. */
.mn-entry__body :where(h2) {
    font-family: var(--font-display);
    font-size: clamp(22px, 2.6vw, 30px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--color-primary);
    margin: 44px 0 16px;
}

.mn-entry__body :where(h3) {
    font-family: var(--font-display);
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.3;
    color: var(--color-primary);
    margin: 32px 0 12px;
}

.mn-entry__body :where(h2, h3):first-child {
    margin-top: 0;
}

.mn-entry__body :where(ul, ol) {
    margin: 0 0 20px;
    padding-left: 1.4em;
}

.mn-entry__body :where(ul) {
    list-style: disc;
}

.mn-entry__body :where(ol) {
    list-style: decimal;
}

.mn-entry__body :where(li) {
    margin: 0 0 8px;
}

.mn-entry__body :where(li)::marker {
    color: var(--color-accent);
}

.mn-entry__body :where(strong) {
    font-weight: 700;
}

.mn-entry__body :where(a) {
    color: var(--color-accent);
    text-decoration: none;
}

.mn-entry__body :where(a:hover) {
    text-decoration: underline;
}

.mn-entry__body :where(blockquote) {
    margin: 28px 0;
    padding: 4px 0 4px 20px;
    border-left: 3px solid var(--color-accent);
    color: var(--color-text);
    font-style: italic;
}

.mn-entry__body :where(hr) {
    border: 0;
    border-top: 1px solid var(--color-border);
    margin: 40px 0;
}