*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:;
    --tw-contain-size:;
    --tw-contain-layout:;
    --tw-contain-paint:;
    --tw-contain-style:
}
/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/

*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after, :before {
    --tw-content: ""
}

:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #9ca3af;
        opacity: 1
    }

    input::placeholder, textarea::placeholder {
        color: #9ca3af;
        opacity: 1
    }

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 15%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: .5rem
}

* {
    border-color: #e6e6e6;
    border-color: hsl(var(--border))
}

body {
    background-color: #fff;
    background-color: hsl(var(--background));
    color: #262626;
    color: hsl(var(--foreground))
}

/*a {
    color: var(--color__light-blue)
}*/

p {
    margin-bottom: 1.35em
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    bottom: 0;
    top: 0
}

.inset-0, .inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.-bottom-12 {
    bottom: -3rem
}

.-left-12 {
    left: -3rem
}

.-right-12 {
    right: -3rem
}

.-top-12 {
    top: -3rem
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-2 {
    left: .5rem
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-\[-1rem\] {
    right: -1rem
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-4 {
    top: 1rem
}

.top-\[-1rem\] {
    top: -1rem
}

.top-\[50\%\] {
    top: 50%
}

.top-\[60\%\] {
    top: 60%
}

.top-full {
    top: 100%
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.z-\[1\] {
    z-index: 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mt-4 {
    margin-top: -1rem
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.ms-auto {
    margin-left: auto
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-\[5px\] {
    margin-top: 5px
}

.mt-auto {
    margin-top: auto
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-2 {
    height: .5rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1px\] {
    height: 1px
}

.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-\[300px\] {
    max-height: 300px
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-2 {
    width: .5rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[1px\] {
    width: 1px
}

.w-\[500px\] {
    width: 500px
}

.w-\[90vw\] {
    width: 90vw
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.min-w-0 {
    min-width: 0
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.grow-0 {
    flex-grow: 0
}

.basis-full {
    flex-basis: 100%
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(-50%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-46px\] {
    --tw-translate-y: -46px;
    transform: translate(var(--tw-translate-x),-46px) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[0\.1em\] {
    --tw-translate-y: .1em;
    transform: translate(var(--tw-translate-x),.1em) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(45deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-default {
    cursor: default
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.list-none {
    list-style-type: none
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: 1rem;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: 2rem;
    margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
    margin-right: 0;
    margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: .375rem;
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: .5rem;
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    word-wrap: break-word
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: calc(.5rem - 2px);
    border-radius: calc(var(--radius) - 2px)
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: calc(.5rem - 4px);
    border-radius: calc(var(--radius) - 4px)
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.rounded-tl-sm {
    border-top-left-radius: calc(.5rem - 4px);
    border-top-left-radius: calc(var(--radius) - 4px)
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-input {
    border-color: #e6e6e6;
    border-color: hsl(var(--input))
}

.bg-\[\#000\]\/80 {
    background-color: #000c
}

.bg-accent {
    background-color: #f5f5f5;
    background-color: hsl(var(--accent))
}

.bg-background {
    background-color: #fff;
    background-color: hsl(var(--background))
}

.bg-black\/80 {
    background-color: rgba(var(--rgb__black),.8)
}

.bg-blue {
    background-color: rgba(var(--rgb__blue),var(--tw-bg-opacity))
}

.bg-border {
    background-color: #e6e6e6;
    background-color: hsl(var(--border))
}

.bg-destructive {
    background-color: #ef4343;
    background-color: hsl(var(--destructive))
}

.bg-muted {
    background-color: #f5f5f5;
    background-color: hsl(var(--muted))
}

.bg-popover {
    background-color: #fff;
    background-color: hsl(var(--popover))
}

.bg-primary {
    background-color: #171717;
    background-color: hsl(var(--primary))
}

.bg-secondary {
    background-color: #f5f5f5;
    background-color: hsl(var(--secondary))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.fill-current {
    fill: currentColor
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-0 {
    padding-top: 0
}

.pt-4 {
    padding-top: 1rem
}

.text-center {
    text-align: center
}

.text-\[12px\] {
    font-size: 12px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-destructive-foreground {
    color: #fafafa;
    color: hsl(var(--destructive-foreground))
}

.text-foreground {
    color: #262626;
    color: hsl(var(--foreground))
}

.text-muted-foreground {
    color: #737373;
    color: hsl(var(--muted-foreground))
}

.text-popover-foreground {
    color: #0a0a0a;
    color: hsl(var(--popover-foreground))
}

.text-primary {
    color: #171717;
    color: hsl(var(--primary))
}

.text-primary-foreground {
    color: #fafafa;
    color: hsl(var(--primary-foreground))
}

.text-secondary-foreground {
    color: #171717;
    color: hsl(var(--secondary-foreground))
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background))
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.duration-200 {
    transition-duration: .2s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

@keyframes enter {
    0% {
        opacity: 1;
        opacity: var(--tw-enter-opacity,1);
        transform: translateZ(0) scaleX(1) rotate(0);
        transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
    }
}

@keyframes exit {
    to {
        opacity: 1;
        opacity: var(--tw-exit-opacity,1);
        transform: translateZ(0) scaleX(1) rotate(0);
        transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
    }
}

.duration-200 {
    animation-duration: .2s
}

.ease-in-out {
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.file\:text-foreground::file-selector-button {
    color: #262626;
    color: hsl(var(--foreground))
}

.placeholder\:text-muted-foreground::-moz-placeholder {
    color: #737373;
    color: hsl(var(--muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder {
    color: #737373;
    color: hsl(var(--muted-foreground))
}

.hover\:bg-accent:hover {
    background-color: #f5f5f5;
    background-color: hsl(var(--accent))
}

.hover\:bg-blue:hover {
    background-color: rgba(var(--rgb__blue),var(--tw-bg-opacity))
}

.hover\:bg-destructive\/90:hover {
    background-color: #ef4343e6;
    background-color: hsl(var(--destructive)/.9)
}

.hover\:bg-primary\/90:hover {
    background-color: #171717e6;
    background-color: hsl(var(--primary)/.9)
}

.hover\:bg-secondary\/80:hover {
    background-color: #f5f5f5cc;
    background-color: hsl(var(--secondary)/.8)
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:text-accent-foreground:hover {
    color: #171717;
    color: hsl(var(--accent-foreground))
}

.hover\:text-foreground:hover {
    color: #262626;
    color: hsl(var(--foreground))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.focus\:bg-accent:focus {
    background-color: #f5f5f5;
    background-color: hsl(var(--accent))
}

.focus\:text-accent-foreground:focus {
    color: #171717;
    color: hsl(var(--accent-foreground))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring))
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring))
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
    opacity: .7
}

.aria-\[expanded\=true\]\:rotate-180[aria-expanded=true] {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true], .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }

    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
    animation: accordion-up .2s ease-out
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open] {
    animation: accordion-down .2s ease-out
}

.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true], .data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: #f5f5f5;
    background-color: hsl(var(--accent))
}

.data-\[state\=open\]\:bg-secondary[data-state=open] {
    background-color: #f5f5f5;
    background-color: hsl(var(--secondary))
}

.data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
    color: #171717;
    color: hsl(var(--accent-foreground))
}

.data-\[state\=open\]\:text-muted-foreground[data-state=open] {
    color: #737373;
    color: hsl(var(--muted-foreground))
}

.data-\[disabled\=true\]\:opacity-50[data-disabled=true], .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    transition-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    transition-duration: .5s
}

.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-], .data-\[state\=open\]\:animate-in[data-state=open], .data-\[state\=visible\]\:animate-in[data-state=visible] {
    animation-duration: .15s;
    animation-name: enter;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-], .data-\[state\=closed\]\:animate-out[data-state=closed], .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
    animation-duration: .15s;
    animation-name: exit;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
    --tw-enter-opacity: 0
}

.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-], .data-\[state\=closed\]\:fade-out-0[data-state=closed], .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
    --tw-exit-opacity: 0
}

.data-\[state\=open\]\:fade-in-0[data-state=open], .data-\[state\=visible\]\:fade-in[data-state=visible] {
    --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
}

.data-\[state\=open\]\:zoom-in-90[data-state=open] {
    --tw-enter-scale: .9
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: .5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: .5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
    --tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
    --tw-enter-translate-y: -48%
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    animation-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    animation-duration: .5s
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:400px) {
    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:gap-2\.5 {
        gap: .625rem
    }

    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: .5rem;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: 0;
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .sm\:rounded-lg {
        border-radius: .5rem;
        border-radius: var(--radius)
    }

    .sm\:text-left {
        text-align: left
    }
}

@media (min-width:610px) {
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
        width: var(--radix-navigation-menu-viewport-width)
    }

    .md\:basis-1\/2 {
        flex-basis: 50%
    }
}

@media (min-width:924px) {
    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:basis-1\/3 {
        flex-basis: 33.333333%
    }
}

@media (min-width:1240px) {
    .xlg\:basis-1\/5 {
        flex-basis: 20%
    }
}

@media (min-width:1400px) {
    .xxlg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}
/*
.header__mobile-nav {
    display: block!important;
}

.header__nav {
    display: none!important;
}
*/
/*
@media only screen and (min-width: 600px) {
    .header__mobile-nav {
        display: block !important;
    }

    .header__nav {
        display: none !important;
    }
}*/
/*
@media only screen and (max-width: 601px) {
    .header__mobile-nav {
        display: none !important;
    }

    .header__nav {
        display: flex !important;
    }
}*/

.\[\&\>svg\]\:h-3\.5 > svg {
    height: .875rem
}

.\[\&\>svg\]\:w-3\.5 > svg {
    width: .875rem
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: .75rem;
    line-height: 1rem
}

.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    font-weight: 500
}

.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: #737373;
    color: hsl(var(--muted-foreground))
}

.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: 0
}

.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: 1.25rem
}

.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: 3rem
}

.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-left: .5rem;
    padding-right: .5rem
}

.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: 1.25rem
}

.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: 1.25rem
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    height: 1rem;
    width: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

@font-face {
    font-display: swap;
    font-family: gotham-sans;
    font-weight: 700;
    src: url(/fonts/Gotham-Bold.woff2) format("woff2"),url(/fonts/GothamBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: gotham-sans;
    font-weight: 500;
    src: url(/fonts/GothamMedium.woff2) format("woff2"),url(/fonts/GothamMedium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: gotham-sans;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/GothamMedium-Italic.woff2) format("woff2"),url(/fonts/GothamMedium-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: gotham-sans;
    font-weight: 300;
    src: url(/fonts/Gotham-Book.woff2) format("woff2"),url(/fonts/GothamBook.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: chronicle-text;
    font-weight: 400;
    src: url(/fonts/ChronicleTextG1-Roman.woff2) format("woff2"),url(/fonts/ChronicleTextG1-Roman.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: chronicle-text;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/ChronicleTextG1-Italic.woff2) format("woff2"),url(/fonts/ChronicleTextG1-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: chronicle-text;
    font-weight: 700;
    src: url(/fonts/ChronicleTextG1-Semibd.woff2) format("woff2"),url(/fonts/ChronicleTextG1-Semibd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-weight: 400;
    src: url(/fonts/SalvoSerif-Regular.woff2) format("woff2"),url(/fonts/SalvoSerif-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/SalvoSerif-Italic.woff2) format("woff2"),url(/fonts/SalvoSerif-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-weight: 500;
    src: url(/fonts/SalvoSerif-Medium.woff2) format("woff2"),url(/fonts/SalvoSerif-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/SalvoSerif-MediumItalic.woff2) format("woff2"),url(/fonts/SalvoSerif-MediumItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-weight: 700;
    src: url(/fonts/SalvoSerif-Bold.woff2) format("woff2"),url(/fonts/SalvoSerif-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/SalvoSerif-BoldItalic.woff2) format("woff2"),url(/fonts/SalvoSerif-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-weight: 200;
    src: url(/fonts/SalvoSerif-Light.woff2) format("woff2"),url(/fonts/SalvoSerif-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: salvo-serif;
    font-style: italic;
    font-weight: 200;
    src: url(/fonts/SalvoSerif-LightItalic.woff2) format("woff2"),url(/fonts/SalvoSerif-LightItalic.woff) format("woff")
}

site-search {
    display: block
}

body {
    text-rendering: optimizeLegibility;
    touch-action: manipulation;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
    accent-color: #013767;
    accent-color: var(--color__primary);
    font-family: gotham-sans,sans-serif;
    font-family: var(--font__sans);
    font-size: 16px;
    font-weight: 300;
    font-weight: var(--font-weight__book);
    line-height: 1.5;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-chevron-down' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: calc(100% - .5em);
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid #e7e8e9;
    border: 1px solid var(--color__gray);
    border-radius: calc(var(--radius) - 4px);
    font-size: 1rem;
    line-height: 1.5em;
    padding: .5em 2em .35em .875em;
    position: relative
}

input:where([type=text],[type=tel],[type=password],[type=date],[type=email]) {
    border-radius: calc(var(--radius) - 4px)
}

input:where([type=text],[type=tel],[type=password],[type=date],[type=email]) {
    background-color: #fff;
    border: 1px solid #e7e8e9;
    border: 1px solid var(--color__gray);
    font-size: 1rem;
    line-height: 1.5em;
    padding: .5em 2em .35em .875em
}

textarea {
    background-color: #fff;
    border: 1px solid #e7e8e9;
    border: 1px solid var(--color__gray);
    border-radius: calc(var(--radius) - 4px);
    font-size: 1rem;
    line-height: 1.5em;
    padding: .5em 2em .35em .875em
}

p {
    font-family: chronicle-text,serif;
    font-family: var(--font__serif-alt)
}

hr {
    margin-bottom: 2rem;
    margin-top: 2rem
}

    hr:before {
        clear: both;
        content: "";
        display: block
    }

h1 {
    font-size: clamp(2.25rem,1.977rem + 1.36vw,3rem);
    font-size: var(--font-size__h1)
}

h2 {
    font-size: clamp(1.313rem,1.199rem + .57vw,1.625rem);
    font-size: var(--font-size__h2)
}

h3 {
    font-size: clamp(1.313rem,1.244rem + .34vw,1.5rem);
    font-size: var(--font-size__h3)
}

h4 {
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__h4)
}

.flex-module {
    contain-intrinsic-size: auto 100vw auto 300px;
    content-visibility: auto
}

.container {
    --grid-width: var(--container)
}

    .container:last-child {
        margin-bottom: 0
    }

.container {
    container: grid-container/inline-size;
    margin-left: auto;
    margin-right: auto;
    width: min(calc(100% - max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)),var(--grid-width));
    width: min(calc(100% - var(--gutter)),var(--grid-width))
}

    .container.container--semi {
        --grid-width: var(--container__semi)
    }

    .container.container--collapsed {
        --grid-width: var(--container__collapsed)
    }

    .container.container--narrow {
        --grid-width: var(--container__narrow)
    }

    .container.container--mini {
        --grid-width: var(--container__mini)
    }

@container page-content-main (width >= 900px) {
    .container.container--indented {
        padding-left: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
        padding-left: var(--gutter)
    }
}

.container .container {
    width: min(100%,var(--grid-width))
}

.main {
    position: relative;
    z-index: 10
}

    .main :where(.page-area--dark,.page-area--alt):last-child {
        margin-bottom: 0
    }

.page-area {
    contain-intrinsic-size: auto 100vw auto 300px;
    content-visibility: auto;
    margin-bottom: 41.33333px;
    margin-bottom: calc(var(--vspace)/1.5)
}

    .page-area > :last-child {
        margin-bottom: 0
    }

.page-area--dark {
    background-color: #003c73;
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 62px;
    padding-bottom: var(--vspace);
    padding-top: 62px;
    padding-top: var(--vspace)
}

.page-area--alt {
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    padding-bottom: 41.33333px;
    padding-bottom: calc(var(--vspace)/1.5);
    padding-top: 41.33333px;
    padding-top: calc(var(--vspace)/1.5)
}

.site {
    /*overflow: clip;*/
    position: relative
}

.page-content {
    --h-gap: 5rem;
    --grid-width: var(--container);
    margin-bottom: 62px;
    margin-bottom: var(--vspace)
}

    .page-content:has(.page-content__aside) {
        align-items: start;
        display: grid;
        grid-gap: 62px var(--h-gap);
        grid-gap: var(--vspace) var(--h-gap);
        gap: 62px var(--h-gap);
        gap: var(--vspace) var(--h-gap)
    }

@media (min-width:924px) {
    .page-content:has(.page-content__aside) {
        grid-template-columns: 1fr 240px
    }
}

.page-content:not(:first-child) .page-area:first-child {
    padding-top: 0
}

.page-content .page-area:last-child {
    padding-bottom: 0
}

.page-area .page-content {
    margin-bottom: 0
}

.page-content__main {
    container: page-content-main/inline-size
}

    .page-content__main .container {
        width: min(100%,var(--grid-width))
    }

    .page-content__main .page-area:first-of-type {
        padding-top: 0
    }

    .page-content__main .page-area:last-child {
        margin-bottom: 0
    }

.page-content__aside {
    position: relative
}

    .page-content__aside:before {
        background-color: #e7e8e9;
        background-color: var(--color__gray);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(calc(var(--h-gap)/-2));
        width: 1px
    }

    .page-content__aside h2 {
        color: #013767;
        color: var(--color__blue);
        font-family: salvo-serif,serif;
        font-family: var(--font__serif);
        font-size: 1.125em;
        font-weight: 700;
        font-weight: var(--font-weight__bold);
        margin-bottom: 1em;
        text-transform: uppercase
    }

    .page-content__aside .issue {
        display: inline-grid;
        text-align: left
    }

        .page-content__aside .issue img {
            max-width: 135px
        }

    .page-content__aside :where(hr) {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 1'%3E%3Cpath fill='%23575757' d='M12 0v1h-.502c-.242 0-.502-.224-.502-.5s.26-.5.502-.5zM6.604 0c.241 0 .408.224.408.5s-.167.5-.408.5H5.437C5.197 1 5 .776 5 .5s.196-.5.438-.5zM.53 0c.24 0 .437.224.437.5S.771 1 .53 1H0V0z'/%3E%3C/svg%3E");
        background-position: -1px 0;
        border: none;
        height: 1px;
        margin-bottom: 2em;
        margin-top: 2em
    }

.page-content--semi {
    --grid-width: var(--container__semi)
}

.header {
    --block-spacing: 16px;
    box-shadow: 0 3px 6px #0000000d;
    position: relative;
    z-index: 20
}

.header__ad {
    background-color: #072541;
    background-color: var(--color__dark-blue);
    line-height: 0;
    padding-bottom: 8px;
    padding-top: 8px
}

    .header__ad .container {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .header__ad a {
        display: inline-block
    }

.header__inner {
    background-color: hsl(var(--background));
    container: header-inner/inline-size;
    display: flex;
    gap: 1.5em
}

@container (min-width: 768px) {
    .header__inner {
        gap: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
        gap: var(--gutter)
    }
}

.header__logo {
    align-content: center;
    line-height: 0;
    margin-bottom: calc(var(--block-spacing)/2);
    margin-top: calc(var(--block-spacing)/2)
}

.header__nav {
    align-items: flex-end;
    flex-grow: 1;
    gap: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: var(--gutter);
    margin-bottom: var(--block-spacing);
    margin-top: var(--block-spacing)
}

@container (min-width: 768px) {
    .header__nav {
        margin-left: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        margin-left: calc(var(--gutter)/2);
        display:flex;
    }

    .header__mobile-nav {
        display: none;
    }
}

@container (max-width: 767px) {
    .header__nav {
        margin-left: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        margin-left: calc(var(--gutter)/2);
        display: none!important;
    }

    .header__mobile-nav {
        display: block!important;
    }
}
.header__secondary-nav {
    margin-left: auto
}

.header__promo {
    align-self: flex-end;
    line-height: 0;
    margin-top: calc(var(--block-spacing)/2)
}

    .header__promo a {
        align-items: center;
        display: flex;
        gap: .875em
    }

    .header__promo figcaption {
        color: #2e2e2e;
        color: var(--color__text);
        font-size: .75rem;
        line-height: 1.3;
        max-width: 12ch;
        width: -moz-min-content;
        width: min-content
    }

@container (min-width: 768px) {
    .header__promo figcaption {
        width: 10ch
    }
}

.header__mobile-nav {
    align-self: center
}

.hero {
    container: hero/inline-size;
    position: relative;
    --foreground: var(--color__text);
    --hero-theme-color: var(var(--hero-theme-color),var(--color__dark-blue));
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2);
    margin-top: 31px;
    margin-top: calc(var(--vspace)/2)
}

    .hero:not(:first-child) {
        margin-top: 0
    }

    .hero .intro > :last-child {
        margin-bottom: 0
    }

.hero__bg {
    background-color: var(--hero-theme-color);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    z-index: var(--layer__bg)
}

    .hero__bg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        width: 100%;
        z-index: 10
    }

.hero__fg {
    align-items: center;
    display: grid;
    padding-top: var(--header-clearance);
    position: relative;
    text-align: center;
    z-index: 2;
    z-index: var(--layer__fg)
}

    .hero__fg .page-title {
        color: #013767;
        color: var(--color__primary)
    }

.hero__fg-inner {
    display: grid;
    grid-template: auto/1fr;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 31px;
    padding-bottom: calc(var(--vspace)/2);
    padding-top: 31px;
    padding-top: calc(var(--vspace)/2)
}

.hero__content {
    display: inline-grid;
    gap: 1em;
    grid-template: auto/1fr
}

    .hero__content > :last-child {
        margin-bottom: 0
    }

    .hero__content .button-context {
        margin-top: .875em
    }

.hero__subtext {
    font-size: 1.125rem
}

    .hero__subtext > :last-child {
        margin-bottom: 0
    }

.hero__content__summary {
    font-size: 1.25rem;
    margin-bottom: 0
}

.hero__footer {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 20.66667px;
    grid-gap: calc(var(--vspace)/3);
    gap: 20.66667px;
    gap: calc(var(--vspace)/3)
}

@container hero (width >= 924px) {
    .hero__footer {
        grid-template: 1fr/auto 1fr
    }

        .hero__footer .share-nav {
            margin-left: auto
        }
}

.hero:not([class*=--]) .hero__fg {
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    border-radius: var(--radius)
}

.hero--home {
    margin-top: 0
}

    .hero--home .hero__bg {
        position: relative
    }

@container hero (width >= 924px) {
    .hero--home .hero__bg {
        position: absolute
    }
}

.hero--home .hero__bg img {
    aspect-ratio: 908/550;
    position: relative
}

@container hero (width >= 924px) {
    .hero--home .hero__bg img {
        aspect-ratio: auto;
        margin-left: auto;
        position: absolute;
        right: 0;
        width: calc(50vw + 220px);
        width: calc(50vw + var(--container)/2 - 420px)
    }
}

.hero--home .hero__content {
    background-color: #fff;
    border-radius: var(--radius);
    color: #2e2e2e;
    color: var(--color__text);
    padding: 2em 0;
    text-align: left
}

@container hero (width >= 924px) {
    .hero--home .hero__content {
        margin-right: auto;
        max-width: 510px;
        padding: 2em
    }
}

.hero--home .hero__fg-inner {
    padding-bottom: 0;
    padding-top: 0
}

@container hero (width >= 924px) {
    .hero--home .hero__fg-inner {
        padding-bottom: 62px;
        padding-bottom: var(--vspace);
        padding-top: 62px;
        padding-top: var(--vspace)
    }
}

.hero--home .page-title {
    color: var(--hero-theme-color)
}

.hero--media {
    --foreground: #fff;
    margin-top: 0
}

    .hero--media .hero__fg {
        background-color: #013767d6;
        min-height: 20.5rem
    }

        .hero--media .hero__fg .page-title {
            color: #fff
        }

    .hero--media .hero__fg-inner {
        padding-bottom: 62px;
        padding-bottom: var(--vspace);
        padding-top: 62px;
        padding-top: var(--vspace)
    }

.hero--plain .hero__fg {
    text-align: left
}

.hero--plain .page-title {
    color: #2e2e2e;
    color: var(--color__text)
}

.hero--plain .hero__fg-inner {
    padding-bottom: 0;
    padding-top: 0
}

.container .hero--plain {
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2);
    margin-top: 0
}

.hero--logo {
    margin: 0
}

    .hero--logo .hero__bg:after {
        background-color: #072541d6;
        background-color: rgba(var(--rgb__dark-blue),.84);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 20
    }

    .hero--logo .hero__fg .page-title {
        color: #fff
    }

    .hero--logo .logo {
        width: max(10vw,180px)
    }

        .hero--logo .logo svg {
            width: 100%
        }

    .hero--logo .hero__content {
        gap: 31px;
        gap: calc(var(--vspace)/2);
        justify-items: center
    }

    .hero--logo .hero__fg-inner {
        padding-top: 46.5px;
        padding-top: calc(var(--vspace)*.75)
    }

.hero--404 {
    margin-bottom: 0;
    margin-top: 0
}

    .hero--404 .hero__bg {
        background-color: #f9f9f9;
        background-color: var(--color__light-gray)
    }

    .hero--404 .hero__fg-inner {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: min(700px,80vh);
        text-align: center
    }

    .hero--404 .inline-form {
        margin-top: 31px;
        margin-top: calc(var(--vspace)/2)
    }

.hero--issue {
    margin-bottom: 0;
    margin-top: 0
}

    .hero--issue .hero__bg {
        background-color: #072541;
        background-color: var(--color__dark-blue)
    }

    .hero--issue .hero__fg {
        color: #fff;
        text-align: left
    }

    .hero--issue .page-title {
        color: currentColor
    }

    .hero--issue breadcrumb-navigation {
        margin-bottom: 31px;
        margin-bottom: calc(var(--vspace)/2)
    }

        .hero--issue breadcrumb-navigation a, .hero--issue breadcrumb-navigation li {
            color: #fff
        }

@container hero (width >= 610px) {
    .hero--issue .hero__content {
        align-items: center;
        grid-template: 1fr/1fr 320px
    }
}

.hero--issue .hero__content__main {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 1em;
    gap: 1em
}

@container hero (width >= 610px) {
    .hero--issue .hero__content__main {
        max-width: 555px
    }
}

.hero__content__image {
    justify-self: center;
    width: min(100%,220px)
}

@container hero (width >= 924px) {
    .hero__content__image {
        width: 100%
    }
}

.filters {
    container: filters/inline-size;
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2)
}

.filters__form {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1.5em
}

.filters__field-group {
    display: inline-grid;
    flex: 0 0 auto;
    gap: .33em;
    grid-template: auto/1fr;
    width: 100%
}

@container filters (min-width: 610px) {
    .filters__field-group {
        min-width: 150px;
        width: auto
    }
}

.filters__field-group span {
    font-size: .75em;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    text-transform: uppercase
}

.filters__field-group :where(input,select) {
    height: 46.19px
}

.footer {
    background-color: #013767;
    background-color: var(--color__blue);
    color: #fff;
    container: footer/inline-size
}

    .footer a:not(.button):where(:hover,:focus-visible) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.footer__main {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 31px calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*2);
    gap: calc(var(--vspace)/2) calc(var(--gutter)*2);
    margin-bottom: 1em;
    text-align: center
}

@container footer (width >= 640px) {
    .footer__main {
        align-items: start;
        display: grid;
        grid-template: "branding nav" "cta ." "meta meta"/auto 1fr
    }
}

@container footer (width >= 924px) {
    .footer__main {
        grid-template: "branding nav cta" "branding meta meta"/auto 1fr auto
    }
}

.footer__branding {
    align-items: center;
    background-color: #072541;
    background-color: var(--color__dark-blue);
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    grid-area: branding;
    justify-items: center;
    padding: 1.125rem 3.75rem;
    width: -moz-min-content;
    width: min-content
}

@container footer (width >= 1400px) {
    .footer__branding {
        margin-left: -3.75rem
    }
}

.footer__branding .logo svg {
    height: 141px;
    width: 147px
}

.footer__nav {
    font-family: salvo-serif,serif;
    font-family: var(--font__serif);
    font-size: .875rem
}

@container footer (width >= 640px) {
    .footer__nav {
        margin-top: 2rem
    }
}

@container footer (width >= 924px) {
    .footer__nav {
        justify-self: end
    }
}

.footer__nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: calc(var(--vspace)/2) var(--gutter);
    grid-area: nav;
    justify-content: center
}

@container footer (width >= 924px) {
    .footer__nav ul {
        -moz-column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*1.5);
        column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*1.5);
        -moz-column-gap: calc(var(--gutter)*1.5);
        column-gap: calc(var(--gutter)*1.5);
        -moz-columns: 3;
        column-count: 3;
        display: block
    }

        .footer__nav ul li {
            margin-bottom: 2rem
        }
}

.footer__nav ul li a {
    color: #fff
}

    .footer__nav ul li a:where(:hover,:focus-visible) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.footer__cta {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: 1em;
    grid-area: cta
}

@container footer (width >= 924px) {
    .footer__cta {
        margin-top: 2rem;
        max-width: 280px;
        text-align: center
    }
}

.footer__cta img {
    width: 100px
}

.footer__meta {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: gotham-sans,sans-serif;
    font-family: var(--font__sans);
    font-size: .75rem;
    gap: 1rem .5rem;
    grid-area: meta;
    margin-bottom: 2rem
}

@container footer (width >= 640px) {
    .footer__meta {
        flex-direction: row;
        font-size: .75rem;
        margin-bottom: 0
    }
}

@container footer (width >= 924px) {
    .footer__meta {
        justify-content: end
    }
}

.footer__meta__copyright {
    font-family: inherit;
    margin-bottom: 0
}

.footer__meta__nav ul {
    display: flex;
    gap: 2.5rem
}

@container footer (width >= 640px) {
    .footer__meta__nav ul {
        gap: .5rem
    }
}

.footer__meta__nav li {
    padding-left: .5em
}

@container footer (width >= 640px) {
    .footer__meta__nav li::marker {
        content: "|"
    }
}

.footer__meta__nav a {
    color: #fff
}

    .footer__meta__nav a:where(:hover,:focus-visible) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.grid {
    --desktop-columns: 3;
    --tablet-columns: 2;
    container: grid/inline-size
}

.grid__list {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 41.33333px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    grid-gap: calc(var(--vspace)/1.5) var(--gutter);
    gap: 41.33333px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: calc(var(--vspace)/1.5) var(--gutter)
}

@container (width >= 520px) {
    .grid__list {
        grid-template: auto/repeat(var(--tablet-columns),1fr)
    }
}

@container (width >= 924px) {
    .grid__list {
        gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
        gap: calc(var(--vspace)/2) var(--gutter);
        grid-template: auto/repeat(var(--desktop-columns),1fr)
    }
}

.grid--large {
    --desktop-columns: 2
}

.grid--compact {
    --desktop-columns: 4
}

.issues {
    container: issues/inline-size
}

    .issues .issue {
        width: 100%
    }

    .issues:has(.issue__current) {
        padding-top: .875rem
    }

.issues__list {
    display: grid;
    grid-template: auto/repeat(2,1fr);
    grid-gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    grid-gap: calc(var(--vspace)/2) var(--gutter);
    gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: calc(var(--vspace)/2) var(--gutter)
}

@container (width >= 400px) {
    .issues__list {
        grid-template: auto/repeat(3,1fr)
    }
}

@container (width >= 610px) {
    .issues__list {
        grid-template: auto/repeat(4,1fr)
    }
}

.generic-content:last-child {
    margin-bottom: 0
}

.generic-content:after {
    clear: both;
    content: "";
    display: block
}

.generic-content > :first-child {
    margin-top: 0
}

.generic-content > :last-child {
    margin-bottom: 0
}

.generic-content :where(h1,h2,h3,h4,h5) {
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    margin-bottom: .5em
}

    .generic-content :where(h1,h2,h3,h4,h5):not(:first-child) {
        margin-top: 1.2em
    }

.generic-content a {
    font-weight: 500;
    font-weight: var(--font-weight__medium)
}

    .generic-content a:where(:focus-visible,:hover) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.generic-content :where(ul,ol,p) {
    margin-bottom: 1.35em;
    padding-left: 0
}

.generic-content :where(ul,ol) {
    list-style: disc none outside;
    list-style: initial;
    padding-left: 1.125em
}

.generic-content :where(ol) {
    list-style-type: decimal
}

    .generic-content :where(ol) li::marker {
        font-family: gotham-sans,sans-serif;
        font-family: var(--font__sans);
        font-weight: 700;
        font-weight: var(--font-weight__bold)
    }

.generic-content :where(ul,ol):not([class]) {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: .65em;
    font-family: chronicle-text,serif;
    font-family: var(--font__serif-alt);
    gap: .65em
}

.generic-content li :where(ul,ol) {
    margin-bottom: .125em;
    margin-left: 1.125em;
    margin-top: .875em
}

.generic-content p:after {
    clear: both;
    content: "";
    display: block
}

.generic-content figure:not([class]) {
    margin-bottom: 2em;
    margin-top: 2em
}

    .generic-content figure:not([class]) img {
        border-radius: var(--radius)
    }

    .generic-content figure:not([class]):first-child {
        margin-top: 0
    }

.generic-content figcaption {
    font-family: gotham-sans,sans-serif;
    font-family: var(--font__sans);
    font-size: .875rem;
    margin-top: .5em
}

    .generic-content figcaption p {
        font-family: inherit
    }

.generic-content :where(.profile,.featured-quote) {
    margin-bottom: 2em;
    margin-top: .5em
}

    .generic-content :where(.profile,.featured-quote):first-child {
        margin-top: 0
    }

.generic-content .thumbnail-card {
    padding-left: 0;
    padding-right: 0
}

.page-meta {
    margin-bottom: 1.75rem;
    margin-top: 1.75rem
}

.post-list {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 1.35em;
    gap: 1.35em
}

    .post-list > li:not(:last-child):not(:has(.excerpt__media)) {
        border-bottom: 1px solid #e7e8e9;
        border-bottom: 1px solid var(--color__gray);
        padding-bottom: calc(1.35em - 1px)
    }

.resources {
    display: inline-grid;
    gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: calc(var(--vspace)/2) var(--gutter);
    grid-template: auto/1fr;
    justify-content: center
}

@media (min-width:400px) {
    .resources {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width:924px) {
    .resources {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:1240px) {
    .resources {
        -moz-column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*2);
        column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*2);
        -moz-column-gap: calc(var(--gutter)*2);
        column-gap: calc(var(--gutter)*2)
    }
}

.contact-details__address {
    font-style: normal;
    margin-bottom: 1.5em
}

    .contact-details__address h3 {
        font-family: chronicle-text,serif;
        font-family: var(--font__serif-alt);
        font-style: italic;
        font-weight: 400;
        font-weight: var(--font-weight__normal);
        margin-bottom: .125em
    }

.contact-details__items dt {
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

.contact-details__items dd {
    font-family: chronicle-text,serif;
    font-family: var(--font__serif-alt)
}

    .contact-details__items dd:not(:last-child) {
        margin-bottom: 1.5em
    }

    .contact-details__items dd a {
        color: #2e2e2e;
        color: var(--color__text)
    }

        .contact-details__items dd a:where(:focus-visible,:hover) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.contact-form {
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    border-radius: var(--radius);
    padding: 1.625rem 2rem;
    position: relative;
    z-index: 2;
    z-index: var(--layer__fg)
}

.contact-form__form {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 1em;
    gap: 1em
}

    .contact-form__form label {
        display: grid;
        grid-template: auto/1fr;
        grid-gap: .125em;
        gap: .125em
    }

        .contact-form__form label span {
            font-size: .75rem;
            font-weight: 700;
            font-weight: var(--font-weight__bold);
            text-transform: uppercase
        }

    .contact-form__form .button {
        justify-self: start
    }

.contact-form__instructions {
    font-size: .875rem;
    margin-bottom: .5em
}

.button-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1.5em
}

.excerpt {
    --theme: var(--color__blue);
    container: excerpt/inline-size;
    display: grid;
    grid-template: auto/1fr
}

    .excerpt .meta {
        margin-bottom: 1.125rem
    }

        .excerpt .meta.meta--plain {
            margin-bottom: 0
        }

.excerpt__media {
    line-height: 0
}

    .excerpt__media img {
        aspect-ratio: 400/250;
        border-radius: .75rem;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center;
        width: 100%
    }

.excerpt__title {
    border-top-right-radius: calc(var(--radius) - 4px);
    font-size: 1rem;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    line-height: 1.3;
    margin-top: 0
}

    .excerpt__title a {
        color: #2e2e2e;
        color: var(--color__text)
    }

        .excerpt__title a:where(:hover,:focus-visible) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.excerpt__media:has(img) + .excerpt__title {
    background-color: #fff;
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body);
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    margin-bottom: .25em;
    margin-top: -1em;
    max-width: calc(100% - 46px);
    padding: .5em .5em .5em 0
}

.excerpt__preview > :last-child {
    margin-bottom: 0
}

.excerpt__attribution {
    color: #013767;
    color: var(--color__blue);
    font-size: .875rem;
    font-style: italic;
    margin-top: 1.125em
}

.excerpt--text {
    align-self: start;
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    border-radius: .75rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    height: auto;
    padding: calc(62px / 3) calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
    padding: calc(var(--vspace)/3) calc(var(--gutter)/2)
}

@container excerpt (width >= 300px) {
    .excerpt--text {
        padding: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
        padding: calc(var(--vspace)/2) var(--gutter)
    }
}

.excerpt--text .excerpt__title {
    background-color: transparent;
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body);
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    margin-bottom: 1rem
}

.excerpt--orange .meta {
    --theme: var(--color__orange)
}

.excerpt--green .meta {
    --theme: var(--color__green)
}

.excerpt--blue .meta {
    --theme: var(--color__light-blue)
}

.issue {
    color: #013767;
    color: var(--color__blue);
    display: block;
    position: relative;
    text-align: center
}

    .issue figure {
        display: grid;
        grid-template: auto/1fr;
        grid-gap: .5em;
        gap: .5em
    }

    .issue img {
        aspect-ratio: 197/238;
        width: 100%
    }

    .issue figcaption {
        font-family: salvo-serif,serif;
        font-family: var(--font__serif);
        font-weight: 400;
        font-weight: var(--font-weight__normal)
    }

.issue__current {
    align-items: center;
    background-color: #fff;
    border: 1px solid #013767;
    border: 1px solid var(--color__blue);
    border-radius: calc(var(--radius) - 4px);
    color: #013767;
    color: var(--color__blue);
    display: inline-flex;
    gap: .25em;
    line-height: 1;
    padding: .35em .5em .35em .35em;
    position: absolute;
    right: -.5em;
    top: -.75em
}

    .issue__current span {
        font-size: .75em;
        transform: translateY(.1em)
    }

    .issue__current svg-icon {
        height: 1em;
        width: 1em
    }

.media-lockup {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 1em;
    gap: 1em
}

    .media-lockup figcaption > :last-child {
        margin-bottom: 0
    }

    .media-lockup figcaption :where(h2,h3,h4) {
        font-family: gotham-sans,sans-serif;
        font-family: var(--font__sans);
        font-size: 1.125em;
        font-weight: 700;
        font-weight: var(--font-weight__bold);
        margin-bottom: .5em
    }

        .media-lockup figcaption :where(h2,h3,h4) a {
            color: #013767;
            color: var(--color__blue)
        }

            .media-lockup figcaption :where(h2,h3,h4) a:where(:hover,:focus-visible) {
                -webkit-text-decoration: underline;
                text-decoration: underline
            }

.meta {
    --theme: var(--color__blue);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .7rem;
    gap: 1em;
    margin-bottom: .5em;
    padding-bottom: 1.1em;
    position: relative
}

    .meta:after {
        border-bottom: 2px solid var(--theme);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 100%;
        width: 90px
    }

    .meta li {
        line-height: 1;
        text-transform: uppercase
    }

        .meta li:not(:first-child) {
            display: flex;
            gap: 1em
        }

            .meta li:not(:first-child):before {
                border-left: 1px solid;
                content: "";
                display: inline-block
            }

    .meta a {
        color: currentColor;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.meta--plain:after {
    display: none
}

.nav-list {
    align-items: center;
    display: flex;
    gap: 2em
}

.primary-nav {
    font-size: .875rem
}

    .primary-nav a {
        color: currentColor;
        line-height: 24px
    }

.primary-nav__list {
    align-items: center;
    display: flex;
    gap: 2.625em;
    justify-content: flex-end
}

.primary-nav__submenu {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: .5em;
    gap: .5em
}

.resource-lead {
    --theme: var(--color__purple);
    align-items: flex-start;
    display: flex;
    gap: 1em
}

.resource-lead__icon {
    align-items: center;
    aspect-ratio: 1;
    background-color: var(--theme);
    border-radius: 1.75em 1.75em 0;
    color: #fff;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    width: 3em
}

    .resource-lead__icon svg {
        height: 1.5em;
        width: 1.5em
    }

.resource-lead__main {
    padding-top: .125em
}

.resource-lead__title {
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body);
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

.resource-lead__link {
    font-size: 1rem
}

.resource-lead--call {
    --theme: var(--color__blue)
}

.resource-lead--chat {
    --theme: var(--color__purple)
}

.resource-lead--email {
    --theme: var(--color__orange)
}

.resource-lead--text {
    --theme: var(--color__yellow)
}

.secondary-nav {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: 1.5em
}

    .secondary-nav a {
        color: currentColor
    }

    .secondary-nav .nav-list {
        justify-content: flex-end
    }

    .secondary-nav > li:not(:first-child) {
        align-items: center;
        display: inline-flex;
        gap: 1.5em
    }

        .secondary-nav > li:not(:first-child):before {
            border-left: 1px solid #e7e8e9;
            border-left: 1px solid var(--color__gray);
            content: "";
            height: 1.35em
        }

.secondary-nav__item {
    line-height: 1
}

.secondary-nav__link {
    align-items: center;
    display: inline-flex;
    gap: .5em;
    line-height: 1
}

.section-nav ul {
    display: grid;
    font-size: .875rem;
    grid-template: auto/1fr;
    grid-gap: .5em;
    gap: .5em
}

.section-nav__title {
    font-size: 1rem;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    margin-bottom: .875em
}

.social-nav__list {
    align-items: center;
    display: flex;
    font-size: .875rem;
    gap: .5em
}

    .social-nav__list a {
        align-items: center;
        aspect-ratio: 1;
        background-color: #013767;
        background-color: var(--color__blue);
        border-radius: 50%;
        color: #fff;
        display: flex;
        justify-content: center;
        line-height: 0;
        width: 2em
    }

    .social-nav__list svg-icon {
        max-height: 80%;
        max-width: 80%
    }

.contributor {
    align-items: start;
    border-radius: var(--radius);
    display: grid;
    grid-gap: max(max(2rem,min(6cqi,5.375rem)),2rem);
    grid-gap: var(--gutter__large);
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    gap: max(max(2rem,min(6cqi,5.375rem)),2rem);
    gap: var(--gutter__large);
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2);
    margin-top: 31px;
    margin-top: calc(var(--vspace)/2);
    padding: 2.875rem max(max(2rem,min(6cqi,5.375rem)),2rem);
    padding: 2.875rem var(--gutter__large)
}

@container (width >= 640px) {
    .contributor {
        grid-template-columns: 1fr auto
    }
}

.contributor__main {
    position: relative
}

    .contributor__main:before {
        background-color: #013767;
        background-color: var(--color__primary);
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        transform: translateY(calc(max(max(2rem,min(6cqi,5.375rem)),2rem)/2 - 50%));
        transform: translateY(calc(var(--gutter__large)/2 - 50%));
        width: 90px
    }

@container (width >= 640px) {
    .contributor__main:before {
        height: 100%;
        top: 0;
        transform: translate(calc(max(max(2rem,min(6cqi,5.375rem)),2rem)/-2 - 50%));
        transform: translate(calc(var(--gutter__large)/-2 - 50%));
        width: .625rem
    }
}

.contributor__main > p:last-child {
    margin-bottom: 0
}

.contributor__tag {
    color: #00b1e2;
    color: var(--color__light-blue);
    font-size: .875rem;
    text-transform: uppercase
}

.contributor__name, .contributor__tag {
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

.contributor__name {
    font-size: max(1.625rem,min(4cqi,2rem));
    margin-bottom: 1rem
}

.contributor__portrait {
    aspect-ratio: 24/25;
    border-radius: var(--radius);
    width: 15rem
}

    .contributor__portrait img {
        border-radius: inherit;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.subscribe-promo {
    background-color: #013767;
    background-color: var(--color__blue);
    border-radius: var(--radius);
    color: #fff;
    container: subscribe-promo/inline-size
}

.subscribe-promo__inner {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    grid-gap: calc(var(--vspace)/2) var(--gutter);
    gap: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: calc(var(--vspace)/2) var(--gutter)
}

@container subscribe-promo (width >= 924px) {
    .subscribe-promo__inner {
        align-items: center;
        grid-template: 1fr/repeat(2,1fr)
    }
}

.subscribe-promo__inner > :last-child {
    margin-bottom: 0
}

.subscribe-promo__content {
    padding: 31px max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    padding: calc(var(--vspace)/2) var(--gutter)
}

@container subscribe-promo (width >= 924px) {
    .subscribe-promo__content {
        padding-right: 0
    }
}

.subscribe-promo__content h2 {
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    line-height: 1.3;
    margin-bottom: .5em
}

.subscribe-promo__content .button-list {
    margin-top: 2em
}

.subscribe-promo__image img {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    width: 100%
}

@container subscribe-promo (width >= 924px) {
    .subscribe-promo__image {
        display: flex;
        justify-content: flex-end
    }

        .subscribe-promo__image img {
            border-radius: 0;
            border-bottom-right-radius: var(--radius);
            border-top-right-radius: var(--radius);
            -o-object-fit: cover;
            object-fit: cover
        }
}

.contact {
    display: grid;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem
}

@container (width >= 750px) {
    .contact {
        -moz-column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        column-gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        -moz-column-gap: calc(var(--gutter)/2);
        column-gap: calc(var(--gutter)/2);
        grid-template-columns: 2fr 3fr
    }
}

.contact__image {
    aspect-ratio: 817/511;
    border-radius: var(--radius);
    position: relative;
    z-index: 1;
    z-index: var(--layer__bg)
}

@container (width >= 750px) {
    .contact__image {
        grid-column: 2/span 2;
        grid-row: 1/span 2
    }
}

.contact__image img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@container (width >= 750px) {
    .contact--media {
        grid-template-columns: 2fr max(max(1.5rem,min(4cqi,3.25rem)),1.5rem) 3fr;
        grid-template-columns: 2fr var(--gutter) 3fr;
        grid-template-rows: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2) 1fr calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        grid-template-rows: calc(var(--gutter)/2) 1fr calc(var(--gutter)/2);
        row-gap: 0
    }

        .contact--media .contact-form {
            grid-column: 1/span 2;
            grid-row: 2/span 2
        }
}

.event-excerpt {
    container: event-excerpt/inline-size
}

.event-excerpt__inner {
    display: grid;
    grid-gap: 1.5rem;
    align-items: start;
    gap: 1.5rem
}

@container event-excerpt (width >= 340px) {
    .event-excerpt__inner {
        grid-template-columns: auto 1fr
    }
}

.event-excerpt__date {
    align-items: center;
    aspect-ratio: 1;
    background-color: #013767;
    background-color: var(--color__primary);
    border-radius: calc(var(--radius) - 2px);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    justify-content: center;
    max-width: -moz-min-content;
    max-width: min-content;
    padding: 1rem .75rem
}

.event-excerpt__date__month {
    font-size: .75rem;
    margin-bottom: .25rem
}

.event-excerpt__date__day {
    font-size: 1.25rem
}

.event-excerpt__title {
    font-size: 1.25rem;
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

    .event-excerpt__title :where(a) {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none
    }

        .event-excerpt__title :where(a):where(:hover,:focus-visible) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.pagination {
    font-size: 1rem;
    font-weight: var(--font-weight__demibold);
    margin-top: 62px;
    margin-top: var(--vspace)
}

    .pagination svg-icon {
        color: #00b1e2;
        color: var(--color__light-blue)
    }

.pagination__inner {
    align-items: center;
    display: flex;
    gap: 2.5em;
    justify-content: center;
    text-align: center
}

.pagination__link {
    align-items: center;
    display: flex;
    gap: .875em;
    content-align: center;
    color: #013767;
    color: var(--color__blue);
    line-height: 1;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .pagination__link:where(:focus-visible,:hover) span {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.pagination__list {
    align-items: center;
    display: flex;
    gap: 1.5em
}

    .pagination__list li {
        padding-bottom: .1em
    }

    .pagination__list a {
        color: #013767;
        color: var(--color__blue);
        display: inline-block;
        padding: 0 .2em;
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none
    }

        .pagination__list a:where(:focus-visible,:hover) {
            border-bottom: 2px solid #013767;
            border-bottom: 2px solid var(--color__primary);
            transform: translateY(1px)
        }

        .pagination__list a.pagination__current {
            border-bottom: 2px solid #013767;
            border-bottom: 2px solid var(--color__primary);
            transform: translateY(1px)
        }

.pagination__current {
    display: inline-block;
    position: relative
}

.featured-quote {
    --theme: #37a829;
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2);
    margin-top: 31px;
    margin-top: calc(var(--vspace)/2)
}

.featured-quote__content {
    color: var(--theme);
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body);
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center
}

    .featured-quote__content > :last-child {
        margin-bottom: 0
    }

    .featured-quote__content p {
        font-family: gotham-sans,sans-serif;
        font-family: var(--font__sans)
    }

    .featured-quote__content cite {
        font-size: .75rem;
        font-style: normal;
        font-weight: 500;
        font-weight: var(--font-weight__medium);
        text-transform: uppercase
    }

.featured-quote__decoration {
    align-items: center;
    color: var(--theme);
    display: flex;
    gap: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
    gap: calc(var(--gutter)/2);
    line-height: 1;
    position: relative;
    width: 100%
}

    .featured-quote__decoration svg-icon {
        flex-shrink: 0
    }

    .featured-quote__decoration:after, .featured-quote__decoration:before {
        background-color: var(--theme);
        content: "";
        display: block;
        flex-grow: 1;
        height: 2px
    }

.featured-quote--orange {
    --theme: #ff5a08
}

.featured-quote--blue {
    --theme: var(--color__dark-blue)
}

.gallery {
    display: grid;
    grid-gap: 1.125rem;
    gap: 1.125rem
}

@container (width >= 500px) {
    .gallery {
        grid-template: auto/repeat(2,1fr)
    }
}

@container (width >= 924px) {
    .gallery {
        grid-template: auto/repeat(3,1fr)
    }
}

.gallery lightbox-image {
    aspect-ratio: 416/251;
    line-height: 0;
    overflow: hidden
}

.featured-excerpt {
    container: featured-excerpt/inline-size;
    margin-bottom: 31px;
    margin-bottom: calc(var(--vspace)/2);
    position: relative
}

.featured-excerpt__bg {
    background-color: var(--color-primary);
    z-index: -1
}

    .featured-excerpt__bg img {
        aspect-ratio: 956/450;
        border-radius: var(--radius);
        -o-object-fit: cover;
        object-fit: cover
    }

.featured-excerpt__fg {
    align-items: flex-end;
    display: flex;
    justify-content: flex-start;
    margin-top: -2rem;
    max-width: calc(100% - 46px);
    position: relative;
    z-index: 20
}

.featured-excerpt__content {
    background-color: #fff;
    border-top-right-radius: calc(var(--radius) - 4px);
    padding: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
    padding: calc(var(--gutter)/2);
    position: relative;
    width: 100%
}

    .featured-excerpt__content > :last-child {
        margin-bottom: 0
    }

.featured-excerpt__tag {
    color: #00b1e2;
    color: var(--color__light-blue);
    display: block;
    font-size: .875rem;
    margin-bottom: .5em;
    text-transform: uppercase
}

.featured-excerpt__tag, .featured-excerpt__title {
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

.featured-excerpt__title {
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body);
    line-height: 1.3;
    margin-bottom: .875em
}

    .featured-excerpt__title a:where(:focus-visible,:hover) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

@container featured-excerpt (width >= 600px) {
    .featured-excerpt__content {
        border-radius: var(--radius);
        margin-top: 93px;
        margin-top: calc(var(--vspace)*1.5);
        max-width: 50%
    }

    .featured-excerpt__bg {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

        .featured-excerpt__bg, .featured-excerpt__bg img {
            height: 100%;
            width: 100%
        }

            .featured-excerpt__bg img {
                aspect-ratio: auto
            }

    .featured-excerpt__fg {
        margin-top: 0;
        max-width: none;
        padding: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem) calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
        padding: var(--gutter) calc(var(--gutter)/2)
    }
}

@container featured-excerpt (width >= 800px) {
    .featured-excerpt__content {
        max-width: 40%
    }
}

.login-form {
    background-color: #fff;
    border-radius: calc(var(--radius) - 4px);
    color: #2e2e2e;
    color: var(--color__text);
    padding: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    padding: var(--gutter)
}

    .login-form form {
        grid-gap: 1em;
        gap: 1em
    }

    .login-form form, .login-form label {
        display: grid;
        grid-template: auto/1fr
    }

    .login-form label {
        grid-gap: .25em;
        gap: .25em
    }

        .login-form label span {
            font-size: .75em;
            text-transform: uppercase
        }

    .login-form .page-title {
        color: #013767;
        color: var(--color__blue);
        margin-bottom: .5em
    }

.login-form__support {
    display: grid;
    font-size: .875em;
    grid-template: auto/1fr;
    margin-top: 15.5px;
    margin-top: calc(var(--vspace)/4);
    grid-gap: .5em;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    gap: .5em
}

    .login-form__support .login-form__support__fp {
        color: #2e2e2e;
        color: var(--color__text)
    }

    .login-form__support a {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.page-nav {
    background-color: #f9f9f9;
    background-color: var(--color__light-gray);
    container: page-nav/inline-size;
    margin-bottom: 41.33333px;
    margin-bottom: calc(var(--vspace)/1.5);
    padding-bottom: .875em;
    padding-top: .875em
}

    .page-nav a {
        color: #2e2e2e;
        color: var(--color__text);
        font-size: 1.125rem;
        font-weight: 700;
        font-weight: var(--font-weight__bold)
    }

        .page-nav a:where(:focus-visible,:hover) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

@container page-nav (width >= 1200px) {
    .page-nav a {
        font-size: 1.25rem
    }

    .page-nav__dropdown {
        display: none
    }
}

.page-nav__list {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    gap: 1em max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: 1em var(--gutter);
    justify-content: center
}

@container page-nav (width >= 1200px) {
    .page-nav__list {
        display: flex;
        gap: 1em calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*1.75);
        gap: 1em calc(var(--gutter)*1.75)
    }
}

.profile {
    display: inline-grid;
    gap: .875em;
    grid-template: 1fr/60px 1fr
}

    .profile figcaption {
        display: grid;
        grid-template: auto/1fr;
        grid-gap: .125em;
        color: #013767;
        color: var(--color__blue);
        font-family: gotham-sans,sans-serif;
        font-family: var(--font__sans);
        font-size: .875em;
        gap: .125em
    }

        .profile figcaption p {
            font-family: inherit;
            margin-bottom: 0
        }

.profile__media {
    line-height: 0
}

    .profile__media img {
        aspect-ratio: 1;
        border-radius: 50%;
        width: 100%
    }

.profile__name {
    font-size: inherit;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    margin-bottom: .125em;
    text-transform: uppercase
}

    .profile__name a {
        color: currentColor;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.generic-card {
    border: 1px solid #f9f9f9;
    border: 1px solid var(--color__light-gray);
    border-radius: var(--radius);
    height: 100%;
    overflow: hidden
}

    .generic-card figcaption {
        padding: 1.25rem 1rem;
        text-align: center
    }

    .generic-card img {
        aspect-ratio: 16/9;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

.generic-card__title {
    color: #2e2e2e;
    color: var(--color__text);
    font-size: 1.25rem;
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    margin-bottom: 1rem
}

    .generic-card__title :where(a) {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none
    }

        .generic-card__title :where(a):where(:hover,:focus-visible) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.share-nav {
    align-items: center;
    display: flex;
    font-size: .75rem;
    gap: 1em
}

.share-nav__list {
    align-items: center;
    display: flex;
    gap: .5em
}

    .share-nav__list a {
        align-items: center;
        aspect-ratio: 1;
        background-color: #013767;
        background-color: var(--color__blue);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        justify-content: center;
        line-height: 0;
        width: 32px
    }

.hero--issue .share-nav__list a {
    background-color: transparent
}

.intro {
    font-size: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    font-size: var(--font-size__large-body)
}

.article-start:first-letter {
    float: left;
    font-family: gotham-sans,sans-serif;
    font-family: var(--font__sans);
    font-size: 2.5em;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    font-weight: 700;
    line-height: 1;
    padding-right: .25em;
    padding-top: .15em;
    text-transform: uppercase
}

.thumbnail-card {
    align-items: start;
    border: 1px solid #f9f9f9;
    border: 1px solid var(--color__light-gray);
    border-radius: var(--radius);
    display: flex;
    flex-wrap: wrap;
    gap: 1em max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    gap: 1em var(--gutter);
    padding: 1.5rem
}

    .thumbnail-card img {
        flex-shrink: 0;
        max-width: 8.75rem
    }

    .thumbnail-card figcaption {
        flex-basis: 220px;
        flex-grow: 1;
        flex-shrink: 1
    }

        .thumbnail-card figcaption:last-child {
            margin-bottom: 0
        }

.thumbnail-card--portrait img {
    aspect-ratio: 1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.thumbnail-card--large img {
    max-width: 45%
}

.thumbnail-card__title {
    font-size: 1rem;
    font-weight: 700;
    font-weight: var(--font-weight__bold);
    margin-bottom: .5rem
}

    .thumbnail-card__title :where(a) {
        color: inherit;
        -webkit-text-decoration: none;
        text-decoration: none
    }

        .thumbnail-card__title :where(a):where(:hover,:focus-visible) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.editorial {
    padding-left: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    padding-left: var(--gutter);
    padding-right: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    padding-right: var(--gutter)
}

@container (width >= 720px) {
    .editorial {
        align-items: start;
        display: flex;
        gap: max(max(2rem,min(6cqi,5.375rem)),2rem);
        gap: var(--gutter__large);
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0
    }
}

.editorial .section-heading {
    color: #013767;
    color: var(--color__blue);
    flex-basis: 160px;
    font-size: max(1.25rem,min(4cqi,1.625rem));
    position: relative
}

@container (width >= 720px) {
    .editorial .section-heading {
        padding-bottom: 40px;
        padding-left: calc(max(max(2rem,min(6cqi,5.375rem)),2rem)*1.5);
        padding-left: calc(var(--gutter__large)*1.5)
    }
}

.editorial .section-heading:after {
    background-color: #013767;
    background-color: var(--color__primary);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transform: translateY(.25rem);
    width: 90px
}

@container (width >= 720px) {
    .editorial .section-heading:after {
        height: 100%;
        left: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
        left: var(--gutter);
        top: 0;
        width: .625rem
    }
}

.editorial .section-heading:before {
    aspect-ratio: 64/44;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Group 58' viewBox='0 0 64 44.124'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23013767' d='M0 0h64v44.124H0z' data-name='Rectangle 34'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23013767' clip-path='url(%23a)' data-name='Group 57'%3E%3Cpath d='M63.698.354a1.12 1.12 0 0 0-.9-.351c-.466.035-11.531.979-22 11.483-6.719 6.746-10.009 12.271-11.587 15.723a10 10 0 0 0-.922 2.821 90 90 0 0 1 6.6-7.113q.437-.423.89-.865A86 86 0 0 1 43.689 15a1.12 1.12 0 0 1 1.36 1.778 84 84 0 0 0-7.717 6.875l-.895.869a78.1 78.1 0 0 0-13.108 16.336 1.1 1.1 0 0 1-.264.319 1.119 1.119 0 0 0 1.976.131 79 79 0 0 1 6.277-8.366c12.494-1.106 20.1-10.924 20.42-11.35a1.12 1.12 0 0 0 .225-.765l-.173-2.194 2.443.38a1.11 1.11 0 0 0 1-.348 35.4 35.4 0 0 0 8.756-17.389 1.12 1.12 0 0 0-.291-.922' data-name='Path 38'/%3E%3Cpath d='M21.651 35.515a1.12 1.12 0 0 0-1.567.225c-1.075 1.439-4.339 5.326-6.508 6.026a36 36 0 0 1 2.3-5.436c2.149-4.462 3.425-7.281 2.623-8.925a1.94 1.94 0 0 0-1.365-1.055c-1.9-.413-4.473.594-7.638 3a58.4 58.4 0 0 0-9.24 9.241 1.12 1.12 0 1 0 1.728 1.423c6.876-8.355 12.288-11.785 14.53-11.5.117 1.093-1.671 4.808-2.653 6.846-2.17 4.508-3.249 6.919-2.1 8.2a1.71 1.71 0 0 0 1.336.565 3.6 3.6 0 0 0 1.175-.229c3.228-1.052 7.164-6.226 7.6-6.813a1.12 1.12 0 0 0-.227-1.567' data-name='Path 39'/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    display: block;
    margin-bottom: .625em;
    margin-left: .25em;
    width: 1.875em
}

@container (width >= 720px) {
    .editorial__content {
        flex-basis: 740px;
        flex-grow: 0;
        flex-shrink: 1
    }
}

.editorial__content .excerpt__title {
    margin-bottom: .875em
}

.editorial__content .button-context {
    margin-top: 2em
}

.inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    width: 100%
}

    .inline-form :where([type=text],[type=password],[type=email],[type=search]) {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid;
        border-radius: 0;
        flex-grow: 1;
        padding-left: 0;
        padding-right: 0
    }

    .inline-form [type=submit] {
        flex: 0 0 auto
    }

.section-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1.5em;
    justify-content: center;
    margin-top: 1em
}

.web-exclusive {
    align-items: start;
    color: #2e2e2e;
    color: var(--color__text);
    display: flex;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    gap: 1rem
}

    .web-exclusive:where(:hover,:focus-visible) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .web-exclusive:before {
        aspect-ratio: 62/40;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.991 40.147'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 40.148h62.991V0H0Z' data-name='Path 213'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 542'%3E%3Cg fill='none' stroke='%2325c3e9' stroke-linecap='round' data-name='Group 541'%3E%3Cpath d='M9.758 9.93h35.539' data-name='Line 53'/%3E%3Cpath d='M9.758 17.138h35.539' data-name='Line 54'/%3E%3Cpath d='M9.758 24.347H38.5' data-name='Line 55'/%3E%3C/g%3E%3Cg data-name='Group 595'%3E%3Cg data-name='Group 593'%3E%3Cg clip-path='url(%23a)' data-name='Group 592'%3E%3Cpath fill='none' stroke='%2328c7e8' stroke-width='.925' d='M5.506 1.48a4.167 4.167 0 0 0-4.022 4.3v22.927a4.167 4.167 0 0 0 4.018 4.3h44.351a4.167 4.167 0 0 0 4.018-4.3V5.78a4.167 4.167 0 0 0-4.018-4.3Z' data-name='Path 212'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='%23fff' d='M45.003 40.147h11.988V29.154H45.003Z' data-name='Path 214'/%3E%3Cg data-name='Group 594'%3E%3Cpath fill='%2328c7e8' d='m49.491 34.543 1.6 3.433 1.76-.918-1.332-3.253 2.274-.019.287-.052.009-.421-6.319-6.33h-.307l-.184.308-.043 8.512.167.277h.185Z' data-name='Path 215'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        content: "";
        display: block;
        width: 62px
    }

.web-exclusive__date {
    display: inline-block;
    font-size: .75rem;
    margin-bottom: .25em;
    text-transform: uppercase
}

.web-exclusive__title {
    font-size: 1rem
}

.sponsored-excerpt {
    container: sponsored-excerpt/inline-size
}

    .sponsored-excerpt img {
        aspect-ratio: 245/160;
        border-radius: var(--radius);
        -o-object-fit: cover;
        object-fit: cover;
        width: 245px
    }

.sponsored-excerpt__inner {
    display: grid;
    grid-gap: 1rem 1.75rem;
    gap: 1rem 1.75rem
}

@container sponsored-excerpt (width >= 320px) {
    .sponsored-excerpt__inner {
        grid-template-columns: 3fr 4fr
    }
}

.sponsored-excerpt__content > :last-child {
    margin-bottom: 0
}

.sponsored-excerpt__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .375rem
}

    .sponsored-excerpt__title :where(a) {
        color: #2e2e2e;
        color: var(--color__text)
    }

        .sponsored-excerpt__title :where(a):where(:hover,:focus-visible) {
            -webkit-text-decoration: underline;
            text-decoration: underline
        }

.button {
    --background: var(--color__primary);
    --foreground: #fff;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #013767;
    background-color: var(--background);
    border: 0;
    border-radius: calc(var(--radius) - 2px);
    color: #fff;
    color: var(--foreground);
    cursor: pointer;
    display: inline-flex;
    font-family: gotham-sans,sans-serif;
    font-family: var(--font__sans);
    font-size: .875rem;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    gap: 1.2em;
    justify-content: center;
    letter-spacing: .05em;
    line-height: 1;
    min-width: min(100%,140px);
    outline-offset: .2em;
    padding: 1.15em 1.875em;
    position: relative;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .button:where(:hover,:focus-visible) {
        background-color: #00284b
    }

@media (prefers-reduced-motion:no-preference) {
    .button {
        transition: background-color .25s ease-in-out
    }
}

.button-context {
    display: block;
    margin-top: 1.35em
}

.button--green {
    --background: var(--color__dark-green)
}

    .button--green:where(:hover,:focus-visible) {
        background-color: #1f7116
    }

.button--blue {
    --background: var(--color__light-blue)
}

    .button--blue:where(:hover,:focus-visible) {
        background-color: #009fcb
    }

.decorated-link {
    align-items: center;
    color: #013767;
    color: var(--color__blue);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    gap: .65em;
    line-height: 1
}

    .decorated-link:where(:focus-visible,:hover) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .decorated-link svg {
        aspect-ratio: 1;
        transform: translateY(.05em);
        width: 1em
    }

.highlight-heading {
    background-color: #013767;
    background-color: var(--color__blue);
    color: #fff;
    display: inline-block
}

.icon-link {
    align-items: center;
    display: inline-flex;
    gap: .5em
}

    .icon-link :where(span,svg) {
        flex-shrink: 0
    }

button.icon-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    padding: 0
}

.logo {
    --logo-fg: var(--color__blue);
    display: inline-grid;
    gap: .25rem;
    grid-template: auto/1fr;
    line-height: 0
}

    .logo figcaption {
        color: var(--logo-fg);
        font-size: 12px;
        font-weight: 500;
        font-weight: var(--font-weight__medium);
        line-height: 1;
        text-align: center
    }

.logo__svg {
    aspect-ratio: 97/85;
    max-width: 100%
}

.logo__svg--white {
    aspect-ratio: 97/93
}

.media-ad {
    display: inline-block;
    line-height: 0
}

    .media-ad img {
        width: 100%
    }

.page-title {
    font-size: clamp(2.25rem,1.977rem + 1.36vw,3rem);
    font-size: var(--font-size__h1);
    letter-spacing: -.015em;
    line-height: 1.1;
    margin: 0
}

.page-title, .section-heading {
    font-weight: 700;
    font-weight: var(--font-weight__bold)
}

.section-heading {
    color: #072541;
    color: var(--color__dark-blue);
    font-family: salvo-serif,serif;
    font-family: var(--font__serif);
    font-size: clamp(1.313rem,1.199rem + .57vw,1.625rem);
    font-size: var(--font-size__h2);
    margin-bottom: .875em;
    text-transform: uppercase
}

.section-heading--centered {
    text-align: center
}

.section-heading--accented {
    border-left: .4em solid;
    padding-left: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)/2);
    padding-left: calc(var(--gutter)/2)
}

@container page-content-main (width >= 900px) {
    .section-heading--accented {
        padding-left: calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem) - .4em);
        padding-left: calc(var(--gutter) - .4em);
        transform: translate(calc(max(max(1.5rem,min(4cqi,3.25rem)),1.5rem)*-1));
        transform: translate(calc(var(--gutter)*-1))
    }
}

.subsection-heading {
    --theme: var(--color__blue);
    font-size: 1rem;
    margin-bottom: 1em;
    text-align: center
}

    .subsection-heading span {
        display: inline-flex;
        font-family: salvo-serif,serif;
        font-family: var(--font__serif);
        font-weight: 400;
        font-weight: var(--font-weight__normal);
        gap: 1em;
        line-height: 3em;
        position: relative;
        text-transform: uppercase
    }

        .subsection-heading span:after, .subsection-heading span:before {
            background-color: var(--theme);
            content: "";
            display: block;
            height: auto;
            width: 9px
        }

.subsection-heading--light {
    --theme: var(--color__light-blue)
}

.subsection-heading--green {
    --theme: var(--color__green)
}

.subsection-heading--orange {
    --theme: var(--color__orange)
}

.text-callout {
    border: 2px solid #00b1e2;
    border: 2px solid var(--color__light-blue);
    border-radius: var(--radius);
    display: block;
    font-size: .875rem;
    padding: 1em;
    position: relative;
    width: 100%
}

@container page-content-main (width >= 420px) {
    .text-callout {
        float: right;
        margin: 0 0 1.3em 1.3em;
        max-width: 24ch
    }
}

.text-callout:before {
    bottom: -11px;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.3 27.279'%3E%3Cg fill='%2300b1e2' data-name='Icon awesome-mouse-pointer'%3E%3Cpath d='M10.748 25.779c-.898 0-1.707-.54-2.063-1.377l-.004-.009-.003-.008-1.336-3.252-2.008 2.065c-.426.438-.99.68-1.588.68a2.26 2.26 0 0 1-1.562-.639 2.24 2.24 0 0 1-.684-1.62V3.76A2.26 2.26 0 0 1 3.754 1.5c.604 0 1.183.253 1.595.696l11.795 12.132c.64.638.83 1.593.486 2.44a2.235 2.235 0 0 1-2.07 1.41h-2.173l1.471 3.583a2.26 2.26 0 0 1-1.164 2.935l-.009.003-.008.004-2.043.89q-.425.185-.886.186'/%3E%3Cpath fill='%23fff' d='M10.748 24.279q.144 0 .287-.06l2.043-.891a.77.77 0 0 0 .393-.997l-2.32-5.652h4.408c.645 0 .996-.83.52-1.295L4.259 3.226C3.827 2.746 3 3.08 3 3.761v17.857c0 .647.778 1.028 1.258.534l3.602-3.704 2.205 5.367a.75.75 0 0 0 .683.464m0 3c-1.5 0-2.852-.899-3.444-2.29l-.014-.034-.467-1.137-.414.426a3.7 3.7 0 0 1-2.663 1.134 3.72 3.72 0 0 1-2.608-1.063A3.73 3.73 0 0 1 0 21.618V3.761A3.76 3.76 0 0 1 3.754 0c1.014 0 1.986.422 2.68 1.16l11.778 12.115a3.73 3.73 0 0 1 .807 4.058 3.73 3.73 0 0 1-3.394 2.345l.62 1.513a3.75 3.75 0 0 1 .012 2.841 3.75 3.75 0 0 1-1.948 2.032l-.032.014-2.044.89c-.471.206-.971.31-1.485.31'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    height: 21px;
    position: absolute;
    right: .5em;
    width: 13px
}

.text-callout--left {
    float: left
}

@container page-content-main (width >= 420px) {
    .text-callout--left {
        margin: 0 1.3em 1.3em 0
    }
}

.title-tag {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    font-weight: var(--font-weight__medium);
    margin-bottom: -.5em
}

.issue-meta, .title-tag {
    text-transform: uppercase
}

.issue-meta {
    font-family: chronicle-text,serif;
    font-family: var(--font__serif-alt)
}

.page-title + .issue-meta {
    margin-top: -.875em
}

.issue-download {
    display: block;
    line-height: 0
}

    .issue-download img {
        width: 100%
    }

.issue-download__img {
    display: block;
    position: relative
}

    .issue-download__img:after {
        background-image: linear-gradient(transparent,#00000080);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

.issue-download__label {
    align-items: center;
    background-color: #00b1e2;
    background-color: var(--color__light-blue);
    color: #fff;
    display: flex;
    font-size: .875rem;
    gap: 1em;
    justify-content: center;
    line-height: 1;
    padding: .875em;
    text-align: center
}

breadcrumb-navigation, collapsible-navigation, issue-carousel, mobile-navigation, primary-navigation {
    display: block
}

lightbox-image, svg-icon {
    display: inline-block
}

:root {
    interpolate-size: allow-keywords;
    scroll-behavior: smooth;
    --rgb__black: 46,46,46;
    --rgb__purple: 40,29,87;
    --rgb__dark-blue: 7,37,65;
    --rgb__blue: 1,55,103;
    --rgb__light-blue: 0,177,226;
    --rgb__green: 57,174,42;
    --rgb__dark-green: 44,136,33;
    --rgb__orange: 252,102,26;
    --rgb__gray: 231,232,233;
    --rgb__light-gray: 249,249,249;
    --tw-bg-opacity: 1;
    --color__black: rgb(var(--rgb__black));
    --color__purple: rgb(var(--rgb__purple));
    --color__dark-blue: rgb(var(--rgb__dark-blue));
    --color__blue: rgb(var(--rgb__blue));
    --color__light-blue: rgb(var(--rgb__light-blue));
    --color__green: rgb(var(--rgb__green));
    --color__dark-green: rgb(var(--rgb__dark-green));
    --color__orange: rgb(var(--rgb__orange));
    --color__gray: rgb(var(--rgb__gray));
    --color__light-gray: rgb(var(--rgb__light-gray));
    --color__primary: var(--color__blue);
    --color__text: var(--color__black);
    --vspace: 62px
}

@media (min-width:924px) {
    :root {
        --vspace: 76px
    }
}

:root {
    --gutter: max(max(1.5rem,min(4cqi,3.25rem)),1.5rem);
    --gutter__large: max(max(2rem,min(6cqi,5.375rem)),2rem);
    --bp-xlarge: 1300px;
    --bp-large: 924px;
    --bp-medium: 610px;
    --bp-small: 400px;
    --container: 1280px;
    --container__semi: 1064px;
    --container__collapsed: calc(var(--gutter) + 924px);
    --container__narrow: calc(var(--gutter) + 610px);
    --container__mini: calc(var(--gutter) + 400px);
    --font__sans: gotham-sans,sans-serif;
    --font__serif: salvo-serif,serif;
    --font__serif-alt: chronicle-text,serif;
    --font-weight__light: 200;
    --font-weight__book: 300;
    --font-weight__normal: 400;
    --font-weight__medium: 500;
    --font-weight__bold: 700;
    --font-size__h1: clamp(2.25rem,1.977rem + 1.36vw,3rem);
    --font-size__h2: clamp(1.313rem,1.199rem + .57vw,1.625rem);
    --font-size__h3: clamp(1.313rem,1.244rem + .34vw,1.5rem);
    --font-size__h4: clamp(1.125rem,1.057rem + .34vw,1.313rem);
    --font-size__h5: 1.125rem;
    --font-size__normal: 1rem;
    --font-size__large-body: var(--font-size__h4);
    --layer__bg: 1;
    --layer__fg: 2;
    --layer__overlay: 3;
    --layer__global-overlay: 4;
    --transition__step: .25s;
    --transition__function: ease-in-out;
    --logo-width: 180px
}

@media (min-width:1240px) {
    :root {
        --logo-width: 258px
    }
}

._link_1rdjz_1 {
    color: var(--color__text);
    display: block;
    font-size: .75rem;
    width: 100%
}

    ._link_1rdjz_1:where(:focus-visible,:hover) {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

._figure_1jepl_1 {
    height: 100%
}

._button_1jepl_5, ._figure_1jepl_1 {
    overflow: hidden;
    width: 100%
}

._button_1jepl_5 {
    aspect-ratio: 414/250;
    background-color: rgba(var(--rgb__dark-blue),var(--tw-bg-opacity));
    border-radius: calc(var(--radius) - 4px);
    position: relative
}

._img_1jepl_9 {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._caption_1jepl_13, ._img_1jepl_9 {
    width: 100%
}

._caption_1jepl_13 {
    background-color: rgba(var(--rgb__black),.8);
    background-color: rgba(var(--rgb__black),var(--tw-bg-opacity));
    bottom: 0;
    position: absolute;
    --tw-bg-opacity: .8;
    font-size: .75rem;
    line-height: 1.5;
    padding: 10px 8px;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

@media (min-width:400px) {
    ._content_1jepl_17 {
        max-width: 28rem
    }
}

@media (min-width:610px) {
    ._content_1jepl_17 {
        max-width: 600px
    }
}

@media (min-width:924px) {
    ._content_1jepl_17 {
        max-width: 800px
    }
}

._content-figure_1jepl_21 {
    line-height: 0
}

._main-link_tlat6_9 {
    font-weight: var(--font-weight__medium);
    white-space: nowrap
}

._content_12bm8_1 {
    container: sheet/inline-size
}

._main-list_12bm8_5 {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: .875em;
    gap: .875em
}

    ._main-list_12bm8_5 a {
        color: var(--color__text)
    }

._main-list-link_12bm8_18 {
    display: block;
    padding-bottom: .3em;
    padding-top: .3em
}

._sub-list_12bm8_23 {
    display: grid;
    grid-template: auto/1fr;
    margin-left: var(--gutter);
    grid-gap: .875em;
    gap: .875em
}

._sub-list-link_12bm8_34 {
    display: block
}

._extra_12bm8_38, ._search-form_12bm8_44 {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: 1em;
    gap: 1em
}

._search-form_12bm8_44 {
    position: relative
}

@container sheet (width >= 300px) {
    ._search-form_12bm8_44 {
        display: flex
    }
}

._login-link_12bm8_55 {
    align-items: center;
    color: var(--color__text);
    display: inline-flex;
    gap: .5em;
    margin-bottom: 1em
}

._search-input_12bm8_63 {
    height: auto
}

._form_1rh09_5 {
    display: flex;
    gap: 1em;
    position: relative
}

._input_1rh09_11 {
    height: auto
}

._button_1rh09_15 {
    height: 100%
}

._icon_g1b8m_1 {
    display: inline-block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

._nav-button_fl5ty_17 {
    color: var(--color__blue);
    transform: translateY(-56px)
}

._list_1g9xl_1 {
    display: grid;
    grid-template: auto/1fr;
    grid-gap: .5em;
    gap: .5em;
    justify-content: center
}

._items_1g9xl_8, ._link_1g9xl_12 {
    text-align: center
}

._link_1g9xl_12 {
    display: block
}