/* OoM cookie panel: compact Trial Fonts palette and softly rounded surfaces. */

.oom-cookie-panel[hidden], .oom-cookie-settings[hidden] { display: none !important; }

.oom-cookie-panel {

  position: fixed; z-index: 10000; top: 50%; left: 50%; bottom: auto;

  transform: translate(-50%, -50%);

  width: min(480px, calc(100% - 32px)); box-sizing: border-box;

  padding: 18px; border: 0; border-radius: 10px;

  background: var(--light-blue, #d5f0f3); color: var(--blue, #7ea5a8);

  box-shadow: 0 0 0 100vmax rgba(24, 42, 43, .22);

  font-family: var(--font-regular, sans-serif); font-size: 13.5px; line-height: 1.4;

  max-height: calc(100dvh - 32px); overflow: auto;

}

.oom-cookie-panel h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.2; font-weight: normal; }

.oom-cookie-panel p { margin: 0 0 14px; font-size: 13.5px; line-height: 1.4; }

.oom-cookie-actions { display: flex; gap: 8px; margin-bottom: 8px; }

.oom-cookie-actions button {

  flex: 1; min-height: 36px; padding: 7px 12px; border: 1px solid var(--blue, #7ea5a8);

  border-radius: 3px; background: transparent; color: var(--blue, #7ea5a8);

  font: inherit; cursor: pointer; text-align: center; touch-action: manipulation;

  transition: color .3s, background .3s;

}

.oom-cookie-actions button:hover, .oom-cookie-actions button:focus-visible {

  background: var(--blue, #7ea5a8); color: var(--light-blue, #d5f0f3);

}

.oom-cookie-panel a { display: inline-block; padding: 4px 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; }

.oom-cookie-panel button:focus, .oom-cookie-panel a:focus,

.oom-cookie-settings:focus { outline: none !important; }

.oom-cookie-panel a:focus-visible { text-decoration-thickness: 3px; }

.oom-cookie-panel .oom-cookie-status:empty { display: none; }

.oom-cookie-panel .oom-cookie-status { margin: 8px 0 0; }

.oom-cookie-settings { display: inline; margin: 0; border: 0; border-radius: 0; padding: 0; background: transparent; color: var(--blue, #7ea5a8); font: inherit; line-height: inherit; vertical-align: baseline; cursor: pointer; text-decoration: none; min-height: 0; }

.oom-cookie-settings:focus-visible { background: var(--blue, #7ea5a8); color: var(--light-blue, #d5f0f3); }

.oom-cookie-policy { margin-top: 40px; max-width: 1000px; }

.oom-cookie-policy p { margin: 0 0 20px; }

@media (max-width: 480px) {

  .oom-cookie-panel { padding: 16px; }

  .oom-cookie-actions button { min-height: 44px; padding: 9px 8px; }

}

@media (prefers-reduced-motion: reduce) {

  .oom-cookie-actions button { transition: none; }

}