#cc-main{--cc-font-family:'Avenir Roman',Avenir,Arial,sans-serif;--cc-bg:#fff;--cc-primary-color:#172d3b;--cc-secondary-color:#465a66;--cc-btn-primary-bg:#23395b;--cc-btn-primary-color:#fff;--cc-btn-primary-hover-bg:#172d3b;--cc-btn-primary-hover-color:#fff;--cc-btn-secondary-bg:#f0f7f8;--cc-btn-secondary-color:#172d3b;--cc-btn-secondary-hover-bg:#e0e9ec;--cc-btn-secondary-hover-color:#172d3b;--cc-toggle-on-bg:#276f80;--cc-toggle-off-bg:#65717b;--cc-toggle-readonly-bg:#747e87;--cc-cookie-category-block-bg:#f5f6f6;--cc-cookie-category-block-hover-bg:#f0f7f8;--cc-separator-border-color:#e0e9ec;--cc-modal-border-radius:18px;--cc-btn-border-radius:8px;font-size:16px}
#cc-main .cm{max-width:440px}#cc-main .cm__title{font-size:21px}#cc-main .cm__desc,#cc-main .pm__section-desc{font-size:16px;line-height:1.55}#cc-main .cm__btn,#cc-main .pm__btn{min-height:46px;font-size:15px;white-space:normal}#cc-main button:focus-visible,#cc-main a:focus-visible{outline:3px solid #276f80;outline-offset:3px}#cc-main a{text-decoration:underline}#cc-main .cm__btn-group{gap:10px}
.gtd-consent-reopen{position:fixed;bottom:12px;left:12px;z-index:9998;min-height:44px;padding:8px 14px;border:1px solid #276f80;border-radius:8px;background:#fff;color:#172d3b;font:14px/1.4 Avenir,Arial,sans-serif;cursor:pointer}.gtd-consent-reopen:focus-visible,.gtd-video button:focus-visible{outline:3px solid #276f80;outline-offset:3px}
.gtd-video{background:#e9f1f4;border:1px solid #e0e9ec;border-radius:18px;padding:24px;color:#172d3b}.gtd-video p{max-width:65ch}.gtd-video button{background:#23395b;color:#fff;border:0;border-radius:8px;padding:12px 18px;min-height:48px;font:inherit;cursor:pointer}.gtd-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px}
@media(max-width:480px){#cc-main .cm{max-width:100%;border-radius:18px 18px 0 0}#cc-main .cm__desc{font-size:15px}.gtd-video{padding:16px}}
@media(min-width:360px){#cc-main .cm__btn-group:first-child{display:flex;flex-direction:row!important}#cc-main .cm__btn-group:first-child .cm__btn{flex:1 1 0;margin:0!important}}
@media(prefers-reduced-motion:reduce){#cc-main *{transition:none!important;animation:none!important}}

#cc-main .cm.cm--middle{border-radius:18px}

/* Short phone viewports keep the lesson above the initial consent panel. */
@media (max-width: 480px) and (max-height: 740px) {
  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) {
    bottom: max(4px, env(safe-area-inset-bottom));
    border-radius: 12px;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__texts {
    padding: 5px 8px 0;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__title {
    padding: 0 !important;
    font-size: 17px;
    line-height: 1.2;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__desc {
    padding: 0 !important;
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 1.25;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__btns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(44px, .62fr);
    gap: 6px;
    padding: 3px 8px 4px !important;
    border: 0;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__btn-group {
    display: contents !important;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__btn {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0 !important;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .gtd-cookie-details-full,
  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .cm__footer {
    display: none;
  }

  #cc-main .cm.cm--bottom:has(.gtd-cookie-details-short) .gtd-cookie-details-short {
    display: inline !important;
  }
}
