/*=========================================================
 KARDIA FRAMEWORK CSS
 Built for News Storm
 Version 1.2

 Clean • Lightweight • Responsive • News Storm Safe
=========================================================*/


/*---------------------------------------------------------
ROOT
---------------------------------------------------------*/

:root{

    --k-blue:#5F98B4;
    --k-blue-dark:#4E88A4;
    --k-blue-light:#79B7CF;

    --k-orange:#F2A65A;
    --k-orange-dark:#E08F42;

    --k-text:#445566;
    --k-muted:#718596;

    --k-border:#DCECF3;
    --k-soft:#F7FBFD;

    --k-success:#6E9E84;
    --k-success-dark:#5E8E76;

    --k-warning:#E5A94C;

    --k-danger:#C96565;
    --k-danger-dark:#B85656;

    --k-radius:16px;
    --k-radius-small:10px;

    --k-shadow:none;

    --k-gap:24px;
    --k-content:1100px;

}


/*---------------------------------------------------------
RESET
---------------------------------------------------------*/

html{
    scroll-behavior:auto;
}

body{
    overflow-x:hidden;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}


/*---------------------------------------------------------
TYPOGRAPHY
---------------------------------------------------------*/

body{
    color:var(--k-text);

    font-family:
        Arial,
        "Segoe UI",
        sans-serif;

    line-height:1.65;
}

h1,
h2,
h3,
h4{
    color:var(--k-text);
}

h1{
    font-size:34px;
    font-weight:700;
    line-height:1.2;
}

h2{
    font-size:28px;
    font-weight:700;
    line-height:1.25;
}

h3{
    font-size:22px;
    font-weight:700;
    line-height:1.3;
}

h4{
    font-size:18px;
    font-weight:600;
    line-height:1.35;
}

p{
    color:var(--k-muted);
}

a{
    color:var(--k-blue);
    text-decoration:none;
}

a:hover,
a:focus{
    color:var(--k-blue-dark);
}


/*---------------------------------------------------------
LAYOUT
---------------------------------------------------------*/

.k-shell{
    width:min(var(--k-content),calc(100% - 28px));
    margin-right:auto;
    margin-left:auto;
}

.k-section{
    padding:36px 0;
}

.k-grid{
    display:grid;
    gap:var(--k-gap);
}

.k-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

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

.k-grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}


/*---------------------------------------------------------
CARDS
---------------------------------------------------------*/

.k-card{
    padding:22px;

    background:#fff;
    border:1px solid var(--k-border);
    border-radius:var(--k-radius);
    box-shadow:var(--k-shadow);
}


/*---------------------------------------------------------
BUTTONS
---------------------------------------------------------*/

.k-btn,
.k-btn:link,
.k-btn:visited{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:7px;

    min-height:44px;
    padding:12px 18px;

    color:#fff !important;
    background:var(--k-blue) !important;

    border:1px solid var(--k-blue) !important;
    border-radius:var(--k-radius-small) !important;

    font-family:
        Arial,
        "Segoe UI",
        sans-serif;

    font-size:14px;
    font-weight:700;
    line-height:1.2;

    text-align:center;
    text-decoration:none !important;

    cursor:pointer;

    appearance:none;
    -webkit-appearance:none;

    box-shadow:none !important;
}

.k-btn:hover,
.k-btn:focus,
.k-btn:active{
    color:#fff !important;
    background:var(--k-blue-dark) !important;
    border-color:var(--k-blue-dark) !important;

    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
}

.k-btn:focus-visible{
    outline:3px solid rgba(95,152,180,.25);
    outline-offset:2px;
}


/* Orange button */

.k-btn-orange,
.k-btn-orange:link,
.k-btn-orange:visited{
    color:#fff !important;
    background:var(--k-orange) !important;
    border-color:var(--k-orange) !important;
}

.k-btn-orange:hover,
.k-btn-orange:focus,
.k-btn-orange:active{
    color:#fff !important;
    background:var(--k-orange-dark) !important;
    border-color:var(--k-orange-dark) !important;
}


/* Green button */

.k-btn-green,
.k-btn-green:link,
.k-btn-green:visited{
    color:#fff !important;
    background:var(--k-success) !important;
    border-color:var(--k-success) !important;
}

.k-btn-green:hover,
.k-btn-green:focus,
.k-btn-green:active{
    color:#fff !important;
    background:var(--k-success-dark) !important;
    border-color:var(--k-success-dark) !important;
}


/* Red button */

.k-btn-red,
.k-btn-red:link,
.k-btn-red:visited{
    color:#fff !important;
    background:var(--k-danger) !important;
    border-color:var(--k-danger) !important;
}

.k-btn-red:hover,
.k-btn-red:focus,
.k-btn-red:active{
    color:#fff !important;
    background:var(--k-danger-dark) !important;
    border-color:var(--k-danger-dark) !important;
}


/* Light button */

.k-btn-light,
.k-btn-light:link,
.k-btn-light:visited{
    color:var(--k-blue) !important;
    background:var(--k-soft) !important;
    border-color:var(--k-border) !important;
}

.k-btn-light:hover,
.k-btn-light:focus,
.k-btn-light:active{
    color:var(--k-blue-dark) !important;
    background:#fff !important;
    border-color:var(--k-blue) !important;
}


/* Full-width button */

.k-btn-block{
    display:flex !important;
    width:100%;
}


/* Small button */

.k-btn-small{
    min-height:38px;
    padding:9px 14px;
    font-size:13px;
}


/* Large button */

.k-btn-large{
    min-height:50px;
    padding:14px 22px;
    font-size:15px;
}


/* Button icons */

.k-btn *,
.k-btn span,
.k-btn strong{
    color:inherit !important;
}

.k-btn svg{
    width:1em;
    height:1em;
    fill:currentColor;
}


/*---------------------------------------------------------
BADGES
---------------------------------------------------------*/

.k-badge{
    display:inline-block;

    padding:5px 10px;

    color:var(--k-blue);
    background:var(--k-soft);

    border:1px solid var(--k-border);
    border-radius:999px;

    font-size:13px;
    font-weight:600;
    line-height:1.2;
}


/*---------------------------------------------------------
TABLES
---------------------------------------------------------*/

table{
    width:100%;
    border-collapse:collapse;
}

th{
    color:var(--k-text);
    background:var(--k-soft);
}

th,
td{
    padding:12px;
    border:1px solid var(--k-border);
}


/*---------------------------------------------------------
FORMS
---------------------------------------------------------*/

input,
textarea,
select{
    width:100%;
    padding:12px;

    color:var(--k-text);
    background:#fff;

    border:1px solid var(--k-border);
    border-radius:var(--k-radius-small);

    font-family:
        Arial,
        "Segoe UI",
        sans-serif;

    box-shadow:none;
}

input:focus,
textarea:focus,
select:focus{
    outline:2px solid rgba(95,152,180,.18);
    outline-offset:1px;
    border-color:var(--k-blue);
    box-shadow:none;
}

textarea{
    resize:vertical;
}


/*---------------------------------------------------------
UTILITY
---------------------------------------------------------*/

.k-center{
    text-align:center;
}

.k-right{
    text-align:right;
}

.k-left{
    text-align:left;
}

.k-mt{
    margin-top:24px;
}

.k-mb{
    margin-bottom:24px;
}

.k-soft{
    background:var(--k-soft);
}

.k-border{
    border:1px solid var(--k-border);
}

.k-hidden{
    display:none !important;
}


/*---------------------------------------------------------
ACCESSIBILITY
---------------------------------------------------------*/

.k-screen-reader-text{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    padding:0 !important;
    margin:-1px !important;

    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    clip-path:inset(50%) !important;

    white-space:nowrap !important;
    border:0 !important;
}


/*---------------------------------------------------------
PERFORMANCE
---------------------------------------------------------*/

*{
    animation:none !important;
}

*:hover{
    transform:none !important;
}

a,
.k-btn,
input,
textarea,
select{
    transition:
        background-color .15s ease,
        color .15s ease,
        border-color .15s ease;
}


/*---------------------------------------------------------
MOBILE
---------------------------------------------------------*/

@media(max-width:900px){

    .k-grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

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

}

@media(max-width:700px){

    .k-shell{
        width:calc(100% - 20px);
    }

    .k-grid-2,
    .k-grid-3,
    .k-grid-4{
        grid-template-columns:1fr;
    }

    h1{
        font-size:28px;
    }

    h2{
        font-size:24px;
    }

    h3{
        font-size:20px;
    }

    .k-section{
        padding:28px 0;
    }

    .k-btn-mobile-block{
        display:flex !important;
        width:100%;
    }

}

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

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}


/*---------------------------------------------------------
NEWS STORM COMPATIBILITY
---------------------------------------------------------*/

#scroll-up,
.scroll-up,
.back-to-top{
    display:none !important;
}

.site-content{
    overflow:hidden;
}

.widget{
    margin-bottom:28px;
}


/* Prevent News Storm from recoloring KARDIA buttons */

a.k-btn,
button.k-btn,
input.k-btn,
input[type="submit"].k-btn,
input[type="button"].k-btn,
input[type="reset"].k-btn,
.wp-block-button__link.k-btn{
    color:#fff !important;
    background:var(--k-blue) !important;
    border-color:var(--k-blue) !important;
}

a.k-btn:hover,
a.k-btn:focus,
a.k-btn:active,
button.k-btn:hover,
button.k-btn:focus,
button.k-btn:active,
input[type="submit"].k-btn:hover,
input[type="submit"].k-btn:focus,
input[type="submit"].k-btn:active,
.wp-block-button__link.k-btn:hover,
.wp-block-button__link.k-btn:focus,
.wp-block-button__link.k-btn:active{
    color:#fff !important;
    background:var(--k-blue-dark) !important;
    border-color:var(--k-blue-dark) !important;
}


/* Preserve framework button color variants */

a.k-btn-orange,
button.k-btn-orange,
input.k-btn-orange,
.wp-block-button__link.k-btn-orange{
    background:var(--k-orange) !important;
    border-color:var(--k-orange) !important;
}

a.k-btn-orange:hover,
a.k-btn-orange:focus,
a.k-btn-orange:active,
button.k-btn-orange:hover,
button.k-btn-orange:focus,
button.k-btn-orange:active,
.wp-block-button__link.k-btn-orange:hover,
.wp-block-button__link.k-btn-orange:focus,
.wp-block-button__link.k-btn-orange:active{
    background:var(--k-orange-dark) !important;
    border-color:var(--k-orange-dark) !important;
}

a.k-btn-green,
button.k-btn-green,
input.k-btn-green,
.wp-block-button__link.k-btn-green{
    background:var(--k-success) !important;
    border-color:var(--k-success) !important;
}

a.k-btn-green:hover,
a.k-btn-green:focus,
a.k-btn-green:active,
button.k-btn-green:hover,
button.k-btn-green:focus,
button.k-btn-green:active,
.wp-block-button__link.k-btn-green:hover,
.wp-block-button__link.k-btn-green:focus,
.wp-block-button__link.k-btn-green:active{
    background:var(--k-success-dark) !important;
    border-color:var(--k-success-dark) !important;
}

a.k-btn-red,
button.k-btn-red,
input.k-btn-red,
.wp-block-button__link.k-btn-red{
    background:var(--k-danger) !important;
    border-color:var(--k-danger) !important;
}

a.k-btn-red:hover,
a.k-btn-red:focus,
a.k-btn-red:active,
button.k-btn-red:hover,
button.k-btn-red:focus,
button.k-btn-red:active,
.wp-block-button__link.k-btn-red:hover,
.wp-block-button__link.k-btn-red:focus,
.wp-block-button__link.k-btn-red:active{
    background:var(--k-danger-dark) !important;
    border-color:var(--k-danger-dark) !important;
}

a.k-btn-light,
button.k-btn-light,
.wp-block-button__link.k-btn-light{
    color:var(--k-blue) !important;
    background:var(--k-soft) !important;
    border-color:var(--k-border) !important;
}

a.k-btn-light:hover,
a.k-btn-light:focus,
a.k-btn-light:active,
button.k-btn-light:hover,
button.k-btn-light:focus,
button.k-btn-light:active,
.wp-block-button__link.k-btn-light:hover,
.wp-block-button__link.k-btn-light:focus,
.wp-block-button__link.k-btn-light:active{
    color:var(--k-blue-dark) !important;
    background:#fff !important;
    border-color:var(--k-blue) !important;
}


/* Prevent inherited News Storm text colors inside buttons */

.k-btn,
.k-btn:link,
.k-btn:visited,
.k-btn:hover,
.k-btn:focus,
.k-btn:active,
.k-btn *,
.k-btn:hover *,
.k-btn:focus *,
.k-btn:active *{
    text-decoration:none !important;
}


/* Normalize WordPress button blocks */

.wp-block-button{
    margin:0;
}

.wp-block-button__link.k-btn{
    box-shadow:none !important;
}


/* Native form button reset */

button.k-btn,
input[type="submit"].k-btn,
input[type="button"].k-btn,
input[type="reset"].k-btn{
    appearance:none;
    -webkit-appearance:none;
}
/*---------------------------------------------------------
MOBILE FOUNDATION
Generic responsive improvements for all KARDIA components
---------------------------------------------------------*/

html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body{
    min-width:0;
}

.k-shell,
.k-section,
.k-card,
.k-grid,
.k-grid > *{
    min-width:0;
}

input,
textarea,
select,
.k-btn{
    min-height:44px;
}

input,
textarea,
select{
    font-size:16px;
}

.k-table-scroll{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.k-stack-mobile{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.k-media{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.k-media-content{
    flex:1;
    min-width:0;
}

.k-wrap{
    overflow-wrap:anywhere;
    word-break:normal;
}

@media(max-width:700px){

    .k-shell{
        width:calc(100% - 20px);
    }

    .k-section{
        padding:26px 0;
    }

    .k-grid{
        gap:16px;
    }

    .k-card{
        padding:18px;
        border-radius:14px;
    }

    h1{
        font-size:28px;
        line-height:1.2;
    }

    h2{
        font-size:24px;
        line-height:1.25;
    }

    h3{
        font-size:20px;
        line-height:1.3;
    }

    h4{
        font-size:17px;
    }

    p,
    li{
        overflow-wrap:anywhere;
    }

    .k-btn-mobile-block{
        display:flex !important;
        width:100%;
    }

    .k-stack-mobile{
        flex-direction:column;
    }

    .k-stack-mobile > *{
        width:100%;
    }

    .k-media{
        gap:12px;
    }

    table{
        font-size:14px;
    }

    th,
    td{
        padding:10px;
    }
}

@media(max-width:480px){

    .k-shell{
        width:calc(100% - 16px);
    }

    .k-section{
        padding:22px 0;
    }

    .k-grid{
        gap:12px;
    }

    .k-card{
        padding:15px;
        border-radius:12px;
    }

    h1{
        font-size:26px;
    }

    h2{
        font-size:22px;
    }

    h3{
        font-size:19px;
    }

    .k-btn{
        min-height:44px;
        padding:11px 15px;
        font-size:14px;
    }

    .k-btn-large{
        min-height:48px;
        padding:13px 18px;
        font-size:15px;
    }

    .k-badge{
        font-size:12px;
    }

    input,
    textarea,
    select{
        padding:11px 12px;
    }

    .k-media{
        align-items:flex-start;
    }

    .k-media-icon{
        flex:0 0 auto;
    }

    th,
    td{
        padding:9px 8px;
    }
}
/*---------------------------------------------------------
NEWS STORM MENU PROTECTION
Keeps theme hamburger controls outside the KARDIA button system
---------------------------------------------------------*/

.menu-toggle,
.navbar-toggle,
.mobile-menu-toggle,
.navigation-toggle,
button.menu-toggle,
button.navbar-toggle,
button.mobile-menu-toggle,
button.navigation-toggle{
    min-width:0;
    min-height:0;
    width:auto;
    height:auto;
    padding:initial;
    color:inherit;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    appearance:auto;
    -webkit-appearance:auto;
    transform:none;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active,
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus,
.mobile-menu-toggle:active,
.navigation-toggle:hover,
.navigation-toggle:focus,
.navigation-toggle:active{
    color:inherit;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
}
/*=========================================================
 KARDIA CONDITION PAGE SYSTEM
 Official reusable components for all condition pages
=========================================================*/

/* Page foundation */

.k-condition-page{
    width:100%;
    margin:0;
    padding:30px 0 44px;
    color:var(--k-text);
    background:transparent;
    font-family:Arial,"Segoe UI",sans-serif;
    line-height:1.68;
}

.k-condition-page,
.k-condition-page *{
    box-sizing:border-box;
}

.k-condition-page .k-shell{
    width:min(1120px,calc(100% - 28px));
}

.k-condition-page p{
    margin:0 0 14px;
    color:var(--k-muted);
    font-size:15.5px;
}

.k-condition-page p:last-child{
    margin-bottom:0;
}

.k-condition-page ul,
.k-condition-page ol{
    margin:10px 0 0;
    padding-left:21px;
    color:var(--k-muted);
}

.k-condition-page li{
    margin:6px 0;
}


/* Condition hero */

.k-condition-hero{
    margin:0 0 22px;
    padding:44px 28px;
    text-align:center;
    background:
        linear-gradient(180deg,#ffffff 0%,var(--k-soft) 100%);
    border:1px solid var(--k-border);
    border-radius:24px;
    overflow:hidden;
}

.k-condition-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    margin:0 0 14px;
    padding:7px 13px;
    color:var(--k-blue-dark);
    background:#fff;
    border:1px solid var(--k-border);
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.k-condition-hero h1{
    margin:0 0 12px;
    color:var(--k-blue-dark);
    font-size:clamp(34px,5vw,50px);
    line-height:1.12;
}

.k-condition-hero p{
    max-width:820px;
    margin:0 auto;
    color:var(--k-muted);
    font-size:16px;
}


/* Quick facts */

.k-facts-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:0 0 22px;
}

.k-fact-card{
    min-width:0;
    padding:18px 14px;
    text-align:center;
    background:#fff;
    border:1px solid var(--k-border);
    border-radius:17px;
}

.k-fact-card strong,
.k-fact-card span{
    display:block;
}

.k-fact-card strong{
    margin:0 0 4px;
    color:var(--k-blue-dark);
    font-size:15px;
}

.k-fact-card span{
    color:var(--k-muted);
    font-size:14px;
    line-height:1.45;
}


/* Main condition sections */

.k-condition-card{
    margin:0 0 22px;
    padding:28px;
    background:#fff;
    border:1px solid var(--k-border);
    border-radius:21px;
    box-shadow:none;
}

.k-condition-card h2{
    margin:0 0 14px;
    color:var(--k-blue-dark);
    font-size:clamp(24px,3vw,30px);
    line-height:1.25;
}

.k-condition-card h3{
    margin:0 0 8px;
    color:var(--k-blue-dark);
    font-size:19px;
    line-height:1.3;
}

.k-condition-card h4{
    margin:0 0 7px;
    color:var(--k-text);
    font-size:17px;
}


/* Reusable content grids */

.k-condition-grid{
    display:grid;
    gap:16px;
}

.k-condition-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

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

.k-condition-grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.k-condition-panel{
    min-width:0;
    padding:18px;
    background:var(--k-soft);
    border:1px solid var(--k-border);
    border-radius:16px;
}

.k-condition-panel p:last-child,
.k-condition-panel ul:last-child,
.k-condition-panel ol:last-child{
    margin-bottom:0;
}


/* At-a-glance summary cards */

.k-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.k-summary-item{
    min-width:0;
    padding:16px;
    background:var(--k-soft);
    border:1px solid var(--k-border);
    border-radius:15px;
}

.k-summary-icon{
    display:block;
    margin:0 0 6px;
    font-size:22px;
    line-height:1;
}

.k-summary-item strong{
    display:block;
    margin:0 0 3px;
    color:var(--k-blue-dark);
    font-size:15px;
}

.k-summary-item span{
    display:block;
    color:var(--k-muted);
    font-size:13.5px;
    line-height:1.5;
}


/* Condition tables */

.k-condition-page .k-table-scroll{
    width:100%;
    margin-top:18px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.k-condition-page table{
    width:100%;
    min-width:620px;
    border-spacing:0;
    border-collapse:separate;
    background:#fff;
    border:1px solid var(--k-border);
    border-radius:15px;
    overflow:hidden;
}

.k-condition-page th,
.k-condition-page td{
    padding:14px;
    text-align:left;
    vertical-align:top;
    border:0;
    border-bottom:1px solid var(--k-border);
}

.k-condition-page th{
    color:var(--k-blue-dark);
    background:var(--k-soft);
    font-weight:700;
}

.k-condition-page td{
    color:var(--k-muted);
}

.k-condition-page tr:last-child td{
    border-bottom:0;
}


/* Alerts and special sections */

.k-condition-warning{
    background:#fff7f7;
    border-color:#efd1d1;
    border-left:5px solid var(--k-danger);
}

.k-condition-warning h2,
.k-condition-warning h3{
    color:var(--k-danger-dark);
}

.k-condition-warning-note{
    margin-top:18px;
    padding:17px;
    color:var(--k-text);
    background:#fff;
    border:1px solid #efd1d1;
    border-radius:12px;
}

.k-condition-professional{
    background:#f3fafd;
    border-left:5px solid var(--k-blue-light);
}

.k-condition-disclaimer{
    background:#f8fafc;
}

.k-condition-success{
    background:#f5faf7;
    border-left:5px solid var(--k-success);
}

.k-condition-note{
    background:#fffaf3;
    border-left:5px solid var(--k-orange);
}


/* FAQ */

.k-condition-page details{
    margin:10px 0;
    background:var(--k-soft);
    border:1px solid var(--k-border);
    border-radius:13px;
    overflow:hidden;
}

.k-condition-page summary{
    padding:15px 17px;
    color:var(--k-blue-dark);
    font-weight:700;
    line-height:1.4;
    cursor:pointer;
    list-style-position:inside;
}

.k-condition-page details p,
.k-condition-page details ul,
.k-condition-page details ol{
    padding-right:17px;
    padding-left:17px;
}

.k-condition-page details p{
    padding-bottom:17px;
}


/* Official neutral footer */

.k-condition-footer{
    margin-top:24px;
    padding:28px 14px;
    text-align:center;
    color:var(--k-muted);
    background:#fff;
    border-top:1px solid var(--k-border);
}

.k-condition-footer strong{
    display:block;
    margin-bottom:3px;
    color:var(--k-text);
    font-size:19px;
}


/* Helpful spacing utilities */

.k-condition-page .k-space-top{
    margin-top:18px;
}

.k-condition-page .k-space-bottom{
    margin-bottom:18px;
}

.k-condition-page .k-no-margin{
    margin:0 !important;
}


/* No decorative movement */

.k-condition-page *,
.k-condition-page *::before,
.k-condition-page *::after{
    animation:none !important;
}

.k-condition-card:hover,
.k-condition-panel:hover,
.k-fact-card:hover,
.k-summary-item:hover,
.k-condition-hero:hover{
    transform:none !important;
    box-shadow:none !important;
}


/* Responsive condition pages */

@media(max-width:900px){

    .k-facts-grid,
    .k-condition-grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .k-summary-grid,
    .k-condition-grid-3{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:700px){

    .k-condition-page{
        padding:22px 0 34px;
    }

    .k-condition-page .k-shell{
        width:calc(100% - 20px);
    }

    .k-condition-hero{
        padding:34px 18px;
        border-radius:20px;
    }

    .k-condition-hero h1{
        font-size:clamp(30px,9vw,40px);
    }

    .k-condition-card{
        padding:21px 17px;
        border-radius:18px;
    }

    .k-condition-grid-2,
    .k-condition-grid-3{
        grid-template-columns:1fr;
    }

}

@media(max-width:480px){

    .k-condition-page .k-shell{
        width:calc(100% - 16px);
    }

    .k-facts-grid,
    .k-summary-grid,
    .k-condition-grid-4{
        grid-template-columns:1fr;
    }

    .k-condition-hero{
        padding:29px 15px;
        border-radius:18px;
    }

    .k-condition-card{
        padding:18px 15px;
        border-radius:15px;
    }

    .k-condition-panel,
    .k-summary-item{
        padding:15px;
        border-radius:13px;
    }

    .k-condition-page th,
    .k-condition-page td{
        padding:10px;
    }

}
/* Hide sidebar widgets on phones */
@media (max-width: 768px){

  /* Hide entire sidebar */
  #secondary,
  .widget-area,
  .sidebar,
  aside.widget-area{
    display:none !important;
  }

  /* Make content use full width */
  #primary,
  .content-area,
  .site-main,
  .main-content{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  .site-content{
    display:block !important;
  }
}
/* KARDIA — hide every Secondary Widget Area on phones */
@media screen and (max-width: 768px){

  /* Standard WordPress and News Storm secondary areas */
  #secondary,
  #secondary-widget-area,
  #secondary-sidebar,
  #sidebar-secondary,
  #sidebar-2,
  .secondary-widget-area,
  .secondary-sidebar,
  .widget-area-secondary,
  .sidebar-secondary,
  .secondary-widgets,
  [id*="secondary"][class*="widget"],
  [class*="secondary"][class*="widget"],
  [aria-label*="Secondary Widget"],
  [aria-label*="Secondary widget"]{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  /* Expand the main page content */
  #primary,
  .content-area,
  .site-content .content-area,
  .main-content,
  main.site-main{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/*=========================================================
 KARDIA OCT & OCT-A ATLAS
 Complete presentation system — replaces all prior atlas CSS
=========================================================*/

#kardia-oct-upload-atlas{
    --oct-bg:#F5FAFC;
    --oct-panel:#FFFFFF;
    --oct-panel-soft:#F7FBFD;
    --oct-line:#DCECF3;
    --oct-title:#3F6477;
    --oct-text:#445566;
    --oct-muted:#718596;
    --oct-blue:#5F98B4;
    --oct-blue-dark:#4E88A4;
    --oct-blue-pale:#EAF5FA;
    --oct-orange:#F2A65A;
    --oct-orange-dark:#D98637;
    --oct-orange-pale:#FFF6EA;
    --oct-image:#0A171D;

    width:100%;
    margin:0;
    padding:30px 0 56px;
    color:var(--oct-text);
    background:transparent;
    font-family:Arial,"Segoe UI",sans-serif;
    line-height:1.55;
}

#kardia-oct-upload-atlas,
#kardia-oct-upload-atlas *,
#kardia-oct-upload-atlas *::before,
#kardia-oct-upload-atlas *::after{
    box-sizing:border-box;
    min-width:0;
}

#kardia-oct-upload-atlas .kardia-container{
    width:min(1220px,calc(100% - 30px));
    margin:0 auto;
    padding:0;
}

/* Page introduction */
#kardia-oct-upload-atlas .kardia-section-title{
    position:relative;
    overflow:hidden;
    max-width:none;
    margin:0 0 26px;
    padding:42px 30px 38px;
    text-align:center;
    background:linear-gradient(180deg,#FFFFFF 0%,#F4FAFD 100%);
    border:1px solid var(--oct-line);
    border-radius:24px;
}

#kardia-oct-upload-atlas .kardia-section-title::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-110px;
    width:260px;
    height:260px;
    background:radial-gradient(circle,rgba(121,183,207,.16) 0%,rgba(121,183,207,0) 68%);
    pointer-events:none;
}

#kardia-oct-upload-atlas .kardia-section-title::before{
    content:"KARDIA • CLINICAL IMAGING ATLAS";
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 14px;
    padding:7px 13px;
    color:var(--oct-blue-dark);
    background:#FFFFFF;
    border:1px solid var(--oct-line);
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.09em;
}

#kardia-oct-upload-atlas .kardia-section-title h1{
    position:relative;
    z-index:1;
    margin:0 0 11px;
    color:var(--oct-title);
    font-size:clamp(34px,5vw,52px);
    font-weight:750;
    line-height:1.08;
    letter-spacing:-.025em;
}

#kardia-oct-upload-atlas .kardia-section-title p{
    position:relative;
    z-index:1;
    max-width:820px;
    margin:0 auto;
    color:var(--oct-muted);
    font-size:16px;
    line-height:1.65;
}

/* Category accordion */
#kardia-oct-upload-atlas details.oct-section{
    margin:0 0 18px;
    overflow:hidden;
    background:var(--oct-panel);
    border:1px solid var(--oct-line);
    border-radius:20px;
    box-shadow:none;
}

#kardia-oct-upload-atlas details.oct-section > summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
}

#kardia-oct-upload-atlas details.oct-section > summary::-webkit-details-marker{
    display:none;
}

#kardia-oct-upload-atlas .oct-section-heading{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
    min-height:92px;
    margin:0;
    padding:20px 72px 20px 24px;
    background:#FFFFFF;
    border:0;
}

#kardia-oct-upload-atlas details.oct-section[open] .oct-section-heading{
    background:linear-gradient(90deg,#F4FAFD 0%,#FFFFFF 72%);
    border-bottom:1px solid var(--oct-line);
}

#kardia-oct-upload-atlas .oct-section-heading span:not(.oct-section-toggle){
    display:block;
    margin:0 0 5px;
    color:var(--oct-blue);
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.11em;
    text-transform:uppercase;
}

#kardia-oct-upload-atlas .oct-section-heading h2{
    margin:0;
    color:var(--oct-title);
    font-size:clamp(22px,2.8vw,30px);
    font-weight:750;
    line-height:1.18;
    letter-spacing:-.012em;
}

#kardia-oct-upload-atlas .oct-section-heading p{
    margin:0;
    padding:7px 11px;
    color:var(--oct-muted);
    background:var(--oct-panel-soft);
    border:1px solid var(--oct-line);
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
}

#kardia-oct-upload-atlas .oct-section-toggle{
    position:absolute;
    top:50%;
    right:22px;
    width:36px;
    height:36px;
    transform:translateY(-50%) !important;
    background:#FFFFFF;
    border:1px solid var(--oct-line);
    border-radius:50%;
}

#kardia-oct-upload-atlas .oct-section-toggle::before,
#kardia-oct-upload-atlas .oct-section-toggle::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:13px;
    height:2px;
    background:var(--oct-blue-dark);
    transform:translate(-50%,-50%);
}

#kardia-oct-upload-atlas .oct-section-toggle::after{
    transform:translate(-50%,-50%) rotate(90deg);
}

#kardia-oct-upload-atlas details.oct-section[open] .oct-section-toggle{
    background:var(--oct-blue-pale);
    border-color:#C9E3EE;
}

#kardia-oct-upload-atlas details.oct-section[open] .oct-section-toggle::after{
    display:none;
}

#kardia-oct-upload-atlas .oct-section-content{
    padding:20px;
    background:#FBFDFE;
}

/* Atlas grid */
#kardia-oct-upload-atlas .oct-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}

#kardia-oct-upload-atlas .oct-card{
    display:grid;
    grid-template-rows:auto auto 1fr;
    overflow:hidden;
    min-height:100%;
    background:#FFFFFF;
    border:1px solid var(--oct-line);
    border-radius:17px;
    box-shadow:none;
}

/* Image area */
#kardia-oct-upload-atlas .oct-image-frame{
    position:relative;
    overflow:hidden;
    background:var(--oct-image);
    border-bottom:1px solid var(--oct-line);
    cursor:zoom-in;
    outline:none;
}

#kardia-oct-upload-atlas .oct-image-frame:focus-visible{
    box-shadow:inset 0 0 0 3px var(--oct-orange);
}

#kardia-oct-upload-atlas .oct-image-frame img,
#kardia-oct-upload-atlas .oct-placeholder{
    display:block;
    width:100%;
    aspect-ratio:1200/620;
    object-fit:cover;
}

#kardia-oct-upload-atlas .octa-section .oct-image-frame img,
#kardia-oct-upload-atlas .octa-section .oct-placeholder{
    aspect-ratio:1/1;
}

#kardia-oct-upload-atlas .oct-placeholder{
    position:relative;
    overflow:hidden;
    color:#F1F9FC;
    background:
        radial-gradient(circle at 50% 62%,rgba(121,183,207,.20) 0%,rgba(121,183,207,0) 40%),
        linear-gradient(155deg,#152830 0%,#0B171C 55%,#071014 100%);
}

#kardia-oct-upload-atlas .octa-section .oct-placeholder{
    background:
        radial-gradient(circle at 50% 52%,rgba(242,166,90,.16) 0%,rgba(242,166,90,0) 42%),
        linear-gradient(155deg,#20252A 0%,#11181C 55%,#080E11 100%);
}

#kardia-oct-upload-atlas .oct-placeholder-grid{
    position:absolute;
    inset:0;
    opacity:.12;
    background-image:
        linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
    background-size:34px 34px;
}

#kardia-oct-upload-atlas .oct-placeholder-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
}

#kardia-oct-upload-atlas .oct-placeholder-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin:0 0 11px;
    color:#C6EBF7;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(198,235,247,.34);
    border-radius:50%;
    font-size:12px;
    font-weight:800;
    line-height:1;
    letter-spacing:.08em;
}

#kardia-oct-upload-atlas .octa-section .oct-placeholder-icon{
    width:68px;
    height:68px;
    color:#FFD5A8;
    border-color:rgba(255,213,168,.38);
    border-radius:18px;
}

#kardia-oct-upload-atlas .oct-placeholder-content strong{
    display:block;
    max-width:94%;
    color:#FFFFFF;
    font-size:16px;
    font-weight:700;
    line-height:1.3;
}

#kardia-oct-upload-atlas .oct-dimensions{
    margin:9px 0 0;
    padding:6px 10px;
    color:#DFF5FC;
    background:rgba(95,152,180,.20);
    border:1px solid rgba(121,183,207,.34);
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
}

#kardia-oct-upload-atlas .octa-section .oct-dimensions{
    color:#FFE1C1;
    background:rgba(242,166,90,.14);
    border-color:rgba(242,166,90,.30);
}

#kardia-oct-upload-atlas .oct-placeholder-content code{
    display:block;
    max-width:94%;
    margin:8px 0 0;
    color:#F4B978;
    font-family:Consolas,"Courier New",monospace;
    font-size:10.5px;
    line-height:1.35;
    overflow-wrap:anywhere;
}

#kardia-oct-upload-atlas .oct-hover{
    display:none;
}

/* Card title */
#kardia-oct-upload-atlas .oct-card-body{
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-height:78px;
    padding:15px 15px 13px;
    background:#FFFFFF;
}

#kardia-oct-upload-atlas .oct-number{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-width:43px;
    height:32px;
    padding:0 8px;
    color:var(--oct-blue-dark);
    background:var(--oct-blue-pale);
    border:1px solid #D3E9F2;
    border-radius:9px;
    font-size:11px;
    font-weight:800;
    line-height:1;
}

#kardia-oct-upload-atlas .octa-section .oct-number{
    color:var(--oct-orange-dark);
    background:var(--oct-orange-pale);
    border-color:#F5D9BA;
}

#kardia-oct-upload-atlas .oct-card-body h3{
    margin:1px 0 0;
    color:var(--oct-text);
    font-size:15.5px;
    font-weight:700;
    line-height:1.35;
}

/* Findings */
#kardia-oct-upload-atlas .oct-findings{
    align-self:stretch;
    margin:0 13px 13px;
    padding:13px 14px 12px;
    background:var(--oct-panel-soft);
    border:1px solid var(--oct-line);
    border-top:3px solid var(--oct-blue);
    border-radius:12px;
}

#kardia-oct-upload-atlas .oct-findings.octa-findings{
    background:var(--oct-orange-pale);
    border-color:#F3DEC7;
    border-top-color:var(--oct-orange);
}

#kardia-oct-upload-atlas .oct-findings-label{
    margin:0 0 7px;
    color:var(--oct-blue-dark);
    font-size:11.5px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:.025em;
    text-transform:uppercase;
}

#kardia-oct-upload-atlas .oct-findings.octa-findings .oct-findings-label{
    color:var(--oct-orange-dark);
}

#kardia-oct-upload-atlas .oct-findings ul{
    margin:0;
    padding:0 0 0 17px;
}

#kardia-oct-upload-atlas .oct-findings li{
    margin:4px 0;
    color:var(--oct-muted);
    font-size:12.5px;
    line-height:1.48;
}

#kardia-oct-upload-atlas .oct-findings li::marker{
    color:var(--oct-blue);
}

#kardia-oct-upload-atlas .oct-findings.octa-findings li::marker{
    color:var(--oct-orange);
}

/* Lightbox */
#kardia-oct-upload-atlas .lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    visibility:hidden;
    opacity:0;
    background:rgba(2,8,11,.94);
}

#kardia-oct-upload-atlas .lightbox.open{
    visibility:visible;
    opacity:1;
}

#kardia-oct-upload-atlas .lightbox-content{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(96vw,1500px);
    max-height:92vh;
}

#kardia-oct-upload-atlas .lightbox img{
    display:none;
    max-width:100%;
    max-height:90vh;
    background:#000000;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
}

#kardia-oct-upload-atlas .lightbox img.active{
    display:block;
}

#kardia-oct-upload-atlas .lightbox-placeholder{
    display:none;
    width:min(96vw,1200px);
    aspect-ratio:1200/620;
    overflow:hidden;
    background:#0A171D;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
}

#kardia-oct-upload-atlas .lightbox-placeholder.active{
    display:block;
}

#kardia-oct-upload-atlas .lightbox-placeholder .oct-placeholder{
    width:100%;
    height:100%;
    aspect-ratio:auto;
}

#kardia-oct-upload-atlas .lightbox-placeholder .oct-placeholder-content strong{
    font-size:clamp(23px,3vw,40px);
}

#kardia-oct-upload-atlas .lightbox-placeholder .oct-placeholder-icon{
    width:82px;
    height:82px;
    font-size:15px;
}

#kardia-oct-upload-atlas .lightbox-placeholder .oct-dimensions{
    font-size:14px;
}

#kardia-oct-upload-atlas .lightbox-placeholder code{
    font-size:13px;
}

#kardia-oct-upload-atlas .lightbox .close{
    position:fixed;
    top:16px;
    right:18px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    color:#FFFFFF;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.24);
    border-radius:50%;
    font-size:31px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
}

/* Tablet */
@media(max-width:1020px){
    #kardia-oct-upload-atlas .oct-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

/* Phone */
@media(max-width:700px){
    #kardia-oct-upload-atlas{
        padding:18px 0 38px;
    }

    #kardia-oct-upload-atlas .kardia-container{
        width:calc(100% - 18px);
    }

    #kardia-oct-upload-atlas .kardia-section-title{
        margin-bottom:16px;
        padding:30px 17px 28px;
        border-radius:18px;
    }

    #kardia-oct-upload-atlas .kardia-section-title::before{
        margin-bottom:12px;
        padding:6px 10px;
        font-size:10px;
    }

    #kardia-oct-upload-atlas .kardia-section-title h1{
        font-size:clamp(30px,9vw,38px);
    }

    #kardia-oct-upload-atlas .kardia-section-title p{
        font-size:14px;
        line-height:1.58;
    }

    #kardia-oct-upload-atlas details.oct-section{
        margin-bottom:12px;
        border-radius:15px;
    }

    #kardia-oct-upload-atlas .oct-section-heading{
        display:block;
        min-height:0;
        padding:17px 56px 16px 16px;
    }

    #kardia-oct-upload-atlas .oct-section-heading h2{
        font-size:21px;
    }

    #kardia-oct-upload-atlas .oct-section-heading p{
        display:inline-block;
        margin-top:9px;
        padding:6px 9px;
        font-size:11px;
        white-space:normal;
    }

    #kardia-oct-upload-atlas .oct-section-toggle{
        right:14px;
        width:32px;
        height:32px;
    }

    #kardia-oct-upload-atlas .oct-section-content{
        padding:10px;
    }

    #kardia-oct-upload-atlas .oct-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    #kardia-oct-upload-atlas .oct-card{
        border-radius:14px;
    }

    #kardia-oct-upload-atlas .oct-card-body{
        min-height:0;
        padding:14px 13px 12px;
    }

    #kardia-oct-upload-atlas .oct-card-body h3{
        font-size:15px;
    }

    #kardia-oct-upload-atlas .oct-findings{
        margin:0 10px 10px;
        padding:12px 12px 11px;
    }

    #kardia-oct-upload-atlas .oct-findings li{
        font-size:12.5px;
    }

    #kardia-oct-upload-atlas .lightbox{
        padding:10px;
    }

    #kardia-oct-upload-atlas .lightbox .close{
        top:10px;
        right:10px;
        width:42px;
        height:42px;
    }
}

@media(max-width:420px){
    #kardia-oct-upload-atlas .kardia-container{
        width:calc(100% - 14px);
    }

    #kardia-oct-upload-atlas .oct-placeholder-content{
        padding:16px;
    }

    #kardia-oct-upload-atlas .oct-placeholder-content strong{
        font-size:15px;
    }
}

/* No decorative movement */
#kardia-oct-upload-atlas *,
#kardia-oct-upload-atlas *::before,
#kardia-oct-upload-atlas *::after{
    animation:none !important;
    transition:none !important;
}

#kardia-oct-upload-atlas .oct-card:hover,
#kardia-oct-upload-atlas .oct-section-heading:hover,
#kardia-oct-upload-atlas .oct-image-frame:hover{
    transform:none !important;
    box-shadow:none !important;
}