:root {
  --wrea-primary: #173b57;
  --wrea-primary-text: #fff;
  --wrea-accent: #f6c344;
  --wrea-text-scale: 1;
}
.wrea {
  position: fixed;
  z-index: 2147483000;
  margin: 16px;
  color: #fff;
  font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
}
.wrea--top-left { inset: 0 auto auto 0; }
.wrea--top-right { inset: 0 0 auto auto; }
.wrea--bottom-left { inset: auto auto 0 0; }
.wrea--bottom-right { inset: auto 0 0 auto; }
.wrea--middle-right { inset: 50% 0 auto auto; transform: translateY(-50%); }
.wrea--inline { position: relative; inset: auto; margin: 0; display: inline-block; }
.wrea [hidden] { display: none !important; }

.wrea button,
.wrea a { font: inherit; }
.wrea button { cursor: pointer; }
.wrea button:focus-visible,
.wrea a:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 6px #101820 !important;
}

.wrea__launcher {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border: 3px solid rgba(255,255,255,.9);
  border-radius: 50%;
  background: linear-gradient(135deg, #1d6fd8, var(--wrea-primary));
  color: var(--wrea-primary-text);
  box-shadow: 0 3px 16px rgba(0,0,0,.35);
  font-weight: 800 !important;
}
.wrea__launcher svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.wrea__panel {
  position: absolute;
  width: min(412px, calc(100vw - 20px));
  max-height: min(680px, calc(100vh - 32px));
  overflow: auto;
  border: 1px solid rgba(15,27,45,.1);
  border-radius: 16px;
  background: #f4f7fb;
  color: #0f1b2d;
  box-shadow: 0 6px 32px rgba(0,0,0,.4);
}
.wrea--bottom-right .wrea__panel,
.wrea--bottom-left .wrea__panel { bottom: 72px; }
.wrea--middle-right .wrea__panel { right: 72px; top: 50%; transform: translateY(-50%); }
.wrea--top-right .wrea__panel,
.wrea--top-left .wrea__panel { top: 68px; }
.wrea--bottom-right .wrea__panel,
.wrea--top-right .wrea__panel { right: 0; }
.wrea--bottom-left .wrea__panel,
.wrea--top-left .wrea__panel { left: 0; }

.wrea__header {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: 38px 1fr 42px 42px;
  gap: 8px;
  align-items: center;
  min-height: 56px;
  padding: 16px 18px;
  background: linear-gradient(120deg, color-mix(in srgb, var(--wrea-primary) 84%, #2563eb), var(--wrea-primary));
  color: var(--wrea-primary-text);
  border-bottom: 4px solid var(--wrea-accent);
}
.wrea__brand-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.14); font-weight:800; }
.wrea__brand-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.wrea__heading { min-width:0; }
.wrea__header h2 { margin: 0; color: inherit; font-family: inherit; font-size: 17px; font-weight: 800; line-height: 1.25; }
.wrea__header small { display:block; color:color-mix(in srgb, var(--wrea-primary-text) 70%, transparent); font-size:11.5px; font-weight:600; white-space:nowrap; }
.wrea__icon-button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.14);
  color: var(--wrea-primary-text);
  font-size: 26px !important;
}
.wrea__icon-button:hover { background:rgba(255,255,255,.26); }
.wrea__content { padding: 18px; }
.wrea__section-title { margin:0 2px 11px; color:#64748b; font-size:12px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.wrea__profiles-toggle { display:grid; grid-template-columns:1fr 24px; align-items:center; gap:10px; width:100%; margin:0 0 22px; padding:15px 16px; border:1.5px solid #e2e8f0; border-radius:14px; background:#fff; color:#0f1b2d; text-align:left; }
.wrea__profiles-toggle>strong { font-size:14px; }
.wrea__profiles-chevron { color:#64748b; font-size:22px; line-height:1; text-align:center; transition:transform .2s ease; }
.wrea__profiles-toggle[aria-expanded="true"] { margin-bottom:10px; border-color:#bfdbfe; background:#f8fbff; }
.wrea__profiles-toggle[aria-expanded="true"] .wrea__profiles-chevron { transform:rotate(180deg); }
.wrea__profiles-toggle.is-active { border-color:#2563eb; box-shadow:inset 0 0 0 1px #2563eb; }
.wrea__profiles { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:22px; }
.wrea__profiles button { display:flex; gap:10px; align-items:flex-start; min-height:70px; padding:12px; border:1.5px solid #e2e8f0; border-radius:14px; background:#fff; color:#0f1b2d; text-align:left; }
.wrea__profile-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:9px; background:#eef4fd; color:#1d6fd8; }
.wrea__profile-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wrea__profiles strong,.wrea__profiles small { display:block; }
.wrea__profiles strong { font-size:13.5px; line-height:1.35; }
.wrea__profiles small { margin-top:2px; color:#64748b; font-size:11.5px; line-height:1.3; }
.wrea__profiles button[aria-pressed="true"] { border-color:#2563eb; background:#eff6ff; box-shadow:inset 0 0 0 1px #2563eb; }
.wrea__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom:22px; }
.wrea__toggle,
.wrea__read {
  min-height: 96px;
  padding: 14px 9px;
  border: 1.5px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
  color: #14202a;
  font-size:13px !important;
  font-weight: 700 !important;
}
.wrea__toggle[aria-pressed="true"],
.wrea__read[aria-pressed="true"] {
  border-color: var(--wrea-primary);
  background: var(--wrea-primary);
  color: var(--wrea-primary-text);
  box-shadow: inset 0 0 0 1.5px #2563eb;
}
.wrea__symbol { display:grid; place-items:center; width:28px; height:28px; margin:0 auto 6px; color:#0f2f5e; line-height:1; }
.wrea__symbol svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wrea__toggle[aria-pressed="true"] .wrea__symbol { color:inherit; }
.wrea__stepper {
  display: grid;
  grid-template-columns: 1fr 40px 58px 40px;
  align-items: center;
  gap: 4px;
  margin: 0 0 12px;
  padding:16px;
  border:1.5px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  font-weight: 650;
}
.wrea__stepper button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 7px;
  background: var(--wrea-primary);
  color: var(--wrea-primary-text);
  font-size: 24px !important;
}
.wrea__stepper button:disabled { opacity: .45; cursor: not-allowed; }
.wrea__stepper output { text-align: center; }
.wrea__stepper i { grid-column:1/-1; display:block; height:6px; margin-top:8px; border-radius:99px; background:linear-gradient(90deg,#1d6fd8 var(--wrea-progress),#e6ebf2 var(--wrea-progress)); }
.wrea__read { width: 100%; margin-top: 10px; min-height: 48px; }
.wrea__footer { position:sticky; bottom:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 12px 18px; border-top: 1px solid rgba(15,27,45,.08); background:#f4f7fb; font-size: 11px; }
.wrea__footer a { color: #1d6fd8; font-size:12px; font-weight:700; text-decoration: none; }
.wrea__footer span { color:#94a3b8; }
.wrea__footer .wrea__credit { width:100%; margin-inline:auto; color:#64748b; text-align:center; white-space:nowrap; }
.wrea__footer>a+.wrea__credit { width:auto; margin-inline:auto 0; color:#64748b; font:600 9px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:right; }
.wrea__footer .wrea__credit a { color:inherit; font-size:inherit; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
.wrea__footer .wrea-credit-heart { color:var(--wrea-primary,#1d6fd8); font-size:1.05em; }

.wrea--theme-dark .wrea__panel,.wrea--theme-dark .wrea__content { background:#0b1524; color:#e2e8f0; }
.wrea--theme-dark .wrea__section-title,.wrea--theme-dark .wrea__profiles small { color:#94a3b8; }
.wrea--theme-dark :is(.wrea__profiles-toggle,.wrea__profiles button,.wrea__toggle,.wrea__stepper) { background:#0f1d31; border-color:#25405f; color:#e2e8f0; }
.wrea--theme-dark .wrea__profiles button[aria-pressed="true"],.wrea--theme-dark .wrea__toggle[aria-pressed="true"] { background:#13233b; border-color:#3b82f6; box-shadow:inset 0 0 0 1px #3b82f6; }
.wrea--theme-dark .wrea__symbol { color:#93c5fd; }
.wrea--theme-dark .wrea__footer { background:#0b1524; border-color:#25405f; }

html.wrea-contrast body > :not(.wrea):not(.wrea-exempt) { background-color: #000 !important; color: #fff !important; }
html.wrea-contrast body > :not(.wrea):not(.wrea-exempt) *:not(.wrea):not(.wrea *):not(.n2-ss-slider):not(.n2-ss-slider *):not(img):not(video):not(svg) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; box-shadow: none !important; }
html.wrea-contrast body > :not(.wrea):not(.wrea-exempt) a:not(.wrea *):not(.n2-ss-slider *) { color: #ffeb3b !important; }
html.wrea-contrast .n2-ss-slider :focus-visible { outline:3px solid #ffeb3b !important; outline-offset:3px !important; }
.wrea-grayscale-overlay { position:fixed; z-index:2147482994; inset:0; display:none; background:#fff; mix-blend-mode:color; pointer-events:none; }
html.wrea-grayscale .wrea-grayscale-overlay { display:block; }
html.wrea-links body a:not(.wrea *) { text-decoration-line:underline !important; text-decoration-thickness:2px !important; text-underline-offset:.18em !important; }
html.wrea-headings body :is(h1,h2,h3,h4,h5,h6,[role="heading"]):not(.wrea *) { outline: 3px solid #d00000 !important; outline-offset: 3px !important; }
html.wrea-font .wrea-scalable:not(.uk-icon):not(.dashicons):not(.n2i):not(.lnr):not(.fa):not(.fas):not(.far):not(.fab):not([class*="icon-"]):not([class*="fa-"]) { font-family: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif !important; }
html.wrea-text-active .wrea-scalable { font-size: calc(var(--wrea-base-font-size) * var(--wrea-text-scale)) !important; }
html.wrea-page-zoom body { zoom: 1.2; }
html.wrea-page-zoom :is(.wrea,.wrea-reading-guide,.wrea-reading-mask,.wrea-magnifier-box) { zoom: .8333333333; }
html.wrea-page-zoom .wrea-zoom-container { max-width:var(--wrea-zoom-container-max,1300px) !important; margin-inline:auto !important; }
html.wrea-page-zoom :is(.n2-section-smartslider,.n2-ss-align,.n2-padding,.n2-ss-slider) { margin-inline:auto !important; }
html.wrea-page-zoom .n2-ss-slider-4,
html.wrea-page-zoom .n2-ss-slide-backgrounds,
html.wrea-page-zoom .n2-ss-slide { width:100% !important; }
html[data-wrea-spacing="1"] .wrea-scalable { letter-spacing: .04em !important; word-spacing: .08em !important; line-height: 1.55 !important; }
html[data-wrea-spacing="2"] .wrea-scalable { letter-spacing: .08em !important; word-spacing: .12em !important; line-height: 1.7 !important; }
html[data-wrea-spacing="3"] .wrea-scalable { letter-spacing: .12em !important; word-spacing: .16em !important; line-height: 1.9 !important; }
html.wrea-motion body > :not(.wrea) *,
html.wrea-motion body > :not(.wrea) *::before,
html.wrea-motion body > :not(.wrea) *::after { animation-play-state: paused !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
html.wrea-cursor body > :not(.wrea),
html.wrea-cursor body > :not(.wrea) * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='white' stroke='black' stroke-width='2' d='M3 2l21 18-10 1 6 8-5 3-6-9-6 7z'/%3E%3C/svg%3E") 3 2, auto !important; }

.wrea-reading-guide { position:fixed; z-index:2147482997; left:0; right:0; top:50%; height:44px; border-top:2px solid #1d6fd8; border-bottom:2px solid #1d6fd8; background:rgba(37,111,216,.14); pointer-events:none; display:none; }
html.wrea-guide .wrea-reading-guide { display:block; }
.wrea-reading-mask { position:fixed; z-index:2147482996; left:0; right:0; background:rgba(11,21,36,.74); pointer-events:none; display:none; }
.wrea-reading-mask--top { top:0; }
.wrea-reading-mask--bottom { bottom:0; }
html.wrea-mask .wrea-reading-mask { display:block; }
.wrea-magnifier-box { position:fixed; z-index:2147482998; width:280px; max-height:160px; overflow:hidden; box-sizing:border-box; padding:18px; border:4px solid #1d6fd8; border-radius:18px; background:#fff; color:#0f1b2d; box-shadow:0 8px 30px rgba(15,47,94,.45); pointer-events:none; font:700 26px/1.45 Arial,sans-serif; }
.wrea-magnifier-box[hidden] { display:none!important; }
.wrea-magnifier-box>span { display:-webkit-box; overflow:hidden; max-width:100%; max-height:116px; -webkit-box-orient:vertical; -webkit-line-clamp:3; }

@media (max-width: 600px) {
  .wrea { margin: 10px; }
  .wrea--desktop-only { display: none !important; }
  .wrea__panel { max-height: calc(100vh - 88px); }
  .wrea__profiles { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .wrea *, .wrea *::before, .wrea *::after { scroll-behavior: auto !important; transition: none !important; }
}

@media print { .wrea,.wrea-grayscale-overlay { display: none !important; } }

.wrea .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}