html {
    height: 100%;
}


/* ============= ANIMATION ============= */

.arrow_click a {
cursor: pointer;
}

.hidden {
opacity: 0;
pointer-events: none;
}

.apply_slide {
       will-change: transform, opacity;
       transform: translateZ(0);
       position: relative;
       z-index: 1;
   }
   
   
   
   .apply_slide.card-exit-left,
   .apply_slide.card-exit-right,
   .apply_slide.card-exit-up,
   .apply_slide.card-exit-down,
   .apply_slide.card-enter-left,
   .apply_slide.card-enter-right,
   .apply_slide.card-enter-up,
   .apply_slide.card-enter-down {
       animation-duration: 0.65s;
       animation-timing-function: ease;
       animation-fill-mode: forwards;
   }
   
   
   
   .apply_slide.card-exit-left  { animation-name: cardExitLeft; }
   .apply_slide.card-exit-right { animation-name: cardExitRight; }
   .apply_slide.card-exit-up    { animation-name: cardExitUp; }
   .apply_slide.card-exit-down  { animation-name: cardExitDown; }
   
   
   
   .apply_slide.card-enter-left  { animation-name: cardEnterLeft; }
   .apply_slide.card-enter-right { animation-name: cardEnterRight; }
   .apply_slide.card-enter-up    { animation-name: cardEnterUp; }
   .apply_slide.card-enter-down  { animation-name: cardEnterDown; }
   
   
   
   @keyframes cardExitLeft  {
       to { transform: translateX(-100vw); }
   }
   
   @keyframes cardExitRight {
       to { transform: translateX(100vw); }
   }
   
   @keyframes cardExitUp {
       to { transform: translateY(-100vh); }
   }
   
   @keyframes cardExitDown {
       to { transform: translateY(100vh); }
   }
   
   
   
   @keyframes cardEnterLeft {
       from { transform: translateX(-100vw); }
       to   { transform: translateX(0); }
   }
   
   @keyframes cardEnterRight {
       from { transform: translateX(100vw); }
       to   { transform: translateX(0); }
   }
   
   @keyframes cardEnterUp {
       from { transform: translateY(-100vh); }
       to   { transform: translateY(0); }
   }
   
   @keyframes cardEnterDown {
       from { transform: translateY(100vh); }
       to   { transform: translateY(0); }
   }
   
   
   
   
   .apply_slide.card-enter-left,
   .apply_slide.card-enter-right,
   .apply_slide.card-enter-up,
   .apply_slide.card-enter-down {
       opacity: 1;
       transition: opacity 0.18s ease;
   }


/* ============= CONTAINER ============= */

.unset_background {
background:
    radial-gradient(circle at 20% 20%, #303b8a 0, transparent 45%),
    radial-gradient(circle at 80% 80%, #6a2a8a 0, transparent 45%),
    radial-gradient(circle at 10% 80%, #20405f 0, transparent 50%),
    #02030b;
}

.aside_style {
background: transparent;
border-right: 0;
box-shadow: none;
}

.arrow_base a {
position: absolute;
    inset: 0;
    display: block;
    z-index: 1;
}

.arrow_base a::before {
content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 2;
}

.arrow_box {
position: relative;
z-index: 3200;
isolation: isolate;
}

.up_arrow a::before {
border-width: 0 10px 14px 10px; border-color: transparent transparent #32bf6d transparent;
}

.down_arrow a::before {
border-width: 14px 10px 0 10px; border-color: #32bf6d transparent transparent transparent;
}

.left_arrow a::before {
border-width: 10px 14px 10px 0; border-color: transparent #32bf6d transparent transparent;
}

.right_arrow a::before {
border-width: 10px 0 10px 14px; border-color: transparent transparent transparent #32bf6d;
}

.rounded_border {
border-radius: 1.3rem;
}

.card_background {
background: repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 4px), linear-gradient(to bottom, rgba(18,28,54,0.92), rgba(6,9,20,0.98));
}

.box_shadow {
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 rgba(255,255,255,0.05), 0 28px 80px rgba(0,0,0,0.9);
}

.cold {
filter: saturate(0.9) contrast(1.05);
}

.divider_host {
position: relative;
padding-top: 2.8rem;
}

.divider_label .divider_label::before {
content: \"CONTENTS\";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    letter-spacing: 0.22em;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: rgba(200,210,230,0.55);
    text-shadow:
        0 -1px 0 rgba(255,255,255,0.25),
        0  1px 0 rgba(0,0,0,0.6);
    background:
        linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,0.18),
            rgba(0,0,0,0.45),
            rgba(255,255,255,0.18),
            transparent
        );
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: center 60%;
}

.unset_identity_header_background {
background:
    linear-gradient(
        to bottom,
        #000000 0%,
        #000000 58%,
        rgba(0,0,0,0.94) 76%,
        rgba(0,0,0,0.82) 100%
    ) !important;
color: rgba(255,255,255,0.68);
border-bottom: 1px solid rgba(255,255,255,0.08);
box-shadow: none;
}

.unset_identity_footer_background {
background: rgba(0,0,0,0.62);
color: rgba(255,255,255,0.68);
border-top: 1px solid rgba(255,255,255,0.08);
}


/* ============= LAYOUT ============= */

.byline {
    --byline-avatar-size: clamp(5.7rem, 7.2vw, 7rem);
    --byline-card-width: min(100%, 56.25rem);
    --byline-text-gap: clamp(0.68rem, 1.15vw, 1.05rem);
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--byline-avatar-size) !important;
    margin: clamp(0.65rem, 1.15vw, 0.95rem) 0 clamp(0.95rem, 1.5vw, 1.3rem) !important;
    padding: 0 !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

.byline:empty,
.byline:not(:has(.node_cover)) {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.byline .node_cover {
    position: relative !important;
    display: flex !important;
    width: var(--byline-card-width) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: var(--byline-avatar-size) !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
}

.byline .node_cover:hover {
    transform: none !important;
    box-shadow: none !important;
}

.byline .node_cover::before,
.byline .node_cover::after,
.byline .node_cover:hover::before,
.byline .node_cover:hover::after {
    content: none !important;
    display: none !important;
}

.byline .node_cover_link,
.byline .node_cover.is-unlinked {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: var(--byline-avatar-size) minmax(0, max-content) !important;
    column-gap: var(--byline-text-gap) !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: var(--byline-avatar-size) !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    color: inherit !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.byline .node_cover_image {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: var(--byline-avatar-size) !important;
    height: var(--byline-avatar-size) !important;
    min-width: var(--byline-avatar-size) !important;
    min-height: var(--byline-avatar-size) !important;
    max-width: var(--byline-avatar-size) !important;
    max-height: var(--byline-avatar-size) !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.24), transparent 38%),
        linear-gradient(135deg, #3c86f4, #303b8a 52%, #20405f),
        #02030b !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.16),
        0 9px 22px rgba(0,0,0,0.26) !important;
    box-sizing: border-box !important;
}

.byline .node_cover_image.byline_image_bg_blue {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.26), transparent 38%),
        linear-gradient(135deg, #3c86f4, #303b8a 52%, #20405f),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_purple {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.24), transparent 38%),
        linear-gradient(135deg, #6a2a8a, #303b8a 54%, #20405f),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_orange {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.25), transparent 38%),
        linear-gradient(135deg, #e95720, #ffc76d 54%, #20405f),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_gold {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.28), transparent 38%),
        linear-gradient(135deg, #ffc76d, #e95720 54%, #303b8a),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_green {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.25), transparent 38%),
        linear-gradient(135deg, #32bf6d, #3c86f4 54%, #20405f),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_red {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.25), transparent 38%),
        linear-gradient(135deg, #ea3522, #e95720 54%, #20405f),
        #02030b !important;
}

.byline .node_cover_image.byline_image_bg_pink {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.26), transparent 38%),
        linear-gradient(135deg, #fe84f7, #6a2a8a 54%, #303b8a),
        #02030b !important;
}

.byline .node_cover_image.is-empty {
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,0.24), transparent 38%),
        linear-gradient(135deg, #3c86f4, #6a2a8a 54%, #20405f),
        #02030b !important;
}

.byline .node_cover_image picture,
.byline .node_cover_image img,
.byline .node_cover:hover .node_cover_image picture,
.byline .node_cover:hover .node_cover_image img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    box-sizing: border-box !important;
}

.byline .node_cover_image img {
    object-fit: cover !important;
    object-position: center !important;
}

.byline .node_cover_body {
    position: relative !important;
    z-index: 2 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0.06rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(var(--byline-card-width) - var(--byline-avatar-size) - var(--byline-text-gap)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.byline .node_cover_title,
.byline .node_cover_profession,
.byline .node_cover_copy,
.byline .node_cover_body .byline_created {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: clamp(0.88rem, 1.02vw, 1.07rem) !important;
    line-height: 1.45 !important;
    letter-spacing: 0.02em !important;
    color: #e6e9f0 !important;
    text-shadow: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

.byline .node_cover_title {
    font-weight: 700 !important;
    color: rgba(255,255,255,0.97) !important;
}

.byline .node_cover_title::before {
    content: "By ";
    display: inline;
    color: #e6e9f0;
    font-size: 1em;
    font-weight: 200;
    letter-spacing: 0.02em;
    text-transform: none;
}

.byline .node_cover_profession,
.byline .node_cover_copy,
.byline .node_cover_body .byline_created {
    font-weight: 200 !important;
}

.byline > .byline_created,
.byline > .created_wrapper,
.byline > .created {
    display: none !important;
}

@media (max-width: 760px) {
    .byline {
        --byline-avatar-size: 5.2rem;
        --byline-card-width: min(100%, 56.25rem);
        --byline-text-gap: 0.68rem;
    }

    .byline .node_cover_title,
    .byline .node_cover_profession,
    .byline .node_cover_copy,
    .byline .node_cover_body .byline_created {
        font-size: 0.88rem !important;
        line-height: 1.32 !important;
    }
}


.byline .node_cover {
    display: block !important;
    height: auto !important;
    min-height: var(--byline-avatar-size) !important;
    max-height: none !important;
    contain: none !important;
    content-visibility: visible !important;
    overflow: visible !important;
}

.byline .node_cover_link,
.byline .node_cover.is-unlinked {
    display: grid !important;
    grid-template-columns: var(--byline-avatar-size) minmax(0, 1fr) !important;
    width: min(100%, var(--byline-card-width)) !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: var(--byline-avatar-size) !important;
    max-height: none !important;
    align-items: center !important;
    justify-content: stretch !important;
    contain: none !important;
    content-visibility: visible !important;
    overflow: visible !important;
}

.byline .node_cover_body {
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}


.byline,
.byline > .node_cover,
.byline .node_cover_link,
.byline .node_cover.is-unlinked {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    height: auto !important;
    max-height: none !important;
}

.byline,
.byline > .node_cover {
    overflow: visible !important;
}

.unset_identity_footer_subscribe {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
grid-area: subscribe;
max-width: 18rem;
}

.button_input_button {
    appearance: none;

    
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.10),
            rgba(255,255,255,0.04)
        );
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 999px;

    padding: 0 1.6rem; 

    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #ffffff;
    cursor: pointer;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        0 12px 30px rgba(0,0,0,0.35);

    transition:
        background 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.button_input_button:hover {
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.16),
            rgba(255,255,255,0.06)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.35),
        0 16px 40px rgba(0,0,0,0.45);
}

.button_input_button:active {
    transform: translateY(1px);
}

.button_input_button:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 2px rgba(160,190,255,0.6),
        0 16px 40px rgba(0,0,0,0.45);
}


.button_input_button {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 999px !important;
    background-color: rgba(4,7,14,0.82) !important;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.10), rgba(255,255,255,0.04)) !important;
    background-clip: padding-box !important;
    color: #ffffff !important;
    padding: 0 1.35rem !important;
    font-family: inherit !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 12px 30px rgba(0,0,0,0.35) !important;
}

.button_input_button::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}

.button_input_field {
    position: absolute;
    inset: 0;

    
    opacity: 0;
    pointer-events: none;

    
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;

    
    appearance: none;
    outline: none;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 999px;

    
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.10),
            rgba(255,255,255,0.04)
        );
    background-clip: padding-box;

    
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    color: #ffffff;

    
    text-align: center;

    
    padding: 0 1.6rem;

    
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        0 12px 30px rgba(0,0,0,0.35);

    
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;

    
    transform: translateY(0);
}


.button_input_field {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 999px !important;
    background-color: rgba(4,7,14,0.82) !important;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.10), rgba(255,255,255,0.04)) !important;
    background-clip: padding-box !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: inherit !important;
    line-height: 1 !important;
    text-align: center !important;
}

.button_input_field::placeholder {
    color: rgba(255,255,255,0.62) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.62) !important;
    opacity: 1 !important;
}

.button_input {
    position: relative;
    display: block;

    
    width: 100%;
    max-width: 100%;

    
    height: 2.6rem; 

    isolation: isolate;
}


.button_input_button,
.button_input_field {
    position: absolute;
    inset: 0;
}


.button_input:focus-within .button_input_button {
    opacity: 0;
    pointer-events: none;
}

.button_input:focus-within .button_input_field {
    opacity: 1;
    pointer-events: auto;
}
.button_input.is-submitted {
    opacity: 0.6;
    pointer-events: none;
}


.button_input.is-open .button_input_button {
    opacity: 0 !important;
    pointer-events: none !important;
}

.button_input.is-open .button_input_field {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.aside {
flex: 0 0 max-content;
width: max-content;
min-width: 0;
max-width: none;
height: 100%;
min-height: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
overflow: hidden;
box-sizing: border-box;
}

.nav_panel display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: var(--aside-nav-stack-gap, clamp(0.34rem, 0.72vh, 0.50rem));
width: 100%;
min-width: 0;
max-width: 100%;
height: 100%;
min-height: 0;
max-height: 100%;
padding: var(--aside-nav-stack-pad-top, clamp(0.36rem, 0.82vh, 0.56rem)) 0 0 0;
margin: 0;
overflow: hidden;
box-sizing: border-box;

.radial_minimap {
flex: 0 0 var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem));
    align-self: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem));
    min-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem));
    max-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem));
    aspect-ratio: auto;
    margin: 0;
    box-sizing: border-box;
}

.nav_wrapper flex: 1 1 0;
width: 100%;
min-width: 0;
max-width: 100%;
height: auto;
min-height: 0;
max-height: 100%;
display: flex;
align-items: stretch;
justify-content: center;
padding: 0;
margin: 0;
overflow: hidden;
box-sizing: border-box;

.directional_nav {
flex: 1 1 auto;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.nav_wrapper .directional_nav_static {
flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.nav_wrapper .directional_nav_grid {
height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
}

.nav_wrapper .directional_nav_core {
height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    justify-items: stretch;
    justify-content: stretch;
    overflow: hidden;
}

.nav_wrapper .directional_nav_column_middle {
height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    justify-items: stretch;
    justify-content: stretch;
    overflow: hidden;
}

.nav_wrapper .directional_nav_parents_block {
width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.nav_wrapper .directional_nav_children_block {
width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.nav_wrapper .directional_nav_parents {
min-height: 100%;
    align-items: center;
    justify-content: center;
}

.nav_wrapper .directional_nav_children {
min-height: 100%;
    align-items: center;
    justify-content: center;
}

@media (min-width: 721px) and (orientation: landscape) {
    .template_body .nav_panel,
    .template_body .nav-panel {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--aside-nav-stack-gap, clamp(0.34rem, 0.72vh, 0.50rem)) !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: var(--aside-nav-stack-pad-top, clamp(0.36rem, 0.82vh, 0.56rem)) 0 0 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_panel > .radial_minimap,
    .template_body .nav-panel > .radial_minimap {
        flex: 0 0 var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        min-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        max-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper,
    .template_body .nav-wrapper {
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper > [data-directional-nav],
    .template_body .nav-wrapper > [data-directional-nav],
    .template_body .nav_wrapper > .directional_nav,
    .template_body .nav-wrapper > .directional_nav {
        flex: 1 1 auto !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper .directional_nav_static,
    .template_body .nav-wrapper .directional_nav_static {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper .directional_nav_grid,
    .template_body .nav-wrapper .directional_nav_grid {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
    }

    .template_body .nav_wrapper .directional_nav_core,
    .template_body .nav-wrapper .directional_nav_core,
    .template_body .nav_wrapper .directional_nav_column_middle,
    .template_body .nav-wrapper .directional_nav_column_middle {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        justify-content: stretch !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper .directional_nav_parents_block,
    .template_body .nav-wrapper .directional_nav_parents_block,
    .template_body .nav_wrapper .directional_nav_children_block,
    .template_body .nav-wrapper .directional_nav_children_block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav_wrapper .directional_nav_parents,
    .template_body .nav-wrapper .directional_nav_parents,
    .template_body .nav_wrapper .directional_nav_children,
    .template_body .nav-wrapper .directional_nav_children {
        min-height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

.body_reset {
margin: 0;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
}

.content_row {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: row;
}

.main {
display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.page {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}

.row {
display: flex;
flex-direction: row;
}

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

.relative {
position: relative;
}

.content_padding {
padding: 1.4rem 1.8rem 1.8rem;
}

.article_image {
@media (max-width: 760px) {
}
}

.article_image > picture {
display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto;
    overflow: visible;
    border-radius: 0.9rem;
    margin: 1.2rem 0;
}

.article_image > picture > img {
display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: min(72vh, 52rem);
    object-fit: contain;
    border-radius: 0.9rem;
}

.article_image .article_section_image {
display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0.9rem 0 1.2rem;
    overflow: visible;
}

.article_image .article_section_image picture {
display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    border-radius: 0.9rem;
}

.article_image .article_section_image picture > img,
.article_section_image img {
display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: min(64vh, 44rem);
    object-fit: contain;
    border-radius: 0.9rem;
}

.article_image .article_quote {
margin: clamp(1.25rem, 2.4vw, 2rem) 0;
    padding: clamp(0.95rem, 1.8vw, 1.35rem) clamp(1rem, 2vw, 1.55rem);
    border-left: 3px solid rgba(218,222,232,0.58);
    border-radius: 0 0.9rem 0.9rem 0;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.085),
            rgba(255,255,255,0.024)
        ),
        rgba(3,5,12,0.42);
    color: rgba(255,255,255,0.90);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        inset 0 0 0 1px rgba(255,255,255,0.045);
}

.article_image .article_quote p {
position: relative;
    margin: 0;
    padding: 0;
    font-size: 0.98rem;
    line-height: 1.78;
    font-weight: 260;
    letter-spacing: 0.035em;
    font-style: italic;
}

.article_image .article_quote p::before {
content: "“";
    display: inline-block;
    margin-right: 0.12em;
    color: rgba(255,255,255,0.42);
    font-size: 1.35em;
    line-height: 0;
    vertical-align: -0.08em;
}

.article_image .article_quote p::after {
content: "”";
    display: inline-block;
    margin-left: 0.12em;
    color: rgba(255,255,255,0.42);
    font-size: 1.35em;
    line-height: 0;
    vertical-align: -0.08em;
}

.article_image .article_quote br {
display: block;
    content: "";
    margin-top: 0.28rem;
}

.article_image .article_quote {
margin: 1.1rem 0;
        padding: 0.9rem 1rem;
}

.article_image .article_quote p {
font-size: 0.94rem;
        line-height: 1.72;
        letter-spacing: 0.02em;
}

.byline {
--byline-avatar-size: clamp(5.7rem, 7.2vw, 7rem);
--byline-card-width: min(100%, 56.25rem);
--byline-text-gap: clamp(0.68rem, 1.15vw, 1.05rem);
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: var(--byline-avatar-size) !important;
margin: clamp(0.65rem, 1.15vw, 0.95rem) 0 clamp(0.95rem, 1.5vw, 1.3rem) !important;
padding: 0 !important;
gap: 0 !important;
box-sizing: border-box !important;
}

.ccos_cookie_banner {
position: fixed;
left: 16px;
right: 16px;
bottom: 16px;
z-index: 9999;
display: none;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
box-sizing: border-box;
padding: 1rem 3rem 1rem 1rem;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 18px;
background: rgba(8,10,16,0.94);
color: rgba(255,255,255,0.88);
box-shadow: 0 18px 60px rgba(0,0,0,0.45);
backdrop-filter: blur(14px);
}

.ccos_cookie_banner_close {
position: absolute;
top: 0.5rem;
right: 0.65rem;
width: 1.9rem;
height: 1.9rem;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid rgba(255,255,255,0.22);
border-radius: 999px;
background: rgba(255,255,255,0.08);
color: inherit;
font: inherit;
font-size: 1.15rem;
line-height: 1;
cursor: pointer;
}

.ccos_cookie_banner_text {
flex: 1 1 auto;
max-width: 46rem;
font-size: 0.86rem;
line-height: 1.45;
}

.ccos_cookie_banner_actions {
flex: 0 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.65rem;
}

.ccos_cookie_banner_action {
border: 1px solid rgba(255,255,255,0.24);
border-radius: 999px;
background: rgba(255,255,255,0.08);
color: inherit;
padding: 0.55rem 0.85rem;
font: inherit;
font-size: 0.78rem;
line-height: 1;
letter-spacing: 0.04em;
cursor: pointer;
white-space: nowrap;
}

.ccos_cookie_banner.is-visible {
    display: flex;
}

.ccos_cookie_banner[hidden] {
    display: none !important;
}

.ccos_cookie_banner_text strong {
    display: block;
    margin: 0 0 0.3rem 0;
    color: rgba(255,255,255,0.96);
    font-size: 0.82rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ccos_cookie_banner_text p {
    margin: 0;
    color: rgba(255,255,255,0.74);
}

.ccos_cookie_banner_close:hover,
.ccos_cookie_banner_action:hover {
    background: rgba(255,255,255,0.16);
    color: rgba(255,255,255,0.96);
}

.ccos_cookie_banner_additional {
    background: rgba(255,255,255,0.16);
    color: rgba(255,255,255,0.96);
}

@media (max-width: 720px) {
    .ccos_cookie_banner {
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 2.9rem 1rem 1rem;
    }

    .ccos_cookie_banner_actions {
        width: 100%;
        justify-content: flex-start;
    }
}

.content_row {
    display: block;
    min-width: 0;
}

.content_row:empty {
    display: none;
}

.content_row_track {
    display: flex;
    gap: clamp(0.85rem, 1.4vw, 1.25rem);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 0.35rem;
}

.content_row_track > * {
    flex: 0 0 clamp(16rem, 31vw, 24rem);
    min-width: 0;
    scroll-snap-align: start;
}



.node_cover {
    position: relative;
    display: flex;
    min-height: clamp(12rem, 24vw, 19rem);
    border-radius: 1rem;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background:
        linear-gradient(to bottom, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
        rgba(255,255,255,0.045);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.10),
        0 18px 50px rgba(0,0,0,0.35);
    transform: translateZ(0);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.node_cover:hover {
    transform: translateY(-2px);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.18),
        0 28px 72px rgba(0,0,0,0.48);
}

.node_cover picture,
.node_cover img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.24s ease,
        filter 0.24s ease,
        opacity 0.24s ease;
}

.node_cover:hover picture,
.node_cover:hover img {
    transform: scale(1.02);
    filter: brightness(0.56) saturate(0.86);
}

.node_cover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    pointer-events: none;
    transition: background 0.24s ease;
}

.node_cover:hover::before {
    background: rgba(0,0,0,0.12);
}

.node_cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.96) 0%,
            rgba(0,0,0,0.82) 22%,
            rgba(0,0,0,0.48) 48%,
            rgba(0,0,0,0.18) 70%,
            rgba(0,0,0,0.04) 100%
        );
    pointer-events: none;
}

.node_cover_body,
.node_cover_text,
.node_cover_content {
    position: relative;
    z-index: 1;
    align-self: flex-end;
    width: 100%;
    padding: 1rem 1rem 1.05rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.35rem;
}

.node_cover h3 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.15;
    font-weight: 620;
    color: rgba(255,255,255,0.97);
    text-shadow: 0 2px 10px rgba(0,0,0,0.42);
    transition:
        color 0.18s ease,
        font-weight 0.18s ease,
        letter-spacing 0.18s ease;
}

.node_cover:hover h3 {
    color: rgba(255,255,255,1);
    font-weight: 760;
    letter-spacing: 0.01em;
}

.node_cover p {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.35;
    color: rgba(255,255,255,0.82);
    text-shadow: 0 2px 10px rgba(0,0,0,0.36);
    transition:
        color 0.18s ease,
        font-weight 0.18s ease;
}

.node_cover:hover p {
    color: rgba(255,255,255,0.94);
    font-weight: 500;
}



.content_grid_1_lvl_body .content_row_track .node_cover,
.content_grid_2_lvl_body .content_row_track .node_cover {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1.08;
    min-height: 0;
    border-radius: 1.08rem;
    isolation: isolate;
}

.content_grid_1_lvl_body .content_row_track .node_cover_link,
.content_grid_2_lvl_body .content_row_track .node_cover_link {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    color: inherit;
    text-decoration: none;
}

.content_grid_1_lvl_body .content_row_track .node_cover_image,
.content_grid_2_lvl_body .content_row_track .node_cover_image {
    position: absolute;
    inset: 0 0 30% 0;
    z-index: 1;
    overflow: hidden;
    transition:
        inset 0.32s ease,
        filter 0.32s ease;
}

.content_grid_1_lvl_body .content_row_track .node_cover_image picture,
.content_grid_1_lvl_body .content_row_track .node_cover_image img,
.content_grid_2_lvl_body .content_row_track .node_cover_image picture,
.content_grid_2_lvl_body .content_row_track .node_cover_image img {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    height: 100%;
}

.content_grid_1_lvl_body .content_row_track .node_cover_image img,
.content_grid_2_lvl_body .content_row_track .node_cover_image img {
    object-fit: cover;
    object-position: center;
    transform: scale(1.001);
    transition:
        transform 0.32s ease,
        filter 0.32s ease,
        opacity 0.32s ease;
}

.content_grid_1_lvl_body .content_row_track .node_cover_body,
.content_grid_2_lvl_body .content_row_track .node_cover_body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 30%;
    max-height: 100%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.34rem;
    padding: 0.92rem 1rem 1rem;
    box-sizing: border-box;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.92) 0%,
            rgba(0,0,0,0.76) 54%,
            rgba(0,0,0,0.28) 100%
        );
    border-top: 1px solid rgba(255,255,255,0.09);
    backdrop-filter: blur(7px);
    transition:
        min-height 0.32s ease,
        background 0.32s ease,
        backdrop-filter 0.32s ease,
        justify-content 0.32s ease;
}

.content_grid_1_lvl_body .content_row_track .node_cover_copy,
.content_grid_1_lvl_body .content_row_track .node_cover p,
.content_grid_2_lvl_body .content_row_track .node_cover_copy,
.content_grid_2_lvl_body .content_row_track .node_cover p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.86rem;
    line-height: 1.36;
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image {
    inset: 0;
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image img,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image img {
    transform: scale(1.045);
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body {
    min-height: 0;
    padding-top: 0.72rem;
    padding-bottom: 0.78rem;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.28) 72%,
            rgba(0,0,0,0.00) 100%
        );
    border-top-color: rgba(255,255,255,0.04);
    backdrop-filter: blur(2px);
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy {
    opacity: 0;
    max-height: 0;
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image {
    inset: 0;
    filter: brightness(0.46) saturate(0.78);
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
    min-height: 100%;
    justify-content: flex-start;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.82),
            rgba(0,0,0,0.66)
        );
    backdrop-filter: blur(10px);
}

.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
.content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
.content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    color: rgba(255,255,255,0.92);
}



.publishing_token {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    padding: 0 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.78);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-decoration: none;
}

.publishing_token_public {
    border-color: rgba(255,255,255,0.20);
    color: rgba(255,255,255,0.68);
}

.publishing_token_private {
    border-color: rgba(255,166,64,0.36);
    color: rgba(255,190,116,0.95);
}

.publishing_token:hover {
    background: rgba(255,255,255,0.11);
    color: rgba(255,255,255,0.98);
}

.publishing_token.is-static {
    opacity: 0.55;
}

@media (max-width: 760px) {
    .content_row_track > * {
        flex-basis: clamp(12rem, 72vw, 18rem);
    }

    .node_cover {
        min-height: 13.5rem;
    }

    .content_grid_1_lvl_body .content_row_track > *,
    .content_grid_2_lvl_body .content_row_track > * {
        flex-basis: clamp(13.5rem, 74vw, 19rem);
    }

    .content_grid_1_lvl_body .content_row_track .node_cover,
    .content_grid_2_lvl_body .content_row_track .node_cover {
        aspect-ratio: 1 / 1.12;
        min-height: 0;
    }
}
@media (max-width: 760px) {
    
    .content_grid_1_lvl_body .content_row_track > *,
    .content_grid_2_lvl_body .content_row_track > * {
        flex-basis: 100% !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover,
    .content_grid_2_lvl_body .content_row_track .node_cover {
        aspect-ratio: auto !important;
        height: clamp(12.5rem, 56vw, 14rem) !important;
        min-height: 0 !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_image,
    .content_grid_2_lvl_body .content_row_track .node_cover_image,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image {
        inset: 0 52% 0 0 !important;
        filter: none !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
        left: 48% !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        min-height: 100% !important;
        max-height: 100% !important;
        justify-content: flex-start !important;
        padding: 0.92rem 3.15rem 1rem 1rem !important;
        background:
            linear-gradient(
                to top,
                rgba(0,0,0,0.92) 0%,
                rgba(0,0,0,0.76) 54%,
                rgba(0,0,0,0.28) 100%
            ) !important;
        border-top: 0 !important;
        border-left: 1px solid rgba(255,255,255,0.09) !important;
        backdrop-filter: blur(7px) !important;
        -webkit-backdrop-filter: blur(7px) !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        opacity: 1 !important;
        max-height: none !important;
    }
}
@media (max-width: 760px) {
    
    .content_grid_1_lvl_body .content_row_track .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_title,
    .content_grid_2_lvl_body .content_row_track .node_cover_title,
    .content_grid_1_lvl_body .content_row_track .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_copy {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }
}
@media (max-width: 760px) {
    
    .content_grid_1_lvl_body .content_row_track .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
        padding-left: 0.75rem !important;
        padding-right: 1rem !important;
    }
}
@media (max-width: 760px) {
    
    .content_grid_1_lvl_body .content_row_track .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover p,
    .content_grid_2_lvl_body .content_row_track .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover p,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p {
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
        max-height: none !important;
        overflow: hidden !important;
        opacity: 1 !important;
    }
}
@media (max-width: 760px) {
    
    .content_grid_1_lvl_body .content_row_track .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover p,
    .content_grid_2_lvl_body .content_row_track .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover p {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
        overflow: hidden !important;
        max-height: none !important;
        opacity: 1 !important;
    }

    
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image {
        inset: 0 !important;
        filter: brightness(0.46) saturate(0.78) !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 100% !important;
        max-height: 100% !important;
        justify-content: flex-start !important;
        padding: 0.92rem 1rem 1rem 0.75rem !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0.88) 0%,
                rgba(0,0,0,0.79) 52%,
                rgba(0,0,0,0.92) 100%
            ) !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.04) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        scrollbar-width: none !important;
        touch-action: pan-y !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body::-webkit-scrollbar,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body::-webkit-scrollbar {
        display: none !important;
    }

    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_1_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
    .content_grid_2_lvl_body .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 5 !important;
        overflow: hidden !important;
        max-height: none !important;
        opacity: 1 !important;
        color: rgba(255,255,255,0.92) !important;
    }
}

.unset_identity_header {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 16.67vh;
padding-top: 6px;
display: flex;
justify-content: space-evenly;
align-items: flex-start;
z-index: 1000;
overflow: visible;
box-sizing: border-box;
}

.unset_identity_nav_box {
flex: 1 1 0;
height: calc(22vh - 6px);
display: flex;
justify-content: center;
align-items: flex-start;
min-width: 0;
transform: scale(0);
opacity: 0;
transform-origin: center center;
transition:
    transform 0.22s ease,
    opacity 0.22s ease,
    filter 0.22s ease;
}

.unset_identity_nav_link {
cursor: pointer;
}

.unset_identity_nav_box.is_visible,
.content_grid_1_lvl_body .unset_identity_nav_box {
    transform: scale(1);
    opacity: 1;
}

.unset_identity_nav_box.is_hiding {
    transform: scale(0);
    opacity: 0;
}

.unset_identity_nav_box.is_visible:hover,
.content_grid_1_lvl_body .unset_identity_nav_box:hover {
    transform: scale(1.06);
}

.content_grid_1_lvl_body .content_grid_main {
    padding-top: calc(16.67vh + clamp(1rem, 2vw, 2rem));
}

.unset_identity_hero_letter:hover {
    transform: scale(1.1);
}

@keyframes float1 {
    0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
    20% { transform: translate(4px, -6px) rotate(2deg) scale(1.02); }
    40% { transform: translate(-3px, 5px) rotate(-3deg) scale(0.99); }
    60% { transform: translate(2px, -3px) rotate(1deg) scale(1.01); }
    80% { transform: translate(-5px, 2px) rotate(-2deg) scale(1); }
    100% { transform: translate(3px, -4px) rotate(5deg) scale(1.03); }
}

@keyframes float2 {
    0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
    20% { transform: translate(-5px, 3px) rotate(-1deg) scale(1.01); }
    30% { transform: translate(6px, -4px) rotate(2.5deg) scale(1.07); }
    70% { transform: translate(-2px, 5px) rotate(-3.2deg) scale(1.2); }
    80% { transform: translate(3px, -6px) rotate(1.8deg) scale(1.2); }
    100% { transform: translate(-4px, 2px) rotate(-2.2deg) scale(1.03); }
}

@keyframes float3 {
    0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
    25% { transform: translate(3px, -4px) rotate(-2.5deg) scale(1.02); }
    50% { transform: translate(-2px, 6px) rotate(2.8deg) scale(1); }
    75% { transform: translate(5px, -2px) rotate(-3deg) scale(0.98); }
    100% { transform: translate(-3px, 4px) rotate(1.5deg) scale(1.01); }
}

@keyframes float4 {
    0% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
    15% { transform: translate(-3px, 5px) rotate(2deg) scale(1.02); }
    20% { transform: translate(6px, -3px) rotate(-1.5deg) scale(1); }
    35% { transform: translate(-4px, 2px) rotate(3deg) scale(0.99); }
    50% { transform: translate(3px, -6px) rotate(-2.3deg) scale(1.01); }
    55% { transform: translate(-2px, 4px) rotate(2.8deg) scale(1); }
    65% { transform: translate(5px, -3px) rotate(-1.7deg) scale(0.88); }
    75% { transform: translate(0px, 0px) rotate(0deg) scale(1); }
    80% { transform: translate(3px, -4px) rotate(-4.5deg) scale(0.93); }
    90% { transform: translate(-2px, 6px) rotate(2.8deg) scale(0.91); }
    95% { transform: translate(5px, -2px) rotate(-3deg) scale(0.98); }
    100% { transform: translate(-3px, 4px) rotate(1.5deg) scale(1.01); }
}

.unset_identity_footer_copyright::before {
    content: "© 2026 Unset. All rights reserved.\A Unset Ltd | Registered in England & Wales |\A Company No: 16303149\A Reframe. Rewrite. Unset.";
}

.unset_identity_socialmedia:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.unset_identity_footer_powered_by_label::before {
    content: "Powered by";
}

.unset_identity_footer_subscribe .button_input {
    height: 2.35rem;
    width: max-content;
    min-width: 0;
    max-width: min(18rem, 86vw);
    margin: 0 auto !important;
    transition: width 0.22s ease;
}

.unset_identity_footer_subscribe .button_input.is-open,
.unset_identity_footer_subscribe .button_input:focus-within {
    width: min(18rem, 86vw);
}

.unset_identity_footer_subscribe .button_input:not(.is-open):not(:focus-within) .button_input_button {
    position: relative;
    inset: auto;
    width: auto;
    min-width: 0;
    white-space: nowrap;
}

.unset_identity_footer_subscribe .button_input:not(.is-open):not(:focus-within) .button_input_field {
    width: 100%;
}

.unset_identity_footer_subscribe .button_input_button,
.unset_identity_footer_subscribe .button_input_field {
    font-size: 0.72rem;
    letter-spacing: 0.07em;
}

.site_map_body .site_map_embed_shell,
.site_map_body .site_map_embed_frame {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

.site_map_body .document_flow_footer,
.site_map_body footer,
.site_map_body .unset_identity_footer {
    overflow: visible !important;
}



.unset_identity_footer_powered_by_label::before {
    content: "Powered by";
}


.unset_identity_footer .unset_identity_footer_inner,
.document_flow_footer .unset_identity_footer_inner,
footer .unset_identity_footer_inner {
    display: grid !important;
    flex-direction: initial !important;
    flex-wrap: initial !important;
    align-items: center !important;
    justify-items: center !important;
    justify-content: center !important;
}

.unset_identity_footer .unset_identity_footer_copyright,
.document_flow_footer .unset_identity_footer_copyright,
footer .unset_identity_footer_copyright {
    grid-area: company !important;
    order: initial !important;
}

.unset_identity_footer .unset_identity_footer_mobitorus,
.document_flow_footer .unset_identity_footer_mobitorus,
footer .unset_identity_footer_mobitorus {
    grid-area: mobitorus !important;
    order: initial !important;
}

.unset_identity_footer .unset_identity_footer_powered_by,
.document_flow_footer .unset_identity_footer_powered_by,
footer .unset_identity_footer_powered_by {
    grid-area: powered !important;
    order: initial !important;
}

.unset_identity_footer .unset_identity_socialmedias,
.document_flow_footer .unset_identity_socialmedias,
footer .unset_identity_socialmedias {
    grid-area: socials !important;
    order: initial !important;
}

.unset_identity_footer .unset_identity_footer_token_slot,
.document_flow_footer .unset_identity_footer_token_slot,
footer .unset_identity_footer_token_slot {
    grid-area: token !important;
    order: initial !important;
}

.unset_identity_footer .unset_identity_footer_subscribe,
.document_flow_footer .unset_identity_footer_subscribe,
footer .unset_identity_footer_subscribe {
    grid-area: subscribe !important;
    order: initial !important;
}


@container unset-footer (min-width: 34rem) {
    .unset_identity_footer .unset_identity_footer_inner,
    .document_flow_footer .unset_identity_footer_inner,
    footer .unset_identity_footer_inner {
        width: min(100%, 45rem) !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-areas:
            "company mobitorus"
            "powered socials"
            "token subscribe" !important;
    }
}


@container unset-footer (min-width: 58rem) {
    .unset_identity_footer .unset_identity_footer_inner,
    .document_flow_footer .unset_identity_footer_inner,
    footer .unset_identity_footer_inner {
        width: min(100%, 66rem) !important;
        grid-template-columns: minmax(18rem, 1.25fr) minmax(13rem, 1fr) minmax(13rem, 1fr) !important;
        grid-template-areas:
            "company powered token"
            "mobitorus socials subscribe" !important;
    }
}


@container unset-footer (min-width: 96rem) {
    .unset_identity_footer .unset_identity_footer_inner,
    .document_flow_footer .unset_identity_footer_inner,
    footer .unset_identity_footer_inner {
        width: min(100%, 92rem) !important;
        grid-template-columns:
            minmax(19rem, 1.35fr)
            minmax(3rem, 0.32fr)
            minmax(8rem, 0.68fr)
            minmax(9rem, 0.78fr)
            minmax(7rem, 0.58fr)
            minmax(13rem, 1fr) !important;
        grid-template-areas:
            "company mobitorus powered socials token subscribe" !important;
    }
}

.unset_identity_footer .unset_identity_footer_inner > *,
.document_flow_footer .unset_identity_footer_inner > *,
footer .unset_identity_footer_inner > * {
    min-width: 0 !important;
}

.unset_identity_footer .unset_identity_footer_subscribe .button_input,
.document_flow_footer .unset_identity_footer_subscribe .button_input,
footer .unset_identity_footer_subscribe .button_input {
    margin: 0 auto !important;
    max-width: min(18rem, 86vw) !important;
}

.site_map_body .site_map_embed_shell,
.site_map_body .site_map_embed_frame {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
}

.site_map_body .document_flow_footer,
.site_map_body footer,
.site_map_body .unset_identity_footer {
    overflow: visible !important;
}



.site_map_body .site_map,
.site_map_body .site_map_frame_slot,
.site_map_body .site_map_iframe_slot {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.site_map_body .site_map_embed_shell {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: #02030b !important;
}

.site_map_body .site_map_embed_frame {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    background: #02030b !important;
}

.site_map_body .site_map_footer .unset_identity_footer_inner {
    opacity: 0 !important;
    transform: translateY(0.55rem) !important;
    pointer-events: none !important;
    transition:
        opacity 0.18s ease,
        transform 0.22s ease !important;
}

.site_map_body .site_map_footer:hover,
.site_map_body .site_map_footer:focus-within,
.site_map_body.is_site_map_footer_open .site_map_footer {
    height: min(
        var(--unset-site-map-footer-expanded-height, 16rem),
        calc(100dvh - var(--unset-header-height, 16.67vh) - 0.5rem)
    ) !important;
    min-height: min(
        var(--unset-site-map-footer-expanded-height, 16rem),
        calc(100dvh - var(--unset-header-height, 16.67vh) - 0.5rem)
    ) !important;
    padding: clamp(0.75rem, 1.35vw, 1rem) clamp(0.7rem, 1.4vw, 1.1rem) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow:
        0 -24px 70px rgba(0,0,0,0.78),
        0 -1px 0 rgba(255,255,255,0.06) !important;
}

.site_map_body .site_map_footer:hover .unset_identity_footer_inner,
.site_map_body .site_map_footer:focus-within .unset_identity_footer_inner,
.site_map_body.is_site_map_footer_open .site_map_footer .unset_identity_footer_inner {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.site_map_body .site_map_footer .ccos_cookie_banner {
    position: fixed !important;
}

@media (max-width: 720px) {
    .site_map_body {
        --unset-site-map-footer-expanded-height: min(70dvh, 28rem);
    }
}



.nav-panel,
.nav_panel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.directional_nav {
    --directional-nav-green: #32bf6d;
    --directional-nav-orange: #e95720;
    --directional-nav-text: rgba(255,255,255,0.86);
    --directional-nav-muted: rgba(255,255,255,0.44);
    --directional-nav-node-width: clamp(2.02rem, 3.05vw, 2.48rem);
    --directional-nav-node-height: clamp(13.65rem, 34vh, 18.75rem);
    --directional-nav-middle-width: clamp(12.1rem, 31vw, 15.15rem);
    --directional-nav-current-width: clamp(8.15rem, 20.5vw, 11.75rem);
    --directional-nav-current-height: auto;
    --directional-nav-current-min-height: clamp(2.7rem, 7.2vh, 3.5rem);
    --directional-nav-arrow-box: clamp(1.05rem, 2.05vw, 1.42rem);
    --directional-nav-gap-x: clamp(0.24rem, 0.72vw, 0.5rem);
    --directional-nav-gap-y: clamp(0.1rem, 0.38vh, 0.28rem);
    --directional-nav-card-radius: clamp(0.88rem, 1.6vw, 1.32rem);
    --directional-nav-card-border: rgba(255,255,255,0.14);
    --directional-nav-card-bg: linear-gradient(145deg, rgba(255,255,255,0.058), rgba(255,255,255,0.018)), rgba(0,0,0,0.48);

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.14rem, 0.42vw, 0.34rem) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: var(--directional-nav-text) !important;
    font-family: Roboto, Arial, sans-serif !important;
}

.directional_nav_payload {
    display: none !important;
}

.directional_nav_static,
.directional_nav_generated {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.directional_nav_grid {
    display: grid !important;
    grid-template-columns:
        var(--directional-nav-node-width)
        var(--directional-nav-middle-width)
        var(--directional-nav-node-width) !important;
    grid-template-rows: 1fr !important;
    column-gap: var(--directional-nav-gap-x) !important;
    align-items: center !important;
    justify-content: center !important;
    justify-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.directional_nav_column {
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.directional_nav_core,
.directional_nav_column_middle {
    width: var(--directional-nav-middle-width) !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr) !important;
    row-gap: var(--directional-nav-gap-y) !important;
    align-items: center !important;
    justify-items: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.directional_nav_parents_block,
.directional_nav_children_block {
    width: var(--directional-nav-middle-width) !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    justify-items: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.directional_nav_parents_block {
    grid-template-rows: minmax(0, 1fr) var(--directional-nav-arrow-box) !important;
    align-items: end !important;
}

.directional_nav_children_block {
    grid-template-rows: var(--directional-nav-arrow-box) minmax(0, 1fr) !important;
    align-items: start !important;
}

.directional_nav_strip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(0.14rem, 0.38vw, 0.28rem) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(50,191,109,0.34) transparent !important;
    padding: 0.02rem !important;
    box-sizing: border-box !important;
}

.directional_nav_parents {
    align-self: end !important;
    align-items: flex-end !important;
}

.directional_nav_children {
    align-self: start !important;
    align-items: flex-start !important;
}

.directional_nav_strip::-webkit-scrollbar {
    height: 0.22rem !important;
}

.directional_nav_strip::-webkit-scrollbar-track {
    background: transparent !important;
}

.directional_nav_strip::-webkit-scrollbar-thumb {
    background: rgba(50,191,109,0.34) !important;
    border-radius: 999px !important;
}

.directional_nav_chip,
.directional_nav_side_node {
    position: relative !important;
    flex: 0 0 var(--directional-nav-node-width) !important;
    width: var(--directional-nav-node-width) !important;
    height: var(--directional-nav-node-height) !important;
    min-width: var(--directional-nav-node-width) !important;
    max-width: var(--directional-nav-node-width) !important;
    min-height: var(--directional-nav-node-height) !important;
    max-height: var(--directional-nav-node-height) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--directional-nav-card-border) !important;
    border-radius: var(--directional-nav-card-radius) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: var(--directional-nav-card-bg) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 10px 24px rgba(0,0,0,0.24) !important;
    color: rgba(255,255,255,0.80) !important;
    text-align: center !important;
    text-decoration: none !important;
}

.directional_nav_side {
    width: var(--directional-nav-node-width) !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.directional_nav_side_node.is-empty {
    opacity: 0 !important;
    pointer-events: none !important;
}

.directional_nav_side_eyebrow {
    display: none !important;
}

.directional_nav_node_label,
.directional_nav_chip_label,
.directional_nav_side_title {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    width: calc(var(--directional-nav-node-height) - 0.42rem) !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    transform-origin: center center !important;
    color: rgba(255,255,255,0.84) !important;
    font-size: clamp(0.52rem, 0.84vw, 0.74rem) !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    letter-spacing: 0.012em !important;
    text-align: center !important;
    pointer-events: none !important;
}

.directional_nav_chip:hover,
.directional_nav_chip:focus,
.directional_nav_side_node:hover,
.directional_nav_side_node:focus {
    color: rgba(255,255,255,0.96) !important;
    border-color: rgba(50,191,109,0.48) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(50,191,109,0.15), transparent 70%),
        linear-gradient(145deg, rgba(255,255,255,0.078), rgba(255,255,255,0.026)),
        rgba(0,0,0,0.56) !important;
    outline: none !important;
}

.directional_nav_parent_chip.is-active-parent {
    border-color: rgba(50,191,109,0.50) !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(50,191,109,0.16), transparent 72%),
        rgba(50,191,109,0.09) !important;
}

.directional_nav_chip_marker_up {
    position: absolute !important;
    left: 50% !important;
    bottom: 0.18rem !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0 0.22rem 0.32rem 0.22rem !important;
    border-color: transparent transparent var(--directional-nav-green) transparent !important;
    filter: drop-shadow(0 0 5px rgba(50,191,109,0.44)) !important;
}

.directional_nav_empty {
    flex: 0 0 auto !important;
    color: var(--directional-nav-muted) !important;
    font-size: 0.56rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.directional_nav_current_row {
    width: var(--directional-nav-middle-width) !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: var(--directional-nav-current-min-height) !important;
    display: grid !important;
    grid-template-columns: var(--directional-nav-arrow-box) minmax(0, 1fr) var(--directional-nav-arrow-box) !important;
    column-gap: clamp(0.08rem, 0.26vw, 0.18rem) !important;
    align-items: center !important;
    justify-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.directional_nav_current {
    width: var(--directional-nav-current-width) !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: var(--directional-nav-current-min-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.directional_nav_current_link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: var(--directional-nav-current-min-height) !important;
    max-height: none !important;
    padding: clamp(0.26rem, 0.48vw, 0.42rem) !important;
    border: 1px solid rgba(255,199,109,0.34) !important;
    border-radius: var(--directional-nav-card-radius) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(233,87,32,0.17), transparent 62%),
        linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
        rgba(0,0,0,0.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 12px 30px rgba(0,0,0,0.34),
        0 0 18px rgba(233,87,32,0.08) !important;
    color: rgba(255,255,255,0.92) !important;
    font-size: clamp(0.76rem, 1.22vw, 1.08rem) !important;
    font-weight: 840 !important;
    line-height: 1.03 !important;
    letter-spacing: 0.018em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-wrap: balance !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}


.directional_nav_parent_arrow,
.directional_nav_child_arrow,
.directional_nav_current_arrow {
    width: var(--directional-nav-arrow-box) !important;
    height: var(--directional-nav-arrow-box) !important;
    min-width: var(--directional-nav-arrow-box) !important;
    min-height: var(--directional-nav-arrow-box) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 4 !important;
}

.directional_nav_parent_arrow {
    align-self: end !important;
}

.directional_nav_child_arrow {
    align-self: start !important;
}

.directional_nav .directional_nav_arrow_click,
.directional_nav .arrow_click,
.directional_nav .up_click,
.directional_nav .down_click,
.directional_nav .left_click,
.directional_nav .right_click {
    position: relative !important;
    inset: auto !important;
    width: var(--directional-nav-arrow-box) !important;
    height: var(--directional-nav-arrow-box) !important;
    min-width: var(--directional-nav-arrow-box) !important;
    min-height: var(--directional-nav-arrow-box) !important;
    max-width: var(--directional-nav-arrow-box) !important;
    max-height: var(--directional-nav-arrow-box) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    opacity: 1 !important;
    z-index: 3200 !important;
    isolation: isolate !important;
}

.directional_nav .directional_nav_arrow_click.is-disabled {
    opacity: 0.22 !important;
    pointer-events: none !important;
}

.directional_nav .directional_nav_arrow_link,
.directional_nav .arrow-button {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--directional-nav-green) !important;
    text-decoration: none !important;
}

.directional_nav .directional_nav_arrow_link::before,
.directional_nav .arrow-button::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    z-index: 2 !important;
    filter: drop-shadow(0 0 5px rgba(50,191,109,0.42)) !important;
}

.directional_nav .arrow-up::before,
.directional_nav .nav-up::before {
    border-width: 0 0.34rem 0.5rem 0.34rem !important;
    border-color: transparent transparent var(--directional-nav-green) transparent !important;
}

.directional_nav .arrow-down::before,
.directional_nav .nav-down::before {
    border-width: 0.5rem 0.34rem 0 0.34rem !important;
    border-color: var(--directional-nav-green) transparent transparent transparent !important;
}

.directional_nav .arrow-left::before,
.directional_nav .nav-left::before {
    border-width: 0.34rem 0.5rem 0.34rem 0 !important;
    border-color: transparent var(--directional-nav-green) transparent transparent !important;
}

.directional_nav .arrow-right::before,
.directional_nav .nav-right::before {
    border-width: 0.34rem 0 0.34rem 0.5rem !important;
    border-color: transparent transparent transparent var(--directional-nav-green) !important;
}

.directional_nav_arrow_symbol {
    display: none !important;
}

@media (max-height: 720px) {
    .directional_nav {
        --directional-nav-node-height: clamp(13.65rem, 34vh, 18.75rem);
        --directional-nav-current-height: auto;
    --directional-nav-current-min-height: clamp(2.7rem, 7.2vh, 3.5rem);
        --directional-nav-arrow-box: clamp(1.05rem, 2.05vw, 1.42rem);
    }
}

@media (max-width: 760px) {
    .directional_nav {
        --directional-nav-node-width: clamp(2.02rem, 3.05vw, 2.48rem);
        --directional-nav-node-height: clamp(13.65rem, 34vh, 18.75rem);
        --directional-nav-middle-width: clamp(12.1rem, 31vw, 15.15rem);
        --directional-nav-current-width: clamp(8.15rem, 20.5vw, 11.75rem);
        --directional-nav-current-height: auto;
    --directional-nav-current-min-height: clamp(2.7rem, 7.2vh, 3.5rem);
        --directional-nav-arrow-box: clamp(1.05rem, 2.05vw, 1.42rem);
        --directional-nav-gap-x: clamp(0.24rem, 0.72vw, 0.5rem);
    }

    .directional_nav_node_label,
    .directional_nav_chip_label,
    .directional_nav_side_title {
        font-size: clamp(0.5rem, 1.55vw, 0.68rem) !important;
    }
}

@media (max-width: 460px), (max-height: 560px) {
    .directional_nav {
        --directional-nav-node-width: clamp(2.02rem, 3.05vw, 2.48rem);
        --directional-nav-node-height: clamp(13.65rem, 34vh, 18.75rem);
        --directional-nav-middle-width: clamp(12.1rem, 31vw, 15.15rem);
        --directional-nav-current-width: clamp(8.15rem, 20.5vw, 11.75rem);
        --directional-nav-current-height: auto;
    --directional-nav-current-min-height: clamp(2.7rem, 7.2vh, 3.5rem);
        --directional-nav-arrow-box: clamp(1.05rem, 2.05vw, 1.42rem);
        padding: 0.08rem !important;
    }

    .directional_nav_current_link {
        font-size: 0.66rem !important;
    }

    .directional_nav_node_label,
    .directional_nav_chip_label,
    .directional_nav_side_title {
        font-size: 0.5rem !important;
    }
}



.directional_nav {
    --directional-nav-tab-bg: linear-gradient(
        to bottom,
        rgba(78,88,112,0.98),
        rgba(40,48,68,0.98)
    );
    --directional-nav-tab-bg-hover: linear-gradient(
        to bottom,
        rgba(96,108,136,0.98),
        rgba(52,62,86,0.98)
    );
    --directional-nav-tab-border: rgba(255,255,255,0.18);
    --directional-nav-tab-border-soft: rgba(255,255,255,0.12);
    --directional-nav-tab-text: #f8faff;
}

.directional_nav_strip {
    justify-content: center !important;
    justify-content: safe center !important;
    justify-items: center !important;
}

.directional_nav_parents,
.directional_nav_children {
    justify-content: center !important;
    justify-content: safe center !important;
    align-items: center !important;
}

.directional_nav_empty {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.directional_nav_chip,
.directional_nav_side_node,
.directional_nav_current_link,
.directional_nav_parent_chip.is-active-parent {
    background: var(--directional-nav-tab-bg) !important;
    border-color: var(--directional-nav-tab-border-soft) !important;
    color: var(--directional-nav-tab-text) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.055),
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 10px 24px rgba(0,0,0,0.24) !important;
}

.directional_nav_current_link {
    border-color: var(--directional-nav-tab-border-soft) !important;
}

.directional_nav_chip:hover,
.directional_nav_chip:focus,
.directional_nav_side_node:hover,
.directional_nav_side_node:focus,
.directional_nav_current_link:hover,
.directional_nav_current_link:focus {
    background: var(--directional-nav-tab-bg-hover) !important;
    border-color: var(--directional-nav-tab-border) !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.10),
        inset 0 1px 0 rgba(255,255,255,0.14),
        0 12px 28px rgba(0,0,0,0.30) !important;
}

.directional_nav_node_label,
.directional_nav_chip_label,
.directional_nav_side_title,
.directional_nav_current_link {
    color: var(--directional-nav-tab-text) !important;
}



.directional_nav_chip_marker_down {
    position: absolute !important;
    left: 50% !important;
    top: 0.18rem !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 0.32rem 0.22rem 0 0.22rem !important;
    border-color: var(--directional-nav-green, #32bf6d) transparent transparent transparent !important;
    filter: drop-shadow(0 0 5px rgba(50,191,109,0.44)) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

.directional_nav_child_chip:first-child .directional_nav_chip_marker_down,
.directional_nav_children .directional_nav_chip:first-child .directional_nav_chip_marker_down {
    display: block !important;
}

.directional_nav_child_chip,
.directional_nav_children .directional_nav_chip {
    position: relative !important;
}



.directional_nav {
    --directional-nav-middle-width: var(--directional-nav-current-width) !important;
    --directional-nav-gap-x: 0 !important;
}

.directional_nav_current_row,
.directional_nav_current_row_no_lr_arrows {
    width: var(--directional-nav-current-width) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
}

.directional_nav_current_arrow_left,
.directional_nav_current_arrow_right {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.directional_nav_grid {
    grid-template-columns:
        var(--directional-nav-node-width)
        var(--directional-nav-current-width)
        var(--directional-nav-node-width) !important;
    column-gap: 0 !important;
}

.directional_nav_core,
.directional_nav_column_middle,
.directional_nav_parents_block,
.directional_nav_children_block,
.directional_nav_strip {
    width: var(--directional-nav-current-width) !important;
}

.directional_nav_side_left {
    justify-content: flex-end !important;
}

.directional_nav_side_right {
    justify-content: flex-start !important;
}


.template_body {
    --unset-directional-nav-middle-width: var(--directional-nav-current-width, clamp(8.15rem, 20.5vw, 11.75rem));
    --unset-directional-nav-gap-x: 0rem;
    --unset-directional-nav-figure-width: calc(
        (var(--unset-directional-nav-node-width) * 2)
        + var(--unset-directional-nav-middle-width)
    );
    --unset-article-overlay-left-x: calc(
        var(--unset-directional-nav-figure-width)
        - (var(--unset-arrow-rail) / 2)
        + 0.62rem
    );
}



.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_left,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_right,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_up,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_down {
    transform: none !important;
}



.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_left,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_right,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_up,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_down {
    right: auto !important;
}



.template_body .template_arrow_overlay {
    opacity: 1 !important;
}

.template_body .template_overlay_arrow_left,
.template_body .template_overlay_arrow_right,
.template_body .template_overlay_arrow_up,
.template_body .template_overlay_arrow_down {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

.template_body[data-article-overlay-arrows-aligned="failed-open"] .template_arrow_overlay,
.template_body[data-article-overlay-arrows-aligned="true"] .template_arrow_overlay {
    opacity: 1 !important;
}



@media (orientation: portrait) {
    .template_body {
        --unset-template-tab-row-height: clamp(8.4rem, 17.5vh, 11.2rem) !important;
        --directional-nav-portrait-row-height: clamp(1.8rem, 4.1vh, 2.35rem) !important;
        --directional-nav-portrait-button-width: clamp(6.9rem, 29vw, 10.25rem) !important;
        --directional-nav-portrait-current-width: clamp(8rem, 35vw, 12rem) !important;
        --directional-nav-portrait-gap-x: clamp(0.18rem, 1vw, 0.42rem) !important;
        --directional-nav-portrait-gap-y: clamp(0.16rem, 0.65vh, 0.32rem) !important;
        --directional-nav-figure-width: 100vw !important;
        --unset-article-overlay-left-x: 0px !important;
    }

    .template_body .content_row {
        flex-direction: column !important;
        height: calc(100vh - var(--unset-header-height)) !important;
        height: calc(100dvh - var(--unset-header-height)) !important;
        overflow: hidden !important;
    }

    .template_body .main {
        order: 1 !important;
        flex: 1 1 auto !important;
        width: 100vw !important;
        height: calc(100% - var(--unset-template-tab-row-height)) !important;
        min-height: 0 !important;
        margin-left: 0 !important;
    }

    .template_body .aside,
    .template_body aside:has(.directional_nav),
    .template_body .aside:has(.directional_nav),
    .template_body .nav_aside:has(.directional_nav) {
        order: 2 !important;
        flex: 0 0 var(--unset-template-tab-row-height) !important;
        flex-basis: var(--unset-template-tab-row-height) !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: none !important;
        height: var(--unset-template-tab-row-height) !important;
        min-height: var(--unset-template-tab-row-height) !important;
        max-height: var(--unset-template-tab-row-height) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0.82) 0%,
                rgba(0,0,0,0.94) 28%,
                #000000 64%,
                #000000 100%
            ) !important;
        border-right: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        box-shadow: none !important;
    }

    .template_body .aside > div,
    .template_body aside:has(.directional_nav) > div,
    .template_body .aside:has(.directional_nav) > div,
    .nav-panel,
    .nav_panel {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .directional_nav {
        --directional-nav-node-width: var(--directional-nav-portrait-button-width) !important;
        --directional-nav-node-height: var(--directional-nav-portrait-row-height) !important;
        --directional-nav-current-width: var(--directional-nav-portrait-current-width) !important;
        --directional-nav-current-min-height: var(--directional-nav-portrait-row-height) !important;
        --directional-nav-middle-width: 100vw !important;
        --directional-nav-gap-x: var(--directional-nav-portrait-gap-x) !important;
        --directional-nav-gap-y: var(--directional-nav-portrait-gap-y) !important;
        --directional-nav-arrow-box: 0px !important;
        --directional-nav-card-radius: 999px !important;

        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: clamp(0.2rem, 0.8vh, 0.38rem) 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_static,
    .directional_nav_generated {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .directional_nav_grid {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--directional-nav-current-width) minmax(0, 1fr) !important;
        grid-template-rows:
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height) !important;
        column-gap: var(--directional-nav-portrait-gap-x) !important;
        row-gap: var(--directional-nav-portrait-gap-y) !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: auto 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_core,
    .directional_nav_column_middle {
        grid-column: 1 / -1 !important;
        grid-row: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows:
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height) !important;
        row-gap: var(--directional-nav-portrait-gap-y) !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .directional_nav_parents_block,
    .directional_nav_children_block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .directional_nav_parents_block {
        grid-row: 1 !important;
    }

    .directional_nav_current_row,
    .directional_nav_current_row_no_lr_arrows {
        grid-row: 2 !important;
        width: var(--directional-nav-current-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-current-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 4 !important;
    }

    .directional_nav_children_block {
        grid-row: 3 !important;
    }

    .directional_nav_column_left,
    .directional_nav_column_right,
    .directional_nav_side {
        grid-row: 2 !important;
        width: var(--directional-nav-portrait-button-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-portrait-button-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 5 !important;
    }

    .directional_nav_column_left,
    .directional_nav_side_left {
        grid-column: 1 !important;
        justify-self: end !important;
        justify-content: flex-end !important;
    }

    .directional_nav_column_right,
    .directional_nav_side_right {
        grid-column: 3 !important;
        justify-self: start !important;
        justify-content: flex-start !important;
    }

    .directional_nav_strip {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: var(--directional-nav-portrait-gap-x) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 clamp(0.28rem, 2vw, 0.62rem) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        overscroll-behavior-inline: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .directional_nav_strip::-webkit-scrollbar {
        display: none !important;
    }

    .directional_nav_parents .directional_nav_chip:first-child,
    .directional_nav_children .directional_nav_chip:first-child {
        margin-left: auto !important;
    }

    .directional_nav_parents .directional_nav_chip:last-child,
    .directional_nav_children .directional_nav_chip:last-child {
        margin-right: auto !important;
    }

    .directional_nav_chip,
    .directional_nav_side_node {
        flex: 0 0 var(--directional-nav-portrait-button-width) !important;
        width: var(--directional-nav-portrait-button-width) !important;
        min-width: var(--directional-nav-portrait-button-width) !important;
        max-width: var(--directional-nav-portrait-button-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        padding: 0 clamp(0.4rem, 1.5vw, 0.72rem) !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .directional_nav_current,
    .directional_nav_current_link {
        width: var(--directional-nav-current-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-current-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        padding: 0 clamp(0.55rem, 2vw, 0.85rem) !important;
        border-radius: 999px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_node_label,
    .directional_nav_chip_label,
    .directional_nav_side_title {
        position: static !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        transform: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        color: var(--directional-nav-tab-text, #f8faff) !important;
        font-size: clamp(0.64rem, 2.55vw, 0.86rem) !important;
        font-weight: 760 !important;
        line-height: 1 !important;
        letter-spacing: 0.01em !important;
        text-align: center !important;
        pointer-events: none !important;
    }

    .directional_nav_current_link {
        font-size: clamp(0.72rem, 3vw, 0.98rem) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .directional_nav_chip_marker_up {
        bottom: 0.12rem !important;
        border-width: 0 0.18rem 0.27rem 0.18rem !important;
    }

    .directional_nav_chip_marker_down {
        top: 0.12rem !important;
        border-width: 0.27rem 0.18rem 0 0.18rem !important;
    }

    .directional_nav_empty,
    .directional_nav_parent_arrow,
    .directional_nav_child_arrow,
    .directional_nav_current_arrow_left,
    .directional_nav_current_arrow_right {
        display: none !important;
    }

    .template_body .template_arrow_overlay {
        height: calc(100vh - var(--unset-header-height) - var(--unset-template-tab-row-height)) !important;
        height: calc(100dvh - var(--unset-header-height) - var(--unset-template-tab-row-height)) !important;
    }
}



.directional_nav {
    --directional-nav-sitemap-card: linear-gradient(145deg, rgba(25, 34, 66, 0.96), rgba(5, 8, 20, 0.98));
    --directional-nav-sitemap-card-selected: linear-gradient(145deg, rgba(43, 56, 94, 0.98), rgba(9, 14, 31, 0.99));
    --directional-nav-sitemap-text: rgba(245, 248, 255, 0.94);
    --directional-nav-sitemap-border: rgba(210, 226, 255, 0.18);
    --directional-nav-sitemap-border-strong: rgba(152, 224, 207, 0.58);
    --directional-nav-sitemap-glow: rgba(142, 222, 202, 0.14);
    --directional-nav-sitemap-blue-glow: rgba(112, 224, 255, 0.10);
}


.directional_nav_chip,
.directional_nav_side_node {
    background:
        radial-gradient(circle at 50% 0%, var(--directional-nav-sitemap-blue-glow), transparent 64%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
    border-color: var(--directional-nav-sitemap-border) !important;
    color: var(--directional-nav-sitemap-text) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.09),
        0 12px 30px rgba(0,0,0,0.38) !important;
}

.directional_nav_current_link {
    background:
        radial-gradient(circle at 50% 18%, rgba(142,222,202,0.13), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card-selected) !important;
    border-color: var(--directional-nav-sitemap-border-strong) !important;
    color: var(--directional-nav-sitemap-text) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.13),
        0 18px 42px rgba(0,0,0,0.48),
        0 0 0 2px rgba(142,222,202,0.075),
        0 0 26px var(--directional-nav-sitemap-glow) !important;
}

.directional_nav_parent_chip.is-active-parent {
    background:
        radial-gradient(circle at 50% 0%, var(--directional-nav-sitemap-blue-glow), transparent 64%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
    border-color: var(--directional-nav-sitemap-border-strong) !important;
}

.directional_nav_chip:hover,
.directional_nav_chip:focus,
.directional_nav_side_node:hover,
.directional_nav_side_node:focus {
    background:
        radial-gradient(circle at 50% 0%, rgba(50,191,109,0.16), transparent 70%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0, rgba(255,255,255,0.035) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card-selected) !important;
    border-color: var(--directional-nav-sitemap-border-strong) !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.13),
        0 14px 34px rgba(0,0,0,0.42),
        0 0 0 2px rgba(142,222,202,0.075) !important;
}

.directional_nav_node_label,
.directional_nav_chip_label,
.directional_nav_side_title,
.directional_nav_current_link {
    color: var(--directional-nav-sitemap-text) !important;
}


@media (orientation: landscape) {
    .directional_nav {
        --directional-nav-gap-y: 0rem !important;
    }

    .directional_nav_core,
    .directional_nav_column_middle {
        row-gap: 0 !important;
    }

    .directional_nav_parents_block {
        align-items: end !important;
        align-content: end !important;
        justify-content: end !important;
        padding-bottom: 0 !important;
        margin-bottom: -0.04rem !important;
    }

    .directional_nav_children_block {
        align-items: start !important;
        align-content: start !important;
        justify-content: start !important;
        padding-top: 0 !important;
        margin-top: -0.04rem !important;
    }

    .directional_nav_parents {
        align-self: end !important;
        align-items: flex-end !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .directional_nav_children {
        align-self: start !important;
        align-items: flex-start !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .directional_nav_current_row,
    .directional_nav_current_row_no_lr_arrows {
        margin-block: 0 !important;
    }
}



.directional_nav_parent_chip.is-active-parent,
.directional_nav_parent_chip.is-active,
.directional_nav_parents .directional_nav_chip.is-active-parent,
.directional_nav_parents .directional_nav_chip.is-active {
    background:
        radial-gradient(circle at 50% 0%, var(--directional-nav-sitemap-blue-glow), transparent 64%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
    border-color: var(--directional-nav-sitemap-border) !important;
    color: var(--directional-nav-sitemap-text) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.09),
        0 12px 30px rgba(0,0,0,0.38) !important;
}



.directional_nav {
    --directional-nav-dock-bg:
        radial-gradient(circle at 52% 0%, rgba(50,191,109,0.09), transparent 42%),
        linear-gradient(180deg, rgba(11,18,36,0.78), rgba(2,5,16,0.62));
    --directional-nav-dock-border: rgba(142,222,202,0.18);
    --directional-nav-dock-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        inset 0 0 0 1px rgba(255,255,255,0.035),
        0 24px 54px rgba(0,0,0,0.34);
}

@media (orientation: landscape) {
    .directional_nav {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: max-content !important;
        height: auto !important;
        min-height: 0 !important;
        padding: clamp(0.38rem, 0.72vw, 0.58rem) !important;
        border: 1px solid var(--directional-nav-dock-border) !important;
        border-radius: clamp(1.05rem, 1.9vw, 1.5rem) !important;
        background: var(--directional-nav-dock-bg) !important;
        box-shadow: var(--directional-nav-dock-shadow) !important;
        backdrop-filter: blur(7px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
        overflow: visible !important;
    }

    .directional_nav_static,
    .directional_nav_generated,
    .directional_nav_grid {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-items: center !important;
    }

    .directional_nav_grid {
        grid-template-columns:
            calc(var(--directional-nav-node-width) * 0.78)
            var(--directional-nav-current-width)
            calc(var(--directional-nav-node-width) * 0.78) !important;
        column-gap: clamp(0.08rem, 0.18vw, 0.14rem) !important;
        width: max-content !important;
        min-width: 0 !important;
    }

    .directional_nav_core,
    .directional_nav_column_middle {
        grid-template-rows: auto auto auto !important;
        row-gap: 0 !important;
        align-self: center !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        min-height: 0 !important;
        width: var(--directional-nav-current-width) !important;
    }

    .directional_nav_parents_block,
    .directional_nav_children_block {
        height: auto !important;
        min-height: 0 !important;
        width: var(--directional-nav-current-width) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .directional_nav_parents_block {
        margin-bottom: -0.10rem !important;
        padding-bottom: 0 !important;
    }

    .directional_nav_children_block {
        margin-top: -0.10rem !important;
        padding-top: 0 !important;
        position: relative !important;
    }

    .directional_nav_current_row,
    .directional_nav_current_row_no_lr_arrows {
        position: relative !important;
        z-index: 3 !important;
        margin: 0 !important;
    }

    .directional_nav_current_link {
        min-height: clamp(2.5rem, 5.5vh, 3.1rem) !important;
        border-radius: clamp(0.72rem, 1.25vw, 1.06rem) !important;
    }

    .directional_nav_parents,
    .directional_nav_children {
        justify-content: center !important;
        align-items: center !important;
        gap: clamp(0.08rem, 0.22vw, 0.16rem) !important;
        padding: 0 !important;
        margin: 0 !important;
        width: var(--directional-nav-current-width) !important;
        max-width: var(--directional-nav-current-width) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 0.45rem, #000 calc(100% - 0.45rem), transparent 100%) !important;
        mask-image: linear-gradient(to right, transparent 0, #000 0.45rem, #000 calc(100% - 0.45rem), transparent 100%) !important;
    }

    .directional_nav_parents::-webkit-scrollbar,
    .directional_nav_children::-webkit-scrollbar {
        display: none !important;
    }

    .directional_nav_chip {
        width: clamp(1.55rem, 2.28vw, 1.9rem) !important;
        min-width: clamp(1.55rem, 2.28vw, 1.9rem) !important;
        height: clamp(8.4rem, 20.5vh, 11.6rem) !important;
        border-radius: clamp(0.78rem, 1.28vw, 1.06rem) !important;
    }

    .directional_nav_parent_chip {
        height: clamp(7.2rem, 18vh, 10.2rem) !important;
    }

    .directional_nav_child_chip {
        height: clamp(7.9rem, 20vh, 11.0rem) !important;
    }

    .directional_nav_side,
    .directional_nav_column_left,
    .directional_nav_column_right {
        width: calc(var(--directional-nav-node-width) * 0.78) !important;
        min-width: calc(var(--directional-nav-node-width) * 0.78) !important;
        max-width: calc(var(--directional-nav-node-width) * 0.78) !important;
        justify-content: center !important;
        opacity: 0.72 !important;
        filter: saturate(0.92) brightness(0.88) !important;
        transition: opacity 160ms ease, filter 160ms ease, transform 160ms ease !important;
    }

    .directional_nav_side:hover,
    .directional_nav_column_left:hover,
    .directional_nav_column_right:hover {
        opacity: 1 !important;
        filter: saturate(1.05) brightness(1) !important;
    }

    .directional_nav_side_node {
        width: clamp(1.34rem, 1.95vw, 1.66rem) !important;
        min-width: clamp(1.34rem, 1.95vw, 1.66rem) !important;
        height: clamp(8.4rem, 22vh, 11.9rem) !important;
        border-radius: clamp(0.7rem, 1.15vw, 0.98rem) !important;
        opacity: 0.92 !important;
    }

    .directional_nav_side_left {
        transform: translateX(0.05rem) !important;
    }

    .directional_nav_side_right {
        transform: translateX(-0.05rem) !important;
    }

    .directional_nav_side_node.is-empty {
        opacity: 0.18 !important;
    }

    .directional_nav_chip_marker_up {
        bottom: 0.18rem !important;
    }

    .directional_nav_chip_marker_down {
        top: 0.18rem !important;
    }
}



.directional_nav {
    --directional-nav-lit-near: rgba(60, 134, 244, 0.18);
    --directional-nav-lit-near-green: rgba(50, 191, 109, 0.12);
    --directional-nav-lit-far: rgba(2, 5, 15, 0.64);
    --directional-nav-lit-mid: rgba(20, 34, 67, 0.72);
    --directional-nav-current-aura: rgba(142, 222, 202, 0.22);
}


.directional_nav_current_link {
    background:
        radial-gradient(ellipse at 50% 50%, var(--directional-nav-current-aura), transparent 62%),
        radial-gradient(circle at 50% 18%, rgba(60,134,244,0.16), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0, rgba(255,255,255,0.035) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card-selected) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.15),
        0 14px 34px rgba(0,0,0,0.42),
        0 0 0 2px rgba(142,222,202,0.09),
        0 0 34px rgba(142,222,202,0.20) !important;
}


.directional_nav_parent_chip,
.directional_nav_parents .directional_nav_chip,
.directional_nav_parent_chip.is-active-parent,
.directional_nav_parent_chip.is-active,
.directional_nav_parents .directional_nav_chip.is-active-parent,
.directional_nav_parents .directional_nav_chip.is-active {
    background:
        linear-gradient(to bottom, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 52%, var(--directional-nav-lit-near) 100%),
        radial-gradient(ellipse at 50% 100%, var(--directional-nav-lit-near-green), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
    border-color: var(--directional-nav-sitemap-border) !important;
    box-shadow:
        inset 0 -1px 0 rgba(255,255,255,0.11),
        inset 0 1px 0 rgba(0,0,0,0.16),
        0 12px 30px rgba(0,0,0,0.38) !important;
}


.directional_nav_child_chip,
.directional_nav_children .directional_nav_chip {
    background:
        linear-gradient(to bottom, var(--directional-nav-lit-near) 0%, var(--directional-nav-lit-mid) 46%, var(--directional-nav-lit-far) 100%),
        radial-gradient(ellipse at 50% 0%, var(--directional-nav-lit-near-green), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.11),
        inset 0 -1px 0 rgba(0,0,0,0.18),
        0 12px 30px rgba(0,0,0,0.38) !important;
}


.directional_nav_side_left .directional_nav_side_node,
.directional_nav_column_left .directional_nav_side_node {
    background:
        linear-gradient(to right, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 54%, var(--directional-nav-lit-near) 100%),
        radial-gradient(ellipse at 100% 50%, var(--directional-nav-lit-near-green), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
}

.directional_nav_side_right .directional_nav_side_node,
.directional_nav_column_right .directional_nav_side_node {
    background:
        linear-gradient(to left, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 54%, var(--directional-nav-lit-near) 100%),
        radial-gradient(ellipse at 0% 50%, var(--directional-nav-lit-near-green), transparent 58%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
        var(--directional-nav-sitemap-card) !important;
}


@media (orientation: landscape) {
    .directional_nav {
        background:
            radial-gradient(ellipse at 50% 49%, rgba(142,222,202,0.13), transparent 39%),
            radial-gradient(circle at 52% 0%, rgba(50,191,109,0.08), transparent 42%),
            linear-gradient(180deg, rgba(11,18,36,0.78), rgba(2,5,16,0.62)) !important;
    }
}


@media (orientation: portrait) {
    .directional_nav_parent_chip,
    .directional_nav_parents .directional_nav_chip,
    .directional_nav_parent_chip.is-active-parent,
    .directional_nav_parent_chip.is-active,
    .directional_nav_parents .directional_nav_chip.is-active-parent,
    .directional_nav_parents .directional_nav_chip.is-active {
        background:
            linear-gradient(to bottom, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 52%, var(--directional-nav-lit-near) 100%),
            radial-gradient(ellipse at 50% 100%, var(--directional-nav-lit-near-green), transparent 58%),
            repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
            var(--directional-nav-sitemap-card) !important;
    }

    .directional_nav_child_chip,
    .directional_nav_children .directional_nav_chip {
        background:
            linear-gradient(to bottom, var(--directional-nav-lit-near) 0%, var(--directional-nav-lit-mid) 46%, var(--directional-nav-lit-far) 100%),
            radial-gradient(ellipse at 50% 0%, var(--directional-nav-lit-near-green), transparent 58%),
            repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
            var(--directional-nav-sitemap-card) !important;
    }

    .directional_nav_column_left .directional_nav_side_node,
    .directional_nav_side_left .directional_nav_side_node {
        background:
            linear-gradient(to right, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 54%, var(--directional-nav-lit-near) 100%),
            radial-gradient(ellipse at 100% 50%, var(--directional-nav-lit-near-green), transparent 58%),
            repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
            var(--directional-nav-sitemap-card) !important;
    }

    .directional_nav_column_right .directional_nav_side_node,
    .directional_nav_side_right .directional_nav_side_node {
        background:
            linear-gradient(to left, var(--directional-nav-lit-far) 0%, var(--directional-nav-lit-mid) 54%, var(--directional-nav-lit-near) 100%),
            radial-gradient(ellipse at 0% 50%, var(--directional-nav-lit-near-green), transparent 58%),
            repeating-linear-gradient(135deg, rgba(255,255,255,0.032) 0, rgba(255,255,255,0.032) 1px, transparent 1px, transparent 5px),
            var(--directional-nav-sitemap-card) !important;
    }

    .directional_nav {
        background:
            radial-gradient(ellipse at 50% 50%, rgba(142,222,202,0.11), transparent 42%),
            linear-gradient(180deg, rgba(11,18,36,0.72), rgba(2,5,16,0.58)) !important;
    }
}



.nav-panel:has(.radial_minimap),
.nav_panel:has(.radial_minimap) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(0.48rem, 1.1vh, 0.82rem) !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 8rem) !important;
    padding: 0 !important;
    margin: auto 0 !important;
    overflow: visible !important;
}

.radial_minimap {
    --radial-minimap-green: #32bf6d;
    --radial-minimap-blue: #3c86f4;
    --radial-minimap-gold: #ffc76d;
    --radial-minimap-bg:
        radial-gradient(circle at 50% 50%, rgba(50,191,109,0.10), transparent 48%),
        radial-gradient(circle at 28% 24%, rgba(60,134,244,0.14), transparent 42%),
        linear-gradient(145deg, rgba(13,22,44,0.82), rgba(2,5,16,0.68));
    --radial-minimap-border: rgba(142,222,202,0.18);
    --radial-minimap-text: rgba(245,248,255,0.88);

    position: relative !important;
    display: none !important;
    width: clamp(9.6rem, 17vw, 13.2rem) !important;
    height: clamp(7.2rem, 18vh, 10.2rem) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: clamp(0.42rem, 0.76vw, 0.64rem) !important;
    border: 1px solid var(--radial-minimap-border) !important;
    border-radius: clamp(0.85rem, 1.5vw, 1.22rem) !important;
    background: var(--radial-minimap-bg) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 18px 44px rgba(0,0,0,0.32) !important;
    backdrop-filter: blur(7px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

@media (orientation: landscape) {
    .radial_minimap {
        display: block !important;
    }

    .nav-panel:has(.radial_minimap) .directional_nav,
    .nav_panel:has(.radial_minimap) .directional_nav {
        margin-top: 0 !important;
    }
}

@media (orientation: portrait) {
    .radial_minimap {
        display: none !important;
    }

    .nav-panel:has(.radial_minimap),
    .nav_panel:has(.radial_minimap) {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

.radial_minimap_payload {
    display: none !important;
}

.radial_minimap_static,
.radial_minimap_svg {
    position: absolute !important;
    inset: clamp(0.36rem, 0.64vw, 0.54rem) clamp(0.36rem, 0.64vw, 0.54rem) clamp(1.38rem, 2.3vh, 1.78rem) clamp(0.36rem, 0.64vw, 0.54rem) !important;
    width: auto !important;
    height: auto !important;
}

.radial_minimap_svg {
    display: block !important;
    overflow: visible !important;
}

.radial_minimap_ring {
    fill: none !important;
    stroke: rgba(142,222,202,0.12) !important;
    stroke-width: 0.42 !important;
    vector-effect: non-scaling-stroke !important;
}

.radial_minimap_edge {
    stroke: rgba(60,134,244,0.16) !important;
    stroke-width: 0.34 !important;
    vector-effect: non-scaling-stroke !important;
}

.radial_minimap_edge.is-near {
    stroke: rgba(50,191,109,0.36) !important;
    stroke-width: 0.58 !important;
}

.radial_minimap_dot {
    fill: rgba(210,226,255,0.42) !important;
    stroke: rgba(255,255,255,0.14) !important;
    stroke-width: 0.18 !important;
    vector-effect: non-scaling-stroke !important;
}

.radial_minimap_dot.is-near {
    fill: rgba(60,134,244,0.78) !important;
    stroke: rgba(255,255,255,0.32) !important;
}

.radial_minimap_dot.is-current {
    fill: var(--radial-minimap-green) !important;
    stroke: rgba(255,255,255,0.78) !important;
    stroke-width: 0.36 !important;
}

.radial_minimap_current_label,
.radial_minimap_label {
    position: absolute !important;
    left: clamp(0.52rem, 0.95vw, 0.74rem) !important;
    right: clamp(0.52rem, 0.95vw, 0.74rem) !important;
    bottom: clamp(0.34rem, 0.72vh, 0.52rem) !important;
    color: var(--radial-minimap-text) !important;
    font-family: Roboto, Arial, sans-serif !important;
    font-size: clamp(0.52rem, 0.82vw, 0.66rem) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 0.045em !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: 0 0 10px rgba(50,191,109,0.24) !important;
    pointer-events: none !important;
}

.radial_minimap_orbit_shell {
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(142,222,202,0.10) !important;
}

.radial_minimap_fallback_dot {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 0.44rem !important;
    height: 0.44rem !important;
    border-radius: 999px !important;
    transform: translate(-50%, -50%) !important;
    background: var(--radial-minimap-green) !important;
    box-shadow: 0 0 16px rgba(50,191,109,0.42) !important;
}



.template_body {
    --aside-nav-stack-pad-x: clamp(0.10rem, 0.26vw, 0.18rem);
    --aside-nav-stack-pad-top: clamp(0.42rem, 1.15vh, 0.72rem);
    --aside-nav-stack-gap: clamp(0.32rem, 0.88vh, 0.56rem);
    --aside-nav-stack-width: calc(
        (var(--directional-nav-node-width, clamp(2.02rem, 3.05vw, 2.48rem)) * 1.56)
        + var(--directional-nav-current-width, clamp(8.15rem, 20.5vw, 11.75rem))
        + (clamp(0.08rem, 0.18vw, 0.14rem) * 2)
        + (var(--aside-nav-stack-pad-x) * 2)
        + 2px
    );
}

@media (min-width: 721px) {
    .template_body .aside:has(.radial_minimap),
    .template_body aside:has(.radial_minimap),
    .template_body .nav_aside:has(.radial_minimap) {
        flex: 0 0 var(--aside-nav-stack-width) !important;
        width: var(--aside-nav-stack-width) !important;
        min-width: var(--aside-nav-stack-width) !important;
        max-width: var(--aside-nav-stack-width) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    .template_body .nav-panel:has(.radial_minimap),
    .template_body .nav_panel:has(.radial_minimap),
    .template_body *:has(> .radial_minimap):has(> .directional_nav) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--aside-nav-stack-gap) !important;
        width: var(--aside-nav-stack-width) !important;
        min-width: var(--aside-nav-stack-width) !important;
        max-width: var(--aside-nav-stack-width) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: var(--aside-nav-stack-pad-top) 0 0 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .radial_minimap,
    .template_body .nav_panel:has(.radial_minimap) .radial_minimap,
    .template_body .radial_minimap {
        display: block !important;
        flex: 0 0 var(--aside-nav-stack-width) !important;
        width: var(--aside-nav-stack-width) !important;
        min-width: var(--aside-nav-stack-width) !important;
        max-width: var(--aside-nav-stack-width) !important;
        height: var(--aside-nav-stack-width) !important;
        min-height: var(--aside-nav-stack-width) !important;
        max-height: var(--aside-nav-stack-width) !important;
        aspect-ratio: 1 / 1 !important;
        align-self: stretch !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav {
        flex: 0 0 auto !important;
        align-self: stretch !important;
        width: var(--aside-nav-stack-width) !important;
        min-width: var(--aside-nav-stack-width) !important;
        max-width: var(--aside-nav-stack-width) !important;
        padding-left: var(--aside-nav-stack-pad-x) !important;
        padding-right: var(--aside-nav-stack-pad-x) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_generated {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_grid,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_grid {
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
}

@media (orientation: portrait), (max-width: 720px) {
    .template_body .radial_minimap,
    .template_body .nav-panel:has(.radial_minimap) .radial_minimap,
    .template_body .nav_panel:has(.radial_minimap) .radial_minimap {
        display: none !important;
        flex: 0 0 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    .template_body .aside:has(.directional_nav),
    .template_body aside:has(.directional_nav),
    .template_body .nav_aside:has(.directional_nav) {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        flex: 0 0 var(--unset-template-tab-row-height, auto) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.directional_nav),
    .template_body .nav_panel:has(.directional_nav),
    .template_body *:has(> .radial_minimap):has(> .directional_nav) {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100% !important;
        max-height: 100% !important;
        flex: 0 0 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.directional_nav) .directional_nav,
    .template_body .nav_panel:has(.directional_nav) .directional_nav {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        flex: 0 0 100% !important;
        display: flex !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.directional_nav) .directional_nav_static,
    .template_body .nav-panel:has(.directional_nav) .directional_nav_generated,
    .template_body .nav-panel:has(.directional_nav) .directional_nav_grid,
    .template_body .nav_panel:has(.directional_nav) .directional_nav_static,
    .template_body .nav_panel:has(.directional_nav) .directional_nav_generated,
    .template_body .nav_panel:has(.directional_nav) .directional_nav_grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}



@media (min-width: 721px) and (orientation: landscape) {
    .template_body {
        --aside-nav-stack-width: clamp(16.25rem, 21.1vw, 18.15rem);
        --aside-nav-stack-pad-x: 0rem;
        --aside-nav-stack-pad-top: clamp(0.36rem, 0.82vh, 0.56rem);
        --aside-nav-stack-gap: clamp(0.34rem, 0.72vh, 0.50rem);
        --aside-minimap-height: clamp(12.2rem, 23.0vh, 15.25rem);
        --unset-directional-nav-figure-width: var(--aside-nav-stack-width);
        --unset-article-overlay-left-x: calc(
            var(--aside-nav-stack-width)
            - (var(--unset-arrow-rail, 1.8rem) / 2)
            + 0.62rem
        );
    }

    .template_body .aside:has(.radial_minimap),
    .template_body aside:has(.radial_minimap),
    .template_body .nav_aside:has(.radial_minimap) {
        flex: 0 0 var(--aside-nav-stack-width) !important;
        width: var(--aside-nav-stack-width) !important;
        min-width: var(--aside-nav-stack-width) !important;
        max-width: var(--aside-nav-stack-width) !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .aside:has(.radial_minimap) > *,
    .template_body aside:has(.radial_minimap) > *,
    .template_body .nav_aside:has(.radial_minimap) > * {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap),
    .template_body .nav_panel:has(.radial_minimap),
    .template_body *:has(> .radial_minimap):has(> .directional_nav) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--aside-nav-stack-gap) !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: var(--aside-nav-stack-pad-top) 0 0 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .radial_minimap,
    .template_body .nav-panel:has(.radial_minimap) .radial_minimap,
    .template_body .nav_panel:has(.radial_minimap) .radial_minimap {
        display: block !important;
        flex: 0 0 var(--aside-minimap-height) !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: var(--aside-minimap-height) !important;
        min-height: var(--aside-minimap-height) !important;
        max-height: var(--aside-minimap-height) !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav {
        flex: 1 1 auto !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: clamp(0.30rem, 0.56vw, 0.46rem) 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_generated {
        flex: 1 1 auto !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_grid,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_grid {
        flex: 1 1 auto !important;
        align-self: stretch !important;
        display: grid !important;
        grid-template-columns:
            clamp(1.54rem, 2.12vw, 1.84rem)
            minmax(0, 1fr)
            clamp(1.54rem, 2.12vw, 1.84rem) !important;
        column-gap: clamp(0.08rem, 0.18vw, 0.14rem) !important;
        align-items: stretch !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        padding: 0 clamp(0.18rem, 0.36vw, 0.28rem) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column_middle,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column_middle {
        grid-column: 2 !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        row-gap: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        align-items: stretch !important;
        justify-items: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_children_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_children_block {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_empty,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_empty {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}



@media (min-width: 721px) and (orientation: landscape) {
    .template_body .aside:has(.radial_minimap),
    .template_body aside:has(.radial_minimap),
    .template_body .nav_aside:has(.radial_minimap) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap),
    .template_body .nav_panel:has(.radial_minimap),
    .template_body *:has(> .radial_minimap):has([data-directional-nav]),
    .template_body *:has(> .radial_minimap):has(.directional_nav) {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--aside-nav-stack-gap, clamp(0.34rem, 0.72vh, 0.50rem)) !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: var(--aside-nav-stack-pad-top, clamp(0.36rem, 0.82vh, 0.56rem)) 0 0 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .radial_minimap,
    .template_body .nav_panel:has(.radial_minimap) .radial_minimap,
    .template_body .radial_minimap {
        flex: 0 0 var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        min-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        max-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    
    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav],
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav],
    .template_body .nav-panel:has(.radial_minimap) .directional_nav,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav {
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: clamp(0.30rem, 0.56vw, 0.46rem) 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_generated,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_generated {
        flex: 1 1 0 !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_grid,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_grid {
        flex: 1 1 0 !important;
        align-self: stretch !important;
        display: grid !important;
        grid-template-columns:
            clamp(1.54rem, 2.12vw, 1.84rem)
            minmax(0, 1fr)
            clamp(1.54rem, 2.12vw, 1.84rem) !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        column-gap: clamp(0.08rem, 0.18vw, 0.14rem) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        padding: 0 clamp(0.18rem, 0.36vw, 0.28rem) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_side,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column_middle,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_side,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column_middle {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column_middle,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column_middle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        justify-content: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_children_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_children_block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_children:not(:has(.directional_nav_chip)),
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_children:not(:has(.directional_nav_chip)) {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }
}

.document_flow_footer {
position: relative;
z-index: 2;
width: 100%;
flex: 0 0 auto;
display: block;
margin-top: auto;
padding: clamp(0.75rem, 1.35vw, 1rem) clamp(0.7rem, 1.4vw, 1.1rem);
box-sizing: border-box;
overflow: visible;
container-type: inline-size;
container-name: unset-footer;
}

.unset_identity_footer_inner {
--unset-footer-gap-x: clamp(0.35rem, 0.8vw, 0.75rem);
--unset-footer-gap-y: clamp(0.48rem, 0.9vw, 0.75rem);

width: min(100%, 76rem);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
    "company"
    "mobitorus"
    "powered"
    "socials"
    "token"
    "subscribe";
align-items: center;
justify-items: center;
justify-content: center;
column-gap: var(--unset-footer-gap-x);
row-gap: var(--unset-footer-gap-y);
box-sizing: border-box;
text-align: center;
}

.unset_identity_footer_copyright {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
grid-area: company;
max-width: 23rem;
font-size: 0.76rem;
line-height: 1.34;
letter-spacing: 0.02em;
white-space: pre-line;
text-align: center;
}

.unset_identity_footer_token_slot {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
grid-area: token;
}

.unset_identity_socialmedias {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
grid-area: socials;
gap: 0.58rem;
}

.unset_identity_socialmedia {
width: clamp(24px, 3.2vw, 38px);
height: clamp(24px, 3.2vw, 38px);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.82;
transition: opacity 0.18s ease, transform 0.18s ease;
cursor: pointer;
}

.unset_identity_socialmedia_linkedin {
background-image: url("/images/socialmedias/InBug-White.png");
}

.unset_identity_socialmedia_instagram {
background-image: url("/images/socialmedias/Instagram_Glyph_White.png");
}

.unset_identity_socialmedia_x {
background-image: url("/images/socialmedias/x-white.png");
}

.unset_identity_nav_letter {
display: block;
width: min(100%, 22vh);
height: calc(22vh - 6px);
max-height: calc(22vh - 6px);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
animation-iteration-count: infinite;
}

.unset_identity_nav_letter_u {
background-image: url("/images/u.png");
animation: float1 20s infinite ease-in-out alternate;
}

.unset_identity_nav_letter_n {
background-image: url("/images/n.png");
animation: float2 22s infinite ease-in-out alternate;
}

.unset_identity_nav_letter_se {
background-image: url("/images/se.png");
animation: float3 30s infinite ease-in-out alternate;
}

.unset_identity_nav_letter_t {
background-image: url("/images/t.png");
animation: float4 35s infinite ease-in-out alternate;
}

.template_body {
width: 100vw;
height: 100vh;
height: 100dvh;
min-height: 100vh;
min-height: 100dvh;
overflow: hidden;
}

.template_body {
    --unset-header-height: 16.67vh;
    --unset-arrow-rail: 1.8rem;
    --unset-template-aside-width: 14vw;
    --unset-template-main-left: calc(var(--unset-template-aside-width) - 0.6rem);
    --unset-template-tab-row-height: 5.4rem;
    --unset-left-article-arrow-nudge: 0.46rem;

    
    --unset-directional-nav-node-width: clamp(2.02rem, 3.05vw, 2.48rem);
    --unset-directional-nav-middle-width: clamp(12.1rem, 31vw, 15.15rem);
    --unset-directional-nav-gap-x: clamp(0.24rem, 0.72vw, 0.5rem);
    --unset-directional-nav-figure-width: calc(
        (var(--unset-directional-nav-node-width) * 2)
        + var(--unset-directional-nav-middle-width)
        + (var(--unset-directional-nav-gap-x) * 2)
    );
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    background: #02030b;
}

.template_body .page {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    background: #02030b;
}

.template_body .unset_identity_header,
.template_body .unset_identity_header_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--unset-header-height);
    padding-top: 6px;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    z-index: 1000;
    overflow: visible;
    box-sizing: border-box;
    background:
        linear-gradient(
            to bottom,
            #000000 0%,
            #000000 58%,
            rgba(0,0,0,0.94) 76%,
            rgba(0,0,0,0.82) 100%
        ) !important;
    color: rgba(255,255,255,0.68);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    box-shadow: none;
}

.template_body .content_row {
    position: relative;
    margin-top: var(--unset-header-height);
    width: 100vw;
    height: calc(100vh - var(--unset-header-height));
    height: calc(100dvh - var(--unset-header-height));
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    z-index: 1;
    isolation: isolate;
    background:
        radial-gradient(circle at 20% 20%, #303b8a 0, transparent 45%),
        radial-gradient(circle at 80% 80%, #6a2a8a 0, transparent 45%),
        radial-gradient(circle at 10% 80%, #20405f 0, transparent 50%),
        #02030b;
}

.template_body .aside {
    position: relative;
    z-index: 3;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: transparent !important;
}

.template_body .main {
    position: relative;
    z-index: 2;
    height: 100%;
    min-height: 0;
    overflow: visible;
    background: transparent !important;
}


.template_body .content_row.unset_background {
    background:
        radial-gradient(circle at 20% 20%, #303b8a 0, transparent 45%),
        radial-gradient(circle at 80% 80%, #6a2a8a 0, transparent 45%),
        radial-gradient(circle at 10% 80%, #20405f 0, transparent 50%),
        #02030b !important;
}

.template_body .main.unset_background,
.template_body .main.overlap_left {
    background: transparent !important;
    margin-left: 0 !important;
    box-shadow: none !important;
    border-left: 0 !important;
}

.template_body .aside.aside_style {
    background: transparent !important;
    border-right: 0 !important;
    box-shadow: none !important;
}


.template_body .row_top,
.template_body .row_bottom {
    flex: 0 0 var(--unset-arrow-rail);
    min-height: var(--unset-arrow-rail);
    height: var(--unset-arrow-rail);
    position: relative;
    z-index: 2;
    overflow: visible;
}

.template_body .row_middle {
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.template_body .left,
.template_body .right {
    flex: 0 0 var(--unset-arrow-rail);
    width: var(--unset-arrow-rail);
    min-width: var(--unset-arrow-rail);
    max-width: var(--unset-arrow-rail);
    height: 100%;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.template_body .article,
.template_body article.window {
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
}

.template_body .article > .document_flow_footer,
.template_body article.window > .document_flow_footer {
    margin-top: auto;
    flex-shrink: 0;
}

.template_body .template_arrow_overlay {
    position: fixed;
    top: var(--unset-header-height);
    left: 0;
    width: 100vw;
    height: calc(100vh - var(--unset-header-height));
    height: calc(100dvh - var(--unset-header-height));
    pointer-events: none;
    z-index: 5000;
    overflow: visible;
}

.template_body .template_overlay_arrow {
    position: absolute;
    width: var(--unset-arrow-rail);
    height: var(--unset-arrow-rail);
    pointer-events: auto;
    z-index: 5001;
    overflow: visible;
}

.template_body .template_overlay_arrow a {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 5002;
}



.template_body article.window {
    --article-reading-measure: 54rem;
}

.template_body article.window > p,
.template_body article.window > blockquote,
.template_body article.window > ul,
.template_body article.window > ol,
.template_body article.window .article_section_title,
.template_body article.window .article_section_body > p,
.template_body article.window .article_section_body > blockquote,
.template_body article.window .article_section_body > ul,
.template_body article.window .article_section_body > ol {
    width: min(100%, var(--article-reading-measure));
    max-width: var(--article-reading-measure);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.template_body article.window .article_section_title {
    font-size: clamp(1.9rem, 2.2vw, 2.3rem);
    line-height: 1.14;
    font-weight: 400;
    letter-spacing: -0.025em;
    margin-top: 1.3em;
    margin-bottom: 0.72em;
    color: #ffffff;
}



.template_body article.window.title > .centre > h1 {
    font-size: clamp(2.85rem, 4.4vw, 3.8rem);
    line-height: 1.02;
    font-weight: 600;
    letter-spacing: -0.04em;
    margin-bottom: 0.48em;
}

.template_body .template_overlay_arrow a::before {
    z-index: 5003;
}

.template_body .template_overlay_arrow_up {
    top: 0;
    left: calc(var(--unset-template-main-left) + ((100vw - var(--unset-template-main-left)) / 2) - (var(--unset-arrow-rail) / 2));
}

.template_body .template_overlay_arrow_down {
    bottom: 0;
    left: calc(var(--unset-template-main-left) + ((100vw - var(--unset-template-main-left)) / 2) - (var(--unset-arrow-rail) / 2));
}

.template_body .template_overlay_arrow_left {
    left: calc(var(--unset-directional-nav-figure-width) - (var(--unset-arrow-rail) / 2) + var(--unset-left-article-arrow-nudge));
    top: calc(var(--unset-arrow-rail) + ((100% - (var(--unset-arrow-rail) * 2)) / 2) - (var(--unset-arrow-rail) / 2));
}

.template_body .template_overlay_arrow_right {
    right: 0;
    top: calc(var(--unset-arrow-rail) + ((100% - (var(--unset-arrow-rail) * 2)) / 2) - (var(--unset-arrow-rail) / 2));
}

@media (max-width: 767px) {
    .template_body {
        --unset-header-height: 16.67vh;
        --unset-arrow-rail: 1.8rem;
        --unset-template-main-left: 0px;
        --unset-template-tab-row-height: 5.4rem;
    }

    .template_body .unset_identity_header,
    .template_body .unset_identity_header_background {
        background:
            linear-gradient(
                to bottom,
                #000000 0%,
                #000000 58%,
                rgba(0,0,0,0.94) 76%,
                rgba(0,0,0,0.82) 100%
            ) !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .template_body .unset_identity_nav_box,
    .template_body .unset_identity_nav_box.is_visible,
    .template_body .unset_identity_nav_box.is_hiding {
        height: calc(var(--unset-header-height) - 6px) !important;
        max-height: calc(var(--unset-header-height) - 6px) !important;
        opacity: 1 !important;
        transform: scale(1) !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    .template_body .unset_identity_nav_letter {
        height: calc(var(--unset-header-height) - 6px) !important;
        max-height: calc(var(--unset-header-height) - 6px) !important;
        pointer-events: auto !important;
        cursor: pointer;
    }

    .template_body .content_row {
        flex-direction: column;
        height: calc(100vh - var(--unset-header-height));
        height: calc(100dvh - var(--unset-header-height));
    }

    .template_body .main {
        order: 1;
        flex: 1 1 auto;
        width: 100vw;
        height: calc(100% - var(--unset-template-tab-row-height));
        min-height: 0;
        margin-left: 0;
    }

    .template_body .aside {
        order: 2;
        flex: 0 0 var(--unset-template-tab-row-height);
        width: 100vw;
        height: var(--unset-template-tab-row-height);
        min-height: var(--unset-template-tab-row-height);
        max-height: var(--unset-template-tab-row-height);
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        overscroll-behavior-y: none;
        direction: ltr;
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0.82) 0%,
                rgba(0,0,0,0.94) 24%,
                #000000 58%,
                #000000 100%
            ) !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    .template_body .aside::-webkit-scrollbar {
        display: none;
    }

    .template_body .aside > div {
        display: flex !important;
        align-items: stretch;
        justify-content: center;
        width: max-content !important;
        min-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: visible !important;
        direction: ltr;
    }

    .template_body .tab-panel,
    .template_body .tab_panel,
    .template_body .tabs {
        position: relative !important;
        display: block !important;
        width: max-content !important;
        min-width: 0 !important;
        height: var(--unset-template-tab-row-height) !important;
        min-height: 0 !important;
        overflow: visible !important;
        direction: ltr;
    }

    .template_body .tab-panel::-webkit-scrollbar,
    .template_body .tab_panel::-webkit-scrollbar,
    .template_body .tabs::-webkit-scrollbar {
        display: none;
    }

    .template_body .tab-layout,
    .template_body .tab-layout-mobile {
        display: none !important;
    }

    .template_body .tab-layout-mobile-bottom {
        --mobile-tab-unit: 4.8rem;
        --mobile-column-unit: 2.6rem;
        --mobile-layout-width: calc(var(--mobile-length-units, 1) * var(--mobile-tab-unit));
        --mobile-layout-height: calc(var(--mobile-depth-units, 1) * var(--mobile-column-unit));
        position: relative !important;
        display: block !important;
        flex: 0 0 auto;
        width: var(--mobile-layout-width) !important;
        min-width: var(--mobile-layout-width) !important;
        height: var(--unset-template-tab-row-height) !important;
        min-height: var(--unset-template-tab-row-height) !important;
        overflow: visible !important;
        direction: ltr;
        box-sizing: border-box;
    }

    .template_body .mobile-tab-row-bottom {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        display: flex !important;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-end;
        width: max-content;
        height: var(--mobile-row-height);
        min-height: var(--mobile-row-height);
        z-index: var(--row-z, 1);
        filter: drop-shadow(-6px 6px 12px rgba(0,0,0,0.45));
    }

    .template_body .mobile-tab-box-bottom {
        flex: 0 0 var(--mobile-tab-width);
        width: var(--mobile-tab-width);
        min-width: var(--mobile-tab-width);
        height: 100%;
        min-height: 100%;
        background: rgba(255,255,255,0.04);
        border-left: 1px solid rgba(255,255,255,0.10);
        border-right: 1px solid rgba(255,255,255,0.10);
        border-bottom: 1px solid rgba(255,255,255,0.18);
        border-radius: 0 0 10px 10px;
        transition:
            transform 0.22s ease-out,
            box-shadow 0.22s ease-out,
            background 0.22s ease-out;
        box-sizing: border-box;
    }

    .template_body .mobile-tab-box-bottom:hover {
        transform: translateY(0.35rem);
        cursor: pointer;
    }

    .template_body .mobile-tab-box-bottom.active-tab,
    .template_body .mobile-tab-box-bottom.active-tab:hover {
        transform: none;
    }

    .template_body .mobile-tab-box-bottom.active-tab .mobile-tab-bottom {
        background: linear-gradient(
            to bottom,
            rgba(78,88,112,0.98),
            rgba(40,48,68,0.98)
        );
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16);
    }

    .template_body .mobile-tab-bottom {
        width: 100%;
        height: 100%;
        min-width: 100%;
        min-height: 100%;
        background: linear-gradient(
            to bottom,
            rgba(42,47,60,0.92),
            rgba(24,28,40,0.92)
        );
        border-radius: 0 0 10px 10px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0 0.65rem 0.32rem 0.65rem;
        overflow: hidden;
        color: inherit;
        text-decoration: none;
        box-sizing: border-box;
    }

    .template_body .mobile-tab-text-bottom {
        display: block;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 0.85rem;
        line-height: 1;
        letter-spacing: 0.03em;
        color: #f8faff;
    }

    .template_body .template_arrow_overlay {
        top: var(--unset-header-height);
        left: 0;
        width: 100vw;
        height: calc(100vh - var(--unset-header-height) - var(--unset-template-tab-row-height));
        height: calc(100dvh - var(--unset-header-height) - var(--unset-template-tab-row-height));
    }

    .template_body .template_overlay_arrow_up,
    .template_body .template_overlay_arrow_down {
        left: calc(50vw - (var(--unset-arrow-rail) / 2));
    }

    .template_body .template_overlay_arrow_left {
        left: 0;
        top: calc(var(--unset-arrow-rail) + ((100% - (var(--unset-arrow-rail) * 2)) / 2) - (var(--unset-arrow-rail) / 2));
    }

    .template_body .template_overlay_arrow_right {
        right: 0;
        top: calc(var(--unset-arrow-rail) + ((100% - (var(--unset-arrow-rail) * 2)) / 2) - (var(--unset-arrow-rail) / 2));
    }
}



.template_body {
    --unset-article-overlay-left-x: calc(
        var(--unset-directional-nav-figure-width)
        - (var(--unset-arrow-rail) / 2)
        + 0.62rem
    );
}

.template_body .template_overlay_arrow_left {
    left: var(--unset-article-overlay-left-x) !important;
}

.template_body .template_overlay_arrow_up,
.template_body .template_overlay_arrow_down {
    left: calc(
        var(--unset-article-overlay-left-x)
        + ((100vw - var(--unset-article-overlay-left-x)) / 2)
        - (var(--unset-arrow-rail) / 2)
    ) !important;
}

.template_body .template_overlay_arrow_right {
    right: 0 !important;
}



.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_left,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_right,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_up,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_down {
    transform: none !important;
}



.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_left,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_right,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_up,
.template_body[data-article-overlay-arrows-aligned="true"] .template_overlay_arrow_down {
    right: auto !important;
}



.template_body .template_arrow_overlay {
    opacity: 1 !important;
}

.template_body .template_overlay_arrow_left,
.template_body .template_overlay_arrow_right,
.template_body .template_overlay_arrow_up,
.template_body .template_overlay_arrow_down {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

.template_body[data-article-overlay-arrows-aligned="failed-open"] .template_arrow_overlay,
.template_body[data-article-overlay-arrows-aligned="true"] .template_arrow_overlay {
    opacity: 1 !important;
}



@media (orientation: portrait) {
    .template_body {
        --unset-template-tab-row-height: clamp(8.4rem, 17.5vh, 11.2rem) !important;
        --directional-nav-portrait-row-height: clamp(1.8rem, 4.1vh, 2.35rem) !important;
        --directional-nav-portrait-button-width: clamp(6.9rem, 29vw, 10.25rem) !important;
        --directional-nav-portrait-current-width: clamp(8rem, 35vw, 12rem) !important;
        --directional-nav-portrait-gap-x: clamp(0.18rem, 1vw, 0.42rem) !important;
        --directional-nav-portrait-gap-y: clamp(0.16rem, 0.65vh, 0.32rem) !important;
        --directional-nav-figure-width: 100vw !important;
        --unset-article-overlay-left-x: 0px !important;
    }

    .template_body .content_row {
        flex-direction: column !important;
        height: calc(100vh - var(--unset-header-height)) !important;
        height: calc(100dvh - var(--unset-header-height)) !important;
        overflow: hidden !important;
    }

    .template_body .main {
        order: 1 !important;
        flex: 1 1 auto !important;
        width: 100vw !important;
        height: calc(100% - var(--unset-template-tab-row-height)) !important;
        min-height: 0 !important;
        margin-left: 0 !important;
    }

    .template_body .aside,
    .template_body aside:has(.directional_nav),
    .template_body .aside:has(.directional_nav),
    .template_body .nav_aside:has(.directional_nav) {
        order: 2 !important;
        flex: 0 0 var(--unset-template-tab-row-height) !important;
        flex-basis: var(--unset-template-tab-row-height) !important;
        width: 100vw !important;
        min-width: 0 !important;
        max-width: none !important;
        height: var(--unset-template-tab-row-height) !important;
        min-height: var(--unset-template-tab-row-height) !important;
        max-height: var(--unset-template-tab-row-height) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0.82) 0%,
                rgba(0,0,0,0.94) 28%,
                #000000 64%,
                #000000 100%
            ) !important;
        border-right: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.08) !important;
        box-shadow: none !important;
    }

    .template_body .aside > div,
    .template_body aside:has(.directional_nav) > div,
    .template_body .aside:has(.directional_nav) > div,
    .nav-panel,
    .nav_panel {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .directional_nav {
        --directional-nav-node-width: var(--directional-nav-portrait-button-width) !important;
        --directional-nav-node-height: var(--directional-nav-portrait-row-height) !important;
        --directional-nav-current-width: var(--directional-nav-portrait-current-width) !important;
        --directional-nav-current-min-height: var(--directional-nav-portrait-row-height) !important;
        --directional-nav-middle-width: 100vw !important;
        --directional-nav-gap-x: var(--directional-nav-portrait-gap-x) !important;
        --directional-nav-gap-y: var(--directional-nav-portrait-gap-y) !important;
        --directional-nav-arrow-box: 0px !important;
        --directional-nav-card-radius: 999px !important;

        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: clamp(0.2rem, 0.8vh, 0.38rem) 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_static,
    .directional_nav_generated {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .directional_nav_grid {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--directional-nav-current-width) minmax(0, 1fr) !important;
        grid-template-rows:
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height) !important;
        column-gap: var(--directional-nav-portrait-gap-x) !important;
        row-gap: var(--directional-nav-portrait-gap-y) !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: auto 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_core,
    .directional_nav_column_middle {
        grid-column: 1 / -1 !important;
        grid-row: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows:
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height)
            var(--directional-nav-portrait-row-height) !important;
        row-gap: var(--directional-nav-portrait-gap-y) !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .directional_nav_parents_block,
    .directional_nav_children_block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .directional_nav_parents_block {
        grid-row: 1 !important;
    }

    .directional_nav_current_row,
    .directional_nav_current_row_no_lr_arrows {
        grid-row: 2 !important;
        width: var(--directional-nav-current-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-current-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: center !important;
        justify-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 4 !important;
    }

    .directional_nav_children_block {
        grid-row: 3 !important;
    }

    .directional_nav_column_left,
    .directional_nav_column_right,
    .directional_nav_side {
        grid-row: 2 !important;
        width: var(--directional-nav-portrait-button-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-portrait-button-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 5 !important;
    }

    .directional_nav_column_left,
    .directional_nav_side_left {
        grid-column: 1 !important;
        justify-self: end !important;
        justify-content: flex-end !important;
    }

    .directional_nav_column_right,
    .directional_nav_side_right {
        grid-column: 3 !important;
        justify-self: start !important;
        justify-content: flex-start !important;
    }

    .directional_nav_strip {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: var(--directional-nav-portrait-gap-x) !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 clamp(0.28rem, 2vw, 0.62rem) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
        overscroll-behavior-inline: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .directional_nav_strip::-webkit-scrollbar {
        display: none !important;
    }

    .directional_nav_parents .directional_nav_chip:first-child,
    .directional_nav_children .directional_nav_chip:first-child {
        margin-left: auto !important;
    }

    .directional_nav_parents .directional_nav_chip:last-child,
    .directional_nav_children .directional_nav_chip:last-child {
        margin-right: auto !important;
    }

    .directional_nav_chip,
    .directional_nav_side_node {
        flex: 0 0 var(--directional-nav-portrait-button-width) !important;
        width: var(--directional-nav-portrait-button-width) !important;
        min-width: var(--directional-nav-portrait-button-width) !important;
        max-width: var(--directional-nav-portrait-button-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        padding: 0 clamp(0.4rem, 1.5vw, 0.72rem) !important;
        border-radius: 999px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .directional_nav_current,
    .directional_nav_current_link {
        width: var(--directional-nav-current-width) !important;
        min-width: 0 !important;
        max-width: var(--directional-nav-current-width) !important;
        height: var(--directional-nav-portrait-row-height) !important;
        min-height: var(--directional-nav-portrait-row-height) !important;
        max-height: var(--directional-nav-portrait-row-height) !important;
        padding: 0 clamp(0.55rem, 2vw, 0.85rem) !important;
        border-radius: 999px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .directional_nav_node_label,
    .directional_nav_chip_label,
    .directional_nav_side_title {
        position: static !important;
        left: auto !important;
        top: auto !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        transform: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        color: var(--directional-nav-tab-text, #f8faff) !important;
        font-size: clamp(0.64rem, 2.55vw, 0.86rem) !important;
        font-weight: 760 !important;
        line-height: 1 !important;
        letter-spacing: 0.01em !important;
        text-align: center !important;
        pointer-events: none !important;
    }

    .directional_nav_current_link {
        font-size: clamp(0.72rem, 3vw, 0.98rem) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .directional_nav_chip_marker_up {
        bottom: 0.12rem !important;
        border-width: 0 0.18rem 0.27rem 0.18rem !important;
    }

    .directional_nav_chip_marker_down {
        top: 0.12rem !important;
        border-width: 0.27rem 0.18rem 0 0.18rem !important;
    }

    .directional_nav_empty,
    .directional_nav_parent_arrow,
    .directional_nav_child_arrow,
    .directional_nav_current_arrow_left,
    .directional_nav_current_arrow_right {
        display: none !important;
    }

    .template_body .template_arrow_overlay {
        height: calc(100vh - var(--unset-header-height) - var(--unset-template-tab-row-height)) !important;
        height: calc(100dvh - var(--unset-header-height) - var(--unset-template-tab-row-height)) !important;
    }
}



@media (min-width: 721px) and (orientation: landscape) {
    .template_body .aside:has(.radial_minimap),
    .template_body aside:has(.radial_minimap),
    .template_body .nav_aside:has(.radial_minimap) {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap),
    .template_body .nav_panel:has(.radial_minimap),
    .template_body *:has(> .radial_minimap):has([data-directional-nav]),
    .template_body *:has(> .radial_minimap):has(.directional_nav) {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: var(--aside-nav-stack-gap, clamp(0.34rem, 0.72vh, 0.50rem)) !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        padding: var(--aside-nav-stack-pad-top, clamp(0.36rem, 0.82vh, 0.56rem)) 0 0 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .radial_minimap,
    .template_body .nav_panel:has(.radial_minimap) .radial_minimap,
    .template_body .radial_minimap {
        flex: 0 0 var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        min-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        max-height: var(--aside-minimap-height, clamp(12.2rem, 23.0vh, 15.25rem)) !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    
    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav],
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav],
    .template_body .nav-panel:has(.radial_minimap) .directional_nav,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav {
        flex: 1 1 0 !important;
        flex-basis: 0 !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: clamp(0.30rem, 0.56vw, 0.46rem) 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) [data-directional-nav] > .directional_nav_generated,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_generated,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_static,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_generated {
        flex: 1 1 0 !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_grid,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_grid {
        flex: 1 1 0 !important;
        align-self: stretch !important;
        display: grid !important;
        grid-template-columns:
            clamp(1.54rem, 2.12vw, 1.84rem)
            minmax(0, 1fr)
            clamp(1.54rem, 2.12vw, 1.84rem) !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        column-gap: clamp(0.08rem, 0.18vw, 0.14rem) !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 auto !important;
        padding: 0 clamp(0.18rem, 0.36vw, 0.28rem) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_side,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column_middle,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_side,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column_middle {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_column_middle,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_core,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_column_middle {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        justify-content: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .template_body .nav-panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_children_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_parents_block,
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_children_block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    
    .template_body .nav-panel:has(.radial_minimap) .directional_nav_children:not(:has(.directional_nav_chip)),
    .template_body .nav_panel:has(.radial_minimap) .directional_nav_children:not(:has(.directional_nav_chip)) {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }
}

.unset_identity_footer_mobitorus {
display: flex;
width: 100%;
min-width: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
grid-area: mobitorus;
}

.unset_identity_footer_mobitorus_logo {
width: clamp(24px, 3.2vw, 38px);
height: clamp(24px, 3.2vw, 38px);
background-image: url("/api/unset-assets/mobitorus-white");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.92;
filter:
    drop-shadow(0 0 8px rgba(255,255,255,0.10))
    drop-shadow(0 0 14px rgba(90,190,255,0.08));
}

.unset_identity_footer_powered_by {
display: flex;
grid-area: powered;
width: 100%;
min-width: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.24rem;
box-sizing: border-box;
}

.unset_identity_footer_powered_by_label {
display: block;
min-height: 0.62rem;
font-size: 0.56rem;
line-height: 1;
font-weight: 780;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255,255,255,0.74);
white-space: nowrap;
}

.unset_identity_footer_powered_by_logo {
width: clamp(5rem, 7.8vw, 7.6rem);
height: clamp(2.55rem, 4.25vw, 4.1rem);
background-image: url("/api/ccos-assets/logo/CCOS.webp");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.95;
filter: drop-shadow(0 0 16px rgba(90,190,255,0.22));
}

.article_child_content_row {
width: 100%;
min-width: 0;
box-sizing: border-box;
margin: clamp(1.6rem, 2.6vw, 2.4rem) 0 clamp(0.8rem, 1.6vw, 1.4rem);
overflow: visible;
background: transparent;
height: auto;
min-height: 0;
max-height: none;
flex: 0 0 auto;
flex-shrink: 0;
align-self: stretch;
position: relative;
}

.template_body .article_child_content_row {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: clamp(1.6rem, 2.6vw, 2.4rem) 0 clamp(0.8rem, 1.6vw, 1.4rem) !important;
    overflow: visible !important;
}

.template_body .article_child_content_row:not(:has(.node_cover)) {
    display: none !important;
}

.template_body .article_child_content_row .content_row {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.template_body .article_child_content_row .content_row:empty,
.template_body .article_child_content_row .content_row:not(:has(.node_cover)) {
    display: none !important;
}

.template_body .article_child_content_row .content_row_track_frame {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.template_body .article_child_content_row .content_row_track {
    position: relative !important;
    display: flex !important;
    gap: clamp(0.85rem, 1.4vw, 1.25rem) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: smooth !important;
    touch-action: pan-y !important;
    padding: clamp(0.95rem, 1.8vw, 1.35rem) !important;
    border-radius: 1.35rem !important;
    border: clamp(2px, 0.28vw, 4px) solid transparent !important;
    background:
        linear-gradient(
            135deg,
            rgba(3,5,12,0.82) 0%,
            rgba(10,14,32,0.66) 22%,
            rgba(24,32,62,0.24) 40%,
            rgba(0,0,0,0.00) 54%,
            rgba(46,24,64,0.24) 70%,
            rgba(12,7,22,0.66) 86%,
            rgba(3,5,12,0.82) 100%
        ) padding-box,
        linear-gradient(
            135deg,
            rgba(218,222,232,0.70) 0%,
            rgba(118,132,178,0.48) 18%,
            rgba(255,255,255,0.20) 34%,
            rgba(255,255,255,0.05) 50%,
            rgba(157,100,190,0.42) 66%,
            rgba(218,222,232,0.66) 100%
        ) border-box !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    scrollbar-width: none !important;
    box-sizing: border-box !important;
}

.template_body .article_child_content_row .content_row_track::-webkit-scrollbar {
    display: none !important;
}

.template_body .article_child_content_row .content_row_track > * {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 clamp(14rem, 44%, 22rem) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
}

.template_body .article_child_content_row .content_row_track .node_cover {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1.08 !important;
    min-height: 0 !important;
    border-radius: 1.08rem !important;
    isolation: isolate !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    color: inherit !important;
    text-decoration: none !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_image {
    position: absolute !important;
    inset: 0 0 30% 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
    transition: inset 0.32s ease, filter 0.32s ease !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_image picture,
.template_body .article_child_content_row .content_row_track .node_cover_image img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_image img {
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.001) !important;
    transition: transform 0.32s ease, filter 0.32s ease, opacity 0.32s ease !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_body {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: 30% !important;
    max-height: 100% !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0.34rem !important;
    padding: 0.92rem 1rem 1rem !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.92) 0%,
            rgba(0,0,0,0.76) 54%,
            rgba(0,0,0,0.28) 100%
        ) !important;
    border-top: 1px solid rgba(255,255,255,0.09) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    transition: min-height 0.32s ease, background 0.32s ease, backdrop-filter 0.32s ease, justify-content 0.32s ease !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_copy,
.template_body .article_child_content_row .content_row_track .node_cover p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 0.86rem !important;
    line-height: 1.36 !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image {
    inset: 0 !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_image img {
    transform: scale(1.045) !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_body {
    min-height: 0 !important;
    padding-top: 0.72rem !important;
    padding-bottom: 0.78rem !important;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.28) 72%,
            rgba(0,0,0,0.00) 100%
        ) !important;
    border-top-color: rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_image:hover) .node_cover_copy {
    opacity: 0 !important;
    max-height: 0 !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_image {
    inset: 0 !important;
    filter: brightness(0.46) saturate(0.78) !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_body {
    min-height: 100% !important;
    justify-content: flex-start !important;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.82),
            rgba(0,0,0,0.66)
        ) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover_copy,
.template_body .article_child_content_row .content_row_track .node_cover_link:has(.node_cover_body:hover) .node_cover p {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    color: rgba(255,255,255,0.92) !important;
}

.template_body .article_child_content_row .content_row_arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 20 !important;
    width: clamp(2.15rem, 3.5vw, 2.8rem) !important;
    height: clamp(3rem, 6vw, 4.6rem) !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 999px !important;
    background: linear-gradient(to bottom, rgba(15,18,32,0.86), rgba(2,3,9,0.88)) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.12) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.template_body .article_child_content_row .content_row_arrow_left {
    left: clamp(0.22rem, 0.7vw, 0.65rem) !important;
}

.template_body .article_child_content_row .content_row_arrow_right {
    right: clamp(0.22rem, 0.7vw, 0.65rem) !important;
}

.template_body .article_child_content_row .content_row_arrow_left::before {
    content: "‹" !important;
    font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
    line-height: 1 !important;
}

.template_body .article_child_content_row .content_row_arrow_right::before {
    content: "›" !important;
    font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
    line-height: 1 !important;
}

.template_body .article_child_content_row .content_row_arrow:hover {
    background: linear-gradient(to bottom, rgba(30,36,62,0.94), rgba(7,9,20,0.94)) !important;
    border-color: rgba(255,255,255,0.34) !important;
}

.template_body .article_child_content_row .content_row_arrow_left:hover {
    transform: translateY(-50%) translateX(-2px) !important;
}

.template_body .article_child_content_row .content_row_arrow_right:hover {
    transform: translateY(-50%) translateX(2px) !important;
}

.template_body .article_child_content_row .content_row_arrow:disabled,
.template_body .article_child_content_row .content_row_track_frame:not(.has_overflow) .content_row_arrow {
    opacity: 0 !important;
    pointer-events: none !important;
}

.template_body .article_child_content_row .content_row_arrow span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 760px) {
    .template_body .article_child_content_row .content_row_track {
        padding: 0.9rem !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    .template_body .article_child_content_row .content_row_track > * {
        flex-basis: clamp(13.5rem, 74vw, 19rem) !important;
    }

    .template_body .article_child_content_row .content_row_track .node_cover {
        aspect-ratio: 1 / 1.12 !important;
        min-height: 0 !important;
    }
}



.template_body .article_child_content_row > .content_row,
.template_body .article_child_content_row > .content_row_1_lvl,
.template_body .article_child_content_row .content_row.content_row_1_lvl {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    isolation: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
    flex-direction: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.template_body .article_child_content_row > .content_row::before,
.template_body .article_child_content_row > .content_row::after,
.template_body .article_child_content_row > .content_row_1_lvl::before,
.template_body .article_child_content_row > .content_row_1_lvl::after {
    content: none !important;
    display: none !important;
}

.template_body .article_child_content_row > .content_row .content_row_track_frame,
.template_body .article_child_content_row > .content_row_1_lvl .content_row_track_frame {
    background: transparent !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}



.template_body .article_child_content_row,
.template_body .article_child_content_row > .content_row,
.template_body .article_child_content_row > .content_row_1_lvl,
.template_body .article_child_content_row .content_row.content_row_1_lvl,
.template_body .article_child_content_row .content_row_track_frame,
.template_body .article_child_content_row .content_row_track {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
}

.template_body .article_child_content_row {
    display: block !important;
    position: relative !important;
    align-self: stretch !important;
    z-index: 1 !important;
    overflow: visible !important;
}

.template_body .article_child_content_row > .content_row,
.template_body .article_child_content_row > .content_row_1_lvl,
.template_body .article_child_content_row .content_row.content_row_1_lvl {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
}

.template_body .article_child_content_row .content_row_track_frame {
    display: block !important;
    position: relative !important;
    overflow: visible !important;
}

.template_body .article_child_content_row .content_row_track {
    min-height: min-content !important;
}

.template_body .article_child_content_row + .document_flow_footer,
.template_body .article_child_content_row + footer,
.template_body .article_child_content_row + .unset_identity_footer {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-top: clamp(1rem, 1.8vw, 1.6rem) !important;
}

.unset_identity_footer_subscribe .button_input {
    position: relative !important;
    display: block !important;
    width: 8.4rem !important;
    min-width: 8.4rem !important;
    max-width: min(18rem, 86vw) !important;
    height: 2.35rem !important;
    min-height: 2.35rem !important;
    margin: 0 auto !important;
    isolation: isolate !important;
    overflow: visible !important;
    transition: width 0.22s ease !important;
}

.unset_identity_footer_subscribe .button_input.is-open,
.unset_identity_footer_subscribe .button_input:focus-within {
    width: min(18rem, 86vw) !important;
    min-width: min(18rem, 86vw) !important;
}

.unset_identity_footer_subscribe .button_input_button,
.unset_identity_footer_subscribe .button_input_field {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(49,255,114,0.48) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(to bottom, rgba(49,255,114,0.13), rgba(49,255,114,0.045)),
        rgba(4,7,14,0.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        0 0 0 1px rgba(49,255,114,0.08),
        0 12px 30px rgba(0,0,0,0.35) !important;
    font-family: inherit !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: rgba(136,255,176,0.96) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.unset_identity_footer_subscribe .button_input_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 1.35rem !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.unset_identity_footer_subscribe .button_input_field {
    display: block !important;
    padding: 0 1.15rem !important;
    text-align: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    outline: none !important;
}

.unset_identity_footer_subscribe .button_input.is-open .button_input_button,
.unset_identity_footer_subscribe .button_input:focus-within .button_input_button {
    opacity: 0 !important;
    pointer-events: none !important;
}

.unset_identity_footer_subscribe .button_input.is-open .button_input_field,
.unset_identity_footer_subscribe .button_input:focus-within .button_input_field {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.unset_identity_footer_subscribe .button_input_button:hover {
    background:
        linear-gradient(to bottom, rgba(255,255,255,0.16), rgba(255,255,255,0.06)),
        rgba(4,7,14,0.78) !important;
}

.node_cover .node_cover_date {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0.08rem 0 0.14rem;
    color: rgba(203, 216, 238, 0.84);
    font-size: clamp(0.70rem, 0.92vw, 0.79rem);
    font-weight: 560;
    line-height: 1.35;
    letter-spacing: 0.026em;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.36);
}

.node_cover .node_cover_date_historical {
    color: rgba(218, 207, 178, 0.89);
}

.byline .node_cover .node_cover_date {
    display: none !important;
}

@media (max-width: 760px) {
    .node_cover .node_cover_date {
        font-size: 0.71rem;
        line-height: 1.3;
    }
}


/* ============= OVERFLOW ============= */

.y_scroll {
overflow-y: auto;
}


/* ============= SIZE ============= */

.frame_size {
flex: 0 0 var(--unset-arrow-rail, 1.8rem);
}

.window {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}

.full_height {
height: 100%;
}

.window_y {
flex: 1 1 auto;
min-height: 0;
}


/* ============= TEXT ============= */

.title h1 {
font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 200;
    letter-spacing: -0.01em;
    margin: 0 0 0.8em 0;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.main_font {
font-family: system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 1.07rem;
line-height: 1.65;
font-weight: 200;
letter-spacing: 0.02em;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
color: #e6e9f0;
}

.no_link a {
color: inherit; text-decoration: none;
}

.subtitle {
font-size: 1.10rem; line-height: 1.7; font-weight: 300; letter-spacing: 0.04em; color: #ffffff; margin-top: 0.6em;
}

.centre {
text-align: center;
}