.preview-bar {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: 46px;
  padding: 9px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #fbbf24;
  color: #241700;
  font: 14px/1.4 Inter, system-ui, sans-serif;
}
.preview-bar a { color: inherit; font-weight: 800; }
.button--disabled { opacity: .5; pointer-events: none; }
.rich-text { display: grid; gap: .72em; color: var(--muted, #52627a); font-size: 1rem; line-height: 1.68; }
.card--light .rich-text, .section--light .rich-text, .section--white .rich-text { color: var(--muted-dark, #52627a); }
.rich-text > * { margin: 0; }
.rich-text h2, .rich-text h3 { margin-top: .25em; color: inherit; font-size: 1.08rem; line-height: 1.35; }
.rich-text ul, .rich-text ol { display: grid; gap: .38em; padding-left: 1.25rem; }
.rich-text li { padding-left: .12rem; }
.rich-text a { color: #007f85; font-weight: 750; text-underline-offset: .18em; }
.section--dark .rich-text a, .card:not(.card--light) .rich-text a { color: var(--turquoise-bright, #00e0d4); }
.rich-text blockquote { padding: .72em 0 .72em 1em; border-left: 3px solid currentColor; color: inherit; opacity: .92; }
.cookie-consent { position: fixed; left: 50%; bottom: 18px; z-index: 120; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; width: min(520px, calc(100vw - 20px)); min-height: 112px; padding: 14px 16px; border: 1px solid rgba(0,224,212,.22); border-radius: 8px; background: radial-gradient(circle at 95% 5%, rgba(0,194,199,.16), transparent 36%), rgba(8,15,20,.98); color: #fff; box-shadow: 0 18px 58px rgba(0,0,0,.36); transform: translateX(-50%); animation: cookie-consent-in .34s cubic-bezier(.22,1,.36,1) both; transition: opacity .28s ease, filter .28s ease, transform .28s ease; will-change: opacity, filter, transform; }
.cookie-consent[data-state='closing'] { opacity: 0; filter: blur(3px); pointer-events: none; transform: translate3d(-50%,16px,0) scale(.96); }
.cookie-consent[hidden] { display: none; }
@keyframes cookie-consent-in { from { opacity: 0; transform: translate3d(-50%,16px,0) scale(.98); } to { opacity: 1; transform: translate3d(-50%,0,0) scale(1); } }
.cookie-consent p { margin: 0; max-width: 370px; color: rgba(246,251,255,.84); font-size: .95rem; font-weight: 650; line-height: 1.5; }
.cookie-consent a { color: #00e0d4; text-decoration: underline; text-underline-offset: 2px; }
.cookie-consent__actions { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }
.cookie-consent .button { min-height: 29px; padding: 0 14px; border-radius: 4px; font-size: .88rem; font-weight: 800; white-space: nowrap; }
.cookie-consent .button--primary { border-color: #00e0d4; background: linear-gradient(135deg, #00e0d4, #38bdf8); color: #031014; box-shadow: 0 10px 26px rgba(0,224,212,.18); }
@media (max-width: 680px) {
  .preview-bar { align-items: flex-start; flex-direction: column; gap: 2px; }
  .cookie-consent { bottom: 76px; grid-template-columns: minmax(0,1fr) auto; width: calc(100vw - 20px); min-height: 104px; padding: 12px; gap: 12px; }
  .cookie-consent p { max-width: none; font-size: .86rem; line-height: 1.42; }
  .cookie-consent__actions { justify-content: flex-end; }
  .cookie-consent .button { flex: 0 0 auto; }
}