/* ===== Logga in & Registrera (aka-auth: ljus Akalasi-layout, Divi fullbredd) ===== */
.aka-auth-page {
    --aka-auth-accent: var(--color-brand, #1abc9c);
    --aka-auth-accent-hover: #16a085;
    --aka-auth-accent-ring: rgba(26, 188, 156, 0.28);
    --aka-auth-surface: #fff;
    --aka-auth-border: #e2e8e8;
    --aka-auth-text: var(--h-dark, #2c3e50);
    --aka-auth-muted: #5c6570;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
}

/* Ljus yta på alla viewport (undvik mörk “ram” runt kortet) */
body.aka-page-login,
body.aka-page-register,
body.aka-page-account-guest {
    background: #f5f7f8 !important;
}

/* Divi: annars #left-area ~80% + tom sidopanel → innehåll “flyttat” åt höger */
body.aka-page-login #sidebar,
body.aka-page-register #sidebar,
body.aka-page-account-guest #sidebar {
    display: none !important;
}
body.aka-page-login #left-area,
body.aka-page-register #left-area,
body.aka-page-account-guest #left-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.aka-page-login #main-content .container,
body.aka-page-register #main-content .container,
body.aka-page-account-guest #main-content .container {
    width: 100% !important;
    max-width: 100% !important;
}
body.aka-page-login #main-content .entry-content,
body.aka-page-register #main-content .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
/* Divi-rader runt shortcode: ingen förskjuten smal kolumn */
body.aka-page-login #main-content .et_pb_section,
body.aka-page-register #main-content .et_pb_section,
body.aka-page-login #main-content .et_pb_row,
body.aka-page-register #main-content .et_pb_row,
body.aka-page-login #main-content .et_pb_column,
body.aka-page-register #main-content .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}
body.aka-page-login #main-content .et_pb_column .et_pb_module,
body.aka-page-register #main-content .et_pb_column .et_pb_module {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.aka-page-login #main-content {
    max-width: min(100%, 980px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    box-sizing: border-box;
    padding: 6px clamp(16px, 4vw, 28px) 24px !important;
}
body.aka-page-account-guest #main-content {
    max-width: min(100%, 980px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    box-sizing: border-box;
    padding: 6px clamp(16px, 4vw, 28px) 24px !important;
}
body.aka-page-register #main-content {
    max-width: min(100%, 1120px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    box-sizing: border-box;
    padding: 6px clamp(16px, 4vw, 28px) clamp(48px, 8vh, 80px) !important;
    margin-bottom: clamp(32px, 6vh, 64px);
}

body.aka-page-register .aka-auth-page .aka-auth-container {
    max-width: min(100%, 1060px) !important;
}

body.aka-page-login .aka-auth-page,
body.aka-page-register .aka-auth-page {
    padding-bottom: clamp(3rem, 7vh, 5.5rem);
}

body.aka-page-login .aka-auth-page .aka-auth-container {
    font-family: var(--aka-font, 'Open Sans', sans-serif);
    color: var(--aka-auth-text);
    width: 100%;
    max-width: min(100%, 920px) !important;
    margin: 0 auto !important;
    flex-shrink: 0;
}
body.aka-page-register .aka-auth-page .aka-auth-container {
    font-family: var(--aka-font, 'Open Sans', sans-serif);
    color: var(--aka-auth-text);
    width: 100%;
    max-width: min(100%, 920px) !important;
    margin: 0 auto !important;
    flex-shrink: 0;
}

.aka-auth-page .aka-auth-box {
    background: #fff;
    padding: clamp(28px, 4vw, 48px) clamp(22px, 4vw, 56px);
    border-radius: var(--aka-radius-card, 20px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.07), 0 0 0 1px rgba(0, 0, 0, 0.04);
    border: 1px solid #f0f5f5;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

/* Kanon inlogg-yta: ljus ram + blå knappar (använd custom logo i wp_admin) */
.aka-auth-surface {
    --aka-auth-login-accent: #5b7abd;
    --aka-auth-login-accent-hover: #4a6599;
    --aka-auth-login-ring: rgba(91, 122, 189, 0.28);
}

.aka-auth-page .aka-auth-box.aka-auth-surface {
    border-radius: 10px !important;
    border-color: #d8dde6 !important;
    box-shadow: 0 14px 42px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.aka-auth-brand {
    text-align: center;
    margin: 0 auto 16px;
}

.aka-auth-brand__link {
    display: inline-block;
    line-height: 0;
}

.aka-auth-brand__img {
    max-height: 52px;
    width: auto;
    height: auto;
    display: block;
}

.aka-auth-brand__text {
    display: inline-block;
    font-weight: 800;
    font-size: 1.35rem;
    color: var(--h-dark, #2c3e50);
    letter-spacing: -0.03em;
    line-height: 1.15;
}

body.aka-page-login .aka-auth-box .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

body.aka-page-login .aka-auth-box .aka-woo-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0.35rem 0 0 !important;
    padding: 0 !important;
    clear: both;
}

/* /logga-in/: en synlig kolumn; registrering flyttas till modal (JS) */
body.aka-page-login .aka-auth-box .woocommerce .col2-set,
body.aka-page-login .aka-auth-box .woocommerce .u-columns.col2-set {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: start;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}
/* Om WC stängt av registrering: smal centrerad inloggning */
body.aka-page-login .aka-auth-box .woocommerce .col2-set:not(:has(.woocommerce-form-register)),
body.aka-page-login .aka-auth-box .woocommerce .u-columns:not(:has(.woocommerce-form-register)) {
    display: block !important;
    max-width: 440px;
    margin-left: auto !important;
    margin-right: auto !important;
}
body.aka-page-login .aka-auth-box .u-column1.col-1,
body.aka-page-login .aka-auth-box .u-column2.col-2 {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
body.aka-page-login .aka-auth-box .woocommerce .col2-set .u-column1.col-1 {
    padding-right: 0 !important;
    border-right: none !important;
}
/* Registreringskolumn: dold i kortet, innehållet flyttas till #aka-register-modal */
body.aka-page-login .aka-auth-box #customer_login .u-column2.col-2 {
    display: none !important;
}
body.aka-register-modal-open #aka-register-modal .aka-auth-modal__body .u-column2.col-2 {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-login .aka-auth-box .woocommerce-form-login.login,
body.aka-page-login .aka-auth-box form.woocommerce-form-login {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
/* WooCommerce lägger h2 FÖRE formuläret – dölj dubblett mot .aka-auth-title */
body.aka-page-login .aka-auth-box #customer_login .u-column1.col-1 > h2,
body.aka-page-login .aka-auth-box .u-column1.col-1 > h2 {
    display: none !important;
}
/* Rubrik "Registrera" döljs (modal + sidhuvud har redan "Skapa konto") */
body.aka-page-login .aka-auth-box .woocommerce-form-register h2 {
    display: none !important;
}
body.aka-page-login .aka-auth-box h2 {
    color: var(--aka-auth-text) !important;
}

/* En villkorsruta: Woo i e-postformuläret; Heateor duplicerar i socialrutan — dölj på inloggning */
body.aka-page-login .aka-social-wrapper .the_champ_tc_div,
body.single-post .aka-login-modal .aka-social-wrapper .the_champ_tc_div {
    display: none !important;
}

body.aka-page-register .aka-auth-box .woocommerce-form-register h2 {
    display: none !important;
}

@media (min-width: 769px) {
    body.aka-page-login,
    body.aka-page-register {
        background: #f5f7f8;
    }
    body.aka-page-login .aka-auth-page,
    body.aka-page-register .aka-auth-page {
        padding: 14px 0 clamp(3rem, 7vh, 5.5rem);
    }
    body.aka-page-login .aka-auth-page .aka-auth-box {
        padding: 28px clamp(28px, 4vw, 40px) !important;
    }
    body.aka-page-register .aka-auth-page .aka-auth-box {
        padding: clamp(28px, 3vw, 40px) clamp(28px, 4vw, 48px) !important;
    }
}

/* Rubrik (vänsterställd, tydlig hierarki) */
.aka-auth-page .aka-auth-header {
    margin-bottom: clamp(18px, 3vw, 26px);
    text-align: left;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
.aka-auth-page .aka-auth-title {
    font-size: clamp(1.35rem, 3vw, 1.65rem) !important;
    font-weight: 800 !important;
    color: var(--h-dark, #2c3e50) !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
}
.aka-auth-page .aka-auth-lead {
    font-size: 0.9375rem;
    color: var(--aka-auth-muted);
    margin: 0;
    line-height: 1.55;
    max-width: 36rem;
}

.aka-auth-page .aka-auth-rule {
    display: block;
    border: none;
    border-top: 1px solid #e8ecec;
    margin: clamp(20px, 3vw, 28px) 0 12px;
    height: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 0;
}

.aka-auth-page .aka-social-wrapper--empty + .aka-auth-rule {
    margin-top: 12px;
}

.aka-auth-page .aka-auth-woo-label {
    margin: 0 0 14px 0;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--aka-auth-muted);
}

/* CTA: öppna registrerings-popup (/logga-in/) */
.aka-auth-page .aka-auth-inline-cta {
    margin: 14px 0 4px;
    text-align: center;
}
.aka-auth-page .aka-auth-open-register {
    font-family: inherit;
    cursor: pointer;
}
.aka-auth-page button.aka-auth-open-register--secondary,
.aka-auth-page a.aka-auth-open-register--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    font-size: inherit !important;
    box-sizing: border-box;
}
.aka-auth-page .aka-auth-footer .aka-auth-open-register {
    display: inline;
    padding: 0;
    min-height: 0;
    border: none;
    background: none;
    color: var(--aka-auth-accent) !important;
    font-size: inherit;
    font-weight: 700;
    text-decoration: underline;
}
.aka-auth-page .aka-auth-footer .aka-auth-open-register:hover {
    color: var(--aka-auth-accent-hover) !important;
}
.aka-auth-page .aka-auth-footer-sep {
    color: #9ca3af;
    margin: 0 4px;
}
.aka-auth-page .aka-auth-footer-alt-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--aka-auth-muted);
    text-decoration: none;
}
.aka-auth-page .aka-auth-footer-alt-link:hover {
    color: var(--aka-auth-accent);
    text-decoration: underline;
}

/* Registreringsmodal */
body.aka-register-modal-open {
    overflow: hidden;
}
body.aka-lost-password-modal-open {
    overflow: hidden;
}
.aka-auth-modal[hidden] {
    display: none !important;
}
.aka-auth-modal:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.aka-auth-modal {
    position: fixed;
    inset: 0;
    z-index: 100090;
    padding: max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom));
    box-sizing: border-box;
}
.aka-auth-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(44, 62, 80, 0.45);
}
.aka-auth-modal__panel {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    max-height: calc(100vh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: 0;
    background: #fff;
    border-radius: var(--aka-radius-card, 20px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
    border: 1px solid #f0f5f5;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.aka-auth-modal__panel.aka-auth-surface {
    border-radius: 10px !important;
    border-color: #d8dde6 !important;
}

.aka-auth-modal__panel.aka-auth-surface .aka-auth-brand {
    flex-shrink: 0;
    margin: clamp(14px, 3vw, 22px) 22px 4px;
    padding-right: 40px;
    box-sizing: border-box;
}
@media (max-width: 640px) {
    .aka-auth-modal__panel {
        width: 100%;
        max-height: calc(100vh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        border-radius: 16px;
    }
    .aka-auth-modal__head {
        padding: 16px 16px 10px;
    }
    .aka-auth-modal__intro,
    .aka-auth-modal__sep,
    .aka-auth-modal__benefits,
    .aka-auth-modal__switch {
        padding-left: 16px;
        padding-right: 16px;
    }
    .aka-auth-modal__body {
        padding: 14px 16px 16px;
    }
}
@media (min-width: 1024px) {
    .aka-auth-modal__panel {
        width: min(calc(100% - 48px), 520px);
    }
}
.aka-auth-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 22px 12px;
    border-bottom: 1px solid #e8ecec;
    flex-shrink: 0;
}
.aka-auth-modal__title {
    margin: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: var(--h-dark, #2c3e50) !important;
}
.aka-auth-modal__close {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border: none;
    background: #f4f6f7;
    border-radius: 10px;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: var(--h-dark, #2c3e50);
}
.aka-auth-modal__close:hover {
    background: #e8ecec;
}
.aka-auth-modal__body {
    padding: 20px 22px 24px;
    overflow-y: auto;
    flex: 1;
}
.aka-auth-modal__social {
    padding: 14px 22px 10px;
    border-bottom: 1px solid #e8ecec;
    flex-shrink: 0;
}
.aka-auth-modal__intro {
    margin: 0;
    padding: 10px 22px 0;
    color: #4f5b67;
    font-size: 0.92rem;
    text-align: center;
}
.aka-auth-modal__social .aka-social-wrapper {
    margin: 0;
}
.aka-auth-modal__sep {
    margin: 0;
    padding: 8px 22px 0;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    color: #7b8794;
    text-align: center;
}
.aka-auth-modal__benefits {
    margin: 0;
    padding: 8px 22px 0;
    color: #5a6672;
    font-size: 0.86rem;
    text-align: center;
}
.aka-auth-modal__switch {
    margin: 0;
    padding: 10px 22px 18px;
    font-size: 13px;
    color: #5c6570;
    text-align: center;
    border-top: 1px solid #eef2f4;
}
.aka-auth-modal__switch a {
    color: var(--aka-auth-accent);
    font-weight: 700;
    text-decoration: none;
}
.aka-auth-modal__switch a:hover {
    text-decoration: underline;
}

#aka-register-modal .woocommerce-form-register .form-row {
    margin-bottom: 12px !important;
}
#aka-register-modal .input-text,
#aka-register-modal input[type="text"],
#aka-register-modal input[type="email"],
#aka-register-modal input[type="password"] {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8e8 !important;
    padding: 11px 18px !important;
    background: #fff !important;
}
#aka-register-modal .input-text:focus,
#aka-register-modal input[type="text"]:focus,
#aka-register-modal input[type="email"]:focus,
#aka-register-modal input[type="password"]:focus {
    border-color: var(--aka-auth-login-accent, #5b7abd) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-login-ring, rgba(91, 122, 189, 0.28)) !important;
}
#aka-register-modal .woocommerce-form-register .button,
#aka-register-modal .woocommerce-form-register button[type="submit"],
#aka-register-modal .woocommerce-form-register input[type="submit"] {
    width: 100% !important;
    min-height: 46px;
    border-radius: 10px !important;
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
}
#aka-lost-password-modal .woocommerce-LostPassword,
#aka-lost-password-modal .woocommerce-lost-password {
    margin: 0;
}
#aka-lost-password-modal .woocommerce-form-row {
    margin-bottom: 12px !important;
}
#aka-lost-password-modal input.input-text,
#aka-lost-password-modal input[type="text"],
#aka-lost-password-modal input[type="email"] {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8e8 !important;
    padding: 11px 18px !important;
    background: #fff !important;
}
#aka-lost-password-modal input.input-text:focus,
#aka-lost-password-modal input[type="text"]:focus,
#aka-lost-password-modal input[type="email"]:focus {
    border-color: var(--aka-auth-login-accent, #5b7abd) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-login-ring, rgba(91, 122, 189, 0.28)) !important;
}
#aka-lost-password-modal .button,
#aka-lost-password-modal button[type="submit"],
#aka-lost-password-modal input[type="submit"] {
    width: 100% !important;
    min-height: 46px;
    border-radius: 10px !important;
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
}
#aka-register-modal .aka-wc-register-terms {
    margin: 8px 0 4px !important;
    font-size: 13px;
    color: #4a5568;
}
#aka-register-modal .aka-wc-register-terms a {
    color: var(--aka-auth-accent);
    font-weight: 700;
}
/* Woo "set password link" hint is misleading when explicit password fields are used. */
#aka-register-modal .woocommerce-password-hint,
#aka-register-modal .woocommerce-password-strength + .woocommerce-password-hint {
    display: none !important;
}

/* Social inloggning (Super Socializer) */
.aka-auth-page .aka-social-wrapper,
.aka-login-modal .aka-auth-page .aka-social-wrapper {
    margin: 4px 0 0;
    padding: clamp(14px, 2.5vw, 20px) clamp(12px, 2.5vw, 18px);
    background: #f4faf7;
    border: 1px solid #d5e8e0;
    border-radius: 16px;
    clear: both;
}
.aka-auth-page .aka-social-wrapper--empty,
.aka-login-modal .aka-auth-page .aka-social-wrapper--empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    min-height: 0 !important;
}
.aka-auth-page .theChampLoginHtml,
.aka-login-modal .aka-auth-page .theChampLoginHtml {
    display: none !important;
}
.aka-auth-page .theChampLoginContainer,
.aka-auth-page .the_champ_login_container,
.aka-auth-page .the_champ_outer_login_container,
.aka-login-modal .aka-auth-page .the_champ_login_container,
.aka-login-modal .aka-auth-page .the_champ_outer_login_container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
    gap: 10px;
    margin: 0 auto 4px !important;
    width: 100%;
}
.aka-auth-page .the_champ_login_ul,
.aka-login-modal .aka-auth-page .the_champ_login_ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 10px;
    padding: 0 !important;
    margin: 6px 0 0 !important;
    list-style: none !important;
    width: 100%;
}
.aka-auth-page .the_champ_login_ul li,
.aka-login-modal .aka-auth-page .the_champ_login_ul li {
    float: none !important;
    margin: 0 !important;
}

/* Super Socializer — enhetliga outline-knappar; fixar felplacerad FB-«f» (ss + 147% bg) */
.aka-auth-page .the_champ_login,
.aka-auth-page .theChampLogin,
.aka-auth-page a[class*="the_champ_login"],
.aka-auth-page a[class*="theChampLogin"],
.aka-auth-page [class*="theChampFacebookBackground"],
.aka-auth-page [class*="theChampGoogleBackground"],
.aka-auth-page [class*="theChampLogin"],
#aka-register-modal .the_champ_login,
#aka-register-modal .theChampLogin,
#aka-register-modal [class*="theChampLogin"],
.aka-auth-modal__social .the_champ_login,
.aka-auth-modal__social .theChampLogin,
.aka-auth-modal__social [class*="theChampLogin"],
.aka-login-modal .aka-auth-page .the_champ_login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background-color: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    filter: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.2s ease !important;
}

.aka-auth-page .the_champ_login:not(ss),
.aka-auth-page a[class*="the_champ_login"],
.aka-auth-page a[class*="theChampLogin"],
.aka-auth-page [class*="theChampFacebookBackground"]:not(ss),
.aka-auth-page [class*="theChampGoogleBackground"]:not(ss),
#aka-register-modal .the_champ_login:not(ss),
.aka-auth-modal__social .the_champ_login:not(ss),
.aka-login-modal .aka-auth-page .the_champ_login:not(ss) {
    background-image: none !important;
}

.aka-auth-page .theChampLogin:hover,
.aka-auth-page .the_champ_login:hover,
#aka-register-modal .the_champ_login:hover,
#aka-register-modal .theChampLogin:hover,
.aka-auth-modal__social .the_champ_login:hover,
.aka-login-modal .aka-auth-page .the_champ_login:hover {
    transform: translateY(-2px) !important;
    background: #fafaf7 !important;
    border-color: #d1d5db !important;
}

.aka-auth-page [class*="LogoContainer"],
#aka-register-modal [class*="LogoContainer"],
.aka-auth-modal__social [class*="LogoContainer"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aka-auth-page ss.theChampLoginSvg,
.aka-auth-page .theChampLoginSvg,
#aka-register-modal ss.theChampLoginSvg,
#aka-register-modal .theChampLoginSvg,
.aka-auth-modal__social ss.theChampLoginSvg,
.aka-auth-modal__social .theChampLoginSvg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    line-height: 1 !important;
}

.aka-auth-page .the_champ_login svg,
.aka-auth-page .the_champ_login img,
.aka-auth-page .the_champ_login i,
#aka-register-modal .the_champ_login svg,
#aka-register-modal .the_champ_login img,
#aka-register-modal .the_champ_login i,
.aka-auth-modal__social .the_champ_login svg,
.aka-auth-modal__social .the_champ_login img,
.aka-auth-modal__social .the_champ_login i {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aka-auth-page .the_champ_login [class*="Background"],
.aka-auth-page .theChampLogin[class*="Background"],
.aka-auth-page a[class*="the_champ_login"][class*="Background"] {
    background-size: 18px 18px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Super Socializer: samtycke / GDPR-rutor i login-blocket */
.aka-auth-page .the_champ_tc_div,
.aka-auth-page .the_champ_tc_checkbox,
.aka-auth-page .the_champ_tc_text,
.aka-login-modal .aka-auth-page .the_champ_tc_text {
    color: #4a5568 !important;
    font-size: 13px !important;
}
.aka-auth-page .the_champ_tc_text a,
.aka-login-modal .aka-auth-page .the_champ_tc_text a {
    color: var(--aka-auth-accent) !important;
    font-weight: 600;
}

/* Auth social — ikoner (Super Socializer ss-SVG + inline SVG) */
.aka-auth-page .aka-social-wrapper .the_champ_login_ul {
    display: inline-flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center;
    gap: 12px !important;
    width: auto !important;
    max-width: 100%;
    margin: 8px auto 0 !important;
}

.aka-auth-page .aka-social-wrapper .the_champ_login_ul li {
    flex: 0 0 auto !important;
    width: auto !important;
}

.aka-auth-page .aka-social-wrapper [class*="theChampFacebookBackground"] svg,
.aka-auth-page .aka-social-wrapper [class*="theChampFacebookBackground"] svg path,
.aka-auth-page .aka-social-wrapper [class*="theChampLoginFacebook"] svg,
.aka-auth-page .aka-social-wrapper [class*="theChampLoginFacebook"] path {
    fill: #1877f2 !important;
    color: #1877f2 !important;
}

.aka-auth-page .aka-social-wrapper .the_champ_login *:not(ss):not(.theChampLoginSvg),
.aka-auth-page .aka-social-wrapper [class*="theChampLogin"] *:not(ss):not(.theChampLoginSvg) {
    background-color: transparent !important;
    box-shadow: none !important;
}

.aka-auth-page .aka-social-wrapper .the_champ_login *:not(svg):not(img):not(i):not(path):not(ss) {
    font-size: 0 !important;
    line-height: 0 !important;
}

.aka-auth-page .aka-social-wrapper ss.theChampLoginSvg,
.aka-auth-page .aka-social-wrapper .theChampLoginSvg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    overflow: visible !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.aka-auth-page .aka-social-wrapper__kicker {
    margin: 0 0 8px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c6570;
}

body.aka-page-register .aka-social-wrapper .the_champ_tc_div {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d5e8e0;
}

body.aka-page-register .aka-social-wrapper .the_champ_tc_div::before {
    content: "För social inloggning";
    display: block;
    margin-bottom: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c6570;
}

body.aka-page-register .aka-auth-terms-scope-label {
    display: block;
    margin: 0 0 6px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5c6570;
}

.aka-auth-page .aka-woo-login-wrapper,
.aka-auth-page .aka-woo-wrapper {
    margin: 0;
}
body.aka-page-register .aka-auth-box .aka-woo-register-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.aka-auth-page .aka-consent-wrapper {
    margin: 20px 0;
    padding: 10px;
    border-top: 1px solid #f0f5f5;
    border-bottom: 1px solid #f0f5f5;
}
.aka-auth-page .aka-consent-text {
    font-size: 12px !important;
    color: var(--aka-auth-muted) !important;
    line-height: 1.5 !important;
    text-align: center;
    margin: 0 !important;
}
.aka-auth-page .aka-consent-text a {
    color: var(--aka-auth-accent) !important;
    text-decoration: none;
    font-weight: 700;
}
.aka-auth-page .aka-consent-text a:hover {
    text-decoration: underline;
}

.aka-auth-page .aka-auth-box .woocommerce-MyAccount-navigation {
    display: none !important;
}
.aka-auth-page .aka-auth-box .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 0 !important;
}
.aka-auth-page .aka-auth-box .woocommerce-form-login h2 {
    display: none !important;
}
.aka-auth-page .aka-auth-box .woocommerce-form-login {
    border: none !important;
    padding: 0 !important;
}

/* Fält */
.aka-auth-page .aka-auth-box.aka-auth-surface input.input-text,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="text"],
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="password"],
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="email"] {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 8px !important;
    padding: 12px 20px !important;
    border: 1px solid #e2e8e8 !important;
    margin-bottom: 0 !important;
    background: #fff !important;
    color: var(--aka-auth-text) !important;
}
.aka-auth-page .aka-auth-box input::placeholder {
    color: #9ca3af;
}
.aka-auth-page .aka-auth-box .form-row {
    margin-bottom: 15px !important;
}
.aka-auth-page .aka-auth-box.aka-auth-surface input.input-text:focus,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="text"]:focus,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="password"]:focus,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="email"]:focus {
    outline: none;
    border-color: var(--aka-auth-login-accent, #5b7abd) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-login-ring, rgba(91, 122, 189, 0.28)) !important;
}

/* WooCommerce inbyggt lösenordsöga */
.aka-auth-page .aka-auth-box.aka-auth-surface .password-input {
    position: relative;
    display: block;
    width: 100%;
}
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent !important;
    opacity: 1;
    cursor: pointer;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0;
    overflow: hidden;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
    text-shadow: none !important;
}
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input::before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    color: var(--aka-auth-muted) !important;
    background: no-repeat center / contain
        url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.8' fill='none' stroke='currentColor' stroke-width='1.8'/%3E%3C/svg%3E\");
}
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input::after,
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input span,
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input i {
    content: none !important;
    display: none !important;
}
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input:hover {
    color: transparent !important;
}
.aka-auth-page .aka-auth-box.aka-auth-surface .show-password-input:hover::before {
    color: var(--aka-auth-login-accent, #5b7abd) !important;
}

/* Eget lösenordsöga (aka-auth-page.js) */
.aka-auth-page .aka-auth-box .form-row .aka-auth-password-wrap {
    margin-bottom: 0;
}
.aka-auth-page .aka-auth-password-wrap {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.aka-auth-page .aka-auth-password-wrap input.input-text,
.aka-auth-page .aka-auth-password-wrap input[type="password"],
.aka-auth-page .aka-auth-password-wrap input[type="text"] {
    margin-bottom: 0 !important;
    padding-right: 48px !important;
}
.aka-auth-page .aka-auth-password-toggle {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    color: var(--aka-auth-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background 0.2s ease;
}
.aka-auth-page .aka-auth-password-toggle:hover {
    color: var(--aka-auth-accent);
    background: rgba(26, 188, 156, 0.12);
}
.aka-auth-page .aka-auth-password-toggle-icon::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: no-repeat center / contain
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 4.5C7.31 4.5 3.07 7.33 1.18 11.5c-.24.51-.24 1.1 0 1.61 1.89 4.17 6.13 7 10.82 7 4.69 0 8.93-2.83 10.82-7 .24-.51.24-1.1 0-1.61C20.93 7.33 16.69 4.5 12 4.5zm0 13a5 5 0 110-10 5 5 0 010 10zm0-8a3 3 0 100 6 3 3 0 000-6z'/%3E%3C/svg%3E");
    opacity: 0.92;
}

.aka-auth-page .aka-auth-box span.description,
.aka-auth-page .aka-auth-box .woocommerce-password-hint {
    display: block;
    margin-top: 6px;
    font-size: 0.8125rem;
    color: var(--aka-auth-muted) !important;
}
.aka-auth-page .aka-auth-box .woocommerce-password-strength {
    margin-top: 8px;
    font-size: 0.8125rem;
    color: var(--aka-auth-muted);
}

/* Knappar - återanvändbar standard */
.aka-btn,
.aka-btn--primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 14px 18px;
    border-radius: var(--aka-radius-btn, 50px);
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.aka-btn--primary {
    background-color: var(--aka-auth-accent);
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(26, 188, 156, 0.28);
}
.aka-btn--primary:hover {
    background-color: var(--aka-auth-accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(26, 188, 156, 0.35);
}
/* Desktop: kompaktare auth-knappar, Mobil: fullbredd */
.aka-btn--auth-responsive {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

/* Knappar i auth-formulär */
.aka-auth-page .aka-auth-box.aka-auth-surface .button,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="submit"],
.aka-auth-page .aka-auth-box.aka-auth-surface button[type="submit"],
.aka-auth-page button.aka-auth-open-register--secondary,
.aka-auth-page a.aka-auth-open-register--secondary {
    width: 100% !important;
    min-height: 48px;
    background-color: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: inherit !important;
    border: none !important;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(91, 122, 189, 0.22);
}
.aka-auth-page .aka-auth-box.aka-auth-surface .button:hover,
.aka-auth-page .aka-auth-box.aka-auth-surface input[type="submit"]:hover,
.aka-auth-page .aka-auth-box.aka-auth-surface button[type="submit"]:hover,
.aka-auth-page button.aka-auth-open-register--secondary:hover,
.aka-auth-page a.aka-auth-open-register--secondary:hover {
    background-color: var(--aka-auth-login-accent-hover, #4a6599) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(91, 122, 189, 0.28);
    color: #fff !important;
}
.aka-auth-page a.aka-auth-open-register--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    text-align: center;
    box-sizing: border-box;
}

/* Äldre divider om den finns kvar någonstans */
.aka-auth-page .aka-auth-divider {
    text-align: center;
    border-bottom: 1px solid #e8ecec;
    line-height: 0.1em;
    margin: clamp(24px, 3vw, 32px) 0 clamp(16px, 2vw, 22px);
}
.aka-auth-page .aka-auth-divider span {
    background: #fff;
    padding: 0 18px;
    color: #8892a0;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

/* Fördelar (om shortcode återanvänds) */
.aka-auth-page .aka-auth-benefits {
    margin-top: clamp(24px, 3vw, 32px);
    padding-top: 22px;
    border-top: 1px dashed #e2e8e8;
}
.aka-auth-page .aka-auth-benefits h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--aka-auth-text) !important;
    margin: 0 0 12px 0 !important;
}
.aka-auth-page .aka-auth-benefits ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.aka-auth-page .aka-auth-benefits li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #555;
    margin-bottom: 8px;
}
.aka-auth-page .aka-auth-benefits li:last-child {
    margin-bottom: 0;
}
.aka-auth-page .aka-auth-benefits li span {
    color: var(--aka-auth-accent);
    font-weight: 700;
    flex-shrink: 0;
}

.aka-auth-page .aka-auth-footer {
    margin-top: 26px;
    font-size: 14px;
    text-align: center;
    color: #6b7280;
}
.aka-auth-page .aka-auth-footer a {
    color: var(--aka-auth-accent);
    font-weight: 700;
    text-decoration: none;
}
.aka-auth-page .aka-auth-footer a:hover {
    text-decoration: underline;
    color: var(--aka-auth-accent-hover);
}

.aka-auth-page .aka-auth-legal-links {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #e8ecec;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 12px;
    font-size: 13px;
    font-weight: 600;
}
.aka-auth-page .aka-auth-legal-links a {
    color: var(--aka-auth-accent);
    text-decoration: none;
}
.aka-auth-page .aka-auth-legal-links a:hover {
    text-decoration: underline;
    color: var(--aka-auth-accent-hover);
}
.aka-auth-page .aka-auth-legal-sep {
    color: var(--aka-auth-muted);
    opacity: 0.7;
    -webkit-user-select: none;
    user-select: none;
}

/* ===== /mitt-konto/ utloggad — auth-layout (nära /logga-in/, två kolumner) ===== */
body.aka-page-account-guest .entry-header,
body.aka-page-account-guest .et_main_title,
body.aka-page-account-guest .page-title,
body.aka-page-account-guest h1.entry-title,
body.aka-page-account-guest .aka-breadcrumbs-bar {
    display: none !important;
}
body.aka-page-account-guest #main-content .entry-content,
body.aka-page-account-guest #main-content .et_pb_section,
body.aka-page-account-guest #main-content .et_pb_row,
body.aka-page-account-guest #main-content .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}
body.aka-page-account-guest .aka-account-auth .aka-auth-container {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
body.aka-page-account-guest .aka-account-auth__grid .woocommerce,
body.aka-page-account-guest .aka-account-auth__grid .woocommerce .col2-set,
body.aka-page-account-guest .aka-account-auth__grid .woocommerce .u-columns.col2-set {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(14px, 2.5vw, 22px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}
body.aka-page-account-guest .aka-account-auth__grid .u-column1.col-1,
body.aka-page-account-guest .aka-account-auth__grid .u-column2.col-2 {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: clamp(16px, 2.5vw, 20px) !important;
    box-sizing: border-box !important;
    border: 1px solid var(--aka-auth-border, #e2e8e8);
    border-radius: 14px;
    background: #fafbfc;
}
body.aka-page-account-guest .aka-account-auth__grid .u-column1.col-1 > h2,
body.aka-page-account-guest .aka-account-auth__grid .u-column2.col-2 > h2 {
    margin: 0 0 12px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--aka-auth-text) !important;
}
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-login .button,
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-login button[type="submit"],
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-login input[type="submit"] {
    width: 100% !important;
    min-height: 46px;
    border-radius: 10px !important;
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
}
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-register .button,
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-register button[type="submit"],
body.aka-page-account-guest .aka-account-auth__grid form.woocommerce-form-register input[type="submit"] {
    width: 100% !important;
    min-height: 46px;
    border-radius: 10px !important;
    background: var(--aka-auth-accent, #1abc9c) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
}
body.aka-page-account-guest .aka-account-auth__grid .woocommerce-form label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 6px;
}
body.aka-page-account-guest .aka-account-auth__grid .input-text,
body.aka-page-account-guest .aka-account-auth__grid input[type="text"],
body.aka-page-account-guest .aka-account-auth__grid input[type="password"],
body.aka-page-account-guest .aka-account-auth__grid input[type="email"] {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8e8 !important;
    padding: 11px 14px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
body.aka-page-account-guest .aka-account-auth__grid .input-text:focus,
body.aka-page-account-guest .aka-account-auth__grid input[type="text"]:focus,
body.aka-page-account-guest .aka-account-auth__grid input[type="password"]:focus,
body.aka-page-account-guest .aka-account-auth__grid input[type="email"]:focus {
    border-color: var(--aka-auth-login-accent, #5b7abd) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-login-ring, rgba(91, 122, 189, 0.28)) !important;
}
body.aka-page-account-guest .aka-account-auth .aka-social-wrapper .the_champ_tc_div {
    display: none !important;
}
@media (max-width: 782px) {
    body.aka-page-account-guest .aka-account-auth__grid .woocommerce .col2-set,
    body.aka-page-account-guest .aka-account-auth__grid .woocommerce .u-columns.col2-set {
        grid-template-columns: 1fr !important;
    }
    body.aka-page-account-guest #main-content {
        max-width: 100% !important;
        padding-top: 4px !important;
    }
}

.aka-auth-page .aka-wc-login-terms {
    margin: 14px 0 4px 0;
    font-size: 13px;
    line-height: 1.45;
    color: #4a5568;
}
.aka-auth-page .aka-wc-login-terms .aka-wc-login-terms-label {
    color: #4a5568;
}
.aka-auth-page .aka-wc-login-terms .aka-wc-login-terms-label a {
    color: var(--aka-auth-accent);
    font-weight: 700;
}
.aka-auth-page .aka-auth-box .woocommerce-LostPassword a,
.aka-auth-page .aka-auth-box .lost_password a {
    color: var(--aka-auth-accent) !important;
    font-weight: 600;
    text-decoration: none;
}
.aka-auth-page .aka-auth-box .woocommerce-LostPassword a:hover,
.aka-auth-page .aka-auth-box .lost_password a:hover {
    text-decoration: underline;
    color: var(--aka-auth-accent-hover);
}

.aka-auth-page .aka-auth-box .woocommerce-privacy-policy-text {
    color: var(--aka-auth-muted);
    font-size: 13px;
    line-height: 1.5;
}
.aka-auth-page .aka-auth-box .woocommerce-privacy-policy-text a {
    color: var(--aka-auth-accent);
    font-weight: 700;
}

.aka-auth-page .aka-auth-box .woocommerce-form-login__rememberme {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #4a5568;
}

.aka-auth-page .aka-auth-box .woocommerce-form {
    margin: 0;
}

body.aka-page-login .aka-auth-inline-cta--after-login {
    margin: 14px 0 4px !important;
}

body.aka-page-login .aka-auth-inline-cta--after-login .aka-auth-open-register {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

body.aka-page-login .aka-auth-register-section {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e8ecec;
    text-align: center;
}

body.aka-page-login .aka-auth-register-title {
    margin: 0 0 6px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: var(--aka-auth-text) !important;
}

body.aka-page-login .aka-auth-register-lead {
    margin: 0 0 10px;
    font-size: 0.9rem;
    color: #6b7280;
}

body.aka-page-login .aka-auth-box form.woocommerce-form-login .button,
body.aka-page-login .aka-auth-box form.woocommerce-form-login button[type="submit"],
body.aka-page-login .aka-auth-box form.woocommerce-form-login input[type="submit"] {
    display: block;
    width: 100% !important;
    max-width: 360px;
    margin: 10px auto 0 !important;
}
body.aka-page-login .aka-auth-box form.woocommerce-form-login .button,
body.aka-page-login .aka-auth-box form.woocommerce-form-login button[type="submit"],
body.aka-page-login .aka-auth-box form.woocommerce-form-login input[type="submit"],
body.aka-page-login .aka-auth-inline-cta--after-login .aka-auth-open-register {
    max-width: 360px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.aka-auth-page .aka-auth-box .woocommerce-form label {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    color: #4a5568;
    margin-bottom: 6px;
}
.aka-auth-page .aka-auth-box input[type='checkbox'] {
    width: auto !important;
    min-width: 1.1rem;
    min-height: 1.1rem;
    margin-right: 8px;
    accent-color: var(--aka-auth-accent);
    vertical-align: middle;
}
.aka-auth-page .aka-auth-box .woocommerce-form label.woocommerce-form__label-for-checkbox {
    font-size: 13px;
    font-weight: 500;
    color: var(--aka-auth-text);
}

.aka-auth-page .aka-woo-register-cta {
    margin: 0 0 8px 0;
}
.aka-auth-page .aka-auth-register-intro {
    font-size: 14px;
    color: #555;
    margin: 0 0 18px 0;
    line-height: 1.55;
}
.aka-auth-page .aka-auth-register-btn {
    display: block;
    text-align: center;
    text-decoration: none !important;
}

body.aka-page-register .u-column1.col-1 {
    display: none !important;
}
body.aka-page-register .u-column2.col-2 {
    width: 100% !important;
}

.aka-woo-register-wrapper .button,
.aka-auth-page .aka-woo-register-cta .button {
    background-color: var(--aka-auth-accent) !important;
    border-radius: 30px !important;
    padding: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    min-height: 48px;
    box-shadow: 0 4px 14px rgba(26, 188, 156, 0.28);
}
.aka-woo-register-wrapper .button:hover,
.aka-auth-page .aka-woo-register-cta .button:hover {
    background-color: var(--aka-auth-accent-hover) !important;
}

@media (max-width: 782px) {
    body.aka-page-login .aka-auth-box .woocommerce .col2-set,
    body.aka-page-login .aka-auth-box .woocommerce .u-columns.col2-set {
        grid-template-columns: 1fr !important;
        gap: 0;
    }
    body.aka-page-login .aka-auth-box .woocommerce .col2-set .u-column1.col-1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: none !important;
    }
    body.aka-page-login #main-content,
    body.aka-page-register #main-content {
        max-width: 100% !important;
        margin-bottom: 24px;
    }
    body.aka-page-login #main-content {
        padding-top: 4px !important;
    }
    body.aka-page-login .aka-auth-inline-cta--after-login .aka-auth-open-register,
    body.aka-page-login .aka-auth-box form.woocommerce-form-login .button,
    body.aka-page-login .aka-auth-box form.woocommerce-form-login button[type="submit"],
    body.aka-page-login .aka-auth-box form.woocommerce-form-login input[type="submit"] {
        max-width: 100%;
    }
    .aka-btn--auth-responsive {
        max-width: 100%;
    }
    body.aka-page-login .aka-auth-page .aka-auth-container {
        max-width: 100% !important;
    }
    body.aka-page-login,
    body.aka-page-register {
        background: #f5f7f8;
    }
    .aka-auth-page .aka-auth-box {
        padding: 28px clamp(18px, 5vw, 24px) !important;
    }
}

@media (max-width: 480px) {
    .aka-auth-page .aka-auth-box {
        padding: 24px 16px !important;
    }
    .aka-auth-page .aka-social-wrapper {
        padding: 14px 12px;
    }
}

/* Registrering: honeypot ska vara osynlig for riktiga användare */
.aka-auth-page .aka-hp-wrap {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Divi "Tillbaka till toppen": flytta till vänster för att undvika krock */
.et_pb_scroll_top.et-pb-icon {
    left: 14px !important;
    right: auto !important;
}
@media (max-width: 640px) {
    .et_pb_scroll_top.et-pb-icon {
        left: 10px !important;
    }
}

/* Logga in: två kolumner (inlogg + registrera) och kompakt höjd i viewport */
body.aka-page-login #main-content {
    max-height: calc(100dvh - var(--header-height, 72px) - 8px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 6px clamp(12px, 3vw, 20px) 10px !important;
}

body.aka-page-login .aka-auth-page .aka-auth-box {
    padding: 14px clamp(14px, 2.5vw, 22px) !important;
}

body.aka-page-login .aka-auth-brand {
    margin-bottom: 8px;
}

body.aka-page-login .aka-auth-header {
    margin-bottom: 10px;
}

body.aka-page-login .aka-auth-title {
    font-size: clamp(1.15rem, 2.5vw, 1.35rem) !important;
    margin-bottom: 4px !important;
}

body.aka-page-login .aka-auth-lead {
    font-size: 0.8125rem;
    line-height: 1.35;
}

body.aka-page-login .aka-auth-columns--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(200px, 248px);
    gap: 14px 22px;
    align-items: start;
}

body.aka-page-login .aka-auth-box > .aka-auth-modal {
    display: none;
    grid-column: 1 / -1;
}

body.aka-page-login .aka-auth-box > .aka-auth-modal[hidden] {
    display: none !important;
}

body.aka-page-login .aka-auth-columns__aside {
    padding: 12px 14px;
    background: #f8fafb;
    border: 1px solid var(--aka-auth-border, #e2e8e8);
    border-radius: 10px;
}

body.aka-page-login .aka-auth-register-section {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    text-align: left;
}

body.aka-page-login .aka-auth-columns__aside .aka-auth-footer {
    margin-top: 10px;
    text-align: left;
    font-size: 0.8125rem;
}

body.aka-page-login .aka-auth-register-title {
    font-size: 0.9375rem !important;
}

body.aka-page-login .aka-auth-register-lead {
    font-size: 0.8125rem;
    margin-bottom: 8px;
}

body.aka-page-login .aka-auth-inline-cta--after-login {
    margin: 0 !important;
}

body.aka-page-login .aka-auth-inline-cta--after-login .aka-auth-open-register {
    width: 100%;
    max-width: none;
}

body.aka-page-login .aka-auth-rule {
    margin: 8px 0 6px;
}

body.aka-page-login .aka-auth-woo-label {
    margin-bottom: 8px;
}

body.aka-page-login .aka-social-wrapper {
    margin-top: 0;
    padding: 8px 10px;
    border-radius: 12px;
}

body.aka-page-login .aka-auth-box .form-row {
    margin-bottom: 8px !important;
}

body.aka-page-login .aka-auth-box.aka-auth-surface input.input-text,
body.aka-page-login .aka-auth-box.aka-auth-surface input[type="text"],
body.aka-page-login .aka-auth-box.aka-auth-surface input[type="password"],
body.aka-page-login .aka-auth-box.aka-auth-surface input[type="email"] {
    padding: 9px 14px !important;
}

body.aka-page-login .aka-auth-box .woocommerce-form label {
    margin-bottom: 3px;
    font-size: 0.8125rem;
}

body.aka-page-login .aka-wc-login-terms {
    margin: 8px 0 2px;
    font-size: 0.75rem;
}

body.aka-page-login .aka-auth-box .woocommerce-form-login__rememberme {
    margin-top: 6px;
    font-size: 0.8125rem;
}

body.aka-page-login .aka-auth-box form.woocommerce-form-login .button,
body.aka-page-login .aka-auth-box form.woocommerce-form-login button[type="submit"],
body.aka-page-login .aka-auth-box form.woocommerce-form-login input[type="submit"] {
    margin-top: 6px !important;
    max-width: none;
}

body.aka-page-login .aka-auth-legal-links {
    margin-top: 10px;
    padding-top: 8px;
    font-size: 0.75rem;
}

@media (max-width: 820px) {
    body.aka-page-login .aka-auth-columns--split {
        grid-template-columns: 1fr;
    }

    body.aka-page-login .aka-auth-columns__aside {
        text-align: center;
    }

    body.aka-page-login .aka-auth-register-section,
    body.aka-page-login .aka-auth-columns__aside .aka-auth-footer {
        text-align: center;
    }
}

/* Registrera mobil: scroll hela sidan, luft före footer */
body.aka-page-register #main-content {
    max-height: none;
    overflow-y: visible;
    padding: 6px clamp(12px, 3vw, 20px) clamp(40px, 8vh, 64px) !important;
    margin-bottom: clamp(20px, 4vh, 40px);
}

body.aka-page-register .aka-auth-page .aka-auth-box {
    padding: 14px clamp(14px, 2.5vw, 22px) !important;
}

body.aka-page-register .aka-auth-lead {
    font-size: 0.8125rem;
    line-height: 1.35;
}

body.aka-page-register .aka-auth-rule {
    margin: 8px 0 6px;
}

body.aka-page-register .aka-auth-box .form-row {
    margin-bottom: 8px !important;
}

/* Registrera: tvåkolumnslayout (formulär + sidopanel) — speglar /logga-in/ */
body.aka-page-register .entry-header,
body.aka-page-register .et_main_title,
body.aka-page-register .page-title,
body.aka-page-register h1.entry-title,
body.aka-page-register .aka-breadcrumbs-bar {
    display: none !important;
}

body.aka-page-register .aka-auth-columns--split {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 340px);
    gap: 20px 32px;
    align-items: start;
}

body.aka-page-register .aka-auth-header {
    margin-bottom: clamp(16px, 2.5vw, 22px);
}

body.aka-page-register .aka-auth-social-block {
    margin-bottom: 4px;
}

body.aka-page-register .aka-social-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 16px;
    padding: 12px 14px;
    margin: 0;
}

body.aka-page-register .aka-social-wrapper__kicker {
    grid-column: 1 / -1;
    margin: 0;
}

body.aka-page-register .aka-social-wrapper .the_champ_tc_div {
    grid-column: 1;
    margin: 0;
    padding: 0;
    border: 0;
}

body.aka-page-register .aka-social-wrapper .the_champ_tc_div::before {
    display: none;
}

body.aka-page-register .aka-social-wrapper .the_champ_login_container,
body.aka-page-register .aka-social-wrapper .the_champ_outer_login_container,
body.aka-page-register .aka-social-wrapper .theChampLoginContainer {
    grid-column: 2;
    justify-self: end;
    margin: 0 !important;
}

body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 0;
    align-items: start;
}

body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .clear,
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .form-row-wide,
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .woocommerce-privacy-policy-text,
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > p:has(.button),
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .woocommerce-form-row,
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .aka-hp-wrap {
    grid-column: 1 / -1;
}

body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .form-row-wide:has(#reg_email),
body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > p.form-row-wide:has(#reg_email) {
    grid-column: 1 / -1;
}

body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .form-row-wide:has(#reg_password):not(.aka-auth-register-password):not(.aka-auth-register-password-confirm) {
    display: none !important;
}

body.aka-page-register .aka-auth-trust {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--aka-auth-border, #e2e8e8);
}

body.aka-page-register .aka-auth-trust__title {
    margin: 0 0 8px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5c6570;
}

body.aka-page-register .aka-auth-trust__text {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #5c6570;
}

body.aka-page-register .aka-auth-columns__aside {
    padding: 16px 18px;
    background: #f8fafb;
    border: 1px solid var(--aka-auth-border, #e2e8e8);
    border-radius: 12px;
}

@media (min-width: 821px) {
    body.aka-page-register .aka-auth-columns__aside {
        position: sticky;
        top: 12px;
        align-self: start;
    }
}

body.aka-page-register .aka-auth-login-section {
    margin: 0 0 14px;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--aka-auth-border, #e2e8e8);
}

body.aka-page-register .aka-auth-inline-cta--register-aside {
    margin: 10px 0 0 !important;
}

body.aka-page-register a.aka-auth-login-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border-radius: 10px;
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(91, 122, 189, 0.22);
    box-sizing: border-box;
}

body.aka-page-register a.aka-auth-login-link:hover {
    background: var(--aka-auth-login-accent-hover, #4a6599) !important;
    color: #fff !important;
}

body.aka-page-register .aka-auth-benefits {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
}

body.aka-page-register .aka-auth-benefits__title {
    margin: 0 0 12px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #5c6570;
}

body.aka-page-register .aka-auth-benefits__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
    line-height: 1.45;
    color: #4a5568;
}

body.aka-page-register .aka-auth-benefits__list li {
    position: relative;
    margin: 0 0 10px;
    padding-left: 1.35em;
}

body.aka-page-register .aka-auth-benefits__list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--aka-auth-accent, #1abc9c);
    font-weight: 800;
    line-height: 1.45;
}

body.aka-page-register .aka-auth-box .woocommerce .col2-set,
body.aka-page-register .aka-auth-box .woocommerce .u-columns.col2-set {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.aka-page-register .aka-woo-register-wrapper .woocommerce-form-register h2,
body.aka-page-register .aka-auth-box .u-column2.col-2 > h2 {
    display: none !important;
}

body.aka-page-register .aka-auth-box.aka-auth-surface input.input-text,
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="text"],
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="password"],
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="email"] {
    width: 100% !important;
    padding: 9px 14px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8e8 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.aka-page-register .aka-auth-box.aka-auth-surface input.input-text:focus,
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="text"]:focus,
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="password"]:focus,
body.aka-page-register .aka-auth-box.aka-auth-surface input[type="email"]:focus {
    border-color: var(--aka-auth-accent, #1abc9c) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-accent-ring, rgba(26, 188, 156, 0.28)) !important;
}

body.aka-page-register .aka-auth-box form.woocommerce-form-register .button,
body.aka-page-register .aka-auth-box form.woocommerce-form-register button[type="submit"],
body.aka-page-register .aka-auth-box form.woocommerce-form-register input[type="submit"] {
    width: 100% !important;
    min-height: 48px;
    margin-top: 8px !important;
    border-radius: 10px !important;
    background: var(--aka-auth-accent, #1abc9c) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: 0 4px 14px rgba(26, 188, 156, 0.28);
}

body.aka-page-register .aka-auth-box form.woocommerce-form-register .button:hover,
body.aka-page-register .aka-auth-box form.woocommerce-form-register button[type="submit"]:hover,
body.aka-page-register .aka-auth-box form.woocommerce-form-register input[type="submit"]:hover {
    background: var(--aka-auth-accent-hover, #16a085) !important;
}

body.aka-page-register .aka-wc-register-terms {
    margin: 10px 0 6px !important;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #4a5568;
}

body.aka-page-register .aka-auth-legal-links {
    margin-top: 12px;
    padding-top: 10px;
    font-size: 0.75rem;
}

@media (max-width: 820px) {
    body.aka-page-register .aka-auth-columns--split {
        grid-template-columns: 1fr;
    }

    body.aka-page-register .aka-auth-columns__aside {
        text-align: center;
        order: 2;
    }

    body.aka-page-register .aka-auth-columns__main {
        order: 1;
    }

    body.aka-page-register .aka-auth-login-section {
        text-align: center;
    }

    body.aka-page-register .aka-social-wrapper {
        grid-template-columns: 1fr;
    }

    body.aka-page-register .aka-social-wrapper .the_champ_login_container,
    body.aka-page-register .aka-social-wrapper .the_champ_outer_login_container,
    body.aka-page-register .aka-social-wrapper .theChampLoginContainer {
        grid-column: 1;
        justify-self: center;
    }

    body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register {
        grid-template-columns: 1fr;
    }

    body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .form-row-first,
    body.aka-page-register .aka-woo-register-wrapper form.woocommerce-form-register > .form-row-last {
        grid-column: 1 / -1;
    }
}

/* --- AKALASI: Social integration (sharing & login) — Super Socializer --- */

/* Behållaren för delningsknappar i slutet av artiklar (centrerad kolumn + brand-kant, i linje med artikelkort) */
.the_champ_sharing_container {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    padding: 25px !important;
    background: #f9f9f9 !important;
    border-left: 5px solid var(--color-brand) !important;
    border-radius: 0 20px 20px 0 !important;
    text-align: center !important;
}

/* Rubriken ovanför ikonerna */
.the_champ_sharing_title {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    color: var(--h-dark) !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.the_champ_sharing_ul {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* Själva delningsikonerna (runda, skugga + hover i linje med butik/CTA) */
.the_champ_sharing_ul .the_champ_square {
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important;
}

.the_champ_sharing_ul .the_champ_square:hover {
    transform: translateY(-3px) !important;
    filter: brightness(1.1) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12) !important;
}

/* Social login — ikoner */
.the_champ_login_container .the_champ_login_ul .the_champ_square {
    border-radius: 50px !important;
}

/* Engagement-box: "Logga in för att kommentera" (shortcode-wrapper + ev. .btn-login i custom markup) */
.aka-article-engagement-stack .aka-open-login-modal,
.aka-article-engagement .btn-login {
    background-color: var(--color-brand) !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    padding: 12px 25px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.aka-article-engagement-stack .aka-open-login-modal:hover,
.aka-article-engagement .btn-login:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(26, 188, 156, 0.3) !important;
}

/* --- AKALASI: Force hide auto-injected Super Socializer (Dela 0, Post, LinkedIn, Reddit m.m.) --- */
/* Egna ikoner: .aka-share-icons-only / .aka-sidebar-share-icons (flex — inte display:block). */

.the_champ_sharing_container.the_champ_horizontal_sharing,
.the_champ_standard_sharing,
.the_champ_sharing_ul.the_champ_horizontal_sharing,
#main-content > .the_champ_sharing_container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Återställ avsiktlig TheChamp i “säkra” ytor (överstyr #main-content > … om behållaren ligger här) */
.aka-article-share-comments-combo .the_champ_sharing_container,
.et_pb_module .the_champ_sharing_container,
.akalasi-engagement-box .the_champ_sharing_container,
.aka-article-sidebar .the_champ_sharing_container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.aka-share-icons-only,
.aka-share-chips,
.aka-share-orbit,
.aka-sidebar-share-icons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Artikeltopp: datum + skapad av */
.aka-article-meta-inline {
    max-width: 1200px;
    margin: 10px auto 14px;
    padding: 0 20px;
    color: #546371;
    font-size: 0.9rem;
}
.aka-article-meta-inline p { margin: 0; }
.aka-article-meta-inline a { color: var(--color-brand, #1abc9c); font-weight: 700; text-decoration: none; }
.aka-article-meta-inline__sep { margin: 0 8px; color: #9aa8b5; }

/* Slim author box under artikel ([aka_article_author_card]) */
.aka-slim-author-box {
    background: #f9fbfb;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px;
    margin: 40px auto;
    max-width: 980px;
}
.aka-slim-author-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.aka-author-col {
    flex: 1;
    min-width: 240px;
}
.aka-author-header-slim {
    display: flex;
    align-items: center;
    gap: 14px;
}
.aka-author-avatar-slim {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease;
}
.aka-author-avatar-slim:hover {
    transform: scale(1.05);
}
.aka-author-meta-slim h4 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.aka-author-meta-slim h4 a {
    color: #1a202c;
    text-decoration: none;
}
.aka-author-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
}
.aka-slim-author-box .badge-tag {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    background: #edf2f7;
    padding: 2px 8px;
    border-radius: 4px;
    color: #4a5568;
    font-weight: 600;
}
.aka-author-footer-slim {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px dashed #e2e8f0;
}
.aka-author-footer-slim p {
    font-size: 11px;
    color: #718096;
    margin: 0;
    text-align: center;
    line-height: 1.4;
}
.aka-author-footer-slim a {
    color: var(--color-brand, #1abc9c);
    font-weight: 600;
    text-decoration: none;
}
.aka-author-footer-slim a:hover {
    text-decoration: underline;
}

/* Kommentarer: vänster/höger sektion med tydlig copy */
.aka-article-comments-layout {
    display: block;
}
.aka-article-comments-layout__lead {
    margin: 0 0 12px;
    color: #51606d;
    line-height: 1.6;
}
.aka-article-comments-layout__right {
    display: none !important;
}
.aka-article-comments-layout__right h4 {
    margin: 0 0 10px;
    color: var(--h-dark, #2c3e50);
    font-size: 1.02rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.aka-article-comments-layout__right p {
    margin: 0 0 12px;
    color: #495764;
    line-height: 1.62;
}

@media (max-width: 980px) {
    .aka-article-comments-layout { display: block; }
}

/* ===== Integritetspolicy (sida med slug integritetspolicy) – hero + innehåll (samma mönster som anhöriga) ===== */
body.aka-page-integritetspolicy .entry-header,
body.aka-page-integritetspolicy .et_main_title,
body.aka-page-integritetspolicy .page-title,
body.aka-page-integritetspolicy h1.entry-title { display: none !important; }
body.aka-page-integritetspolicy #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-integritetspolicy #sidebar { display: none !important; }
body.aka-page-integritetspolicy #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-integritetspolicy .entry-content,
body.aka-page-integritetspolicy .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-integritetspolicy .aka-breadcrumbs-bar { display: none !important; }

.aka-policy-hero {
    background: linear-gradient(135deg, var(--h-dark, #2c3e50) 0%, var(--color-brand, #1abc9c) 100%);
    padding: 80px 20px;
    text-align: center;
    color: #fff;
}
.aka-policy-hero h1 { color: #fff !important; font-size: 42px; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
.aka-policy-hero .aka-policy-hero-intro { font-size: 1.15rem; max-width: 700px; margin: 0 auto 10px auto; opacity: 0.95; line-height: 1.5; }
.aka-policy-hero .aka-policy-hero-updated { font-size: 0.9rem; font-weight: 600; opacity: 0.9; margin: 0; }

#aka-policy-wrapper {
    max-width: 900px;
    margin: 40px auto;
    font-family: var(--aka-font, 'Open Sans', sans-serif);
    color: #333;
    line-height: 1.7;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
#aka-policy-wrapper .aka-divider {
    border: 0;
    border-top: 1px solid #eee;
    margin: 40px 0;
}
#aka-policy-wrapper .policy-section {
    margin-bottom: 50px;
}
#aka-policy-wrapper .policy-section h2 {
    color: var(--h-dark, #2c3e50);
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#aka-policy-wrapper .policy-subsection h3 {
    color: var(--color-brand, #1abc9c);
    font-size: 1.2rem;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}
#aka-policy-wrapper .aka-policy-content ul {
    margin-left: 20px;
    color: #555;
}
#aka-policy-wrapper .aka-policy-content li {
    margin-bottom: 10px;
}
#aka-policy-wrapper .policy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 25px 0;
}
#aka-policy-wrapper .policy-card {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid var(--h-dark, #2c3e50);
}
#aka-policy-wrapper .policy-card h4 {
    margin: 0 0 10px 0;
    color: var(--h-dark, #2c3e50);
    font-weight: 700;
}
#aka-policy-wrapper .policy-card p {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}
#aka-policy-wrapper .contact-box {
    background: var(--color-brand-bg, #e0f2f1);
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-top: 30px;
    border: 1px dashed var(--color-brand, #1abc9c);
}
#aka-policy-wrapper .contact-box p {
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--h-dark, #2c3e50);
}
#aka-policy-wrapper .policy-btn {
    background: var(--h-dark, #2c3e50);
    color: #fff;
    padding: 12px 30px;
    border-radius: var(--aka-radius-btn, 50px);
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
    display: inline-block;
}
#aka-policy-wrapper .policy-btn:hover {
    background: var(--color-brand, #1abc9c);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    #aka-policy-wrapper {
        padding: 20px;
        margin: 20px auto;
    }
    .aka-policy-hero h1 { font-size: 28px; }
    .aka-policy-hero { padding: 50px 20px; }
    #aka-policy-wrapper .policy-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== Villkor (sida med slug villkor) – hero + innehåll, samma mönster som integritetspolicy ===== */
body.aka-page-villkor .entry-header,
body.aka-page-villkor .et_main_title,
body.aka-page-villkor .page-title,
body.aka-page-villkor h1.entry-title { display: none !important; }
body.aka-page-villkor #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-villkor #sidebar { display: none !important; }
body.aka-page-villkor #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-villkor .entry-content,
body.aka-page-villkor .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-villkor .aka-breadcrumbs-bar { display: none !important; }

/* ===== Guide (/guide/) – shortcode [aka_guide], samma fullbredd som villkor ===== */
body.aka-page-guide .entry-header,
body.aka-page-guide .et_main_title,
body.aka-page-guide .page-title,
body.aka-page-guide h1.entry-title { display: none !important; }
body.aka-page-guide #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-guide #sidebar { display: none !important; }
body.aka-page-guide #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-guide .entry-content,
body.aka-page-guide .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-guide .aka-breadcrumbs-bar { display: none !important; }

/* Regler (/regler/) – samma fullbredd som guide */
body.aka-page-regler .entry-header,
body.aka-page-regler .et_main_title,
body.aka-page-regler .page-title,
body.aka-page-regler h1.entry-title { display: none !important; }
body.aka-page-regler #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-regler #sidebar { display: none !important; }
body.aka-page-regler #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-regler .entry-content,
body.aka-page-regler .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-regler .aka-breadcrumbs-bar { display: none !important; }

.aka-guide-page {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 20px 56px;
    box-sizing: border-box;
    font-family: var(--aka-font, 'Open Sans', sans-serif);
}
.aka-guide-hero {
    background: linear-gradient(135deg, var(--h-dark, #2c3e50) 0%, var(--color-brand, #1abc9c) 100%);
    padding: clamp(36px, 6vw, 64px) 24px;
    border-radius: var(--aka-radius-card, 20px);
    text-align: center;
    color: #fff;
    margin-bottom: 28px;
    box-shadow: var(--aka-shadow-card, 0 12px 40px rgba(19, 55, 75, 0.12));
}
.aka-guide-hero__title {
    margin: 0 0 12px;
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fff !important;
}
.aka-guide-hero__lead {
    margin: 0 auto;
    max-width: 40em;
    font-size: clamp(1rem, 2vw, 1.1rem);
    line-height: 1.55;
    opacity: 0.95;
}
.aka-guide-card {
    background: #fff;
    border: 1px solid rgba(44, 62, 80, 0.1);
    border-radius: var(--aka-radius-card, 18px);
    padding: clamp(20px, 3vw, 28px);
    margin-bottom: 18px;
    box-shadow: var(--aka-shadow-card, 0 8px 28px rgba(44, 62, 80, 0.08));
}
.aka-guide-card--muted {
    background: #f8fbfc;
    border-style: dashed;
}
.aka-guide-card__h2 {
    margin: 0 0 12px;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--h-dark, #2c3e50);
}
.aka-guide-card__icon { font-weight: 400; margin-left: 4px; }
.aka-guide-card p {
    margin: 0 0 12px;
    color: #4a5a68;
    line-height: 1.6;
    font-size: 0.98rem;
}
.aka-guide-card p:last-of-type { margin-bottom: 0; }
.aka-guide-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
@media (max-width: 600px) {
    .aka-guide-card__actions { flex-direction: column; align-items: stretch; }
    .aka-guide-card__actions .hub-cta-btn { text-align: center; }
}

.aka-terms-hero {
    background: linear-gradient(135deg, var(--h-dark, #2c3e50) 0%, var(--color-brand, #1abc9c) 100%);
    padding: 80px 20px;
    text-align: center;
    color: #fff;
}
.aka-terms-hero h1 { color: #fff !important; font-size: 42px; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
.aka-terms-hero .aka-terms-hero-intro { font-size: 1.15rem; max-width: 700px; margin: 0 auto 10px auto; opacity: 0.95; line-height: 1.5; }
.aka-terms-hero .aka-terms-hero-updated { font-size: 0.9rem; font-weight: 600; opacity: 0.9; margin: 0; }

.aka-terms-quicklinks,
.aka-policy-quicklinks {
    max-width: 900px;
    margin: 0 auto 20px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    justify-content: center;
    align-items: center;
    font-family: var(--aka-font, 'Open Sans', sans-serif);
    font-size: 0.95rem;
}
.aka-terms-quicklinks a,
.aka-policy-quicklinks a {
    color: var(--color-brand, #1abc9c);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.aka-terms-quicklinks a:focus-visible,
.aka-policy-quicklinks a:focus-visible { outline: 2px solid var(--color-brand, #1abc9c); outline-offset: 2px; }

#aka-terms-wrapper {
    max-width: 900px;
    margin: 40px auto;
    font-family: var(--aka-font, 'Open Sans', sans-serif);
    color: #333;
    line-height: 1.7;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
#aka-terms-wrapper .aka-alert-box {
    background: #FDEDEC;
    border-left: 5px solid #E74C3C;
    padding: 20px;
    border-radius: 4px;
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}
#aka-terms-wrapper .aka-alert-icon { font-size: 24px; }
#aka-terms-wrapper .aka-alert-content strong { display: block; color: #C0392B; margin-bottom: 5px; font-size: 1.1rem; }
#aka-terms-wrapper .aka-alert-content p { margin: 0; color: #555; font-size: 0.95rem; }
#aka-terms-wrapper .aka-divider { border: 0; border-top: 1px solid #eee; margin: 40px 0; }
#aka-terms-wrapper .terms-section h2 { color: var(--h-dark, #2c3e50); font-size: 1.6rem; font-weight: 700; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 20px; }
#aka-terms-wrapper .terms-section h3 { color: var(--color-brand, #1abc9c); font-size: 1.2rem; margin-top: 25px; margin-bottom: 10px; font-weight: 700; }
#aka-terms-wrapper .terms-section ul,
#aka-terms-wrapper .terms-section ol { margin-left: 20px; color: #555; margin-bottom: 20px; }
#aka-terms-wrapper .terms-section li { margin-bottom: 8px; }
#aka-terms-wrapper .aka-terms-lead { font-size: 1.05rem; line-height: 1.6; color: #444; margin: 0 0 28px 0; max-width: 72ch; }
#aka-terms-wrapper .aka-terms-toc { margin: 0 0 32px 0; padding: 20px 0 0 0; border-top: 1px solid var(--aka-line, #ececec); }
#aka-terms-wrapper .aka-terms-toc__kicker { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #94a3b8; margin: 0 0 12px 0; }
#aka-terms-wrapper .aka-terms-toc__list { margin: 0; padding-left: 1.25rem; columns: 2; column-gap: 32px; }
#aka-terms-wrapper .aka-terms-toc__list li { margin-bottom: 6px; break-inside: avoid; }
#aka-terms-wrapper .aka-terms-toc__list a { color: var(--h-dark, #2c3e50); text-decoration: underline; text-underline-offset: 2px; }
#aka-terms-wrapper .aka-terms-version-line { margin-top: 24px; color: #94a3b8; font-size: 0.78rem; text-align: center; }
#aka-terms-wrapper .aka-terms-contact-box { background: var(--color-brand-bg, #e0f2f1); padding: 30px; text-align: center; border-radius: 8px; margin-top: 40px; border: 1px dashed var(--color-brand, #1abc9c); }
#aka-terms-wrapper .aka-terms-contact-box p { margin-bottom: 20px; font-weight: 600; color: var(--h-dark, #2c3e50); }
#aka-terms-wrapper .terms-btn { background: var(--h-dark, #2c3e50); color: #fff; padding: 12px 30px; border-radius: var(--aka-radius-btn, 50px); text-decoration: none; font-weight: 700; transition: 0.3s; display: inline-block; }
#aka-terms-wrapper .terms-btn:hover { background: var(--color-brand, #1abc9c); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
@media (max-width: 768px) {
    #aka-terms-wrapper { padding: 20px; margin: 20px auto; }
    .aka-terms-hero h1 { font-size: 28px; }
    .aka-terms-hero { padding: 50px 20px; }
    #aka-terms-wrapper .aka-terms-toc__list { columns: 1; }
    #aka-terms-wrapper .aka-alert-box { flex-direction: column; }
}

@media (max-width: 767px) {
    #main-content .entry-content img.alignleft,
    #main-content .entry-content img.alignright,
    #main-content .et_pb_post_content img.alignleft,
    #main-content .et_pb_post_content img.alignright {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
    }
}

/* Sidofält: luft på mobil när det hamnar under innehållet */
@media (max-width: 980px) {
    body.single #main-content .et_pb_sidebar,
    body.single #main-content .et_pb_widget_area,
    body.woocommerce-page #main-content .et_pb_sidebar,
    body.woocommerce-page #main-content .et_pb_widget_area {
        margin-top: 2rem;
    }
}

/* --- AKALASI SPECIFIK ARTIKEL-GRID (CSS Class på rad/modul: akalasi-article-grid) --- */
.akalasi-article-grid .et_pb_post {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04) !important;
    display: flex;
    flex-direction: column;
}

.akalasi-article-grid .et_pb_post:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(74, 155, 140, 0.12) !important;
}

.akalasi-article-grid .entry-featured-image-url {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin: 0 !important;
    border-bottom: 1px solid #f0f4f4;
}

.akalasi-article-grid .entry-featured-image-url img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.akalasi-article-grid .entry-title {
    padding: 20px 20px 10px 20px !important;
    margin: 0 !important;
    line-height: 1.3em !important;
}

.akalasi-article-grid .entry-title a {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #2c3e50 !important;
    text-decoration: none !important;
}

.akalasi-article-grid .post-content {
    padding: 0 20px 15px 20px !important;
}

.akalasi-article-grid .post-content p {
    font-size: 15px !important;
    line-height: 1.6em !important;
    color: #666 !important;
}

/* --- TVINGA FRAM SVENSK "LÄS MER" TEXT (ersätter engelska read more) --- */
.akalasi-article-grid .more-link {
    display: inline-block;
    margin-top: 10px !important;
    font-size: 0 !important;
    color: transparent !important;
}

.akalasi-article-grid .more-link::before {
    content: 'läs mer';
    font-size: 14px !important;
    color: #4A9B8C !important;
    font-weight: 700 !important;
    text-transform: lowercase;
    visibility: visible;
}

.akalasi-article-grid .more-link::after {
    content: ' →';
    font-size: 14px !important;
    color: #4A9B8C !important;
    visibility: visible;
}

.akalasi-article-grid .more-link:hover::before,
.akalasi-article-grid .more-link:hover::after {
    color: #1abc9c !important;
}

/* --- Artikelsida / #aka-blog-app (V4.0 no-box) – global body-mall för artiklar --- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#aka-blog-app {
    font-family: var(--aka-font, 'Open Sans'), sans-serif;
    max-width: 1200px;
    margin: 20px auto 40px auto;
    color: #333;
    line-height: 1.6;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
#aka-blog-app .aka-header {
    margin-bottom: 20px;
    text-align: center;
}
#aka-blog-app .aka-header-info .aka-header {
    text-align: center;
}
#aka-blog-app .aka-header h1 {
    color: var(--h-dark, #2C3E50);
    margin: 0 0 10px 0;
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 1.2;
}
#aka-blog-app .aka-intro {
    color: #666;
    margin-bottom: 16px;
    font-size: 1.0rem;
    max-width: 520px;
    line-height: 1.7;
}
#aka-blog-app .aka-header-info .aka-intro {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.aka-header-info-divider {
    border: none;
    border-top: 1px solid #eee;
    margin: 0 0 24px 0;
}
.aka-article-category-note {
    max-width: 520px;
    margin: 0 auto;
}
.aka-header-info .aka-article-category-note {
    margin-top: 4px;
}
.aka-article-category-note .aka-article-note-body {
    text-align: center;
}
.aka-article-forum-cta-wrap {
    margin: 28px 0 24px 0;
    text-align: center;
}
.aka-article-forum-cta-wrap .aka-forum-cta {
    display: inline-block;
    text-decoration: none;
}
#aka-blog-app .aka-header-info .aka-forum-cta-artiklar {
    background: var(--color-care, #2874A6) !important;
}
.aka-article-note-body {
    border: 1px solid #d8e2ea;
    padding: 10px 18px;
    background: #f8fbff;
    border-radius: 10px;
}
.aka-article-note-title {
    margin: 0 0 4px 0;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}
.aka-article-note-text {
    margin: 0;
    font-size: 0.95rem;
    color: #4b5563;
}
.aka-note-allmant-fakta .aka-article-note-body { border-color: rgba(142, 68, 173, 0.35); }
.aka-note-behandling .aka-article-note-body { border-color: rgba(243, 156, 18, 0.35); }
.aka-note-diagnos-symptom .aka-article-note-body { border-color: rgba(231, 76, 60, 0.35); }
.aka-note-forskning .aka-article-note-body { border-color: rgba(40, 116, 166, 0.35); }
.aka-note-mat-kost .aka-article-note-body { border-color: rgba(39, 174, 96, 0.35); }
.aka-note-berattelser .aka-article-note-body { border-color: rgba(241, 196, 15, 0.45); }
.aka-note-livsstil .aka-article-note-body { border-color: rgba(142, 68, 173, 0.35); }
.search-focus-active .aka-top-content {
    display: none !important;
}
#aka-blog-app .blog-search-sticky-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 15px 20px 10px 20px;
    margin: 0 -20px 30px -20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    transition: all 0.3s;
}
#aka-blog-app .d-search-wrap {
    position: relative;
    max-width: 100%;
    margin-bottom: 12px;
}
#aka-blog-app .d-search-wrap input {
    width: 100%;
    padding: 12px 44px 12px 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 1rem;
    box-sizing: border-box;
}
#aka-blog-app .d-search-wrap input:focus {
    outline: none;
    border-color: var(--color-brand, #1ABC9C);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}
#aka-blog-app .d-search-clear {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #999;
    font-size: 1rem;
}
#aka-blog-app .d-search-clear:hover {
    color: #333;
}
#aka-blog-app .d-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 1rem;
}
/* Global sidfilter (artiklar, butik, forum): samma placering – direkt ovanför huvudinnehåll */
.aka-page-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}
.aka-page-filter .aka-context-filter-chip {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    background: #e8e8e8;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}
.aka-page-filter .aka-context-filter-chip:hover {
    background: #dddddd;
    color: #111;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}
/* Grundaktivt läge – används utanför artikelsidan */
.aka-page-filter .aka-context-filter-chip.active {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
}
/*
 * Artiklar (/artiklar): kategorifilter som ordlistans .cat-btn
 * – neutral vit knapp i standardläge; :hover och .active/.current-cat fylls med tema-variabler + vit text.
 */
#aka-blog-app .aka-category-chips .aka-page-filter,
body.aka-page-artiklar .aka-category-chips .aka-page-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip {
    display: inline-block;
    background: #fff !important;
    border: 1px solid #eee !important;
    color: #666 !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip:hover {
    transform: translateY(-1px);
    border-color: #ccc !important;
}
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat {
    color: #fff !important;
    border-color: transparent !important;
    transform: scale(1.02);
    filter: none !important;
}
/* Alla */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat=""]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-slug="all"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat=""],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat=""],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat=""],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-slug="all"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-slug="all"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-slug="all"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat=""]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-slug="all"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat=""],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat=""],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat=""],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-slug="all"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-slug="all"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-slug="all"] {
    background: var(--h-dark, #2c3e50) !important;
    border-color: var(--h-dark, #2c3e50) !important;
    color: #fff !important;
}
/* Allmänt & fakta – allmän kunskapston (samma som ordlistans diagnos-knapp: brand) */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="allmant-fakta"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-allmant:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="allmant-fakta"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="allmant-fakta"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="allmant-fakta"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-allmant,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-allmant,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-allmant,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="allmant-fakta"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-allmant:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="allmant-fakta"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="allmant-fakta"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="allmant-fakta"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-allmant,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-allmant,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-allmant {
    background: var(--color-brand, #1abc9c) !important;
    border-color: var(--color-brand, #1abc9c) !important;
    color: #fff !important;
}
/* Behandling */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="behandling"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-behandling:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="behandling"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="behandling"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="behandling"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-behandling,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-behandling,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-behandling,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="behandling"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-behandling:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="behandling"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="behandling"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="behandling"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-behandling,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-behandling,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-behandling {
    background: var(--color-treat, #f39c12) !important;
    border-color: var(--color-treat, #f39c12) !important;
    color: #fff !important;
}
/* Diagnos & symtom */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="diagnos-symptom"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-diagnos:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="diagnos-symptom"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="diagnos-symptom"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="diagnos-symptom"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-diagnos,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-diagnos,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-diagnos,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="diagnos-symptom"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-diagnos:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="diagnos-symptom"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="diagnos-symptom"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="diagnos-symptom"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-diagnos,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-diagnos,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-diagnos {
    background: var(--color-disease, #e74c3c) !important;
    border-color: var(--color-disease, #e74c3c) !important;
    color: #fff !important;
}
/* Forskning */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="forskning"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-forskning:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="forskning"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="forskning"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="forskning"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-forskning,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-forskning,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-forskning,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="forskning"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-forskning:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="forskning"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="forskning"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="forskning"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-forskning,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-forskning,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-forskning {
    background: var(--color-research, #2980b9) !important;
    border-color: var(--color-research, #2980b9) !important;
    color: #fff !important;
}
/* Mat & kost */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="mat-kost"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-kost:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="mat-kost"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="mat-kost"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="mat-kost"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-kost,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-kost,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-kost,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="mat-kost"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-kost:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="mat-kost"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="mat-kost"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="mat-kost"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-kost,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-kost,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-kost {
    background: var(--color-food, #27ae60) !important;
    border-color: var(--color-food, #27ae60) !important;
    color: #fff !important;
}
/* Patientberättelser */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="berattelser"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-berattelser:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="berattelser"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="berattelser"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="berattelser"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-berattelser,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-berattelser,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-berattelser,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="berattelser"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-berattelser:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="berattelser"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="berattelser"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="berattelser"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-berattelser,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-berattelser,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-berattelser {
    background: var(--color-family, #e67e22) !important;
    border-color: var(--color-family, #e67e22) !important;
    color: #fff !important;
}
/* Vardagstips & livsstil */
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="livsstil"]:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-livsstil:hover,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="livsstil"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="livsstil"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="livsstil"],
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-livsstil,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-livsstil,
#aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-livsstil,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip[data-article-cat="livsstil"]:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.chip-livsstil:hover,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active[data-article-cat="livsstil"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active[data-article-cat="livsstil"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat[data-article-cat="livsstil"],
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.is-active.chip-livsstil,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.active.chip-livsstil,
body.aka-page-artiklar .aka-category-chips .aka-page-filter .aka-context-filter-chip.current-cat.chip-livsstil {
    background: var(--color-tool, #8e44ad) !important;
    border-color: var(--color-tool, #8e44ad) !important;
    color: #fff !important;
}
#aka-blog-app .blog-cat-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
#aka-blog-app .cat-btn {
    padding: 8px 16px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}
#aka-blog-app .cat-btn:hover,
#aka-blog-app .cat-btn.active {
    background: var(--color-brand, #1ABC9C);
    color: #fff;
    border-color: var(--color-brand, #1ABC9C);
}
/* Artikelgrid: flex + centrering så 1–2 kort inte "hänger" till vänster med tomt utrymme till höger */
#aka-blog-app .disease-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 32px;
    margin-top: 10px;
}
#aka-blog-app .disease-grid > .b-card {
    flex: 0 1 360px;
    width: 100%;
    max-width: 380px;
    min-width: 0;
    box-sizing: border-box;
}
#aka-blog-app .disease-grid > .aka-year-separator,
#aka-blog-app .disease-grid > .timeline-year {
    flex: 0 0 100%;
    width: 100%;
    grid-column: unset;
}
/* Fyller .aka-featured-post (höjd sätts där) */
.aka-featured-wrapper {
    width: 100%;
    height: 100%;
    margin: 0;
    min-height: 0;
}
.aka-featured-article {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.2);
}
.aka-featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}
.aka-featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15,23,42,0.9), rgba(15,23,42,0.1));
    display: flex;
    align-items: flex-end;
    padding: 26px 32px;
    box-sizing: border-box;
}
.aka-featured-overlay .b-card-top {
    position: absolute;
    top: 20px;
    right: 32px;
    width: 80px;
    margin: 0;
}
.aka-featured-meta {
    margin: 0 0 6px 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(226, 232, 240, 0.9);
}
.aka-featured-body {
    max-width: 640px;
}
.aka-featured-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(15,23,42,0.72);
    border: 1px solid rgba(226,232,240,0.35);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #e2e8f0;
    margin-bottom: 8px;
}
#aka-blog-app .aka-featured-chip--pillar-allmant-fakta {
    background: color-mix(in srgb, var(--color-brand, #1abc9c) 42%, rgba(15,23,42,0.85));
    border-color: color-mix(in srgb, var(--color-brand, #1abc9c) 55%, rgba(226,232,240,0.4));
    color: #ecfdf8;
}
#aka-blog-app .aka-featured-chip--pillar-behandling {
    background: color-mix(in srgb, var(--color-treat, #f39c12) 38%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-treat, #f39c12) 50%, rgba(226,232,240,0.35));
    color: #fffbeb;
}
#aka-blog-app .aka-featured-chip--pillar-diagnos-symptom {
    background: color-mix(in srgb, var(--color-disease, #e74c3c) 36%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-disease, #e74c3c) 48%, rgba(226,232,240,0.35));
    color: #fef2f2;
}
#aka-blog-app .aka-featured-chip--pillar-forskning {
    background: color-mix(in srgb, var(--color-research, #2980b9) 40%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-research, #2980b9) 52%, rgba(226,232,240,0.38));
    color: #eff6ff;
}
#aka-blog-app .aka-featured-chip--pillar-mat-kost {
    background: color-mix(in srgb, var(--color-food, #27ae60) 38%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-food, #27ae60) 50%, rgba(226,232,240,0.35));
    color: #f0fdf4;
}
#aka-blog-app .aka-featured-chip--pillar-berattelser {
    background: color-mix(in srgb, var(--color-family, #e67e22) 38%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-family, #e67e22) 50%, rgba(226,232,240,0.35));
    color: #fffbeb;
}
#aka-blog-app .aka-featured-chip--pillar-livsstil {
    background: color-mix(in srgb, var(--color-tool, #8e44ad) 38%, rgba(15,23,42,0.88));
    border-color: color-mix(in srgb, var(--color-tool, #8e44ad) 50%, rgba(226,232,240,0.35));
    color: #faf5ff;
}
/* Förstasideskort: pelare + Forskarrummet (samma tag-article som livesök) */
#aka-blog-app .aka-featured-chip-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
#aka-blog-app .aka-featured-chip-row .aka-featured-chip {
	margin-bottom: 0;
}
#aka-blog-app .aka-featured-forsk.res-tag.tag-article {
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(26, 188, 156, 0.14) !important;
	color: var(--color-brand, #1abc9c) !important;
	border: 1px solid rgba(26, 188, 156, 0.38) !important;
	min-width: 0;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
#aka-blog-app .aka-featured-forsk .aka-badge-support__icon {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}
/* Artikellistan: + Insikt / Forskarrummet */
#aka-blog-app .aka-b-card-forsk.res-tag.tag-article {
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(26, 188, 156, 0.14) !important;
	color: var(--color-brand, #1abc9c) !important;
	border: 1px solid rgba(26, 188, 156, 0.38) !important;
	line-height: 1.2;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
#aka-blog-app .aka-b-card-forsk .aka-badge-support__icon {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}
.aka-featured-title {
    margin: 0 0 10px 0;
    font-size: 1.6rem;
    font-weight: 800;
    color: #f9fafb;
}
.aka-featured-title a {
    color: inherit;
    text-decoration: none;
}
.aka-featured-title a:hover {
    text-decoration: underline;
}
.aka-featured-desc {
    margin: 0 0 16px 0;
    font-size: 0.98rem;
    color: #e5e7eb;
    line-height: 1.7;
}
.aka-featured-link {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #a5f3fc;
    text-decoration: none;
}
.aka-featured-link:hover {
    text-decoration: underline;
}

/* --- Artiklar & Insikter – header (blueprint) --- */
.aka-header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    background: var(--color-brand-bg, #e0f2f1);
    border-radius: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.aka-header-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
}
.aka-featured-post {
    height: auto;
    min-height: 0;
    border-radius: 16px;
    overflow: hidden;
}
/* Mag archive: never reserve fixed featured height */
body.aka-page-artiklar #aka-blog-app.aka-mag .aka-featured-post,
body.aka-page-artiklar #aka-blog-app.aka-mag .aka-featured-wrapper {
    height: auto !important;
    min-height: 0 !important;
}
.aka-featured-post .aka-featured-wrapper,
.aka-featured-post .aka-featured-article {
    height: 100%;
    border-radius: 16px;
}
.aka-header-info {
    background: transparent;
    border: none;
    padding: 0;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.aka-header-info .aka-header {
    margin: 0 0 12px 0;
    text-align: center;
}
.aka-header-info .aka-intro {
    margin: 0 0 20px 0;
}
.aka-search-wrapper {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
}
/* Header: ingen extra marginal så sök + knappar centreras vertikalt i gröna baren */
.aka-lower-bar .aka-search-wrapper,
#aka-search-area-desktop .aka-search-wrapper {
    margin: 0 !important;
}
.aka-header-info .aka-search-wrapper {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.aka-header-info .aka-search-wrapper:focus,
.aka-header-info .aka-search-wrapper:focus-within {
    box-shadow: none !important;
}
.aka-header-info .aka-search-wrapper .aka-search-input {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 2px solid #c8d7d6;
    border-radius: 12px;
    font-size: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    text-align: center;
}
.aka-page-artiklar #aka-blog-app .aka-header-info .aka-search-wrapper .aka-search-input {
    background: #fff !important;
    border: 2px solid #cbd5e1 !important;
    color: #1f2937 !important;
    opacity: 1 !important;
}
.aka-header-info .aka-search-wrapper .aka-search-input::placeholder {
    text-align: center;
    color: #6b7280;
}
.aka-page-artiklar #aka-blog-app .aka-header-info .aka-search-wrapper .aka-search-input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}
.aka-header-info .aka-search-wrapper .aka-search-input:hover {
    border-color: #d1d5db;
}
.aka-header-info .aka-search-wrapper .aka-search-input:focus {
    border-color: var(--color-brand, #1ABC9C);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(26, 188, 156, 0.15);
}
.aka-article-category-note {
    margin: 0;
}
.aka-category-chips {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}
.aka-category-chips--header {
    margin-top: 18px;
    width: 100%;
}
.aka-category-chips .aka-page-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

@media (min-width: 980px) {
    .aka-header-container {
        display: grid;
        grid-template-columns: 7fr 3fr;
        gap: 40px 40px;
        align-items: start;
    }
    .aka-header-grid {
        grid-column: 1 / -1;
        grid-template-columns: 7fr 3fr;
        gap: 40px;
    }
    .aka-featured-post {
        order: 1;
    }
    .aka-header-info {
        order: 2;
    }
    .aka-category-chips--header { margin-top: 20px; }
}

body.aka-page-artiklar .aka-ai-assistant-fab {
    border: 2px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 28px rgba(44, 62, 80, 0.34);
}

#aka-blog-app .aka-article-end-cta {
    margin: 28px auto 8px;
    max-width: 920px;
    padding: 22px 24px;
    border-radius: 20px;
    border: 1px solid rgba(26, 188, 156, 0.22);
    background: linear-gradient(145deg, #ecfbf6 0%, #f5fcfa 100%);
    text-align: center;
}
#aka-blog-app .aka-article-end-cta__title {
    margin: 0 0 8px;
    font-size: 1.25rem;
    color: var(--h-dark, #2c3e50);
}
#aka-blog-app .aka-article-end-cta__text {
    margin: 0 0 14px;
    color: #51606d;
}
#aka-blog-app .aka-article-end-cta__actions { margin: 0; }
.aka-year-separator,
.timeline-year {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
    margin-bottom: -8px;
    color: #94a3b8;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.aka-year-separator::before,
.timeline-year::before {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(148, 163, 184, 0.4);
}
.aka-year-separator span,
.timeline-year span {
    white-space: nowrap;
}
#aka-blog-app .b-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(148, 163, 184, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 18px 18px 20px 18px;
}
#aka-blog-app .b-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16);
}
#aka-blog-app .b-card-top {
    height: 4px;
    width: 60px;
    margin-bottom: 15px;
    border-radius: 2px;
    background: var(--color-brand, #1ABC9C);
}
/* Pelarfärger enligt filter/ARTIKEL-KATEGORISTRUKTUR.md (samma som --color-* i :root) */
#aka-blog-app .b-card-top.bar-allmant { background: var(--color-brand, #1ABC9C); }
#aka-blog-app .b-card-top.bar-behandling { background: var(--color-treat, #F39C12); }
#aka-blog-app .b-card-top.bar-diagnos { background: var(--color-disease, #E74C3C); }
#aka-blog-app .b-card-top.bar-forskning { background: var(--color-research, #2980B9); }
#aka-blog-app .b-card-top.bar-kost { background: var(--color-food, #27ae60); }
#aka-blog-app .b-card-top.bar-berattelser { background: var(--color-family, #E67E22); }
#aka-blog-app .b-card-top.bar-livsstil { background: var(--color-tool, #8E44AD); }
/* Etikett rad (ordlista-liknande .g-badge) + diskret kant per pelare */
#aka-blog-app .b-card-badge-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: -4px 0 10px 0;
    min-height: 0;
}
#aka-blog-app .b-card-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 5px 10px;
    border-radius: 6px;
    line-height: 1.2;
    border: 1px solid transparent;
}
#aka-blog-app .b-card-badge--allmant-fakta {
    background: var(--color-brand-bg, #E0F2F1);
    color: var(--color-brand, #1abc9c);
    border-color: color-mix(in srgb, var(--color-brand, #1abc9c) 28%, transparent);
}
#aka-blog-app .b-card-badge--behandling {
    background: color-mix(in srgb, var(--color-treat, #f39c12) 14%, #fff);
    color: var(--color-treat, #f39c12);
    border-color: color-mix(in srgb, var(--color-treat, #f39c12) 30%, transparent);
}
#aka-blog-app .b-card-badge--diagnos-symptom {
    background: color-mix(in srgb, var(--color-disease, #e74c3c) 12%, #fff);
    color: var(--color-disease, #e74c3c);
    border-color: color-mix(in srgb, var(--color-disease, #e74c3c) 28%, transparent);
}
#aka-blog-app .b-card-badge--forskning {
    background: var(--color-research-bg, #EBF5FB);
    color: var(--color-research, #2980b9);
    border-color: color-mix(in srgb, var(--color-research, #2980b9) 28%, transparent);
}
#aka-blog-app .b-card-badge--mat-kost {
    background: color-mix(in srgb, var(--color-food, #27ae60) 14%, #fff);
    color: var(--color-food, #27ae60);
    border-color: color-mix(in srgb, var(--color-food, #27ae60) 30%, transparent);
}
#aka-blog-app .b-card-badge--berattelser {
    background: var(--color-family-bg, #FEF5E7);
    color: var(--color-family, #e67e22);
    border-color: color-mix(in srgb, var(--color-family, #e67e22) 28%, transparent);
}
#aka-blog-app .b-card-badge--livsstil {
    background: var(--color-tool-bg, #F4ECF7);
    color: var(--color-tool, #8e44ad);
    border-color: color-mix(in srgb, var(--color-tool, #8e44ad) 28%, transparent);
}
#aka-blog-app .b-card[data-article-pillar] {
    border-left: 3px solid var(--aka-article-pillar-accent, var(--color-brand, #1abc9c));
}
#aka-blog-app .b-card[data-article-pillar="allmant-fakta"] { --aka-article-pillar-accent: var(--color-brand, #1abc9c); }
#aka-blog-app .b-card[data-article-pillar="behandling"] { --aka-article-pillar-accent: var(--color-treat, #f39c12); }
#aka-blog-app .b-card[data-article-pillar="diagnos-symptom"] { --aka-article-pillar-accent: var(--color-disease, #e74c3c); }
#aka-blog-app .b-card[data-article-pillar="forskning"] { --aka-article-pillar-accent: var(--color-research, #2980b9); }
#aka-blog-app .b-card[data-article-pillar="mat-kost"] { --aka-article-pillar-accent: var(--color-food, #27ae60); }
#aka-blog-app .b-card[data-article-pillar="berattelser"] { --aka-article-pillar-accent: var(--color-family, #e67e22); }
#aka-blog-app .b-card[data-article-pillar="livsstil"] { --aka-article-pillar-accent: var(--color-tool, #8e44ad); }
#aka-blog-app .b-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    margin: 0;
    display: block;
    min-height: 0;
}
#aka-blog-app .b-card-body {
    padding: 0;
    flex-grow: 1;
}
#aka-blog-app .b-title {
    margin: 0 0 10px 0;
    color: var(--h-dark, #2C3E50);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.3;
}
#aka-blog-app .b-desc {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.6;
}
#aka-blog-app .b-link {
    color: var(--color-brand, #1ABC9C);
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
#aka-blog-app .aka-spinner-loader {
    width: 40px;
    height: 40px;
    margin: 40px auto;
    border: 3px solid #eee;
    border-top-color: var(--color-brand, #1ABC9C);
    border-radius: 50%;
    animation: aka-spin 0.8s linear infinite;
}
@keyframes aka-spin {
    to { transform: rotate(360deg); }
}
#aka-blog-app #no-posts-msg,
#aka-blog-app .aka-no-posts-msg {
    display: none;
    text-align: center;
    padding: 40px;
    color: #666;
}
#aka-blog-app #no-posts-msg.is-visible,
#aka-blog-app .aka-no-posts-msg.is-visible { display: block; }
#aka-blog-app #no-posts-msg a,
#aka-blog-app .aka-no-posts-msg a {
    color: var(--color-brand, #1ABC9C);
    font-weight: 700;
    text-decoration: none;
}
#aka-blog-app .aka-blog-placeholder-img {
    background: #f0f0f0;
    min-height: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* Inläggskategoriarkiv (/kategori/...): diskret accent i hero (body-klasser från functions.php) */
body.aka-article-cat-archive {
    --aka-cat-archive-accent: var(--color-brand, #1abc9c);
}
body.aka-article-cat-archive.aka-cat-pillar-allmant-fakta { --aka-cat-archive-accent: var(--color-brand, #1abc9c); }
body.aka-article-cat-archive.aka-cat-pillar-behandling { --aka-cat-archive-accent: var(--color-treat, #f39c12); }
body.aka-article-cat-archive.aka-cat-pillar-diagnos-symptom { --aka-cat-archive-accent: var(--color-disease, #e74c3c); }
body.aka-article-cat-archive.aka-cat-pillar-forskning { --aka-cat-archive-accent: var(--color-research, #2980b9); }
body.aka-article-cat-archive.aka-cat-pillar-mat-kost { --aka-cat-archive-accent: var(--color-food, #27ae60); }
body.aka-article-cat-archive.aka-cat-pillar-berattelser { --aka-cat-archive-accent: var(--color-family, #e67e22); }
body.aka-article-cat-archive.aka-cat-pillar-livsstil { --aka-cat-archive-accent: var(--color-tool, #8e44ad); }

body.aka-article-cat-archive h1.entry-title,
body.aka-article-cat-archive .et_pb_post_title h1.entry-title,
body.aka-article-cat-archive .et_pb_post_title h1,
body.aka-article-cat-archive .et_pb_post_title .entry-title {
    border-bottom: 3px solid var(--aka-cat-archive-accent);
    padding-bottom: 0.35em;
    margin-bottom: 0.4em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.aka-article-cat-archive .et_builder_inner_content > .et_pb_section:first-of-type,
body.aka-article-cat-archive #left-area .et_pb_section:first-of-type,
body.aka-article-cat-archive #main-content > .et_pb_section:first-of-type {
    box-shadow: inset 0 4px 0 0 var(--aka-cat-archive-accent);
}

#aka-blog-app .blog-search-sticky-wrapper .aka-local-search-wrap {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
#aka-blog-app .blog-search-sticky-wrapper .aka-search-input {
    width: 100%;
    max-width: 720px;
    height: 48px;
    padding: 0 22px;
    border: 2px solid #E0E0E0;
    border-radius: 999px;
    font-size: 15px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
#aka-blog-app .blog-search-sticky-wrapper .aka-search-input:focus {
    border-color: var(--color-brand, #1ABC9C);
    box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.18);
}

@media (max-width: 800px) {
    #aka-blog-app .aka-header-info {
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        align-items: center;
        text-align: center;
    }
    #aka-blog-app .aka-header-info .aka-intro {
        max-width: 100%;
    }
    #aka-blog-app .aka-article-category-note {
        max-width: 100%;
    }
    #aka-blog-app .disease-grid {
        gap: 24px;
    }
    #aka-blog-app .disease-grid > .b-card {
        flex: 1 1 100%;
        max-width: none;
    }
    #aka-blog-app .b-card {
        padding: 16px 16px 18px 16px;
    }
    #aka-blog-app .aka-header h1 {
        font-size: 2rem;
    }
    #aka-blog-app .aka-intro {
        font-size: 1rem;
    }
    .aka-article-category-note {
        margin-bottom: 14px;
    }
    .aka-article-note-body {
        padding: 8px 14px;
    }
    #aka-blog-app .blog-search-sticky-wrapper .aka-search-input {
        max-width: 100%;
        height: 46px;
    }
    .aka-featured-wrapper {
        margin-bottom: 24px;
    }
    .aka-featured-panel {
        padding: 20px 18px 20px 18px;
    }
    .aka-featured-panel .b-card-top {
        top: 14px;
        right: 18px;
        left: auto;
        width: 70px;
    }
    .aka-featured-title {
        font-size: 1.3rem;
    }
    /* Mobil: kategorichips – en rad, swipa, scrollbar dold */
    #aka-blog-app .aka-category-chips .aka-page-filter {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 12px 0 14px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    #aka-blog-app .aka-category-chips .aka-page-filter::-webkit-scrollbar {
        display: none;
    }
    #aka-blog-app .aka-category-chips .aka-page-filter .aka-context-filter-chip {
        flex: 0 0 auto;
        min-height: 44px;
        padding: 8px 14px;
        font-size: 12px;
    }
}

/* =================================================================
 * Artiklar /artiklar – REDAKTIONELLT MAGASINLÄGE (2026)
 * #aka-blog-app.aka-mag : masthead + asymmetrisk grid + pullquotes.
 * Behåller pelarfärger (--color-*) och mobilanpassning. Ingen builder-känsla.
 * ================================================================= */

#aka-blog-app.aka-mag {
    --aka-mag-ink:        #1f2937;
    --aka-mag-ink-soft:   #475569;
    --aka-mag-ink-muted:  #6b7280;
    --aka-mag-rule:       rgba(15, 23, 42, 0.08);
    --aka-mag-tint:       #f8faf9;
    --aka-mag-card-bg:    #ffffff;
    --aka-mag-card-shadow:0 1px 0 rgba(15, 23, 42, 0.04);
    --aka-mag-accent:     var(--color-brand, #1abc9c);
    --aka-mag-serif:      'Source Serif Pro', 'Source Serif 4', 'Lora', Georgia, 'Times New Roman', serif;
    --aka-mag-sans:       var(--aka-font, 'Open Sans'), 'Inter', system-ui, -apple-system, sans-serif;

    max-width: 1180px;
    margin: 28px auto 56px;
    padding: 0 24px;
    color: var(--aka-mag-ink);
    font-family: var(--aka-mag-sans);
    line-height: 1.55;
}

/* === Masthead === */
#aka-blog-app.aka-mag .aka-mag-masthead {
    margin: 0 0 20px;
    padding: 24px 0 16px;
    border-bottom: 1px solid var(--aka-mag-rule);
    text-align: left;
}
#aka-blog-app.aka-mag .aka-mag-kicker {
    margin: 0 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--aka-mag-accent);
}
#aka-blog-app.aka-mag .aka-mag-kicker__dot {
    width: 6px; height: 6px;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
}
#aka-blog-app.aka-mag .aka-mag-title {
    margin: 0 0 14px;
    font-family: var(--aka-mag-serif);
    font-weight: 700;
    font-size: clamp(2.2rem, 4.6vw, 3.4rem);
    line-height: 1.05;
    letter-spacing: -0.015em;
    color: #0f172a;
}
#aka-blog-app.aka-mag .aka-mag-standfirst {
    margin: 0 0 16px;
    max-width: 62ch;
    font-size: clamp(1.02rem, 1.4vw, 1.18rem);
    line-height: 1.6;
    color: var(--aka-mag-ink-soft);
}

/* Verktyg under masthead: sök + filter som ett sammanhållet band */
#aka-blog-app.aka-mag .aka-mag-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    align-items: center;
    justify-content: space-between;
    padding-top: 2px;
}
#aka-blog-app.aka-mag .aka-mag-search {
    flex: 1 1 280px;
    max-width: 380px;
}
#aka-blog-app.aka-mag .aka-mag-search__input {
    width: 100%;
    height: 40px;
    padding: 0 16px 0 38px;
    border: 1px solid var(--aka-mag-rule);
    border-radius: 999px;
    background: var(--aka-mag-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center;
    background-size: 15px 15px;
    font-size: 0.92rem;
    color: var(--aka-mag-ink);
    box-shadow: none;
    transition: border-color .18s ease, background-color .18s ease;
}
#aka-blog-app.aka-mag .aka-mag-search__input::placeholder { color: var(--aka-mag-ink-muted); }
#aka-blog-app.aka-mag .aka-mag-search__input:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--aka-mag-accent) 45%, transparent);
    background-color: #fff;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--aka-mag-accent) 12%, transparent);
}

#aka-blog-app.aka-mag .aka-mag-filter {
    flex: 1 1 auto;
    min-width: 0;
}
#aka-blog-app.aka-mag .aka-mag-filter .aka-page-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 4px;
    margin: 0;
    padding: 0;
    border: 0;
    justify-content: flex-end;
    background: transparent;
}
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    /* K-7-V3-GLOBAL-LAUNCH-UX-SWEEP-3 / P2 — 44px touch on all widths (was phone-only) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 12px;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--aka-mag-ink-muted);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none !important;
    transform: none !important;
    transition: color .15s ease, border-color .15s ease;
    border-bottom: 2px solid transparent;
}
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip:hover {
    color: var(--aka-mag-ink);
    background: transparent;
    border-bottom-color: color-mix(in srgb, var(--aka-mag-ink) 35%, transparent);
}
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--aka-mag-accent) 55%, transparent);
    outline-offset: 2px;
    border-radius: 2px;
}
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.is-active,
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.active,
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.current-cat {
    color: var(--aka-mag-ink);
    background: transparent !important;
    border-bottom-color: var(--aka-mag-accent);
}

/* Aktiv chip: använd pelarfärgen som accent */
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-allmant.is-active   { border-bottom-color: var(--color-brand,    #1abc9c); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-behandling.is-active{ border-bottom-color: var(--color-treat,    #f39c12); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-diagnos.is-active   { border-bottom-color: var(--color-disease,  #e74c3c); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-forskning.is-active { border-bottom-color: var(--color-research, #2980b9); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-kost.is-active      { border-bottom-color: var(--color-food,     #27ae60); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-berattelser.is-active{border-bottom-color: var(--color-family,   #e67e22); }
#aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip.chip-livsstil.is-active  { border-bottom-color: var(--color-tool,     #8e44ad); }

/* Kategorinotis (visas bara när filter aktivt) */
#aka-blog-app.aka-mag .aka-mag-section-note {
    margin: 10px 0 0;
    max-width: none;
}
#aka-blog-app.aka-mag .aka-mag-section-note .aka-article-note-body {
    background: transparent;
    border: 0;
    border-left: 3px solid var(--aka-mag-accent);
    border-radius: 0;
    padding: 4px 0 4px 14px;
    text-align: left;
}
#aka-blog-app.aka-mag .aka-mag-section-note .aka-article-note-title {
    color: var(--aka-mag-ink);
    text-transform: none;
    letter-spacing: 0;
    font-family: var(--aka-mag-serif);
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 2px;
}
#aka-blog-app.aka-mag .aka-mag-section-note .aka-article-note-text {
    color: var(--aka-mag-ink-soft);
    font-size: 0.92rem;
}

/* === Veckans fördjupning (feature) === */
#aka-blog-app.aka-mag .aka-mag-feature {
    display: block;
    margin: 16px 0 36px;
}
#aka-blog-app.aka-mag .aka-mag-feature__article {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
    background: transparent;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}
#aka-blog-app.aka-mag .aka-mag-feature__media {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    aspect-ratio: var(--aka-art-media-crop-feature, 16 / 9);
    background: #eef2f0;
}
#aka-blog-app.aka-mag .aka-mag-feature__media:empty,
#aka-blog-app.aka-mag .aka-mag-feature__media:not(:has(img)),
#aka-blog-app.aka-mag .aka-mag-feature__article--no-media .aka-mag-feature__media {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    height: 0 !important;
}
#aka-blog-app.aka-mag .aka-mag-feature__article--no-media {
    grid-template-columns: 1fr !important;
}
#aka-blog-app.aka-mag .aka-mag-feature__media .aka-featured-img,
#aka-blog-app.aka-mag .aka-mag-feature__media .aka-art-media__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 1.2s cubic-bezier(.2,.7,.2,1);
}
#aka-blog-app.aka-mag .aka-mag-feature__article:hover .aka-mag-feature__media .aka-featured-img {
    transform: scale(1.025);
}
#aka-blog-app.aka-mag .aka-mag-feature__overlay {
    position: static;
    inset: auto;
    background: transparent;
    padding: 0;
    display: block;
}
#aka-blog-app.aka-mag .aka-mag-feature__overlay .b-card-top { display: none; }
#aka-blog-app.aka-mag .aka-mag-feature__body {
    max-width: 760px;
    margin: 0;
}
#aka-blog-app.aka-mag .aka-mag-feature__kicker {
    margin: 0 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--aka-mag-accent);
}
#aka-blog-app.aka-mag .aka-mag-feature__kicker-line {
    width: 28px;
    height: 1px;
    background: currentColor;
    display: inline-block;
}
#aka-blog-app.aka-mag .aka-mag-feature__title {
    margin: 0 0 14px;
    max-width: 22ch;
    font-family: var(--aka-mag-serif);
    font-weight: 700;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.015em;
    color: #0f172a;
}
#aka-blog-app.aka-mag .aka-mag-feature__title a {
    color: inherit;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: background-size .3s ease;
}
#aka-blog-app.aka-mag .aka-mag-feature__title a:hover {
    background-size: 100% 1px;
    text-decoration: none;
}
#aka-blog-app.aka-mag .aka-mag-feature__lede {
    margin: 0 0 18px;
    font-size: clamp(1.05rem, 1.5vw, 1.2rem);
    line-height: 1.6;
    color: var(--aka-mag-ink-soft);
    max-width: 64ch;
}
#aka-blog-app.aka-mag .aka-mag-feature__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-size: 0.8rem;
    color: var(--aka-mag-ink-muted);
    letter-spacing: 0.02em;
}
#aka-blog-app.aka-mag .aka-mag-feature__sep { color: rgba(15,23,42,0.25); }
#aka-blog-app.aka-mag .aka-mag-feature__cat {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    color: var(--aka-mag-accent);
}
#aka-blog-app.aka-mag .aka-mag-feature--allmant-fakta   .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--allmant-fakta   .aka-mag-feature__kicker { color: var(--color-brand,    #1abc9c); }
#aka-blog-app.aka-mag .aka-mag-feature--behandling      .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--behandling      .aka-mag-feature__kicker { color: var(--color-treat,    #f39c12); }
#aka-blog-app.aka-mag .aka-mag-feature--diagnos-symptom .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--diagnos-symptom .aka-mag-feature__kicker { color: var(--color-disease,  #e74c3c); }
#aka-blog-app.aka-mag .aka-mag-feature--forskning       .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--forskning       .aka-mag-feature__kicker { color: var(--color-research, #2980b9); }
#aka-blog-app.aka-mag .aka-mag-feature--mat-kost        .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--mat-kost        .aka-mag-feature__kicker { color: var(--color-food,     #27ae60); }
#aka-blog-app.aka-mag .aka-mag-feature--berattelser     .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--berattelser     .aka-mag-feature__kicker { color: var(--color-family,   #e67e22); }
#aka-blog-app.aka-mag .aka-mag-feature--livsstil        .aka-mag-feature__cat,
#aka-blog-app.aka-mag .aka-mag-feature--livsstil        .aka-mag-feature__kicker { color: var(--color-tool,     #8e44ad); }

#aka-blog-app.aka-mag .aka-mag-feature__rt,
#aka-blog-app.aka-mag .aka-mag-feature__premium {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
#aka-blog-app.aka-mag .aka-mag-meta__icon { width: 13px; height: 13px; flex-shrink: 0; }
#aka-blog-app.aka-mag .aka-mag-feature__premium .aka-badge-support__icon {
    width: 12px; height: 12px;
    color: var(--color-brand, #1abc9c);
}
#aka-blog-app.aka-mag .aka-mag-feature__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--aka-mag-sans);
    font-weight: 700;
    font-size: 0.92rem;
    letter-spacing: 0;
    text-transform: none;
    color: #0f172a;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 1.5px solid currentColor;
    transition: color .18s ease, border-color .18s ease, gap .2s ease;
}
#aka-blog-app.aka-mag .aka-mag-feature__cta:hover {
    color: var(--aka-mag-accent);
    gap: 12px;
}

/* Desktop feature: bild höger, text vänster, klassisk magasin */
@media (min-width: 900px) {
    #aka-blog-app.aka-mag .aka-mag-feature__article {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
        grid-template-areas: "body media";
        gap: 56px;
        align-items: center;
        padding: 18px 0 28px;
        border-bottom: 1px solid var(--aka-mag-rule);
    }
    #aka-blog-app.aka-mag .aka-mag-feature__overlay { grid-area: body; }
    #aka-blog-app.aka-mag .aka-mag-feature__media   {
        grid-area: media;
        aspect-ratio: var(--aka-art-media-crop-feature-desk, 4 / 5);
        border-radius: 2px;
    }
    #aka-blog-app.aka-mag .aka-mag-feature__article--no-media {
        grid-template-columns: 1fr;
        grid-template-areas: "body";
    }
}

/* === Asymmetrisk grid (12-col) === */
#aka-blog-app.aka-mag .aka-mag-grid.disease-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /* K-7-V3-GLOBAL-LAUNCH-UX-SWEEP-3 / P2 — denser editorial rhythm */
    gap: 24px 22px;
    margin: 8px 0 32px;
    align-items: stretch;
}
#aka-blog-app.aka-mag .aka-mag-grid > .b-card.aka-mag-card,
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-pullquote,
#aka-blog-app.aka-mag .aka-mag-grid > .aka-year-separator,
#aka-blog-app.aka-mag .aka-mag-grid > .timeline-year {
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
}
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--lg   { grid-column: span 8; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--md   { grid-column: span 4; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--mid  { grid-column: span 6; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--wide { grid-column: span 12; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--sm   { grid-column: span 4; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-pullquote  { grid-column: 1 / -1; }
#aka-blog-app.aka-mag .aka-mag-grid > .aka-year-separator,
#aka-blog-app.aka-mag .aka-mag-grid > .timeline-year      { grid-column: 1 / -1; }

/* === Kort-bas (redaktionellt, mindre "card") === */
#aka-blog-app.aka-mag .aka-mag-card {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    transition: transform .2s ease;
}
#aka-blog-app.aka-mag .aka-mag-card:hover {
    transform: none;
    box-shadow: none;
}
#aka-blog-app.aka-mag .aka-mag-card__media {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 16px;
    background: #eef2f0;
    aspect-ratio: var(--aka-art-media-crop-archive, 4 / 3);
}
/* Empty media: collapse — no gradient canvas / no reserved box */
#aka-blog-app.aka-mag .aka-mag-card__media:empty,
#aka-blog-app.aka-mag .aka-mag-card__media:not(:has(img, picture, svg)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    background: transparent !important;
}
#aka-blog-app.aka-mag .aka-mag-card__media img[src=""],
#aka-blog-app.aka-mag .aka-mag-card__media img:not([src]) {
    display: none !important;
}
#aka-blog-app.aka-mag .aka-mag-card--no-media .aka-mag-card__media {
    display: none;
    margin: 0;
    aspect-ratio: auto;
    min-height: 0;
}
#aka-blog-app.aka-mag .aka-mag-card--no-media .aka-mag-card__body {
    padding-top: 2px;
}
#aka-blog-app.aka-mag .aka-mag-card__bar--inline {
    display: block;
    width: 44px;
    height: 3px;
    margin: 0 0 12px;
    border-radius: 0;
}
#aka-blog-app.aka-mag .aka-mag-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    min-height: 0;
    transition: transform 1s cubic-bezier(.2,.7,.2,1), filter .3s ease;
    filter: saturate(0.92);
}
/* Batch 5: archive media shell — stable crop, no stretch */
#aka-blog-app.aka-mag .aka-art-media--archive {
    aspect-ratio: var(--aka-art-media-crop-archive, 4 / 3);
    min-height: 0;
}
#aka-blog-app.aka-mag .aka-art-media--feature {
    min-height: 0;
}
#aka-blog-app.aka-mag .aka-art-media--kind-medical_illustration,
#aka-blog-app.aka-mag .aka-art-media--kind-scientific,
#aka-blog-app.aka-mag .aka-art-media--kind-anatomy,
#aka-blog-app.aka-mag .aka-art-media--kind-procedure {
    background: #f4f6f5;
}
#aka-blog-app.aka-mag .aka-art-media--kind-medical_illustration .aka-mag-card__img,
#aka-blog-app.aka-mag .aka-art-media--kind-scientific .aka-mag-card__img,
#aka-blog-app.aka-mag .aka-art-media--kind-anatomy .aka-mag-card__img,
#aka-blog-app.aka-mag .aka-art-media--kind-procedure .aka-mag-card__img,
#aka-blog-app.aka-mag .aka-art-media--kind-medical_illustration .aka-featured-img,
#aka-blog-app.aka-mag .aka-art-media--kind-scientific .aka-featured-img,
#aka-blog-app.aka-mag .aka-art-media--kind-anatomy .aka-featured-img,
#aka-blog-app.aka-mag .aka-art-media--kind-procedure .aka-featured-img {
    object-fit: contain;
    object-position: center center;
}
#aka-blog-app.aka-mag .aka-art-media--kind-editorial .aka-mag-card__img,
#aka-blog-app.aka-mag .aka-art-media--kind-editorial .aka-featured-img {
    object-position: center 35%;
}
#aka-blog-app.aka-mag .aka-mag-card:hover .aka-mag-card__img {
    transform: scale(1.04);
    filter: saturate(1);
}
/* Pelarstreck över bilden (subtil) */
#aka-blog-app.aka-mag .aka-mag-card__bar {
    position: absolute;
    top: 0; left: 0;
    width: 44px;
    height: 3px;
    border-radius: 0;
    margin: 0;
    background: var(--aka-mag-accent);
    z-index: 2;
}
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar] {
    border-left: 0;
}
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="allmant-fakta"]   .aka-mag-card__bar { background: var(--color-brand,    #1abc9c); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="behandling"]      .aka-mag-card__bar { background: var(--color-treat,    #f39c12); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="diagnos-symptom"] .aka-mag-card__bar { background: var(--color-disease,  #e74c3c); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="forskning"]       .aka-mag-card__bar { background: var(--color-research, #2980b9); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="mat-kost"]        .aka-mag-card__bar { background: var(--color-food,     #27ae60); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="berattelser"]     .aka-mag-card__bar { background: var(--color-family,   #e67e22); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="livsstil"]        .aka-mag-card__bar { background: var(--color-tool,     #8e44ad); }

/* Korpus / typografi */
#aka-blog-app.aka-mag .aka-mag-card__body {
    padding: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
#aka-blog-app.aka-mag .aka-mag-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    font-size: 0.75rem;
    color: var(--aka-mag-ink-muted);
    letter-spacing: 0.02em;
}
#aka-blog-app.aka-mag .aka-mag-card__sep { color: rgba(15,23,42,0.22); }
#aka-blog-app.aka-mag .aka-mag-card__cat {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.13em;
    font-size: 0.68rem;
    color: var(--aka-mag-ink-soft);
}
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="allmant-fakta"]   .aka-mag-card__cat { color: var(--color-brand,    #1abc9c); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="behandling"]      .aka-mag-card__cat { color: var(--color-treat,    #f39c12); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="diagnos-symptom"] .aka-mag-card__cat { color: var(--color-disease,  #e74c3c); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="forskning"]       .aka-mag-card__cat { color: var(--color-research, #2980b9); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="mat-kost"]        .aka-mag-card__cat { color: var(--color-food,     #27ae60); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="berattelser"]     .aka-mag-card__cat { color: var(--color-family,   #e67e22); }
#aka-blog-app.aka-mag .aka-mag-card[data-article-pillar="livsstil"]        .aka-mag-card__cat { color: var(--color-tool,     #8e44ad); }
#aka-blog-app.aka-mag .aka-mag-card__rt,
#aka-blog-app.aka-mag .aka-mag-card__premium {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
#aka-blog-app.aka-mag .aka-mag-card__premium {
    color: var(--color-brand, #1abc9c);
    font-weight: 700;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
#aka-blog-app.aka-mag .aka-mag-card__premium .aka-badge-support__icon { width: 11px; height: 11px; }

#aka-blog-app.aka-mag .aka-mag-card__title {
    margin: 0 0 8px;
    font-family: var(--aka-mag-serif);
    font-weight: 700;
    color: #0f172a;
    line-height: 1.18;
    letter-spacing: -0.005em;
    font-size: 1.18rem;
}
#aka-blog-app.aka-mag .aka-mag-card__lede {
    margin: 0 0 14px;
    color: var(--aka-mag-ink-soft);
    font-size: 0.96rem;
    line-height: 1.55;
}
#aka-blog-app.aka-mag .aka-mag-card__cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f172a;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0;
    text-transform: none;
    /* K-7-V3-GLOBAL-LAUNCH-UX-SWEEP-3 / P2 — consistent card ending pad */
    padding-top: 4px;
    padding-bottom: 10px;
    border-bottom: 1.5px solid transparent;
    transition: color .18s ease, border-color .18s ease, gap .2s ease;
    align-self: flex-start;
}
#aka-blog-app.aka-mag .aka-mag-card:hover .aka-mag-card__cta {
    color: var(--aka-mag-accent);
    border-bottom-color: currentColor;
    gap: 10px;
}

/* Variantskala – större kort får större titel/lede och annan bildproportion */
#aka-blog-app.aka-mag .aka-mag-card--lg .aka-mag-card__media   { aspect-ratio: 16 / 10; }
#aka-blog-app.aka-mag .aka-mag-card--lg .aka-mag-card__title   { font-size: clamp(1.6rem, 2.2vw, 2.05rem); line-height: 1.12; }
#aka-blog-app.aka-mag .aka-mag-card--lg .aka-mag-card__lede    { font-size: 1.05rem; max-width: 56ch; }

#aka-blog-app.aka-mag .aka-mag-card--mid .aka-mag-card__media  { aspect-ratio: 16 / 10; }
#aka-blog-app.aka-mag .aka-mag-card--mid .aka-mag-card__title  { font-size: clamp(1.25rem, 1.6vw, 1.5rem); line-height: 1.18; }

#aka-blog-app.aka-mag .aka-mag-card--md .aka-mag-card__media   { aspect-ratio: 4 / 3; }
#aka-blog-app.aka-mag .aka-mag-card--md .aka-mag-card__title   { font-size: 1.12rem; }
#aka-blog-app.aka-mag .aka-mag-card--md .aka-mag-card__lede    { font-size: 0.93rem; }

#aka-blog-app.aka-mag .aka-mag-card--sm .aka-mag-card__media   { aspect-ratio: 3 / 2; }
#aka-blog-app.aka-mag .aka-mag-card--sm .aka-mag-card__title   { font-size: 1.05rem; line-height: 1.22; }
#aka-blog-app.aka-mag .aka-mag-card--sm .aka-mag-card__lede    { font-size: 0.9rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

/* Wide (analys) – horisontell layout: bild vänster, text höger */
#aka-blog-app.aka-mag .aka-mag-card--wide {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 36px;
    padding: 20px 0;
    border-top: 1px solid var(--aka-mag-rule);
    border-bottom: 1px solid var(--aka-mag-rule);
}
#aka-blog-app.aka-mag .aka-mag-card--wide .aka-mag-card__media {
    margin: 0;
    aspect-ratio: 4 / 3;
}
#aka-blog-app.aka-mag .aka-mag-card--wide .aka-mag-card__body {
    justify-content: center;
}
#aka-blog-app.aka-mag .aka-mag-card--wide .aka-mag-card__title {
    font-size: clamp(1.5rem, 2.1vw, 1.95rem);
    line-height: 1.15;
}
#aka-blog-app.aka-mag .aka-mag-card--wide .aka-mag-card__lede {
    font-size: 1rem;
    max-width: 60ch;
}

/* === Redaktionellt mellanrum (pullquote) === */
#aka-blog-app.aka-mag .aka-mag-pullquote {
    margin: 12px 0;
    padding: 28px 0;
    text-align: center;
    border-top: 1px solid var(--aka-mag-rule);
    border-bottom: 1px solid var(--aka-mag-rule);
    background: transparent;
    position: relative;
}
#aka-blog-app.aka-mag .aka-mag-pullquote__mark {
    display: block;
    font-family: var(--aka-mag-serif);
    font-size: 3.2rem;
    line-height: 0.9;
    color: var(--aka-mag-accent);
    margin-bottom: 6px;
    user-select: none;
}
#aka-blog-app.aka-mag .aka-mag-pullquote__text {
    margin: 0 auto 12px;
    max-width: 38ch;
    font-family: var(--aka-mag-serif);
    font-size: clamp(1.25rem, 2.2vw, 1.7rem);
    line-height: 1.35;
    font-weight: 500;
    color: #0f172a;
    font-style: italic;
}
#aka-blog-app.aka-mag .aka-mag-pullquote__attr {
    margin: 0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 700;
    color: var(--aka-mag-ink-muted);
}

/* === Datumseparator (dämpad) === */
#aka-blog-app.aka-mag .aka-mag-divider {
    margin: 8px 0 0;
    color: rgba(15, 23, 42, 0.35);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* === Slut-CTA (redaktionellt kolofon) === */
#aka-blog-app.aka-mag .aka-mag-colophon {
    margin: 56px auto 8px;
    max-width: 720px;
    padding: 36px 0 8px;
    border-top: 1px solid var(--aka-mag-rule);
    background: transparent;
    text-align: left;
    border-radius: 0;
}
#aka-blog-app.aka-mag .aka-mag-colophon__kicker {
    margin: 0 0 10px;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--aka-mag-accent);
}
#aka-blog-app.aka-mag .aka-mag-colophon__title {
    margin: 0 0 10px;
    font-family: var(--aka-mag-serif);
    font-weight: 700;
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
    line-height: 1.2;
    color: #0f172a;
}
#aka-blog-app.aka-mag .aka-mag-colophon__text {
    margin: 0 0 18px;
    color: var(--aka-mag-ink-soft);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 60ch;
}
#aka-blog-app.aka-mag .aka-mag-colophon .aka-article-end-cta__actions { margin: 0; text-align: left; }
#aka-blog-app.aka-mag .aka-mag-colophon .aka-forum-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--aka-mag-accent);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: background-color .2s ease, transform .2s ease;
}
#aka-blog-app.aka-mag .aka-mag-colophon .aka-forum-cta:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

/* === Mobil === */
@media (max-width: 1023px) {
    #aka-blog-app.aka-mag .aka-mag-grid.disease-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 22px 18px;
    }
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--lg   { grid-column: span 6; }
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--md   { grid-column: span 3; }
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--mid  { grid-column: span 6; }
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--sm   { grid-column: span 3; }
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--wide { grid-column: span 6; }
    #aka-blog-app.aka-mag .aka-mag-card--wide {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px 0;
    }
}
@media (max-width: 640px) {
    #aka-blog-app.aka-mag {
        padding: 0 16px;
        margin-top: 16px;
    }
    #aka-blog-app.aka-mag .aka-mag-masthead {
        padding: 16px 0 12px;
        margin-bottom: 14px;
    }
    #aka-blog-app.aka-mag .aka-mag-tools {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    #aka-blog-app.aka-mag .aka-mag-search {
        max-width: none;
        flex: 1 1 auto;
    }
    /* K-7-V3-R1-REFLOW-ZOOM-ACCESSIBILITY-FINAL-1 / P1 — wrap chips at 320px; no hidden horizontal scroll */
    #aka-blog-app.aka-mag .aka-mag-filter {
        width: 100%;
        max-width: 100%;
    }
    #aka-blog-app.aka-mag .aka-mag-filter .aka-page-filter {
        justify-content: flex-start;
        flex-wrap: wrap;
        overflow-x: visible;
        gap: 8px;
        padding-bottom: 0;
    }
    /* K-7-V3-GLOBAL-LAUNCH-UX-SWEEP-2 / P4 — mag tab chips were ~35px text tabs */
    #aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip {
        flex: 0 1 auto;
        max-width: 100%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 10px 12px;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        text-align: center;
    }
    #aka-blog-app.aka-mag .aka-mag-filter .aka-context-filter-chip:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-brand, #1abc9c) 30%, transparent);
        border-radius: 6px;
    }
    #aka-blog-app.aka-mag .aka-mag-grid.disease-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    #aka-blog-app.aka-mag .aka-mag-grid > .b-card.aka-mag-card,
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--lg,
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--md,
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--mid,
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--wide,
    #aka-blog-app.aka-mag .aka-mag-grid > .aka-mag-card--sm {
        grid-column: 1 / -1;
    }
    #aka-blog-app.aka-mag .aka-mag-feature__article {
        gap: 16px;
        padding: 0 0 22px;
    }
    #aka-blog-app.aka-mag .aka-mag-feature__title {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }
    #aka-blog-app.aka-mag .aka-mag-pullquote {
        padding: 22px 0;
    }
    #aka-blog-app.aka-mag .aka-mag-pullquote__text {
        font-size: 1.15rem;
    }
}

/* Kompatibilitet: dölj ev. äldre b-card-badge-row på artikelsidan – ersätts av .aka-mag-card__meta */
#aka-blog-app.aka-mag .b-card-badge-row { display: none; }

/* --- Resurscenter-hubb [aka_resurscenter_hub] — praktiskt resursnav (scoped) --- */
body.aka-page-resurscenter #aka-resurscenter-hub,
body.aka-page-resurscenter .aka-resurscenter-hub-wrap {
    font-family: var(--aka-font, 'Open Sans'), sans-serif;
    max-width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    color: #333;
    padding: 8px 16px 48px;
    box-sizing: border-box;
}
/* Innehålls-brödsmulor (.aka-breadcrumbs) — endast header (.aka-breadcrumbs-bar / .aka-breadcrumb) */
body.aka-context-nav-enabled #et-main-area .aka-breadcrumbs,
body.aka-context-nav-enabled #main-content .aka-breadcrumbs,
body.aka-context-nav-enabled .et-l--body .aka-breadcrumbs {
    display: none !important;
}

/* Kompakt topp — ingen .aka-hero-wide */
body.aka-page-resurscenter #aka-resurscenter-hub.aka-rc-hub--nav .aka-rc-hub__top {
    max-width: 52rem;
    padding: clamp(8px, 1.5vw, 16px) 0 clamp(16px, 2.5vw, 24px);
    margin: 0 0 4px;
    border-bottom: 3px solid rgba(142, 68, 173, 0.35);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__top-kicker {
    margin: 0 0 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #8e44ad;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__top-title {
    margin: 0 0 8px;
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    font-weight: 800;
    color: #1f2c3a;
    letter-spacing: -0.02em;
    line-height: 1.15;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__top-lead {
    margin: 0;
    max-width: 48rem;
    font-size: clamp(0.92rem, 1.65vw, 1.05rem);
    line-height: 1.55;
    color: #4a5568;
}

/* Block + resurskarta */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block {
    margin-top: clamp(22px, 3.5vw, 36px);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--map {
    margin-top: clamp(16px, 2.5vw, 24px);
}

/* Resurskarta: horis. scroll bara inom wrap (förberedelse sticky-rad); ingen body-overflow */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
    body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-wrap {
        overflow-x: visible;
    }
}

/* Ankarsektioner: offset så rubrik inte hamnar under sticky header */
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-anvand-direkt,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-mat-vardag,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-vard-behandling,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-stod-rattigheter,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-fordjupning,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-guides-support,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-community,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-site-functions,
body.aka-page-resurscenter #aka-resurscenter-hub #aka-rc-trust-legal {
    scroll-margin-top: clamp(120px, 14vh, 190px);
}

/* Brottext mellan karta och kategorisektioner */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-bridge {
    margin: clamp(18px, 2.8vw, 28px) auto clamp(10px, 1.5vw, 16px);
    padding: 0 0 clamp(14px, 2vw, 22px);
    max-width: min(52rem, 100%);
    border-bottom: 1px solid var(--aka-line-soft, #f3f3f0);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-bridge-text {
    margin: 0;
    font-size: clamp(0.9rem, 1.5vw, 0.98rem);
    line-height: 1.58;
    color: #5a6578;
}

/* Kategorisektion: ikon + rubrik + lead (matchar resurskartan) */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category .aka-rc-hub__category-head {
    display: flex;
    align-items: flex-start;
    gap: clamp(14px, 2.2vw, 22px);
    margin: 0 auto clamp(16px, 2.2vw, 22px);
    max-width: min(52rem, 100%);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--aka-line, #ececec);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico .aka-rc-hub__map-svg {
    display: block;
    width: 22px;
    height: 22px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-food .aka-rc-hub__map-svg { color: var(--color-food); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-brand .aka-rc-hub__map-svg { color: var(--color-brand); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-care .aka-rc-hub__map-svg { color: var(--color-care); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-tool .aka-rc-hub__map-svg { color: var(--color-tool); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-rights .aka-rc-hub__map-svg { color: var(--color-rights); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-research .aka-rc-hub__map-svg { color: var(--color-research); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-ico.is-social .aka-rc-hub__map-svg { color: var(--color-social); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-intro {
    flex: 1;
    min-width: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-kicker {
    margin: 0 0 5px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: #7a8494;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-title {
    margin: 0 0 8px;
    font-size: clamp(1.1rem, 2.3vw, 1.32rem);
    font-weight: 800;
    color: #1f2c3a;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-lead {
    margin: 0;
    max-width: 44rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category-acute-line {
    margin: 12px 0 0;
    max-width: 44rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #6b7280;
}
/* Verktyg: redaktionell accordion (inte kortlista) */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-tools {
    margin: 0 auto;
    max-width: min(52rem, 100%);
    border-top: 1px solid var(--aka-line, #ececec);
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--tools .aka-rc-hub__acc-item {
    border-bottom: 1px solid var(--aka-line-soft, #f3f3f0);
    background: transparent;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--tools .aka-rc-hub__acc-item:last-child {
    border-bottom: none;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 4px 14px 2px;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #1f2c3a;
    cursor: pointer;
    list-style: none;
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-sum::-webkit-details-marker {
    display: none;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-sum::after {
    content: "";
    flex-shrink: 0;
    width: 0.45em;
    height: 0.45em;
    margin-top: -0.15em;
    border-right: 1.5px solid #9aa3b2;
    border-bottom: 1.5px solid #9aa3b2;
    transform: rotate(45deg);
    transition: transform 0.15s ease, border-color 0.15s ease;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--tools .aka-rc-hub__acc-item[open] > .aka-rc-hub__acc-sum::after,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--vard .aka-rc-hub__acc-item[open] > .aka-rc-hub__acc-sum::after,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-item[open] > .aka-rc-hub__acc-sum::after,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles[open] > .aka-rc-hub__acc-sum::after {
    transform: rotate(-135deg);
    margin-top: 0.1em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-sum:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 3px;
    border-radius: 4px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-body {
    padding: 0 4px 16px 2px;
    max-width: 42rem;
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-desc {
    margin: 0 0 12px;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-action {
    margin: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-cta {
    display: inline;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--color-brand, #1abc9c);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    text-decoration-thickness: 1px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-cta:hover {
    color: #148f77;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-cta:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 3px;
    border-radius: 2px;
}

body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__tools-footnote {
    margin: 10px auto 0;
    max-width: min(52rem, 100%);
    padding: 0 4px 0 2px;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #8b929c;
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--vard .aka-rc-hub__acc-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: transparent;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--vard .aka-rc-hub__acc-sum {
    padding-left: 18px;
    padding-right: 16px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--vard .aka-rc-hub__acc-body {
    padding-left: 18px;
    padding-right: 16px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: transparent;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-sum {
    padding-left: 18px;
    padding-right: 16px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-body {
    padding-left: 18px;
    padding-right: 16px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-cta {
    color: var(--color-food, #27ae60);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-cta:hover {
    color: color-mix(in srgb, var(--color-food, #27ae60) 72%, #145a32);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--food .aka-rc-hub__acc-cta:focus-visible {
    outline: 2px solid var(--color-food, #27ae60);
    outline-offset: 3px;
    border-radius: 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__acc-inline-sep {
    color: #9aa3b2;
    font-weight: 400;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__care-art-wrap--food {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-matkost.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-food, #27ae60) 65%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-matkost.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-food, #27ae60) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-matkost .aka-rc-hub__row-title {
    color: color-mix(in srgb, var(--color-food, #27ae60) 78%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-warn {
    margin: 0 0 12px;
    max-width: 42rem;
    font-size: 0.76rem;
    line-height: 1.45;
    color: #6b7280;
    font-style: italic;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-lines {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    max-width: 42rem;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-line {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--aka-line-soft, #f3f3f0);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-line:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-hit {
    display: inline;
    font-size: 0.86rem;
    font-weight: 600;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__shop-support-hint {
    margin: 5px 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: #5a6578;
}
/* Hitta vård i accordion: kompakta resursrader (ej kort med vänsterkant). */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__hv-region-list {
    margin: 6px 0 0;
    border-top: 1px solid var(--aka-line, #ececec);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__hv-region-list .aka-rc-hub__row {
    padding: 11px 14px 11px 16px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-norden .aka-rc-hub__row-title::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--color-care, #2874a6);
    vertical-align: 0.12em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-europa .aka-rc-hub__row-title::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--color-brand, #1abc9c);
    vertical-align: 0.12em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-global .aka-rc-hub__row-title::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--color-anat, #8e44ad);
    vertical-align: 0.12em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-norden:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-care, #2874a6) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-europa:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-brand, #1abc9c) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--hv-global:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-anat, #8e44ad) 45%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__hv-region-list .aka-rc-hub__row.is-pending {
    opacity: 0.72;
    cursor: default;
    pointer-events: none;
    grid-template-columns: 1fr auto;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__hv-region-list .aka-rc-hub__row-status {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8b929c;
    white-space: nowrap;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__future-note {
    font-style: italic;
    color: #8b929c;
    font-size: 0.92em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 4px 0 12px;
    max-width: 42rem;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    /* K-7-V3-GLOBAL-LAUNCH-UX-SWEEP-3 / P4 — treat filter chips 44px */
    padding: 10px 14px;
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid var(--aka-line, #ececec);
    background: rgba(255, 255, 255, 0.65);
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.12s ease, border-color 0.12s ease;
}
body.aka-page-resurscenter #aka-resurscenter-hub a.aka-rc-hub__treat-chip.is-active {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border-color: color-mix(in srgb, var(--color-care, #2874a6) 35%, var(--aka-line, #ececec));
}
body.aka-page-resurscenter #aka-resurscenter-hub a.aka-rc-hub__treat-chip.is-active:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: var(--color-care, #2874a6);
}
body.aka-page-resurscenter #aka-resurscenter-hub a.aka-rc-hub__treat-chip.is-active:focus-visible {
    outline: 2px solid var(--color-care, #2874a6);
    outline-offset: 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip.is-pending {
    opacity: 0.88;
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip.is-pending[aria-expanded="true"] {
    border-color: #9aa3b2;
    background: rgba(255, 255, 255, 0.92);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip.is-pending:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip-label {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1f2c3a;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip-pending-tag {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8b929c;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-pending-banner {
    margin: 0 0 12px;
    padding: 10px 12px;
    max-width: 42rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #4a5568;
    background: rgba(241, 243, 245, 0.95);
    border: 1px dashed var(--aka-line, #ececec);
    border-radius: 8px;
    box-sizing: border-box;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 4px 0 12px;
    max-width: 42rem;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px 12px;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid var(--aka-line, #ececec);
    background: rgba(255, 255, 255, 0.65);
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.12s ease, border-color 0.12s ease;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav a.aka-rc-hub__treat-chip.is-active {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border-color: color-mix(in srgb, var(--color-care, #2874a6) 35%, var(--aka-line, #ececec));
}
body.aka-page-behandling #aka-behandling-diagnosis-nav a.aka-rc-hub__treat-chip.is-active:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: var(--color-care, #2874a6);
}
body.aka-page-behandling #aka-behandling-diagnosis-nav a.aka-rc-hub__treat-chip.is-active:focus-visible {
    outline: 2px solid var(--color-care, #2874a6);
    outline-offset: 2px;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip.is-pending {
    opacity: 0.88;
    color: #5a6578;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip.is-pending[aria-expanded="true"] {
    border-color: #9aa3b2;
    background: rgba(255, 255, 255, 0.92);
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip.is-pending:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 2px;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip-label {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.25;
    color: #1f2c3a;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-chip-pending-tag {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8b929c;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-rc-hub__treat-pending-banner {
    margin: 0 0 12px;
    padding: 10px 12px;
    max-width: 42rem;
    font-size: 0.8rem;
    line-height: 1.45;
    color: #4a5568;
    background: rgba(241, 243, 245, 0.95);
    border: 1px dashed var(--aka-line, #ececec);
    border-radius: 8px;
    box-sizing: border-box;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-beh-treat-nav-heading {
    font-size: clamp(1.15rem, 2.5vw, 1.35rem);
    margin: 0 0 0.5rem;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-beh-art-deep-row {
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--aka-line-soft, #f3f3f0);
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-beh-art-deep-kicker {
    margin: 0 0 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}
body.aka-page-behandling #aka-behandling-diagnosis-nav .aka-beh-art-deep-text {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #334155;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-sub {
    margin: 0 0 4px;
    padding-left: 0.65rem;
    border-left: 2px solid var(--aka-line, #ececec);
    font-size: 0.82rem;
    line-height: 1.45;
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-hint {
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__care-art-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-behand.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-treat, #f39c12) 70%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-behand.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-treat, #f39c12) 55%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-behand .aka-rc-hub__row-title {
    color: color-mix(in srgb, var(--color-treat, #f39c12) 85%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--tools {
    box-sizing: border-box;
    padding: clamp(18px, 2.5vw, 32px) clamp(18px, 3vw, 32px) clamp(20px, 2.5vw, 28px);
    max-width: 44rem;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__tool-picker-lead {
    margin: 0 0 16px;
    max-width: 40rem;
    padding: 0 2px;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools {
    margin: 0 0 14px;
    padding: 0 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools button.aka-rc-hub__treat-chip--eckardt.is-active {
    border-color: color-mix(in srgb, var(--color-brand, #1abc9c) 55%, var(--aka-line, #ececec));
    background: color-mix(in srgb, var(--color-brand, #1abc9c) 08%, rgba(255, 255, 255, 0.92));
    cursor: pointer;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools button.aka-rc-hub__treat-chip--eckardt.is-active:hover {
    border-color: var(--color-brand, #1abc9c);
    background: rgba(255, 255, 255, 0.98);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools button.aka-rc-hub__treat-chip--eckardt.is-active:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 3px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chip-active-tag {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-brand, #1abc9c);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__tool-chip-open {
    display: block;
    margin-top: 4px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #1f2c3a;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__eckardt-modal-root {
    margin: 0;
    padding: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__eckardt-fallback-hint {
    margin: 0 0 12px;
    padding: 0 2px;
    max-width: 40rem;
    font-size: 0.74rem;
    line-height: 1.45;
    color: #7a8494;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__eckardt-fallback-hint a {
    color: var(--color-brand, #1abc9c);
    font-weight: 600;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools a.aka-rc-hub__treat-chip.is-active {
    border-color: color-mix(in srgb, var(--color-brand, #1abc9c) 38%, var(--aka-line, #ececec));
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools a.aka-rc-hub__treat-chip.is-active:hover {
    border-color: var(--color-brand, #1abc9c);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__treat-chips--tools a.aka-rc-hub__treat-chip.is-active:focus-visible {
    outline-color: var(--color-brand, #1abc9c);
}
/* Resurscenter: artiklar som utfällare + kompakta hjälp-/juridiksektioner */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles {
    margin-top: 10px;
    border-top: 1px solid color-mix(in srgb, var(--color-brand, #1abc9c) 35%, rgba(0, 0, 0, 0.06));
    padding-top: 10px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles > .aka-rc-hub__acc-sum {
    padding-left: 12px;
    margin-left: 2px;
    border-left: 2px solid color-mix(in srgb, var(--color-brand, #1abc9c) 55%, transparent);
    color: color-mix(in srgb, var(--color-brand, #1abc9c) 72%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles > .aka-rc-hub__acc-sum::after {
    border-right-color: color-mix(in srgb, var(--color-brand, #1abc9c) 55%, #9aa3b2);
    border-bottom-color: color-mix(in srgb, var(--color-brand, #1abc9c) 55%, #9aa3b2);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles[open] > .aka-rc-hub__acc-sum::after {
    border-right-color: var(--color-brand, #1abc9c);
    border-bottom-color: var(--color-brand, #1abc9c);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles .aka-rc-hub__article-cat-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: grid;
    gap: 4px 12px;
}
@media (min-width: 520px) {
    body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__acc-item--articles .aka-rc-hub__article-cat-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link {
    display: block;
    padding: 8px 2px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #2d3a47;
    text-decoration: none;
    border-radius: 6px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link:focus-visible {
    color: var(--color-brand, #1abc9c);
    background: color-mix(in srgb, var(--color-brand, #1abc9c) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--alla:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--alla:focus-visible {
    color: var(--color-brand, #1abc9c);
    background: color-mix(in srgb, var(--color-brand, #1abc9c) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--allmant-fakta:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--allmant-fakta:focus-visible {
    color: color-mix(in srgb, var(--color-brand, #1abc9c) 65%, #1f2c3a);
    background: color-mix(in srgb, var(--color-brand, #1abc9c) 8%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--behandling:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--behandling:focus-visible {
    color: color-mix(in srgb, var(--color-treat, #f39c12) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-treat, #f39c12) 12%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--diagnos-symptom:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--diagnos-symptom:focus-visible {
    color: color-mix(in srgb, var(--color-disease, #e74c3c) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-disease, #e74c3c) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--forskning:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--forskning:focus-visible {
    color: color-mix(in srgb, var(--color-research, #2980b9) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-research, #2980b9) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--mat-kost:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--mat-kost:focus-visible {
    color: color-mix(in srgb, var(--color-food, #27ae60) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-food, #27ae60) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--berattelser:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--berattelser:focus-visible {
    color: color-mix(in srgb, var(--color-family, #e67e22) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-family, #e67e22) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--livsstil:hover,
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__article-cat-link--livsstil:focus-visible {
    color: color-mix(in srgb, var(--color-tool, #8e44ad) 78%, #1f2c3a);
    background: color-mix(in srgb, var(--color-tool, #8e44ad) 10%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--aux {
    margin-top: clamp(20px, 3.2vw, 36px);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--aux .aka-rc-hub__category-head {
    padding-bottom: 6px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--aux .aka-rc-hub__category-title {
    font-size: clamp(1.12rem, 2.6vw, 1.28rem);
    font-weight: 700;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--aux .aka-rc-hub__category-lead {
    font-size: clamp(0.86rem, 1.5vw, 0.95rem);
    color: #5a6578;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--aux {
    box-sizing: border-box;
    padding: 12px 16px 14px;
    max-width: 44rem;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid var(--aka-line-soft, #f3f3f0);
    border-radius: 10px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--aux .aka-rc-hub__row--resource {
    padding: 10px 4px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--trust {
    background: rgba(0, 0, 0, 0.015);
    border-color: var(--aka-line, #ececec);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__aux-empty {
    margin: 0;
    font-size: 0.86rem;
    color: #7a8494;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell--site-nav .aka-rc-hub__map-label {
    font-size: clamp(0.68rem, 1.6vw, 0.76rem);
    letter-spacing: 0.02em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__care-art-wrap--tools {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 6px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__community-lines {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__community-line {
    margin: 0 0 8px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__community-line:last-child {
    margin-bottom: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__care-art-wrap--learn .aka-rc-hub__row--resource + .aka-rc-hub__row--resource {
    margin-top: 6px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-diag.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-disease, #e74c3c) 70%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-diag.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-disease, #e74c3c) 55%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-diag .aka-rc-hub__row-title {
    color: color-mix(in srgb, var(--color-disease, #e74c3c) 82%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-forsk.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-research, #2980b9) 72%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-forsk.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-research, #2980b9) 55%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-forsk .aka-rc-hub__row-title {
    color: color-mix(in srgb, var(--color-research, #2980b9) 82%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-livsstil.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-tool, #8e44ad) 65%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-livsstil.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-tool, #8e44ad) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--art-livsstil .aka-rc-hub__row-title {
    color: color-mix(in srgb, var(--color-tool, #8e44ad) 78%, #1f2c3a);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__care-art-wrap--learn {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    margin-top: 8px;
    padding-top: 4px;
}

/* Pelarton per huvudsektion (subtilt, ingen dashboard-känsla) */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-brand {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(26, 188, 156, 0.22);
    background: linear-gradient(180deg, rgba(224, 242, 241, 0.55) 0%, transparent 58%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-food {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(39, 174, 96, 0.2);
    background: linear-gradient(180deg, var(--color-food-bg, #E8F8F5) 0%, transparent 55%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-care {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(40, 116, 166, 0.22);
    background: linear-gradient(180deg, var(--color-care-bg, #EBF5FB) 0%, transparent 55%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-family {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(230, 126, 34, 0.2);
    background: linear-gradient(180deg, var(--color-family-bg, #FEF5E7) 0%, transparent 55%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-rights {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(44, 62, 80, 0.22);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-rights, #2c3e50) 9%, #ffffff) 0%, transparent 56%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-research {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(41, 128, 185, 0.2);
    background: linear-gradient(180deg, var(--color-research-bg, #EBF5FB) 0%, transparent 55%);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--stripe-social {
    padding-top: clamp(14px, 2vw, 20px);
    border-top: 2px solid rgba(241, 196, 15, 0.28);
    background: linear-gradient(180deg, var(--color-social-bg, #FEF9E7) 0%, transparent 52%);
}

body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block-title {
    margin: 0 0 10px;
    font-size: clamp(1.02rem, 2vw, 1.22rem);
    font-weight: 700;
    color: #2c3e50;
    letter-spacing: -0.02em;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block-lead {
    margin: -2px 0 12px;
    max-width: 48rem;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #718096;
}

body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    gap: 8px;
    max-width: 100%;
}
@media (max-width: 767px) {
    body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        width: max-content;
    }
    body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell {
        flex: 0 0 auto;
        min-width: 148px;
        max-width: 200px;
    }
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid var(--aka-line, #ececec);
    border-radius: 10px;
    background: linear-gradient(180deg, #fcfcfb 0%, #f6f7f5 100%);
    text-decoration: none;
    color: #1f2c3a;
    font-weight: 600;
    font-size: 0.82rem;
    line-height: 1.25;
    box-sizing: border-box;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell:hover {
    background: #fff;
    border-color: #dcdcd8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell:focus-visible {
    outline: 2px solid var(--color-brand, #1abc9c);
    outline-offset: 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-svg {
    display: block;
    width: 22px;
    height: 22px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-food .aka-rc-hub__map-svg { color: var(--color-food); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-brand .aka-rc-hub__map-svg { color: var(--color-brand); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-neutral .aka-rc-hub__map-svg { color: var(--color-brand); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-care .aka-rc-hub__map-svg { color: var(--color-care); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-treat .aka-rc-hub__map-svg { color: var(--color-treat); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-tool .aka-rc-hub__map-svg { color: var(--color-tool); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-rights .aka-rc-hub__map-svg { color: var(--color-rights); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-family .aka-rc-hub__map-svg { color: var(--color-family); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-research .aka-rc-hub__map-svg { color: var(--color-research); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-disease .aka-rc-hub__map-svg { color: var(--color-disease); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-guide .aka-rc-hub__map-svg { color: var(--color-brand); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-cell.is-social .aka-rc-hub__map-svg { color: var(--color-social); }
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__map-label {
    min-width: 0;
}

/* Mjuka listytor */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet {
    border: 1px solid var(--aka-line, #ececec);
    border-radius: 12px;
    background: linear-gradient(180deg, #fafbfc 0%, #f3f4f6 100%);
    overflow: hidden;
    max-width: min(52rem, 100%);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__sheet--community {
    background: linear-gradient(180deg, rgba(52, 152, 219, 0.06) 0%, #fafbfc 100%);
    border-color: rgba(52, 152, 219, 0.18);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    transition: background 0.12s ease, box-shadow 0.12s ease;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--resource {
    cursor: pointer;
    padding: 13px 16px 13px 18px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row:last-child {
    border-bottom: none;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row:hover {
    background: rgba(255, 255, 255, 0.75);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--color-brand, #1abc9c);
    background: rgba(255, 255, 255, 0.95);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row--resource:hover {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-brand, #1abc9c) 45%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--life .aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-food, #27ae60) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--care .aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-care, #2874a6) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--support .aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-rights, #2c3e50) 45%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--learn .aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-research, #2980b9) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--community .aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-social, #f1c40f) 55%, transparent);
}
/* Artikelrader: kategoriaccent ska gälla framför översektionens rand (care / support / life). */
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--care .aka-rc-hub__row--art-behand.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-treat, #f39c12) 70%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--care .aka-rc-hub__row--art-behand.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-treat, #f39c12) 55%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--support .aka-rc-hub__row--art-livsstil.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-tool, #8e44ad) 65%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--support .aka-rc-hub__row--art-livsstil.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-tool, #8e44ad) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--life .aka-rc-hub__row--art-matkost.aka-rc-hub__row--resource:hover {
    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--color-food, #27ae60) 65%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__category--life .aka-rc-hub__row--art-matkost.aka-rc-hub__row--resource:focus-visible {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-food, #27ae60) 50%, transparent);
}
body.aka-page-resurscenter #aka-resurscenter-hub button.aka-rc-hub__row--btn-as-row.aka-rc-hub__row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font: inherit;
    text-align: left;
    border: none;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row-main {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row-title {
    font-size: 0.93rem;
    font-weight: 700;
    color: #1f2c3a;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row-hint {
    font-size: 0.78rem;
    line-height: 1.4;
    color: #718096;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row-cue {
    font-size: 1rem;
    color: #b0b6bf;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 2px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__row:hover .aka-rc-hub__row-cue {
    color: #7a8494;
}

body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__block--community .aka-rc-hub__block-title {
    margin-bottom: 6px;
}
body.aka-page-resurscenter #aka-resurscenter-hub .aka-rc-hub__community-lead {
    margin: 0 0 12px;
    max-width: 44rem;
    font-size: 0.86rem;
    line-height: 1.5;
    color: #5a6578;
}

body.aka-page-resurscenter #aka-resurscenter-hub .aka-lv-footer-strip-outer {
    margin-top: clamp(22px, 3vw, 32px);
    padding-top: clamp(10px, 1.5vw, 16px);
}

/* --- Resurscenter samlingssidor (verktyg, checklistor) — [aka_verktyg_page], [aka_checklistor_page] --- */
body.aka-page-verktyg .entry-header,
body.aka-page-verktyg .et_main_title,
body.aka-page-verktyg .page-title,
body.aka-page-verktyg h1.entry-title,
body.aka-page-checklistor .entry-header,
body.aka-page-checklistor .et_main_title,
body.aka-page-checklistor .page-title,
body.aka-page-checklistor h1.entry-title { display: none !important; }
body.aka-page-verktyg #main-content .container,
body.aka-page-checklistor #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-verktyg #sidebar,
body.aka-page-checklistor #sidebar { display: none !important; }
body.aka-page-verktyg #left-area,
body.aka-page-checklistor #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-verktyg .entry-content,
body.aka-page-verktyg .et_pb_section,
body.aka-page-checklistor .entry-content,
body.aka-page-checklistor .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-verktyg .aka-breadcrumbs-bar,
body.aka-page-checklistor .aka-breadcrumbs-bar { display: none !important; }

.aka-rc-collect {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 20px 48px;
}
.aka-rc-collect__hero {
	padding: clamp(36px, 8vw, 56px) 0 24px;
	border-bottom: 1px solid var(--aka-line, #ececec);
	margin-bottom: 24px;
}
.aka-rc-collect__hero[data-color="tool"] { --aka-rc-collect-accent: var(--color-tool, #8e44ad); }
.aka-rc-collect__hero[data-color="anat"] { --aka-rc-collect-accent: var(--color-anat, #8e44ad); }
.aka-rc-collect__kicker {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 0 0 10px;
}
.aka-rc-collect__kicker a {
	color: var(--aka-rc-collect-accent, var(--color-anat, #8e44ad));
	text-decoration: none;
}
.aka-rc-collect__kicker a:hover { text-decoration: underline; }
.aka-rc-collect__hero h1 {
	margin: 0 0 12px;
	font-size: clamp(1.5rem, 4vw, 2rem);
}
.aka-rc-collect__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aka-rc-collect__item {
	border-top: 1px solid var(--aka-line, #ececec);
}
.aka-rc-collect__item:last-child { border-bottom: 1px solid var(--aka-line, #ececec); }
.aka-rc-collect__link {
	display: block;
	padding: 14px 0;
	text-decoration: none;
	color: inherit;
}
a.aka-rc-collect__link:hover .aka-rc-collect__item-title { text-decoration: underline; }
.aka-rc-collect__item.is-pending .aka-rc-collect__link { opacity: 0.72; }
.aka-rc-collect__item-title {
	display: block;
	font-weight: 700;
	font-size: 0.95rem;
}
.aka-rc-collect__item-desc {
	display: block;
	font-size: 0.85rem;
	line-height: 1.45;
	color: #5c6570;
	margin-top: 4px;
}
.aka-rc-collect__item-note {
	display: inline-block;
	margin-top: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #8a929c;
}
.aka-rc-collect__empty {
	font-size: 0.92rem;
	line-height: 1.5;
	color: #5c6570;
}

/* --- Checklistor (/resurscenter/checklistor/) — [aka_checklistor_page] --- */
body.aka-page-checklistor .aka-checklists-page {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px clamp(40px, 6vw, 64px);
}
body.aka-page-checklistor .aka-checklists-hero {
	padding: clamp(28px, 5vw, 44px) 0 clamp(20px, 3vw, 32px);
	border-bottom: 1px solid var(--aka-line, #ececec);
	margin-bottom: clamp(24px, 4vw, 40px);
}
body.aka-page-checklistor .aka-checklists-hero__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px 28px;
	align-items: center;
}
@media (min-width: 768px) {
	body.aka-page-checklistor .aka-checklists-hero__inner:has(.aka-checklists-hero__media) {
		grid-template-columns: minmax(0, 1.15fr) minmax(220px, 0.85fr);
	}
}
body.aka-page-checklistor .aka-checklists-hero__kicker {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	margin: 0 0 10px;
}
body.aka-page-checklistor .aka-checklists-hero__kicker a {
	color: var(--color-anat, #8e44ad);
	text-decoration: none;
}
body.aka-page-checklistor .aka-checklists-hero__kicker a:hover { text-decoration: underline; }
body.aka-page-checklistor .aka-checklists-hero__title {
	margin: 0 0 12px;
	font-size: clamp(1.55rem, 4vw, 2.05rem);
	line-height: 1.15;
}
body.aka-page-checklistor .aka-checklists-hero__lead {
	margin: 0 0 14px;
	font-size: clamp(0.95rem, 2.2vw, 1.05rem);
	line-height: 1.55;
	color: #3d4650;
	max-width: 58ch;
}
body.aka-page-checklistor .aka-checklists-disclaimer {
	margin: 0;
	padding: 12px 14px;
	font-size: 0.82rem;
	line-height: 1.45;
	color: #5c6570;
	background: var(--aka-card-bg-quiet, #f8f7f4);
	border: 1px solid var(--aka-line, #ececec);
	border-radius: 10px;
	max-width: 58ch;
}
body.aka-page-checklistor .aka-checklists-hero__media {
	margin: 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--aka-line, #ececec);
}
body.aka-page-checklistor .aka-checklists-hero__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 280px;
	object-fit: cover;
}
body.aka-page-checklistor .aka-checklists-body {
	display: flex;
	flex-direction: column;
	gap: clamp(28px, 4vw, 44px);
}
body.aka-page-checklistor .aka-checklists-section__title {
	margin: 0 0 14px;
	font-size: clamp(1.05rem, 2.5vw, 1.2rem);
	font-weight: 700;
}
body.aka-page-checklistor .aka-checklists-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
	gap: 14px;
}
body.aka-page-checklistor .aka-checklists-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 18px 18px 16px;
	background: #fff;
	border: 1px solid var(--aka-line, #ececec);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
body.aka-page-checklistor .aka-checklists-card:not(.is-pending):hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	border-color: #ddd;
}
body.aka-page-checklistor .aka-checklists-card.is-pending { opacity: 0.92; }
body.aka-page-checklistor .aka-checklists-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}
body.aka-page-checklistor .aka-checklists-card__icon {
	font-size: 1.35rem;
	line-height: 1;
}
body.aka-page-checklistor .aka-checklists-status {
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 3px 8px;
	border-radius: 999px;
	border: 1px solid var(--aka-line, #ececec);
	color: #6b7280;
	background: #fafafa;
	white-space: nowrap;
}
body.aka-page-checklistor .aka-checklists-status.is-active {
	color: var(--color-anat, #8e44ad);
	border-color: rgba(142, 68, 173, 0.25);
	background: rgba(142, 68, 173, 0.06);
}
body.aka-page-checklistor .aka-checklists-status.is-soon,
body.aka-page-checklistor .aka-checklists-status.is-building {
	color: #9a6b00;
	border-color: rgba(154, 107, 0, 0.2);
	background: rgba(154, 107, 0, 0.06);
}
body.aka-page-checklistor .aka-checklists-status.is-planned {
	color: #6b7280;
}
body.aka-page-checklistor .aka-checklists-card__title {
	margin: 0 0 8px;
	font-size: 0.98rem;
	line-height: 1.3;
}
body.aka-page-checklistor .aka-checklists-card__desc {
	margin: 0;
	flex: 1 1 auto;
	font-size: 0.84rem;
	line-height: 1.45;
	color: #5c6570;
}
body.aka-page-checklistor .aka-checklists-card__foot {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--aka-line-soft, #f3f3f0);
}
body.aka-page-checklistor .aka-checklists-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--color-anat, #8e44ad);
	text-decoration: none;
}
body.aka-page-checklistor a.aka-checklists-card__cta:hover { text-decoration: underline; }
body.aka-page-checklistor .aka-checklists-card__cta.is-disabled {
	color: #8a929c;
	cursor: default;
}

/* --- Resurscenter Forskning (/resurscenter/forskning/) – shortcode [aka_forskning_page] --- */
body.aka-page-forskning .entry-header,
body.aka-page-forskning .et_main_title,
body.aka-page-forskning .page-title,
body.aka-page-forskning h1.entry-title { display: none !important; }
body.aka-page-forskning #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-forskning #sidebar { display: none !important; }
body.aka-page-forskning #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-forskning .entry-content,
body.aka-page-forskning .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-forskning .aka-breadcrumbs-bar { display: none !important; }

/* --- Gemensam hero-standard (Resurscenter-undersidor) --- */
.aka-hero-standard {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    padding: 60px 20px 120px 20px !important;
    text-align: center;
    position: relative;
}

.aka-hero-standard h1 {
    font-size: 48px !important;
    line-height: 1.2em !important;
    margin-bottom: 20px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
}

.aka-hero-standard .aka-hero-lead {
    font-size: 18px !important;
    max-width: 800px;
    margin: 0 auto 40px auto !important;
    line-height: 1.6em !important;
    color: #ffffff !important;
}

.aka-hero-card-row {
    display: flex;
    gap: 30px;
    max-width: 1080px;
    width: 100%;
    margin-top: 0;
    justify-content: center;
}

.aka-hero-card {
    flex: 1;
    background: #ffffff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Ikoner i herokort */
.aka-hero-card .choice-icon,
.aka-hero-card svg,
.aka-hero-card img {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.aka-hero-card .choice-icon {
    font-size: 28px;
    line-height: 1;
}

@media (max-width: 900px) {
    .aka-hero-standard {
        min-height: 380px;
        padding: 44px 16px 64px 16px !important;
    }
    .aka-hero-standard h1 { font-size: 34px !important; }
    .aka-hero-standard .aka-hero-lead { font-size: 16px !important; margin-bottom: 24px !important; }
    .aka-hero-card-row { flex-direction: column; gap: 16px; }
    .aka-hero-card { min-height: 0; }
}

.res-hero.res-hero-forskning {
    background: linear-gradient(130deg, var(--color-rights, #2C3E50) 0%, var(--color-research, #2980B9) 100%);
    padding: clamp(48px, 9vw, 88px) clamp(20px, 4vw, 36px);
    text-align: center;
    color: #fff;
    border-radius: 0;
}
.res-hero.res-hero-forskning h1 { color: #fff !important; font-size: 42px; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
.res-hero.res-hero-forskning p { font-size: 1.15rem; max-width: 700px; margin: 0 auto; opacity: 0.95; }

/* Forskning + Anhöriga: samma fullbredd under global header som övriga pelarsidor */
/* Fullbredd utan rail — endast när context-rail är av (desktop-rail: aka-22-context-nav.css). */
body:not(.aka-context-nav-enabled).aka-page-forskning .res-hero.res-hero-forskning,
body:not(.aka-context-nav-enabled).aka-page-anhoriga .family-hero.family-hero-anhoriga {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 0 !important;
    box-sizing: border-box;
}

/*
 * Pelarfärgade fullbredds-heroes (.aka-hero-wide) – samma visuella språk som Forskning/Hjälpmedel.
 * Tidigare överstyrdes många av dessa med padding ~12px; här återställs tydlig gradientyta under headern.
 */
body:not(.aka-context-nav-enabled).aka-page-vad-ar-akalasi .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-symptom .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-diagnos .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-andra-sjukdomar .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-behandling .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-ballongdilatation .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-medicin .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-mat-kostrad .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-resurscenter .aka-hero-wide,
body:not(.aka-context-nav-enabled).aka-page-ordlista .aka-hero-wide.glossary-hero,
body:not(.aka-context-nav-enabled).aka-page-nutritionisten .aka-hero-wide {
    width: min(1240px, calc(100% - 32px)) !important;
    max-width: 1240px !important;
    position: relative;
    left: auto;
    right: auto;
    margin: 10px auto 24px !important;
    padding: clamp(36px, 6vw, 62px) clamp(18px, 3.5vw, 34px) !important;
    box-sizing: border-box;
    text-align: center;
    color: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 34px rgba(9, 24, 36, 0.18);
    overflow: hidden;
}
body.aka-page-vad-ar-akalasi .aka-hero-wide,
body.aka-page-symptom .aka-hero-wide,
body.aka-page-diagnos .aka-hero-wide,
body.aka-page-andra-sjukdomar .aka-hero-wide {
    background: linear-gradient(130deg, #1f2c3a 0%, var(--color-disease, #E74C3C) 100%) !important;
}
body.aka-page-behandling .aka-hero-wide,
body.aka-page-ballongdilatation .aka-hero-wide,
body.aka-page-medicin .aka-hero-wide {
    background: linear-gradient(130deg, #1f2c3a 0%, var(--color-treat, #F39C12) 100%) !important;
}
body.aka-page-mat-kostrad .aka-hero-wide,
body.aka-page-nutritionisten .aka-hero-wide {
    background: linear-gradient(130deg, #1f2c3a 0%, var(--color-food, #27AE60) 100%) !important;
}
body.aka-page-resurscenter .aka-hero-wide {
    background: linear-gradient(130deg, #1f2c3a 0%, var(--color-anat, #8E44AD) 100%) !important;
}
body.aka-page-ordlista .aka-hero-wide.glossary-hero {
    background: linear-gradient(130deg, #1f2c3a 0%, var(--color-brand, #1ABC9C) 100%) !important;
}
/* Vit rubrik + ingress på alla gradient-heroes ovan */
body.aka-page-vad-ar-akalasi .aka-hero-wide .aka-hero-content h1,
body.aka-page-symptom .aka-hero-wide .aka-hero-content h1,
body.aka-page-diagnos .aka-hero-wide .aka-hero-content h1,
body.aka-page-andra-sjukdomar .aka-hero-wide .aka-hero-content h1,
body.aka-page-behandling .aka-hero-wide .aka-hero-content h1,
body.aka-page-ballongdilatation .aka-hero-wide .aka-hero-content h1,
body.aka-page-medicin .aka-hero-wide .aka-hero-content h1,
body.aka-page-mat-kostrad .aka-hero-wide .aka-hero-content h1,
body.aka-page-resurscenter .aka-hero-wide .aka-hero-content h1,
body.aka-page-ordlista .aka-hero-wide .aka-hero-content h1,
body.aka-page-nutritionisten .aka-hero-wide .aka-hero-content h1 {
    color: #fff !important;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: -0.02em;
}
body.aka-page-vad-ar-akalasi .aka-hero-wide .aka-intro-text,
body.aka-page-symptom .aka-hero-wide .aka-intro-text,
body.aka-page-diagnos .aka-hero-wide .aka-intro-text,
body.aka-page-andra-sjukdomar .aka-hero-wide .aka-intro-text,
body.aka-page-behandling .aka-hero-wide .aka-intro-text,
body.aka-page-ballongdilatation .aka-hero-wide .aka-intro-text,
body.aka-page-medicin .aka-hero-wide .aka-intro-text,
body.aka-page-mat-kostrad .aka-hero-wide .aka-intro-text,
body.aka-page-resurscenter .aka-hero-wide .aka-intro,
body.aka-page-ordlista .aka-hero-wide .aka-intro-text,
body.aka-page-nutritionisten .aka-hero-wide .aka-intro-text {
    color: rgba(255, 255, 255, 0.95) !important;
    font-size: clamp(0.95rem, 2.2vw, 1.08rem) !important;
    line-height: 1.65;
    max-width: min(42rem, 92vw);
    margin: 16px auto 0;
}

/* Kirurgi – editorial sidstart (jfr Nutritionisten) */
body.aka-page-kirurgi .aka-kirurgi-hero {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 28px !important;
	padding: clamp(22px, 4vw, 32px) 0 clamp(18px, 3vw, 24px) !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	text-align: left !important;
	color: var(--aka-text, #263847) !important;
	border-bottom: 1px solid var(--aka-line-soft, #f3f3f0);
}
body.aka-page-kirurgi .aka-kirurgi-hero h1 {
	color: var(--aka-text, #263847) !important;
	font-size: clamp(1.75rem, 3.4vw, 2.35rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em;
	margin: 0 0 10px !important;
	line-height: 1.2 !important;
}
body.aka-page-kirurgi .aka-kirurgi-hero__lead {
	color: rgba(38, 56, 71, 0.78) !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	max-width: 42rem;
	margin: 0 !important;
}

/* Kirurgi – HM / POEM / anhörig (shortcode, begränsat till kirurgisidan) */
body.aka-page-kirurgi .aka-kir-section-anchor {
    scroll-margin-top: 100px;
}
body.aka-page-kirurgi .aka-kir-jump-nav {
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 30px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
body.aka-page-kirurgi .aka-kir-jump-label {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    color: #64748b;
    margin-right: 4px;
}
body.aka-page-kirurgi .aka-kir-jump-nav .aka-context-filter-chip:not(.active) {
    background: #fff;
}
body.aka-page-kirurgi .aka-kir-lead {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #555;
    margin: 0 0 1rem;
}
body.aka-page-kirurgi .aka-kir-badge-guld {
    background: #fef9e7;
    color: #b7950b;
    border: 1px solid #d4ac0d;
}
body.aka-page-kirurgi .aka-kir-badge-poem {
    background: #ebf5fb;
    color: #2874a6;
    border: 1px solid #2874a6;
}
body.aka-page-kirurgi .aka-kir-badge-family {
    background: var(--color-family-bg, #fef5e7);
    color: var(--color-family, #e67e22);
    border: 1px solid var(--color-family, #e67e22);
}
body.aka-page-kirurgi .aka-kir-table-shell {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
body.aka-page-kirurgi .aka-kir-table-hm thead th {
    background-color: #6eb8a5;
    color: #fff;
    padding: 18px;
    border-bottom: none;
}
body.aka-page-kirurgi .aka-kir-table-poem thead th {
    background-color: #2874a6;
    color: #fff;
    padding: 18px;
    border-bottom: none;
}
body.aka-page-kirurgi .aka-kir-table-stripe {
    background-color: #f8fafb;
}
body.aka-page-kirurgi .aka-kir-check-highlight {
    border-left: 4px solid var(--color-treat, #f39c12);
}
body.aka-page-kirurgi .aka-kir-check-highlight .check-bullet {
    background: var(--color-treat, #f39c12);
}
body.aka-page-kirurgi .aka-kir-poem-history {
    border-left-color: #2874a6;
}
body.aka-page-kirurgi .aka-kir-checklist-poem .check-bullet {
    background: #2874a6;
}
body.aka-page-kirurgi .aka-kir-pc-poem-pros {
    background: #ebf5fb;
    border-color: #2874a6;
    color: #1b4f72;
}
body.aka-page-kirurgi .aka-kir-checklist-family .check-bullet {
    background: var(--color-family, #e67e22);
}
body.aka-page-kirurgi .aka-kir-cta-family {
    background: var(--color-family, #e67e22) !important;
    color: #fff !important;
}
body.aka-page-kirurgi .aka-kir-medical-note {
    margin-top: 28px;
    margin-bottom: 24px;
}

/* Kirurgi – HM: före op + steg-för-steg-illustrationer */
body.aka-page-kirurgi .aka-kir-hm-preop-card {
    border-top: 6px solid var(--color-family, #e67e22);
    background-color: #fffefb;
}
body.aka-page-kirurgi .aka-kir-hm-preop-icon {
    background: #fdf2e9;
    color: var(--color-family, #e67e22);
}
body.aka-page-kirurgi .aka-kir-hm-preop-grid .grid-item {
    border-left-color: var(--color-family, #e67e22);
}
body.aka-page-kirurgi .aka-kir-hm-preop-warning {
    border-left-color: var(--color-family, #e67e22);
    background: #fff9f5;
}
body.aka-page-kirurgi .aka-kir-hm-procedure-icon {
    background: var(--color-brand-bg, #e8f8f5);
    color: var(--color-brand, #1abc9c);
}
body.aka-page-kirurgi .aka-kir-hm-steps-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 40px 0;
}
@media (max-width: 900px) {
    body.aka-page-kirurgi .aka-kir-hm-steps-grid {
        grid-template-columns: 1fr;
    }
}
body.aka-page-kirurgi .aka-kir-hm-step-illu {
    text-align: center;
}
body.aka-page-kirurgi .aka-kir-hm-step-illu svg {
    display: block;
    max-width: 180px;
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin: 24px 0 8px;
    align-items: stretch;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-cell {
    padding: 18px 16px 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    line-height: 1.55;
    border: 1px solid #e8ecef;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-cell > strong {
    display: block;
    margin: 12px 0 10px;
    font-size: 1rem;
    width: 100%;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--result {
    background: #e8f8f5;
    border-color: #a2d9ce;
    color: #1e4620;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--result > strong {
    color: #145a32;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--know {
    background: #fdfdfd;
    border-color: #e5e7eb;
    color: #444;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--know > strong {
    color: #2c3e50;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet {
    background: #fef9e7;
    border-color: #f4d03f;
    color: #5d4e37;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet > strong {
    color: #9a7b0a;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-illu svg {
    display: block;
    width: 100%;
    max-width: 120px;
    height: auto;
    margin: 0 auto;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-list {
    margin: 0;
    padding-left: 1.15rem;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare-list li + li {
    margin-top: 6px;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--know p {
    margin: 0;
    text-align: left;
    width: 100%;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet .aka-kir-hm-aftercare-diet-lines {
    margin: 0;
    text-align: left;
    width: 100%;
    font-size: 0.88rem;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet .aka-kir-hm-aftercare-diet-lines p {
    margin: 0 0 10px;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet .aka-kir-hm-aftercare-diet-lines p:last-child {
    margin-bottom: 0;
}
body.aka-page-kirurgi .aka-kir-hm-aftercare--diet .aka-kir-hm-aftercare-diet-lines strong {
    color: #7d6608;
}
@media (max-width: 900px) {
    body.aka-page-kirurgi .aka-kir-hm-aftercare-grid {
        grid-template-columns: 1fr;
    }
}
body.aka-page-kirurgi .aka-kir-hm-complications {
    border-top: 6px solid var(--color-disease, #e74c3c);
    background-color: #fffaf9;
}
body.aka-page-kirurgi .aka-kir-hm-complications .aka-kir-complications-icon {
    background: #fdedec;
    color: var(--color-disease, #e74c3c);
}
body.aka-page-kirurgi .aka-kir-complications-risks-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 8px;
}
body.aka-page-kirurgi .aka-kir-complications-risks-grid .grid-item {
    background: #fff;
    border-left-color: var(--color-disease, #e74c3c);
}
body.aka-page-kirurgi .aka-kir-complications-deep {
    margin-top: 20px;
}
body.aka-page-kirurgi .aka-kir-complications-list {
    padding-left: 20px;
    color: #444;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}
body.aka-page-kirurgi .aka-kir-complications-list li + li {
    margin-top: 10px;
}
body.aka-page-kirurgi .aka-kir-complications-contact-box {
    background: #fdf2e9;
    border-left-color: #e67e22;
    margin-top: 28px;
}
body.aka-page-kirurgi .aka-kir-complications-contact-box ul {
    margin-top: 10px;
    font-size: 0.9rem;
}
body.aka-page-kirurgi .aka-kir-complications-contact-box h4 {
    color: #ca6f1e;
}
@media (max-width: 700px) {
    body.aka-page-kirurgi .aka-kir-complications-risks-grid {
        grid-template-columns: 1fr;
    }
}
body.aka-page-kirurgi .aka-kir-hm-step-caption {
    font-size: 0.85rem;
    line-height: 1.45;
    padding: 0 10px;
    margin: 0;
    color: #444;
}
body.aka-page-kirurgi .aka-kir-hm-myotomy-fact {
    background: #f0fdfa;
    border-left-color: var(--color-brand, #1abc9c);
}
body.aka-page-kirurgi .aka-kir-eso-gpull-icon .aka-kir-eso-gpull-svg {
    display: block;
}

/* Kirurgi: popup andningsgymnastik (esofagektomi) */
body.aka-page-kirurgi .aka-kir-breathing-modal-open {
    display: inline-block;
    margin-top: 12px;
    padding: 0;
    border: none;
    border-bottom: 2px solid var(--color-care, #2874a6);
    background: none;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-care, #2874a6);
    cursor: pointer;
    text-align: left;
    line-height: 1.4;
}
body.aka-page-kirurgi .aka-kir-breathing-modal-open:hover {
    color: #1a5276;
    border-bottom-color: #1a5276;
}
body.aka-page-kirurgi .aka-modal-card.aka-kir-breathing-modal-card {
    max-width: 520px;
    width: 92%;
}
body.aka-page-kirurgi .aka-kir-breathing-modal-body p {
    margin: 0 0 14px;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #2c3e50;
}
body.aka-page-kirurgi .aka-kir-breathing-modal-list {
    margin: 0 0 14px;
    padding-left: 1.25rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #34495e;
}
body.aka-page-kirurgi .aka-kir-breathing-modal-list li + li {
    margin-top: 10px;
}
body.aka-page-kirurgi .aka-kir-breathing-modal-outro {
    margin-bottom: 0 !important;
    font-size: 0.9rem;
    color: #555;
}

/* HM-video: accordion-rad lika bred som spelaren, en enhetlig “kortkropp” */
body.aka-page-kirurgi .aka-kir-video-accordion-card {
    padding: 0;
    overflow: hidden;
}
body.aka-page-kirurgi .aka-kir-video-accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
}
body.aka-page-kirurgi .aka-kir-video-accordion-toggle {
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
    padding: 14px 20px;
    flex-shrink: 0;
}
body.aka-page-kirurgi .aka-kir-video-accordion-toggle.active {
    border-bottom-color: #e2e8f0;
    background: #eef2f6;
}
body.aka-page-kirurgi .aka-kir-video-accordion-inner {
    padding: 0;
}
body.aka-page-kirurgi .aka-kir-video-accordion-card .aka-video-player--kir-accordion {
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
}
body.aka-page-kirurgi .aka-kir-video-accordion-card .aka-video-player--kir-accordion .aka-video-cover {
    border-radius: 0;
}
body.aka-page-kirurgi .aka-kir-video-accordion-card .aka-video-player--kir-accordion .aka-video-stage iframe {
    border-radius: 0;
    vertical-align: bottom;
}
body.aka-page-kirurgi .aka-kir-video-accordion-card .aka-video-player--kir-accordion .aka-video-footer {
    border-top: 1px solid #e2e8f0;
}

body.aka-page-kirurgi .aka-kir-poem-steps-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 32px 0 24px;
}
@media (max-width: 900px) {
    body.aka-page-kirurgi .aka-kir-poem-steps-grid {
        grid-template-columns: 1fr;
    }
}
body.aka-page-kirurgi .aka-kir-poem-step-illu {
    text-align: center;
}
body.aka-page-kirurgi .aka-kir-poem-step-illu svg {
    display: block;
    max-width: 150px;
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
}
body.aka-page-kirurgi .aka-kir-poem-step-caption {
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
    color: #444;
    text-align: center;
}
body.aka-page-kirurgi .aka-kir-table-compare thead th,
body.aka-page-kirurgi .aka-kir-table-esoph thead th {
    background-color: #2c3e50;
    color: #fff;
    padding: 18px;
    border-bottom: none;
}
body.aka-page-kirurgi .aka-kir-hm-vs-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 24px 0 10px;
}
body.aka-page-kirurgi .aka-kir-hm-vs-card .card-badge {
    display: inline-block;
    margin-bottom: 14px;
}
body.aka-page-kirurgi .aka-kir-hm-vs-stacks {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block {
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid transparent;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--pros {
    background: #e8f8f5;
    border-color: #a2d9ce;
    border-left: 4px solid #27ae60;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--cons {
    background: #fdedec;
    border-color: #f5b7b1;
    border-left: 4px solid var(--color-disease, #e74c3c);
}
body.aka-page-kirurgi .aka-kir-hm-vs-block-heading {
    margin: 0 0 10px;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--pros .aka-kir-hm-vs-block-heading {
    color: #145a32;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--cons .aka-kir-hm-vs-block-heading {
    color: #922b21;
}
body.aka-page-kirurgi .aka-kir-hm-vs-list {
    margin: 0;
    padding-left: 1.2rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #2c3e50;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--cons .aka-kir-hm-vs-list {
    color: #4a2c2a;
}
body.aka-page-kirurgi .aka-kir-hm-vs-list li + li {
    margin-top: 8px;
}
body.aka-page-kirurgi .aka-kir-esoph-illus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin: 32px 0 20px;
    align-items: start;
}
@media (max-width: 700px) {
    body.aka-page-kirurgi .aka-kir-esoph-illus-grid {
        grid-template-columns: 1fr;
    }
}
body.aka-page-kirurgi .aka-kir-esoph-illu svg {
    display: block;
    max-width: 200px;
    width: 100%;
    height: auto;
    margin: 0 auto 14px;
}
body.aka-page-kirurgi .aka-kir-esoph-caption {
    font-size: 0.85rem;
    line-height: 1.45;
    margin: 0;
    color: #444;
}
body.aka-page-kirurgi .aka-kir-esoph-caption strong {
    font-weight: 700;
    color: #2c3e50;
}
body.aka-page-kirurgi .aka-kir-recovery-wide-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
    align-items: stretch;
    margin-top: 8px;
}
body.aka-page-kirurgi .aka-kir-recovery-col {
    display: flex;
    flex-direction: column;
}
body.aka-page-kirurgi .aka-kir-recovery-intro {
    margin-top: 15px;
    margin-bottom: 0;
}
body.aka-page-kirurgi .aka-kir-recovery-ul {
    margin: 15px 0;
    padding-left: 20px;
    font-size: 0.95rem;
    line-height: 1.6;
    flex: 1;
}
body.aka-page-kirurgi .aka-kir-recovery-link {
    margin-top: auto;
    color: var(--color-brand, #1abc9c) !important;
    border-bottom-color: var(--color-brand, #1abc9c) !important;
}
body.aka-page-kirurgi .aka-kir-recovery-note {
    background: rgba(231, 76, 60, 0.05);
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #c0392b;
    margin-top: 12px;
}

/* Kirurgi – editorial: platta bort kort-rutor och färgade kantlinjer */
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-article-card,
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-content-card {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 28px !important;
    margin: 0 0 32px !important;
    border-bottom: 1px solid var(--aka-line-soft, #f3f3f0) !important;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-article-card.warning-style,
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-content-card.warning-style {
    border-left: none !important;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-info-grid .grid-item,
body.aka-page-kirurgi .aka-kir-surgery-wrap .grid-item {
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    padding: 0 0 14px !important;
    margin: 0 !important;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-info-grid {
    gap: 14px 24px;
    margin: 18px 0 8px;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-fact-box,
body.aka-page-kirurgi .aka-kir-surgery-wrap .aka-warning-inline {
    background: transparent !important;
    border: none !important;
    border-left: none !important;
    padding: 8px 0 !important;
    margin: 16px 0 !important;
}
body.aka-page-kirurgi .aka-kir-jump-nav {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--aka-line-soft, #f3f3f0) !important;
    border-radius: 0 !important;
    padding: 0 0 16px !important;
    margin-bottom: 28px !important;
}
body.aka-page-kirurgi .aka-kir-jump-nav .aka-context-filter-chip:not(.active) {
    background: transparent !important;
    box-shadow: none !important;
}
body.aka-page-kirurgi .aka-kir-badge-guld,
body.aka-page-kirurgi .aka-kir-badge-poem,
body.aka-page-kirurgi .aka-kir-badge-family {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
body.aka-page-kirurgi .aka-kir-badge-guld { color: var(--color-treat, #f39c12); }
body.aka-page-kirurgi .aka-kir-badge-poem { color: var(--color-care, #2874a6); }
body.aka-page-kirurgi .aka-kir-badge-family { color: var(--color-family, #e67e22); }
body.aka-page-kirurgi .aka-kir-hm-aftercare-cell {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    border-top: 1px solid var(--aka-line-soft, #f3f3f0);
    padding: 20px 0 !important;
    text-align: left;
    align-items: flex-start;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid var(--aka-line-soft, #f3f3f0) !important;
    border-radius: 0 !important;
    padding: 14px 0 !important;
}
body.aka-page-kirurgi .aka-kir-hm-vs-block--pros,
body.aka-page-kirurgi .aka-kir-hm-vs-block--cons {
    border-left: none !important;
}
body.aka-page-kirurgi .aka-kir-table-shell {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-top: 1px solid var(--aka-line, #ececec) !important;
    border-bottom: 1px solid var(--aka-line, #ececec) !important;
}
body.aka-page-kirurgi .aka-kir-check-highlight {
    border-left: none !important;
    padding-left: 0 !important;
}
body.aka-page-kirurgi .aka-kir-recovery-note {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 8px 0 !important;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .card-badge {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
body.aka-page-kirurgi .aka-kir-surgery-wrap .pc-box {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 8px 0 !important;
}

/* Ballongdilatation (LPD) – shortcode, begränsat till ballongsidan */
body.aka-page-ballongdilatation .aka-ballong-section-anchor {
    scroll-margin-top: 100px;
}
body.aka-page-ballongdilatation .aka-ballong-jump-nav {
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 30px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
body.aka-page-ballongdilatation .aka-ballong-jump-label {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    color: #64748b;
    margin-right: 4px;
}
body.aka-page-ballongdilatation .aka-ballong-jump-nav .aka-context-filter-chip:not(.active) {
    background: #fff;
}
body.aka-page-ballongdilatation .aka-ballong-lead {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #555;
    margin: 0 0 1rem;
}
body.aka-page-ballongdilatation .aka-ballong-badge-family {
    background: var(--color-family-bg, #fef5e7);
    color: var(--color-family, #e67e22);
    border: 1px solid var(--color-family, #e67e22);
}
body.aka-page-ballongdilatation .aka-ballong-table-shell {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
body.aka-page-ballongdilatation .aka-ballong-table-lpd thead th {
    background-color: #6eb8a5;
    color: #fff;
    padding: 18px;
    border-bottom: none;
}
body.aka-page-ballongdilatation .aka-ballong-table-stripe {
    background-color: #f8fafb;
}
body.aka-page-ballongdilatation .aka-ballong-checklist .check-bullet {
    background: var(--color-treat, #f39c12);
}
body.aka-page-ballongdilatation .aka-ballong-stat-footnote {
    font-size: 0.85rem;
    color: #777;
    margin-top: 15px;
    font-style: italic;
    text-align: center;
}
body.aka-page-ballongdilatation .aka-ballong-compare-card {
    background-color: #f0f7f6;
    border: 1px solid #d1e8e4;
}
body.aka-page-ballongdilatation .aka-ballong-compare-list {
    padding-left: 20px;
    color: #444;
    margin: 0;
    line-height: 1.55;
}
body.aka-page-ballongdilatation .aka-ballong-compare-list li + li {
    margin-top: 10px;
}
body.aka-page-ballongdilatation .aka-ballong-cta-family {
    background: var(--color-family, #e67e22) !important;
    color: #fff !important;
}
body.aka-page-ballongdilatation .aka-ballong-anhoriga-cta {
    text-align: center;
    margin-top: 28px;
    padding-top: 8px;
    border: none;
    background: transparent;
    box-shadow: none;
}
body.aka-page-ballongdilatation .aka-ballong-anhoriga-cta-lead {
    margin-bottom: 14px;
    font-weight: 600;
}
body.aka-page-ballongdilatation .aka-ballong-medical-note {
    margin-top: 28px;
    margin-bottom: 24px;
}

.res-stats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1200px;
    margin: 28px auto 40px auto;
    padding: 0 20px;
}
.res-stat-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    flex: 1 1 calc(33.333% - 20px);
    min-width: 240px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    text-align: center;
    border-top: 4px solid var(--color-research, #2980B9);
}
.res-stat-card__kicker {
    display: inline-block;
    margin: 0 0 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--color-research-bg, #EBF5FB);
    color: var(--color-research, #2980B9);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.res-stat-card h3 { font-size: 1.15rem; font-weight: 700; color: var(--h-dark, #2c3e50); margin: 0 0 10px 0; }
.res-stat-card p { font-size: 0.95rem; color: #666; line-height: 1.5; margin: 0; }

.res-content-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: block;
}
.res-main-content {
    max-width: none;
    margin: 20px 0 40px;
    padding: 0;
    line-height: 1.8;
    color: #333;
}
.res-main-content h2 {
    color: var(--h-dark, #2c3e50);
    border-left: 5px solid var(--color-research, #2980B9);
    padding-left: 15px;
    margin: 40px 0 20px 0;
    font-size: 1.5rem;
    font-weight: 800;
}
.res-main-content h2:first-of-type { margin-top: 0; }
.res-main-content p { margin: 0 0 1em 0; }

/* Forskning: begrepp i forskningsfärg, ordliste-CTA, term-modal-rubrik */
body.aka-page-forskning .res-term-hint {
    font-size: 0.9rem;
    color: #5c6570;
    line-height: 1.55;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    border: 1px solid #dbe8f3;
    margin: 0 0 1.25rem 0;
}
body.aka-page-forskning .res-term-hint__sample {
    font-weight: 700;
    color: var(--color-research, #2980b9);
    border-bottom: 2px dotted var(--color-research, #2980b9);
    cursor: default;
}
body.aka-page-forskning .res-main-content .aka-term-link,
body.aka-page-forskning .res-stats-grid .aka-term-link,
body.aka-page-forskning .res-featured-article .aka-term-link,
body.aka-page-forskning .res-hero .aka-term-link,
body.aka-page-forskning .res-callout .aka-term-link {
    color: var(--color-research, #2980b9) !important;
    border-bottom-color: var(--color-research, #2980b9) !important;
}
body.aka-page-forskning .res-main-content .aka-term-link:hover,
body.aka-page-forskning .res-stats-grid .aka-term-link:hover,
body.aka-page-forskning .res-featured-article .aka-term-link:hover,
body.aka-page-forskning .res-hero .aka-term-link:hover,
body.aka-page-forskning .res-callout .aka-term-link:hover {
    background: rgba(41, 128, 185, 0.12) !important;
}
body.aka-page-forskning .res-stat-card__kicker .aka-term-link {
    border-bottom: none !important;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}
body.aka-page-forskning .res-main-content h2 .aka-term-link {
    font-size: inherit;
    font-weight: inherit;
}
body.aka-page-forskning .res-term-modal-header {
    background: var(--color-research, #2980B9) !important;
}
body.aka-page-forskning .res-term-modal-header h3 {
    color: #fff !important;
}
body.aka-page-forskning .res-term-modal-footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
body.aka-page-forskning .res-term-modal-ordlink {
    font-weight: 800;
    color: var(--color-research, #2980b9) !important;
    text-decoration: none !important;
    border-bottom: 2px solid var(--color-research, #2980b9);
}
body.aka-page-forskning .res-term-modal-ordlink:hover {
    color: var(--color-rights, #2c3e50) !important;
    border-bottom-color: var(--color-rights, #2c3e50);
}

.res-glossary-callout {
    max-width: 1200px;
    margin: 0 auto 36px;
    padding: 0 20px;
}
.res-glossary-callout__inner {
    background: #fff;
    border: 1px solid #dbe8f3;
    border-left: 5px solid var(--color-research, #2980B9);
    border-radius: 14px;
    padding: 22px 24px 26px;
    box-shadow: 0 6px 20px rgba(16, 24, 40, 0.05);
    text-align: center;
}
.res-glossary-callout__icon {
    font-size: 1.75rem;
    margin: 0 0 10px;
    line-height: 1;
}
.res-glossary-callout__title {
    margin: 0 0 12px;
    font-size: clamp(1.2rem, 2.2vw, 1.45rem);
    font-weight: 800;
    color: var(--h-dark, #2c3e50);
}
.res-glossary-callout__text {
    margin: 0 auto 18px;
    max-width: 42rem;
    color: #4b5563;
    line-height: 1.65;
    font-size: 0.98rem;
    text-align: left;
}
.res-glossary-callout__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 800;
    font-size: 0.95rem;
    text-decoration: none !important;
    color: #fff !important;
    background: var(--color-research, #2980B9);
    transition: background 0.2s, transform 0.2s;
}
.res-glossary-callout__btn:hover {
    background: var(--color-rights, #2c3e50);
    color: #fff !important;
    transform: translateY(-2px);
}

.res-callout.res-callout-forskning {
    background: var(--color-research-bg, #EBF5FB);
    padding: 25px;
    border-radius: 10px;
    margin: 30px 0;
    border-left: 4px solid var(--color-research, #2980B9);
}
.res-callout.res-callout-forskning h3 { margin-top: 0; color: var(--color-research, #2980B9); font-size: 1.1rem; font-weight: 700; }
.res-callout.res-callout-forskning p { margin-bottom: 0; }

.res-featured-article {
    max-width: 1200px;
    margin: 8px auto 34px;
    padding: 0 20px;
}
.res-featured-article__inner {
    background: #ffffff;
    border: 1px solid #dbe8f3;
    border-left: 5px solid var(--color-research, #2980B9);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(16,24,40,0.06);
    padding: 22px 24px;
}
.res-featured-article__eyebrow {
    margin: 0 0 8px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
    color: var(--color-research, #2980B9);
}
.res-featured-article__inner h2 {
    margin: 0 0 8px;
    color: var(--h-dark, #2c3e50);
    font-size: clamp(1.25rem, 2.4vw, 1.7rem);
    line-height: 1.3;
}
.res-featured-article__inner p {
    margin: 0 0 14px;
    color: #4b5563;
    line-height: 1.65;
}

.res-latest-section {
    background: #f2f7fc;
    padding: 60px 20px;
    border-radius: 20px;
    margin: 40px auto;
    max-width: 1200px;
}
.res-latest-header { text-align: center; margin-bottom: 40px; }
.res-latest-header h2 { border: none; padding: 0; margin: 0 0 10px 0; font-size: 1.6rem; font-weight: 800; color: var(--h-dark, #2c3e50); }
.res-latest-header p { margin: 0; color: #666; }
.res-blog-placeholder {
    min-height: 200px;
    background: rgba(255,255,255,0.6);
    border: 2px dashed var(--color-research, #2980B9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.res-blog-placeholder p { margin: 0; color: #666; font-size: 0.95rem; padding: 20px; text-align: center; }
.res-blog-placeholder a { color: var(--color-research, #2980b9); font-weight: 600; }
.res-latest-posts {
    list-style: none !important;
    margin: 0 0 30px 0;
    padding: 0 !important;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(250px, 320px));
    justify-content: center;
}
.res-latest-posts-item { margin: 0; padding: 0; }
.res-latest-post-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 14px;
    text-decoration: none;
    border-top: 4px solid var(--color-research, #2980b9);
    transition: box-shadow 0.2s, transform 0.2s;
    box-shadow: 0 4px 12px rgba(16,24,40,0.06);
    overflow: hidden;
}
.res-latest-post-link:hover {
    box-shadow: 0 10px 24px rgba(16,24,40,0.1);
    transform: translateY(-2px);
}
.res-latest-posts-thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}
.res-latest-posts-thumb--placeholder {
    background: linear-gradient(135deg, #d8e8f5 0%, #eef4fa 100%);
}
.res-latest-posts-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.res-latest-posts-date {
    font-size: 0.8rem;
    color: #64748b;
    margin-bottom: 6px;
}
.res-latest-posts-title {
    display: block;
    font-weight: 800;
    color: var(--h-dark, #2c3e50);
    margin-bottom: 8px;
    line-height: 1.35;
}
.res-latest-posts-excerpt {
    color: #4b5563;
    font-size: 0.92rem;
    line-height: 1.55;
    margin-bottom: 12px;
    flex: 1;
}
.res-latest-posts-readmore {
    color: var(--color-research, #2980b9);
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.res-latest-cta { text-align: center; }

.res-forum-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 35px;
    text-align: center;
    margin: 40px auto;
    max-width: 800px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
}
.res-forum-box h3 { font-size: 1.3rem; font-weight: 800; color: var(--h-dark, #2c3e50); margin: 0 0 15px 0; }
.res-forum-box p { margin: 0 0 20px 0; color: #555; line-height: 1.6; }
.res-forum-box-list {
    margin: 0 auto 18px;
    max-width: 700px;
    padding-left: 20px;
    text-align: left;
    color: #4b5563;
    line-height: 1.7;
    font-size: 0.96rem;
}
.res-forum-box-list li { margin-bottom: 8px; }

.res-btn-primary {
    display: inline-block;
    background: var(--color-research, #2980B9);
    color: #fff !important;
    padding: 14px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 15px;
    transition: background 0.2s, transform 0.2s;
}
.res-btn-primary:hover { background: var(--color-rights, #2C3E50); color: #fff !important; transform: translateY(-2px); }
.res-btn-primary.res-btn-primary--forum {
    background: #F39C12;
    border-radius: 10px;
    padding: 12px 22px;
    font-size: 0.92rem;
    font-weight: 800;
    min-height: 44px;
    line-height: 1.2;
    color: #fff !important;
    text-decoration: none !important;
    border: none;
}
.res-btn-primary.res-btn-primary--forum:hover {
    background: #d8870e;
    color: #fff !important;
}

.res-btn-outline {
    display: inline-block;
    color: var(--color-research, #2980B9) !important;
    border: 2px solid var(--color-research, #2980B9);
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    margin-top: 20px;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.res-btn-outline:hover { background: var(--color-research-bg, #EBF5FB); color: var(--color-research, #2980B9) !important; border-color: var(--color-research, #2980B9); }

body.aka-page-forskning .aka-next-steps-outer .rc-card .rc-cta-btn.btn-brand {
    background: var(--color-research, #2980B9) !important;
}
body.aka-page-forskning .aka-next-steps-outer .rc-card .rc-cta-btn.btn-brand:hover {
    background: var(--color-rights, #2C3E50) !important;
}

/* Forskning: läs-vidare-kort (Symtom/Diagnos/Behandling) – följ kategorifärger */
body.aka-page-forskning .aka-next-steps-outer .rc-card--symptom .rc-cta-btn.btn-brand,
body.aka-page-forskning .aka-next-steps-outer .rc-card--diagnos .rc-cta-btn.btn-brand {
    background: var(--color-disease, #E74C3C) !important;
}
body.aka-page-forskning .aka-next-steps-outer .rc-card--symptom .rc-cta-btn.btn-brand:hover,
body.aka-page-forskning .aka-next-steps-outer .rc-card--diagnos .rc-cta-btn.btn-brand:hover {
    background: #d6453a !important;
}

body.aka-page-forskning .aka-next-steps-outer .rc-card--behandling .rc-cta-btn.btn-brand {
    background: var(--color-treat, #F39C12) !important;
}
body.aka-page-forskning .aka-next-steps-outer .rc-card--behandling .rc-cta-btn.btn-brand:hover {
    background: #d9820a !important;
}

.res-page-footer {
    max-width: 900px;
    margin: 0 auto 60px auto;
    padding: 20px;
    font-size: 12px;
    color: #999;
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .res-latest-posts { grid-template-columns: repeat(2, minmax(240px, 320px)); }
}

@media (max-width: 768px) {
    .res-stat-card { flex: 1 1 100%; min-width: 0; }
    body.aka-page-forskning .res-hero.res-hero-forskning h1 { font-size: 28px; }
    body.aka-page-forskning .res-hero.res-hero-forskning { padding: clamp(40px, 10vw, 64px) 20px; }
    .res-content-layout { display: block; }
    .res-latest-posts { grid-template-columns: 1fr; }
}

/* Forskning / Senaste rönen: en tydlig kortyta på mobil + sidscroll för fler artiklar */
@media (max-width: 640px) {
    .res-latest-section {
        padding-left: 16px;
        padding-right: 16px;
    }
    .res-latest-section .res-latest-posts {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 14px;
        overflow-x: auto;
        overflow-y: visible;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 4px;
        scroll-padding-right: 4px;
        margin-bottom: 24px;
        padding-bottom: 10px;
    }
    .res-latest-section .res-latest-posts-item {
        flex: 0 0 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    .res-latest-section .res-latest-post-link {
        height: 100%;
    }
}

/* --- Resurscenter Anhöriga (/resurscenter/anhoriga/) – shortcode [aka_anhoriga_page] --- */
body.aka-page-anhoriga .entry-header,
body.aka-page-anhoriga .et_main_title,
body.aka-page-anhoriga .page-title,
body.aka-page-anhoriga h1.entry-title { display: none !important; }
body.aka-page-anhoriga #main-content .container { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; margin-top: 0 !important; }
body.aka-page-anhoriga #sidebar { display: none !important; }
body.aka-page-anhoriga #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; }
body.aka-page-anhoriga .entry-content,
body.aka-page-anhoriga .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-anhoriga .aka-breadcrumbs-bar { display: none !important; }

.family-hero.family-hero-anhoriga {
    background: linear-gradient(130deg, var(--color-rights, #2C3E50) 0%, var(--color-family, #E67E22) 100%);
    padding: clamp(48px, 9vw, 88px) clamp(20px, 4vw, 36px);
    text-align: center;
    color: #fff;
    border-radius: 0;
}
.family-hero.family-hero-anhoriga h1 { color: #fff !important; font-size: 42px; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
.family-hero.family-hero-anhoriga p { font-size: 1.15rem; max-width: 700px; margin: 0 auto; opacity: 0.95; }

.family-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}
.family-card {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    flex: 1 1 calc(33.333% - 25px);
    min-width: 240px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    border-left: 5px solid var(--color-family, #E67E22);
}
.family-card h3 { color: var(--color-family, #E67E22); margin-top: 0; font-size: 1.35rem; font-weight: 800; }
.family-card p { margin: 0 0 12px 0; line-height: 1.5; color: #333; }
.family-card-list { font-size: 14px; color: #666; padding-left: 20px; margin: 0 0 0 0; line-height: 1.6; }
.family-card-list li { margin-bottom: 6px; }

.relation-tag {
    display: inline-block;
    background: var(--color-family, #E67E22);
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 0.3px;
}

.family-main-content {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    line-height: 1.8;
    color: #333;
}
.family-main-content h2 {
    color: var(--h-dark, #2c3e50);
    border-left: 5px solid var(--color-family, #E67E22);
    padding-left: 15px;
    margin: 40px 0 20px 0;
    font-size: 1.5rem;
    font-weight: 800;
}
.family-main-content h2:first-of-type { margin-top: 0; }
.family-main-content p { margin: 0 0 1em 0; }

.support-box.support-box-anhoriga {
    background: var(--color-family-bg, #FEF5E7);
    border: 1px dashed var(--color-family, #E67E22);
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
}
.support-box-title {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-family, #E67E22);
}
.support-box-icon { width: 24px; height: 24px; flex-shrink: 0; fill: var(--color-family, #E67E22); }
.support-box.support-box-anhoriga p { margin-bottom: 0; }

.nordic-support {
    background: var(--color-family-bg, #FEF5E7);
    border-radius: 15px;
    padding: 40px;
    margin: 40px 0;
}
.nordic-support h3 { font-size: 1.25rem; font-weight: 800; color: var(--h-dark, #2c3e50); margin: 0 0 10px 0; }
.nordic-support > p { margin: 0 0 20px 0; color: #555; }
.nordic-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
}
.nordic-grid-item {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.nordic-grid-item strong { display: block; margin-bottom: 4px; color: var(--h-dark, #2c3e50); }
.nordic-grid-item small { font-size: 0.85rem; color: #666; }
.nordic-cta { text-align: center; margin-top: 25px; }

.family-btn {
    display: inline-block;
    background: var(--color-family, #E67E22);
    color: #fff !important;
    padding: 15px 35px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
}
.family-btn:hover { background: var(--color-rights, #2C3E50); color: #fff !important; transform: translateY(-2px); }

.family-cta-dark {
    background: var(--color-rights, #2c3e50);
    color: #fff;
    padding: 60px 20px;
    text-align: center;
    border-radius: 20px;
    max-width: 1200px;
    margin: 40px auto;
}
.family-cta-dark h2 { color: #fff !important; font-size: 1.6rem; font-weight: 800; margin: 0 0 15px 0; }
.family-cta-dark p { max-width: 700px; margin: 20px auto 25px auto; opacity: 0.9; line-height: 1.6; }
.family-btn-on-dark { background: var(--color-family, #E67E22) !important; }
.family-btn-on-dark:hover { background: var(--color-brand, #1ABC9C) !important; color: #fff !important; }

.res-page-footer.family-footer { padding: 40px 20px; font-size: 13px; color: #999; }

@media (max-width: 768px) {
    .family-card { flex: 1 1 100%; min-width: 0; }
    body.aka-page-anhoriga .family-hero.family-hero-anhoriga h1 { font-size: 28px; }
    body.aka-page-anhoriga .family-hero.family-hero-anhoriga { padding: clamp(40px, 10vw, 64px) 20px; }
}

/* --- Resurscenter Hjälpmedel (/resurscenter/hjalpmedel/) – shortcode [aka_hjalpmedel_page] --- */
body.aka-page-hjalpmedel { overflow-x: hidden !important; }
body.aka-page-hjalpmedel .entry-header,
body.aka-page-hjalpmedel .et_main_title,
body.aka-page-hjalpmedel .page-title,
body.aka-page-hjalpmedel h1.entry-title { display: none !important; }
body.aka-page-hjalpmedel #main-content .container,
body.aka-page-hjalpmedel #main-content .et_pb_row,
body.aka-page-hjalpmedel #main-content .et_pb_column,
body.aka-page-hjalpmedel #et-boc .container,
body.aka-page-hjalpmedel .et_pb_wrapper .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
body.aka-page-hjalpmedel #main-content,
body.aka-page-hjalpmedel #page-container,
body.aka-page-hjalpmedel #et-boc,
body.aka-page-hjalpmedel .et_pb_wrapper { max-width: 100% !important; width: 100% !important; overflow-x: hidden !important; padding-left: 0 !important; padding-right: 0 !important; border-right: none !important; box-shadow: none !important; }
body.aka-page-hjalpmedel #sidebar { display: none !important; }
body.aka-page-hjalpmedel #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; border: none !important; border-right: none !important; box-shadow: none !important; }
body.aka-page-hjalpmedel #main-content .container,
body.aka-page-hjalpmedel #main-content .et_pb_row,
body.aka-page-hjalpmedel #main-content .et_pb_column { border-right: none !important; }
body.aka-page-hjalpmedel .entry-content,
body.aka-page-hjalpmedel .et_pb_section { margin-top: 0 !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border: none !important; border-right: none !important; }
body.aka-page-hjalpmedel .entry-content::before,
body.aka-page-hjalpmedel .entry-content::after,
body.aka-page-hjalpmedel #left-area::before,
body.aka-page-hjalpmedel #left-area::after { display: none !important; }
body.aka-page-hjalpmedel .aka-breadcrumbs-bar { display: none !important; }
/* Ta bort vitt streck: dölj tom kolumn och gör innehållskolumnen full bredd */
body.aka-page-hjalpmedel #main-content .et_pb_column_1_4,
body.aka-page-hjalpmedel #main-content .et_pb_column_1_3,
body.aka-page-hjalpmedel #main-content .et_pb_column_1_2.et_pb_column_empty { width: 0 !important; min-width: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; }
body.aka-page-hjalpmedel #main-content .et_pb_column_3_4,
body.aka-page-hjalpmedel #main-content .et_pb_column_2_3 { width: 100% !important; max-width: 100% !important; }

/* Hitta vård Norden: [aka_hitta_vard_norden], full bredd (samma princip som hjälpmedel) */
body.aka-page-hitta-vard-norden #sidebar { display: none !important; }
body.aka-page-hitta-vard-norden #left-area { width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; border: none !important; border-right: none !important; box-shadow: none !important; }
body.aka-page-hitta-vard-norden #main-content,
body.aka-page-hitta-vard-norden #page-container,
body.aka-page-hitta-vard-norden #et-boc,
body.aka-page-hitta-vard-norden .et_pb_wrapper { max-width: 100% !important; width: 100% !important; overflow-x: hidden !important; }
body.aka-page-hitta-vard-norden #main-content .container,
body.aka-page-hitta-vard-norden #main-content .et_pb_row,
body.aka-page-hitta-vard-norden #main-content .et_pb_column { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
body.aka-page-hitta-vard-norden .entry-content { margin-top: 0 !important; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
body.aka-page-hitta-vard-norden .aka-breadcrumbs-bar { display: none !important; }

/* Hjälpmedel: fluid container padding + maxbredd */
body.aka-page-hjalpmedel .aka-fluid-container {
	max-width: 1600px !important;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 100px;
	box-sizing: border-box;
}
/* Hjälpmedel: Hero .aka-hero-wide (fullbredd 100vw, Divi åsidosatt) */
body.aka-page-hjalpmedel .aka-hero-wide {
	width: 100vw !important;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	margin-top: 0 !important;
	margin-bottom: 24px !important;
	padding: clamp(48px, 9vw, 88px) clamp(20px, 4vw, 36px) !important;
	text-align: center;
	background: linear-gradient(135deg, var(--h-dark, #2C3E50) 0%, var(--color-tool, #8E44AD) 100%) !important;
	color: #fff;
	border-radius: 0;
}
body.aka-page-hjalpmedel .aka-hero-wide .aka-hero-content h1 {
	color: #fff !important;
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 800 !important;
	margin: 0 !important;
	letter-spacing: -0.02em;
}
body.aka-page-hjalpmedel .aka-hero-wide .aka-intro-text {
	color: rgba(255, 255, 255, 0.95);
	font-size: clamp(0.95rem, 2.2vw, 1.08rem);
	line-height: 1.65;
	max-width: min(42rem, 92vw);
	margin: 16px auto 0;
}

/* --- Hjälpmedel: artikel (inledning, förståelse, behovsanalys) --- */
body.aka-page-hjalpmedel .aka-knowledge-block {
	max-width: 56rem;
	margin: 0 auto;
	padding: 0 clamp(0.5rem, 3vw, 1rem);
	box-sizing: border-box;
}

body.aka-page-hjalpmedel .aka-content-center {
	color: #2c3e50;
	font-size: clamp(1rem, 2.1vw, 1.08rem);
	line-height: 1.65;
}

body.aka-page-hjalpmedel .aka-content-center > p {
	margin: 0 0 1rem;
}

body.aka-page-hjalpmedel .aka-header-secondary {
	text-align: center;
	font-size: clamp(1.35rem, 3.2vw, 1.85rem);
	font-weight: 800;
	color: var(--color-brand, #1abc9c);
	margin: 0.25rem 0 1.5rem;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

/* Inledning före “Förståelsen” */
body.aka-page-hjalpmedel .aka-hjalpmedel-preamble {
	margin: 0 0 clamp(2rem, 5vw, 2.75rem);
	padding-bottom: clamp(1.5rem, 4vw, 2rem);
	border-bottom: 1px solid #e8edf1;
}

body.aka-page-hjalpmedel .aka-hjalpmedel-lead {
	font-size: clamp(1.05rem, 2.4vw, 1.2rem);
	line-height: 1.62;
	font-weight: 500;
	color: #34495e;
	margin: 0 0 1.5rem;
}

body.aka-page-hjalpmedel .aka-hjalpmedel-subhead {
	font-size: clamp(1.08rem, 2.5vw, 1.28rem);
	font-weight: 800;
	color: #2c3e50;
	margin: 1.65rem 0 0.65rem;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

body.aka-page-hjalpmedel .aka-hjalpmedel-preamble p:not(.aka-hjalpmedel-lead) {
	margin: 0 0 1rem;
	color: #4a5f6f;
	max-width: 52rem;
}

/* Sektion: Förståelsen bakom problemet + kort + diagram */
body.aka-page-hjalpmedel .aka-hjalpmedel-understanding {
	margin: 0 0 clamp(2rem, 5vw, 2.85rem);
}

body.aka-page-hjalpmedel .aka-hjalpmedel-section-title {
	font-size: clamp(1.28rem, 3vw, 1.72rem);
	font-weight: 800;
	color: #2c3e50;
	margin: 0 0 0.75rem;
	line-height: 1.2;
	letter-spacing: -0.02em;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-hjalpmedel-understanding__intro {
	text-align: center;
	max-width: 46rem;
	margin: 0 auto 1.75rem;
	color: #4a5f6f;
	font-size: clamp(0.98rem, 2.1vw, 1.06rem);
}

body.aka-page-hjalpmedel .aka-condition-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(0.75rem, 2vw, 1.15rem);
	margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
}

@media (max-width: 900px) {
	body.aka-page-hjalpmedel .aka-condition-cards {
		grid-template-columns: 1fr;
	}
}

body.aka-page-hjalpmedel .aka-condition-card {
	border-radius: clamp(12px, 2vw, 18px);
	padding: clamp(1rem, 2.5vw, 1.25rem) clamp(1rem, 2.5vw, 1.35rem);
	border: 1px solid #e4eaef;
	box-shadow: 0 6px 22px rgba(44, 62, 80, 0.05);
	background: #fff;
}

body.aka-page-hjalpmedel .aka-condition-card--akalasi {
	border-top: 4px solid #e74c3c;
	background: linear-gradient(180deg, #fffdfb 0%, #fff 38%);
}

body.aka-page-hjalpmedel .aka-condition-card--gerd {
	border-top: 4px solid #e67e22;
	background: linear-gradient(180deg, #fffef9 0%, #fff 38%);
}

body.aka-page-hjalpmedel .aka-condition-card--dysfagi {
	border-top: 4px solid #9b59b6;
	background: linear-gradient(180deg, #fdfcfe 0%, #fff 38%);
}

body.aka-page-hjalpmedel .aka-condition-card__title {
	font-size: clamp(1rem, 2.2vw, 1.12rem);
	font-weight: 800;
	margin: 0 0 0.5rem;
	color: #2c3e50;
	line-height: 1.25;
}

body.aka-page-hjalpmedel .aka-condition-card__text {
	margin: 0;
	font-size: clamp(0.88rem, 1.9vw, 0.98rem);
	line-height: 1.55;
	color: #566573;
}

body.aka-page-hjalpmedel .aka-needs-analysis {
	margin: 0;
	padding: 0;
	background: linear-gradient(180deg, #f9fbfc 0%, #fff 45%);
	border: 1px solid #e4eaef;
	border-radius: clamp(16px, 3vw, 24px);
	box-shadow: 0 12px 36px rgba(44, 62, 80, 0.07);
	overflow: hidden;
}

body.aka-page-hjalpmedel .aka-needs-analysis__heading {
	font-size: clamp(1.05rem, 2.5vw, 1.35rem);
	font-weight: 800;
	text-align: center;
	margin: clamp(1.1rem, 3vw, 1.45rem) clamp(1rem, 3vw, 1.5rem) 0.35rem;
	color: #2c3e50;
	line-height: 1.25;
}

body.aka-page-hjalpmedel .aka-needs-analysis__deck {
	text-align: center;
	margin: 0 clamp(1rem, 3vw, 1.5rem) 0.85rem;
	font-size: clamp(0.82rem, 1.9vw, 0.95rem);
	line-height: 1.5;
	color: #5d6d7e;
}

body.aka-page-hjalpmedel .aka-needs-analysis__tag {
	font-weight: 700;
}

body.aka-page-hjalpmedel .aka-needs-analysis__tag--risk {
	color: #c0392b;
}

body.aka-page-hjalpmedel .aka-needs-analysis__tag--focus {
	color: #117a65;
}

body.aka-page-hjalpmedel .aka-needs-analysis__canvas {
	margin: 0;
	padding: 0 clamp(0.35rem, 2vw, 0.75rem) clamp(0.5rem, 2vw, 0.85rem);
	line-height: 0;
	overflow-x: auto;
}

body.aka-page-hjalpmedel .aka-needs-analysis-svg {
	display: block;
	width: 100%;
	max-width: 50rem;
	margin: 0 auto;
	height: auto;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

body.aka-page-hjalpmedel .aka-needs-analysis__caption {
	margin: 0;
	padding: clamp(0.85rem, 2.5vw, 1.1rem) clamp(1rem, 3vw, 1.5rem);
	font-size: clamp(0.8rem, 1.85vw, 0.92rem);
	line-height: 1.5;
	color: #5d6d7e;
	background: #f4f7f9;
	border-top: 1px solid #e4eaef;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-hjalpmedel-understanding__outro {
	margin: clamp(1.25rem, 3vw, 1.65rem) auto 0;
	padding-top: clamp(1rem, 2.5vw, 1.35rem);
	border-top: 1px solid #e8edf1;
	font-size: clamp(0.95rem, 2vw, 1.03rem);
	line-height: 1.6;
	color: #4a5f6f;
	text-align: center;
	max-width: 46rem;
}

/* Diagnosperspektiv + små förklarande SVG:er */
body.aka-page-hjalpmedel .aka-disease-perspectives {
	margin: clamp(1.75rem, 4vw, 2.6rem) 0;
	padding: clamp(1.35rem, 3.5vw, 1.85rem) 0;
	border-top: 1px solid #e8edf1;
	border-bottom: 1px solid #e8edf1;
}

body.aka-page-hjalpmedel .aka-disease-perspectives__title {
	font-size: clamp(1.12rem, 2.7vw, 1.4rem);
	font-weight: 800;
	color: #2c3e50;
	margin: 0 0 0.75rem;
	text-align: center;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

body.aka-page-hjalpmedel .aka-disease-perspectives__intro {
	margin: 0 auto 1.35rem;
	max-width: 48rem;
	font-size: clamp(0.92rem, 2vw, 1.02rem);
	line-height: 1.62;
	color: #4a5f6f;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-disease-perspectives__list {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 2.8vw, 1.4rem);
}

body.aka-page-hjalpmedel .aka-disease-panel {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(0.85rem, 2vw, 1.15rem);
	align-items: center;
	padding: clamp(1rem, 2.6vw, 1.35rem) clamp(1rem, 2.8vw, 1.4rem);
	border-radius: clamp(14px, 2.5vw, 20px);
	border: 1px solid #e6ebef;
	background: #fff;
	box-shadow: 0 6px 22px rgba(44, 62, 80, 0.05);
}

@media (min-width: 720px) {
	body.aka-page-hjalpmedel .aka-disease-panel {
		grid-template-columns: minmax(0, 1.2fr) minmax(200px, 0.9fr);
	}
}

body.aka-page-hjalpmedel .aka-disease-panel__body {
	min-width: 0;
}

body.aka-page-hjalpmedel .aka-disease-panel__body p {
	margin: 0 0 0.65rem;
	font-size: clamp(0.88rem, 1.95vw, 0.98rem);
	line-height: 1.58;
	color: #4a5f6f;
}

body.aka-page-hjalpmedel .aka-disease-panel__body p:last-child {
	margin-bottom: 0;
}

body.aka-page-hjalpmedel .aka-disease-panel__name {
	font-size: clamp(1.02rem, 2.3vw, 1.15rem);
	font-weight: 800;
	margin: 0 0 0.5rem;
	color: #2c3e50;
	line-height: 1.3;
}

body.aka-page-hjalpmedel .aka-disease-panel__badge {
	display: inline-block;
	margin-left: 0.25rem;
	padding: 0.12rem 0.45rem;
	font-size: 0.62em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	vertical-align: middle;
	border-radius: 6px;
	background: #ecf0f1;
	color: #566573;
}

body.aka-page-hjalpmedel .aka-disease-panel--akalasi .aka-disease-panel__badge { background: #fadbd8; color: #922b21; }
body.aka-page-hjalpmedel .aka-disease-panel--gerd .aka-disease-panel__badge { background: #fdebd0; color: #a04000; }
body.aka-page-hjalpmedel .aka-disease-panel--structural .aka-disease-panel__badge { background: #e8daef; color: #6c3483; }
body.aka-page-hjalpmedel .aka-disease-panel--neuro .aka-disease-panel__badge { background: #d4e6f1; color: #1a5276; }
body.aka-page-hjalpmedel .aka-disease-panel--eoe .aka-disease-panel__badge { background: #fcf3cf; color: #9a7d0a; }
body.aka-page-hjalpmedel .aka-disease-panel--myogenic .aka-disease-panel__badge { background: #e8daef; color: #5b2c6f; }

body.aka-page-hjalpmedel .aka-disease-panel__focus {
	margin-top: 0.65rem !important;
	padding: 0.55rem 0 0.55rem 0.85rem;
	border-left: 3px solid var(--color-brand, #1abc9c);
	background: linear-gradient(90deg, rgba(26, 188, 156, 0.06) 0%, transparent 100%);
	border-radius: 0 8px 8px 0;
	font-size: clamp(0.86rem, 1.9vw, 0.95rem) !important;
	color: #34495e !important;
}

body.aka-page-hjalpmedel .aka-disease-panel__viz {
	margin: 0;
	line-height: 0;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-disease-panel__svg {
	width: 100%;
	max-width: 22.5rem;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 10px;
}

body.aka-page-hjalpmedel .aka-disease-perspectives__footer {
	margin: 1.35rem 0 0;
	padding-top: 1rem;
	border-top: 1px dashed #dce4ea;
	font-size: clamp(0.84rem, 1.9vw, 0.93rem);
	line-height: 1.55;
	color: #5d6d7e;
	text-align: center;
	max-width: 44rem;
	margin-left: auto;
	margin-right: auto;
}

/* Nattliga hjälpmedel: text + bild i flyt (växlande kolumner) */
body.aka-page-hjalpmedel .aka-night-tools {
	margin: clamp(1.75rem, 4vw, 2.5rem) 0;
	padding: clamp(1.25rem, 3vw, 1.75rem) 0;
	border-top: 1px solid #e8edf1;
	border-bottom: 1px solid #e8edf1;
}

body.aka-page-hjalpmedel .aka-night-tools__title {
	font-size: clamp(1.1rem, 2.6vw, 1.35rem);
	font-weight: 800;
	color: #2c3e50;
	margin: 0 0 0.65rem;
	text-align: center;
	line-height: 1.25;
}

body.aka-page-hjalpmedel .aka-night-tools__lead {
	margin: 0 auto 1.75rem;
	max-width: 48rem;
	font-size: clamp(0.92rem, 2vw, 1.02rem);
	line-height: 1.62;
	color: #4a5f6f;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-night-tool {
	display: grid;
	gap: clamp(1rem, 3vw, 1.5rem);
	align-items: center;
	margin: 0 0 clamp(1.5rem, 4vw, 2rem);
	padding: clamp(1rem, 2.8vw, 1.35rem);
	background: #fff;
	border: 1px solid #e8ecf0;
	border-radius: clamp(14px, 2.5vw, 20px);
	box-shadow: 0 8px 28px rgba(44, 62, 80, 0.05);
}

@media (min-width: 768px) {
	body.aka-page-hjalpmedel .aka-night-tool {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 42%);
		gap: clamp(1.25rem, 3vw, 2rem);
		padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.8vw, 1.65rem);
	}
	body.aka-page-hjalpmedel .aka-night-tool--flip .aka-night-tool__figure {
		order: -1;
	}
}

body.aka-page-hjalpmedel .aka-night-tool__text {
	min-width: 0;
}

body.aka-page-hjalpmedel .aka-night-tool__text p {
	margin: 0 0 0.65rem;
	font-size: clamp(0.88rem, 1.95vw, 0.98rem);
	line-height: 1.58;
	color: #4a5f6f;
}

body.aka-page-hjalpmedel .aka-night-tool__text p:last-child {
	margin-bottom: 0;
}

body.aka-page-hjalpmedel .aka-night-tool__name {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	font-size: clamp(1.02rem, 2.3vw, 1.14rem);
	font-weight: 800;
	color: #2c3e50;
	margin: 0 0 0.6rem;
	line-height: 1.25;
}

body.aka-page-hjalpmedel .aka-night-tool__step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border-radius: 50%;
	background: var(--color-brand, #1abc9c);
	color: #fff;
	font-size: 0.85em;
	font-weight: 800;
	flex-shrink: 0;
}

body.aka-page-hjalpmedel .aka-night-tool__note {
	padding: 0.5rem 0.65rem;
	margin-top: 0.65rem !important;
	background: #f8fafb;
	border-radius: 8px;
	border-left: 3px solid #bdc3c7;
	font-size: clamp(0.84rem, 1.85vw, 0.92rem) !important;
	color: #566573 !important;
}

body.aka-page-hjalpmedel .aka-night-tool__figure {
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.aka-page-hjalpmedel .aka-night-tool__img-wrap {
	border-radius: clamp(10px, 2vw, 14px);
	overflow: hidden;
	background: #f4f6f8;
	border: 1px solid #e8ecf0;
	line-height: 0;
	aspect-ratio: 4 / 3;
}

body.aka-page-hjalpmedel .aka-night-tool__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Ribbotten-närbild (om den används någon annanstans) */
body.aka-page-hjalpmedel .aka-night-tool--ribbotten-crop-top .aka-night-tool__img-wrap img {
	object-position: 50% 12%;
	transform: scale(1.25);
	transform-origin: 50% 0%;
}

/* Steg 2: två metoder (klossar + ribbotten), var sin rad med text + bild */
body.aka-page-hjalpmedel .aka-night-tool--dual-bed-lift {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

@media (min-width: 768px) {
	body.aka-page-hjalpmedel .aka-night-tool--dual-bed-lift {
		grid-template-columns: none;
	}
}

body.aka-page-hjalpmedel .aka-night-tool__dual-header {
	margin: 0 0 0.15rem;
}

body.aka-page-hjalpmedel .aka-night-tool__dual-lead {
	margin: 0;
	font-size: clamp(0.88rem, 1.95vw, 0.98rem);
	line-height: 1.58;
	color: #4a5f6f;
}

body.aka-page-hjalpmedel .aka-night-tool__dual-rows {
	display: flex;
	flex-direction: column;
	gap: clamp(1.2rem, 3vw, 1.65rem);
	margin-top: clamp(0.5rem, 1.8vw, 0.85rem);
}

body.aka-page-hjalpmedel .aka-night-tool__pair {
	display: grid;
	gap: clamp(1rem, 3vw, 1.5rem);
	align-items: center;
	margin: 0;
	padding: clamp(1rem, 2.5vw, 1.2rem) 0 0;
	border-top: 1px solid #e8ecf0;
}

body.aka-page-hjalpmedel .aka-night-tool__pair:first-child {
	padding-top: 0;
	border-top: none;
}

@media (min-width: 768px) {
	body.aka-page-hjalpmedel .aka-night-tool__pair {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 42%);
		gap: clamp(1.25rem, 3vw, 2rem);
	}

	body.aka-page-hjalpmedel .aka-night-tool__pair--flip .aka-night-tool__figure {
		order: -1;
	}
}

body.aka-page-hjalpmedel .aka-night-tool__subname {
	margin: 0 0 0.5rem;
	font-size: clamp(0.95rem, 2vw, 1.05rem);
	font-weight: 800;
	color: #34495e;
	line-height: 1.3;
}

body.aka-page-hjalpmedel .aka-night-tool__note--dual-footer {
	margin-top: clamp(0.85rem, 2vw, 1.1rem) !important;
	margin-bottom: 0 !important;
}

/* FÖRE/EFTER med sängklossar – bred jämförelse, visa hela utan beskärning */
body.aka-page-hjalpmedel .aka-night-tool__img-wrap--jamforelse {
	aspect-ratio: 16 / 9;
}

body.aka-page-hjalpmedel .aka-night-tool__img-wrap--jamforelse img {
	object-fit: contain;
	object-position: center;
	transform: none;
	background: #f4f6f8;
}

/* Ribbotten-närbild i andra raden */
body.aka-page-hjalpmedel .aka-night-tool__img-wrap--ribbotten-crop img {
	object-position: 50% 12%;
	transform: scale(1.25);
	transform-origin: 50% 0%;
}

body.aka-page-hjalpmedel .aka-night-tool__caption {
	margin: 0.55rem 0 0;
	padding: 0 0.15rem;
	font-size: clamp(0.78rem, 1.8vw, 0.88rem);
	line-height: 1.45;
	color: #5d6d7e;
}

body.aka-page-hjalpmedel .aka-night-tools__aside {
	margin: clamp(0.5rem, 2vw, 0.75rem) 0 0;
	padding: clamp(0.85rem, 2.2vw, 1.1rem) clamp(1rem, 2.5vw, 1.25rem);
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(135deg, #f0faf8 0%, #f8fcfb 100%);
	border: 1px solid #d5f4e6;
	border-radius: 12px;
}

body.aka-page-hjalpmedel .aka-night-tools__aside-title {
	font-size: clamp(0.95rem, 2.1vw, 1.05rem);
	font-weight: 800;
	color: #117a65;
	margin: 0 0 0.45rem;
	line-height: 1.3;
}

body.aka-page-hjalpmedel .aka-night-tools__aside p {
	margin: 0;
	font-size: clamp(0.84rem, 1.9vw, 0.93rem);
	line-height: 1.55;
	color: #4a5f6f;
}

/* Läskuddar / vilokuddar – egen sektion med bild */
body.aka-page-hjalpmedel .aka-laskuddar-section {
	margin: clamp(1.5rem, 4vw, 2.25rem) auto clamp(1.35rem, 3.5vw, 1.85rem);
	max-width: min(100%, 56rem);
	padding: clamp(1.1rem, 2.8vw, 1.5rem) clamp(1rem, 2.5vw, 1.35rem);
	background: linear-gradient(145deg, #f5faf8 0%, #f8fcfb 55%, #f4f9f7 100%);
	border: 1px solid #c8eadf;
	border-radius: clamp(14px, 2.5vw, 18px);
	box-shadow: 0 6px 24px rgba(17, 122, 101, 0.06);
}

body.aka-page-hjalpmedel .aka-laskuddar-section__inner {
	display: grid;
	gap: clamp(1.15rem, 3vw, 1.75rem);
	align-items: center;
}

@media (min-width: 768px) {
	body.aka-page-hjalpmedel .aka-laskuddar-section__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
		gap: clamp(1.35rem, 3.5vw, 2rem);
	}
}

body.aka-page-hjalpmedel .aka-laskuddar-section__figure {
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__img-wrap {
	border-radius: clamp(10px, 2vw, 14px);
	overflow: hidden;
	background: #eef6f3;
	border: 1px solid #dceee8;
	line-height: 0;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__img-wrap img {
	width: 100%;
	height: auto;
	max-height: min(420px, 55vh);
	object-fit: contain;
	object-position: center;
	display: block;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__title {
	font-size: clamp(1.05rem, 2.4vw, 1.2rem);
	font-weight: 800;
	color: #117a65;
	margin: 0 0 0.55rem;
	line-height: 1.3;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__lead {
	margin: 0 0 0.65rem;
	font-size: clamp(0.9rem, 2vw, 0.98rem);
	line-height: 1.58;
	color: #3d5666;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__content > p:not(.aka-laskuddar-section__lead):not(.aka-laskuddar-section__cta) {
	margin: 0 0 0.65rem;
	font-size: clamp(0.88rem, 1.95vw, 0.96rem);
	line-height: 1.58;
	color: #4a5f6f;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__footer {
	grid-column: 1 / -1;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: clamp(0.35rem, 1.2vw, 0.6rem);
}

body.aka-page-hjalpmedel .aka-laskuddar-section__callout {
	margin: 0;
	width: 100%;
	padding: clamp(0.65rem, 1.8vw, 0.85rem) clamp(0.75rem, 2vw, 1rem);
	background: rgba(255, 255, 255, 0.65);
	border: 1px solid #b8e6d8;
	border-radius: 10px;
	border-left: 4px solid #1abc9c;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__callout p {
	margin: 0;
	font-size: clamp(0.82rem, 1.85vw, 0.9rem);
	line-height: 1.5;
	color: #4a5f6f;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__cta {
	margin: clamp(0.75rem, 2vw, 1rem) 0 0 !important;
	width: 100%;
	text-align: center;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__shop-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.5rem 1rem;
	font-size: clamp(0.84rem, 1.9vw, 0.92rem);
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
	background: var(--color-brand, #1abc9c);
	border-radius: 999px;
	box-shadow: 0 2px 10px rgba(26, 188, 156, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.aka-page-hjalpmedel .aka-laskuddar-section__shop-link:hover,
body.aka-page-hjalpmedel .aka-laskuddar-section__shop-link:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(26, 188, 156, 0.45);
}

/* Invävda butikslänkar i guideflödet */
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1rem;
	margin: clamp(0.9rem, 2.3vw, 1.2rem) 0 clamp(1.2rem, 3vw, 1.6rem);
	padding: clamp(0.75rem, 2vw, 0.95rem) clamp(0.85rem, 2.2vw, 1.05rem);
	background: linear-gradient(135deg, #f8fcfb 0%, #f2f8f6 100%);
	border: 1px solid #cce6de;
	border-left: 4px solid var(--color-brand, #1abc9c);
	border-radius: 12px;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__content {
	flex: 1 1 420px;
	min-width: 260px;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__media {
	flex: 0 0 140px;
	width: 140px;
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #dbe9e5;
	background: #f3f8f6;
	line-height: 0;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__media img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card h4 {
	margin: 0 0 0.28rem;
	font-size: clamp(0.95rem, 2vw, 1.05rem);
	line-height: 1.3;
	color: #2c3e50;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card p {
	margin: 0;
	font-size: clamp(0.83rem, 1.8vw, 0.92rem);
	line-height: 1.48;
	color: #4d6270;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.95rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: clamp(0.8rem, 1.7vw, 0.88rem);
	text-decoration: none !important;
	color: #fff !important;
	white-space: nowrap;
}

/* Kategorifärger */
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--comfort { border-left-color: var(--shop-comfort, #2E86C1); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--comfort .aka-inline-shop-card__btn { background: var(--shop-comfort, #2E86C1); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--elevate { border-left-color: var(--shop-elevate, #566573); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--elevate .aka-inline-shop-card__btn { background: var(--shop-elevate, #566573); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--mix { border-left-color: var(--shop-tech, #707B7C); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--mix .aka-inline-shop-card__btn { background: var(--shop-tech, #707B7C); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--nutrition { border-left-color: var(--shop-nutrition, #117864); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--nutrition .aka-inline-shop-card__btn { background: var(--shop-nutrition, #117864); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--hygiene { border-left-color: var(--shop-hygiene, #5DADE2); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card--hygiene .aka-inline-shop-card__btn { background: var(--shop-hygiene, #5DADE2); }

/* Slutkort: butik + forum */
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 2.5vw, 1.35rem);
	margin: clamp(1.5rem, 4vw, 2.2rem) 0 clamp(1.2rem, 3.4vw, 1.8rem);
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card {
	border-radius: 18px;
	padding: clamp(1.05rem, 2.4vw, 1.35rem) clamp(1rem, 2.2vw, 1.25rem) clamp(0.95rem, 2.2vw, 1.15rem);
	border: 1px solid #e9edf2;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--shop {
	border-top: 4px solid var(--color-brand, #1ABC9C);
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--forum {
	border-top: 4px solid var(--color-rights, #2C3E50);
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__icon {
	width: 56px;
	height: 56px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	font-size: 1.65rem;
	line-height: 1;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--shop .aka-hjalpmedel-endcards__icon {
	background: color-mix(in srgb, var(--color-brand, #1ABC9C) 15%, #ffffff);
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--forum .aka-hjalpmedel-endcards__icon {
	background: color-mix(in srgb, var(--color-rights, #2C3E50) 12%, #ffffff);
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card h4 {
	margin: 0 0 0.52rem;
	font-size: clamp(1.1rem, 2.2vw, 1.28rem);
	color: #2c3e50;
	line-height: 1.2;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card p {
	margin: 0 0 0.95rem;
	color: #4f5b66;
	font-size: clamp(0.9rem, 1.95vw, 1rem);
	line-height: 1.62;
	flex: 1;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
	padding: 12px 22px;
	border-radius: 10px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 800;
	font-size: clamp(0.9rem, 1.9vw, 1rem);
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--shop .aka-hjalpmedel-endcards__btn { background: var(--color-brand, #1ABC9C); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__card--forum .aka-hjalpmedel-endcards__btn { background: var(--color-rights, #2C3E50); }
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__btn:hover,
body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards__btn:focus-visible {
	transform: translateY(-1px);
	filter: brightness(1.03);
	box-shadow: 0 4px 14px rgba(31, 58, 74, 0.18);
}

@media (max-width: 768px) {
	body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-hjalpmedel-endcards {
		grid-template-columns: minmax(0, 1fr);
	}
	body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card {
		align-items: flex-start;
	}
	body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__media {
		flex-basis: 100%;
		width: 100%;
		max-width: 220px;
	}
	body:is(.aka-page-hjalpmedel, .aka-page-mat-kostrad) .aka-inline-shop-card__btn {
		margin-top: 0.1rem;
	}
}

body.aka-page-hjalpmedel .aka-content-center > h3:not(.aka-condition-card__title):not(.aka-needs-analysis__heading):not(.aka-hjalpmedel-subhead) {
	font-size: clamp(1.15rem, 2.6vw, 1.4rem);
	font-weight: 800;
	margin: clamp(1.75rem, 4vw, 2.25rem) 0 0.65rem;
	color: #2c3e50;
	line-height: 1.25;
}

/* Bento Grid Container (12 kolumner, oregelbundna paneler) */
body.aka-page-hjalpmedel .aka-bento-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 40px;
	margin-top: 40px;
	margin-bottom: 48px;
	align-items: stretch;
}
body.aka-page-hjalpmedel .aka-bento-span-12 { grid-column: span 12; }
body.aka-page-hjalpmedel .aka-bento-span-8 { grid-column: span 8; }
body.aka-page-hjalpmedel .aka-bento-span-7 { grid-column: span 7; }
body.aka-page-hjalpmedel .aka-bento-span-5 { grid-column: span 5; }
body.aka-page-hjalpmedel .aka-bento-span-4 { grid-column: span 4; }

/* Bento Card Base (24px rundade hörn, minst 40px padding) */
body.aka-page-hjalpmedel .aka-bento-card {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	padding: 50px 40px;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
	border: 1px solid rgba(0,0,0,0.05);
}
/* Innehåll över bakgrundsbokstäver */
body.aka-page-hjalpmedel .aka-bento-content {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

/* --- Expansion Design --- */
body.aka-page-hjalpmedel .aka-knowledge-section {
	padding: 36px 0 52px;
	border-bottom: 1px solid #eee;
}

body.aka-page-hjalpmedel .aka-text-block {
	max-width: 850px;
	margin: 0 auto 40px;
	text-align: center;
}

/* Tvinga färg så texten inte blir vit på vit */
body.aka-page-hjalpmedel .aka-text-block p {
	color: #333 !important;
	font-size: 1.1rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

body.aka-page-hjalpmedel h2 {
	text-align: center;
	font-size: 2.2rem;
	color: var(--color-brand);
	margin-bottom: 30px;
}

body.aka-page-hjalpmedel .aka-info-box {
	background: #fff8e1;
	padding: 20px;
	border-radius: 12px;
	border-left: 5px solid #ffc107;
	display: inline-block;
	margin: 20px 0;
}

/* Behåll knapp-symmetrin */
body.aka-page-hjalpmedel .aka-bento-cta {
	margin-top: auto !important;
	padding-top: 20px;
}

/* Snygg, centrerad disclaimer-box längst ned på /hjalpmedel */
body.aka-page-hjalpmedel .aka-bottom-area {
	max-width: 850px;
	margin: 40px auto 60px;
	padding: 0 16px;
}
body.aka-page-hjalpmedel .aka-disclaimer-box {
	background: #f9fafb;
	border-radius: 16px;
	padding: 20px 22px 18px;
	margin-top: 24px;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
	border: 1px solid #e5e7eb;
}
body.aka-page-hjalpmedel .aka-disclaimer-box hr {
	border: 0;
	border-top: 1px solid #d1d5db;
	margin: 0 0 12px;
}
body.aka-page-hjalpmedel .aka-disclaimer-box p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: #374151;
}

body.aka-page-hjalpmedel .aka-bento-media {
	position: relative;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}
/* Bakgrundsbokstäver borttagna (Featured Panel 2026) */
body.aka-page-hjalpmedel .aka-bento-bg-letter { display: none !important; }
/* Typography overrides för rubriker */
body.aka-page-hjalpmedel .aka-bento-card h2,
body.aka-page-hjalpmedel .aka-bento-card h3 {
	letter-spacing: -0.02em !important;
	line-height: 1.2 !important;
	margin-top: 0;
}
body.aka-page-hjalpmedel .aka-bento-card p {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/* Produktbild-wrap utan grå bakgrund */
body.aka-page-hjalpmedel .aka-bento-product-img-wrap {
	background: transparent !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
}
body.aka-page-hjalpmedel .aka-bento-product-img {
	background: transparent !important;
	mix-blend-mode: multiply;
	max-height: 200px;
	width: auto;
	display: block;
	margin: 0 auto;
}
body.aka-page-hjalpmedel .aka-bento-product-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	z-index: 2;
}
body.aka-page-hjalpmedel .aka-bento-product-title {
	font-weight: 700;
	font-size: 0.95rem;
	margin-top: 8px;
	color: var(--h-dark, #2c3e50);
}
body.aka-page-hjalpmedel .aka-bento-products {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 24px;
	z-index: 2;
}
body.aka-page-hjalpmedel .aka-bento-product-single { grid-column: span 2; }
body.aka-page-hjalpmedel .aka-bento-product-img-wrap,
body.aka-page-hjalpmedel .aka-bento-product-placeholder {
	background: transparent !important;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	color: #999;
}
/* CTA: luft runt knappar, centrerade, generös padding */
body.aka-page-hjalpmedel .aka-bento-cta {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: auto !important;
	padding-top: 30px;
	width: 100%;
	z-index: 2;
}
body.aka-page-hjalpmedel .aka-bento-cta-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	margin-top: auto !important;
	padding-top: 30px;
	width: 100%;
}
body.aka-page-hjalpmedel .aka-bento-cta-double { display: flex; flex-wrap: wrap; gap: 12px; }
body.aka-page-hjalpmedel .aka-bento-btn {
	display: inline-block;
	padding: 14px 28px !important;
	line-height: 1.2;
	text-align: center;
	min-width: 160px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.9rem;
	text-decoration: none;
	color: #fff !important;
	transition: transform 0.2s, opacity 0.2s;
}
/* Lila boxen – samma generösa padding och gap som övriga knappar */
body.aka-page-hjalpmedel .aka-bento-vardagsstod .aka-bento-btn {
	padding: 14px 28px !important;
	min-width: 160px;
}
body.aka-page-hjalpmedel .aka-bento-btn:hover { transform: translateY(-2px); opacity: 0.95; }

/* --- Uppdaterad Hjälpmedel Design 2026 (Featured Panel) --- */
body.aka-page-hjalpmedel .aka-featured-panel {
	background: #fff;
	box-shadow: 0 15px 40px rgba(0,0,0,0.06);
}
body.aka-page-hjalpmedel .aka-panel-flex {
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 20px;
}
body.aka-page-hjalpmedel .aka-panel-text { flex: 1; }
body.aka-page-hjalpmedel .aka-panel-text p { max-width: none; }
body.aka-page-hjalpmedel .aka-panel-products {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	flex-shrink: 0;
}
body.aka-page-hjalpmedel .aka-product-mini,
body.aka-page-hjalpmedel .aka-product-spotlight {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	background: transparent !important;
}
body.aka-page-hjalpmedel .aka-product-mini img,
body.aka-page-hjalpmedel .aka-product-spotlight img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 0.3s ease;
	background: transparent !important;
}
body.aka-page-hjalpmedel .aka-product-mini:hover img,
body.aka-page-hjalpmedel .aka-product-spotlight:hover img {
	transform: scale(1.05);
}
body.aka-page-hjalpmedel .aka-product-mini span:not(.aka-product-placeholder),
body.aka-page-hjalpmedel .aka-product-spotlight span:not(.aka-product-placeholder) {
	font-weight: 700;
	font-size: 0.95rem;
	margin-top: 8px;
	color: var(--h-dark, #2c3e50);
}
body.aka-page-hjalpmedel .aka-amazon-inline-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 20px 0;
}
body.aka-page-hjalpmedel .aka-amazon-inline-grid .aka-product-mini {
	max-width: 200px;
}
body.aka-page-hjalpmedel .aka-product-placeholder {
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	min-height: 120px;
	font-size: 0.85rem;
	color: #999;
}
body.aka-page-hjalpmedel .aka-centered-content,
body.aka-page-hjalpmedel .aka-callout-box {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0 24px;
}
body.aka-page-hjalpmedel .aka-centered-content p,
body.aka-page-hjalpmedel .aka-callout-box p {
	max-width: none;
}
body.aka-page-hjalpmedel .aka-bento-disclaimer {
	background: #fdfdfd;
	border: 1px solid #eee;
	padding: 60px 40px;
}
body.aka-page-hjalpmedel .aka-disclaimer-legal { font-size: 0.9rem; color: #666; margin-top: 16px; }
body.aka-page-hjalpmedel .aka-disclaimer-legal a { color: var(--color-brand, #1abc9c); text-decoration: underline; }
body.aka-page-hjalpmedel .aka-bottom-callouts {
	margin-top: 60px;
	padding: 40px;
	background: #f4fbf9;
	border-radius: 24px;
	text-align: center;
}
body.aka-page-hjalpmedel .aka-btn-primary {
	display: inline-block;
	padding: 14px 28px;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none;
	background: var(--color-brand, #1abc9c);
	color: #fff !important;
	transition: background 0.2s, transform 0.2s;
}
body.aka-page-hjalpmedel .aka-btn-primary:hover { background: var(--color-rights, #2C3E50); color: #fff !important; transform: translateY(-2px); }

/* --- Sektion: jämförelse plant läge / kilkudde (aspiration-infografik) --- */
body.aka-page-hjalpmedel .aka-aspiration-compare {
	margin: clamp(1.75rem, 4.5vw, 2.85rem) auto;
	max-width: 58rem;
	padding: 0 clamp(0.65rem, 3.5vw, 1.35rem);
	box-sizing: border-box;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__header {
	text-align: center;
	margin: 0 auto clamp(1rem, 3vw, 1.4rem);
	max-width: 42rem;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__title {
	font-size: clamp(1.15rem, 2.9vw, 1.55rem);
	font-weight: 800;
	color: var(--color-rights, #2C3E50);
	margin: 0 0 0.5rem;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__intro {
	margin: 0;
	font-size: clamp(0.88rem, 2.1vw, 1.03rem);
	line-height: 1.55;
	color: #5d6d7e;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__figure {
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: clamp(16px, 3.2vw, 26px);
	border: 1px solid #e4eaef;
	box-shadow: 0 12px 40px rgba(44, 62, 80, 0.07);
	overflow: hidden;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__canvas {
	width: 100%;
	line-height: 0;
	/* Sällan nödvändigt, men skyddar vid extrema zoomnivåer */
	overflow-x: auto;
}

body.aka-page-hjalpmedel .aka-aspiration-compare-svg {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__caption {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	justify-content: center;
	align-items: flex-start;
	padding: clamp(0.8rem, 2.4vw, 1.05rem) clamp(0.85rem, 3vw, 1.35rem);
	background: linear-gradient(180deg, #f9fbfc 0%, #f0f4f7 100%);
	border-top: 1px solid #e4eaef;
	font-size: clamp(0.78rem, 2vw, 0.9rem);
	line-height: 1.45;
	color: #566573;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__legend {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.45rem;
	flex: 1 1 16rem;
	max-width: 26rem;
	min-width: min(100%, 14rem);
	text-align: left;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__swatch {
	flex-shrink: 0;
	width: 1.4rem;
	height: 0.32rem;
	margin-top: 0.4em;
	border-radius: 2px;
}

body.aka-page-hjalpmedel .aka-aspiration-compare__legend--risk .aka-aspiration-compare__swatch {
	background: repeating-linear-gradient(90deg, #E74C3C 0 4px, transparent 4px 8px);
}

body.aka-page-hjalpmedel .aka-aspiration-compare__legend--safe .aka-aspiration-compare__swatch {
	background: repeating-linear-gradient(90deg, #0d9488 0 4px, transparent 4px 9px);
}

/* Bildbehållare – ingen lös text; img som block så alt inte skapar gap */
body.aka-page-hjalpmedel .aka-bento-main-image-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 220px;
	margin: 16px 0 12px;
	text-align: center;
	background: transparent !important;
	font-size: 0;
	line-height: 0;
}
body.aka-page-hjalpmedel .aka-bento-main-image-link .aka-bento-single-img {
	font-size: 1rem;
	display: block;
	margin: 0 auto;
}
/* Begränsa alla produktbilder i bento-länkar så de inte fyller hela skärmen */
body.aka-page-hjalpmedel .aka-bento-main-image-link img {
	max-width: 420px;
	width: 100%;
	max-height: 260px;
	height: auto;
	object-fit: contain;
	border-radius: 12px;
	transition: transform 0.3s ease;
	vertical-align: middle;
}
body.aka-page-hjalpmedel .aka-bento-main-image-link:hover img {
	transform: scale(1.02);
}

/* --- Ny Bento/Featured-layout för /hjalpmedel --- */
body.aka-page-hjalpmedel .aka-main-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 35px;
    margin-bottom: 60px;
}

body.aka-page-hjalpmedel .aka-card-featured {
    background: #fff;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    border: 1px solid #f2f2f2;
    box-shadow: 0 20px 50px rgba(0,0,0,0.04);
    overflow: hidden;
    transition: transform 0.3s ease;
}

body.aka-page-hjalpmedel .aka-card-featured:hover { transform: translateY(-5px); }

/* Färgteman */
body.aka-page-hjalpmedel .aka-card-orange { border-top: 10px solid #e67e22; background: #fffcf9; }
body.aka-page-hjalpmedel .aka-card-blue { border-top: 10px solid #3498db; background: #f9fbfc; }
body.aka-page-hjalpmedel .aka-card-green { border-top: 10px solid #27ae60; background: #f8fcf9; }
body.aka-page-hjalpmedel .aka-card-purple { border-top: 10px solid #9b59b6; background: #faf9fc; }

body.aka-page-hjalpmedel .aka-card-body {
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}

/* Bildbalansering */
body.aka-page-hjalpmedel .aka-product-img-featured {
    max-height: 350px;
    width: auto;
    max-width: 90%;
    margin: 40px auto;
    mix-blend-mode: multiply;
    display: block;
    object-fit: contain;
}

body.aka-page-hjalpmedel .aka-card-footer {
    margin-top: auto;
    padding-top: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Grid Spans */
body.aka-page-hjalpmedel .aka-span-4 { grid-column: span 4; }
body.aka-page-hjalpmedel .aka-span-5 { grid-column: span 5; }
body.aka-page-hjalpmedel .aka-span-6 { grid-column: span 6; }
body.aka-page-hjalpmedel .aka-span-7 { grid-column: span 7; }
body.aka-page-hjalpmedel .aka-span-8 { grid-column: span 8; }
body.aka-page-hjalpmedel .aka-span-12 { grid-column: span 12; }

@media (max-width: 1024px) {
    body.aka-page-hjalpmedel .aka-span-4,
    body.aka-page-hjalpmedel .aka-span-5,
    body.aka-page-hjalpmedel .aka-span-6,
    body.aka-page-hjalpmedel .aka-span-7,
    body.aka-page-hjalpmedel .aka-span-8 { grid-column: span 12; }
    body.aka-page-hjalpmedel .aka-card-body { padding: 40px; }
}

/* --- Total Fix för /hjalpmedel: Inga innerboxar, balanserade bilder --- */
body.aka-page-hjalpmedel .aka-fluid-container {
    max-width: 1600px !important;
    width: 95% !important;
}

/* Rensa bort innerboxar helt */
body.aka-page-hjalpmedel .aka-card-featured {
    background: #fff;
    border-radius: 40px !important;
    padding: 50px !important;
    border: 1px solid #f2f2f2 !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    overflow: hidden !important;
}

/* Tvinga bort alla inre vita rutor */
body.aka-page-hjalpmedel .aka-card-featured div {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Färgteman på korten */
body.aka-page-hjalpmedel .aka-card-orange { background: #fffcf9 !important; border-top: 10px solid #e67e22 !important; }
body.aka-page-hjalpmedel .aka-card-blue   { background: #f9fbfc !important; border-top: 10px solid #3498db !important; }
body.aka-page-hjalpmedel .aka-card-green  { background: #f8fcf9 !important; border-top: 10px solid #27ae60 !important; }
body.aka-page-hjalpmedel .aka-card-purple { background: #faf9fc !important; border-top: 10px solid #9b59b6 !important; }

/* Bildbalansering: strikt höjd */
body.aka-page-hjalpmedel .aka-product-img-fixed {
    max-height: 280px !important;
    width: auto !important;
    max-width: 90% !important;
    margin: 30px auto !important;
    mix-blend-mode: multiply !important;
    display: block !important;
    object-fit: contain !important;
}

/* CTA-knappar i botten */
body.aka-page-hjalpmedel .aka-card-footer {
    margin-top: auto !important;
    padding-top: 30px !important;
    display: block !important;
}

/* Legacy tooltips utan ordlista-koppling (saknar data-term / data-slug) */
.aka-term-link:not([data-term]):not([data-slug]) {
    color: #e74c3c !important;
    border-bottom: 2px dotted #e74c3c !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Responsiv grid */
@media (max-width: 1024px) {
    .aka-main-bento-grid { grid-template-columns: 1fr !important; }
    body.aka-page-hjalpmedel [class*="aka-span-"] { grid-column: span 1 !important; }
}
body.aka-page-hjalpmedel .aka-bento-text-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(15,23,42,0.9), rgba(15,23,42,0.15));
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px 28px;
	box-sizing: border-box;
	color: #fff;
	text-align: left;
}
body.aka-page-hjalpmedel .aka-bento-text-overlay h2,
body.aka-page-hjalpmedel .aka-bento-text-overlay h3 {
	color: #fff !important;
	margin-bottom: 8px;
}
body.aka-page-hjalpmedel .aka-bento-text-overlay p {
	max-width: 640px;
	margin: 0;
	color: rgba(255,255,255,0.92);
}
body.aka-page-hjalpmedel .aka-bento-single-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	background: transparent !important;
	font-size: 0.95rem;
	color: #666;
	border-radius: 12px;
}

/* Medicinsk avdelare ovanför ansvarsfriskrivningen */
body.aka-page-hjalpmedel .aka-disclaimer-divider {
	border: 0;
	border-top: 1px solid #eee;
	margin: 30px auto;
	width: 60%;
}
body.aka-page-hjalpmedel .aka-medical-disclaimer-text {
	font-size: 0.85rem;
	color: #888;
	line-height: 1.5;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
body.aka-page-hjalpmedel .aka-medical-disclaimer-text a { color: var(--color-brand, #1abc9c); text-decoration: underline; }

/* Forum-sektionen – centrerad, generös padding */
body.aka-page-hjalpmedel .aka-bento-forum {
	background: #f4fbf9;
	border: 1px dashed var(--color-brand, #1abc9c);
	text-align: center;
	padding: 40px 20px;
}

/* Disclaimer och Forum horisontellt centrerade */
body.aka-page-hjalpmedel .aka-bento-disclaimer .aka-centered-content {
	text-align: center;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
body.aka-page-hjalpmedel .aka-bento-forum .aka-centered-content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Sektionsfärger (Bento-kategorier) */
body.aka-page-hjalpmedel .aka-bento-somn { background: #fffcf5; border-top: 5px solid var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .aka-bento-somn .aka-bento-btn { background: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .aka-bento-mixers { background: #f4faf9; border-top: 5px solid #0d7a6d; }
body.aka-page-hjalpmedel .aka-bento-mixers .aka-bento-btn { background: #0d7a6d; }
body.aka-page-hjalpmedel .aka-bento-reflux { background: #f5f9fc; border-top: 5px solid var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .aka-bento-reflux .aka-bento-btn { background: var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .aka-bento-vardagsstod { background: #faf8fd; border-top: 5px solid var(--color-tool, #8E44AD); }
body.aka-page-hjalpmedel .aka-bento-vardagsstod .aka-bento-btn { background: var(--color-tool, #8E44AD); }
body.aka-page-hjalpmedel .aka-bento-intro { background: #fff; }
/* Responsiv: Featured Panel och grid */
@media (max-width: 1024px) {
	body.aka-page-hjalpmedel .aka-panel-flex { flex-direction: column; text-align: center; }
	body.aka-page-hjalpmedel .aka-panel-text { text-align: center; }
	body.aka-page-hjalpmedel .aka-bento-span-7,
	body.aka-page-hjalpmedel .aka-bento-span-5 { grid-column: span 12; }
}
@media (max-width: 980px) {
	body.aka-page-hjalpmedel .aka-bento-grid { grid-template-columns: 1fr; }
	body.aka-page-hjalpmedel [class*="aka-bento-span-"] { grid-column: span 1 !important; }
	body.aka-page-hjalpmedel .aka-bento-card { padding: 32px 24px 40px; }
	body.aka-page-hjalpmedel .aka-bento-products { grid-template-columns: 1fr; }
	body.aka-page-hjalpmedel .aka-bento-product-single { grid-column: span 1; }
	body.aka-page-hjalpmedel .aka-amazon-inline-grid { grid-template-columns: 1fr; }
	body.aka-page-hjalpmedel .aka-panel-products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	body.aka-page-hjalpmedel .aka-bento-products { grid-template-columns: 1fr; }
	body.aka-page-hjalpmedel .aka-bento-product-single { grid-column: span 1; }
}

/* Kategorier i butiken – grid med olika färger */
body.aka-page-hjalpmedel .res-shop-categories.res-category-grid {
    margin: 0 auto;
    padding: 0;
}
body.aka-page-hjalpmedel .hjm-bento-card.res-shop-categories {
    max-width: 100%;
}
body.aka-page-hjalpmedel .res-category-grid-title { font-size: 1.5rem; font-weight: 800; color: var(--h-dark, #2c3e50); margin: 0 0 8px 0; text-align: center; }
body.aka-page-hjalpmedel .res-category-grid-intro { text-align: center; color: #555; margin: 0 auto 24px auto; padding: 0 16px; }
body.aka-page-hjalpmedel .res-category-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}
body.aka-page-hjalpmedel .res-category-card {
    display: block;
    padding: 20px 20px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
}
body.aka-page-hjalpmedel .res-category-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); color: #fff; }
body.aka-page-hjalpmedel .res-cat-vardagsstod { background: var(--color-tool, #8E44AD); }
body.aka-page-hjalpmedel .res-cat-vila { background: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-cat-naring { background: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-cat-reflux { background: var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .res-cat-konsistens { background: #0d7a6d; }
body.aka-page-hjalpmedel .res-cat-hygien { background: #7f8c8d; }
body.aka-page-hjalpmedel .res-category-cta { text-align: center; margin: 0; padding: 0 16px; }
body.aka-page-hjalpmedel .res-category-shop-btn {
    display: inline-block;
    background: var(--color-brand, #1abc9c);
    color: #fff !important;
    padding: 14px 28px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s, transform 0.2s;
}
body.aka-page-hjalpmedel .res-category-shop-btn:hover { background: var(--color-rights, #2C3E50); color: #fff !important; transform: translateY(-2px); }

body.aka-page-hjalpmedel .res-tool-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 1200px; margin: 40px auto; padding: 0 28px; }
body.aka-page-hjalpmedel .res-stat-card-tool {
    border-top-width: 4px;
    border-top-style: solid;
    text-align: left;
    display: flex;
    flex-direction: column;
    padding: 28px;
}
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-vila { border-top-color: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-vila svg { fill: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-vila .res-tool-cta { background: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-konsistens { border-top-color: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-konsistens svg { fill: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-konsistens .res-tool-cta { background: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-termos { border-top-color: var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-termos svg { fill: var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-termos .res-tool-cta { background: var(--color-research, #2980B9); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-verktyg { border-top-color: var(--color-brand, #1abc9c); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-verktyg svg { fill: var(--color-brand, #1abc9c); }
body.aka-page-hjalpmedel .res-stat-card-tool.res-card-verktyg .res-tool-cta { background: var(--color-brand, #1abc9c); }
body.aka-page-hjalpmedel .res-stat-card-tool svg { margin-left: 0; margin-right: auto; }
body.aka-page-hjalpmedel .res-stat-card-tool h3 { text-align: left; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-stat-summary { font-style: italic; color: #666; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed #eee; font-size: 0.95rem; padding-left: 0; padding-right: 0; }
body.aka-page-hjalpmedel .res-stat-card-benefit { margin-top: 0; margin-bottom: 20px; flex-grow: 1; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-stat-card-benefit strong { display: block; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--h-dark, #2c3e50); margin-bottom: 6px; }
body.aka-page-hjalpmedel .res-stat-card-benefit p { font-size: 0.9rem; color: #555; line-height: 1.5; margin: 0; }
body.aka-page-hjalpmedel .res-tool-cta {
    display: inline-block;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    margin-top: auto;
    transition: background 0.2s, transform 0.2s;
}
body.aka-page-hjalpmedel .res-tool-cta:hover { background: var(--color-rights, #2C3E50) !important; color: #fff !important; transform: translateY(-2px); }

body.aka-page-hjalpmedel .res-main-content { padding: 0 28px 40px; max-width: 900px; margin-left: auto; margin-right: auto; }
body.aka-page-hjalpmedel .res-main-hjalpmedel h2 { border-left: none !important; padding-left: 0; margin-left: 0; }
body.aka-page-hjalpmedel .res-main-hjalpmedel p { padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-shop-info-box {
    background: #fdfdfd;
    border: 1px solid #e0e0e0;
    border-top: 4px solid var(--color-brand, #1abc9c);
    border-radius: 8px;
    padding: 28px;
    margin: 40px 0;
}
body.aka-page-hjalpmedel .res-shop-info-box h2 { margin-top: 0; font-size: 1.2rem; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-shop-info-box p { padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-shop-divider { border: 0; border-top: 1px dashed #ddd; margin: 20px 0; }
body.aka-page-hjalpmedel .res-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.aka-page-hjalpmedel .res-trust-item { padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-trust-item strong { display: block; color: var(--color-brand, #1abc9c); margin-bottom: 4px; font-size: 0.9rem; }
body.aka-page-hjalpmedel .res-trust-item span { font-size: 0.85rem; color: #777; }
body.aka-page-hjalpmedel .res-disclaimer-box {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 28px;
    margin-top: 40px;
    font-size: 0.9rem;
    color: #666;
}
body.aka-page-hjalpmedel .res-disclaimer-box h4 { margin: 0 0 10px 0; font-size: 1rem; color: #555; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-disclaimer-box p { margin: 0 0 10px 0; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-disclaimer-box .res-disclaimer-about { font-size: 0.9rem; color: #666; font-style: italic; margin-top: 12px; }
body.aka-page-hjalpmedel .res-disclaimer-box a { color: var(--color-brand, #1abc9c); text-decoration: underline; }
body.aka-page-hjalpmedel .res-disclaimer-box a:hover { color: var(--h-dark, #2c3e50); }
body.aka-page-hjalpmedel .res-affiliate-info {
    max-width: 700px;
    margin: 40px auto;
    padding: 24px 28px;
    background: #f8f9fa;
    border-radius: 10px;
    border-top: 4px solid var(--color-food, #27AE60);
}
body.aka-page-hjalpmedel .hjm-stod-sajten.res-affiliate-info { margin-left: 0; margin-right: 0; max-width: none; }
body.aka-page-hjalpmedel .aka-bento-card.res-cta-hjalpmedel { padding-left: 40px; padding-right: 40px; }
body.aka-page-hjalpmedel .hjm-bento-card.res-main-content { max-width: none; }
body.aka-page-hjalpmedel .res-affiliate-heading { font-weight: 800; font-size: 1.1rem; color: var(--h-dark, #2c3e50); margin: 0 0 10px 0; }
body.aka-page-hjalpmedel .res-affiliate-info p { margin: 0; padding: 0 4px 0 0; line-height: 1.6; color: #555; }
body.aka-page-hjalpmedel .res-cta-hjalpmedel { padding: 0 28px; }
body.aka-page-hjalpmedel .res-cta-hjalpmedel .res-btn-primary { background: var(--color-brand, #1abc9c); }
body.aka-page-hjalpmedel .res-cta-hjalpmedel .res-btn-primary:hover { background: var(--color-rights, #2C3E50); }
body.aka-page-hjalpmedel .res-cta-hjalpmedel .res-btn-outline { color: var(--color-brand, #1abc9c) !important; border-color: var(--color-brand, #1abc9c); }
body.aka-page-hjalpmedel .res-cta-hjalpmedel .res-btn-outline:hover { background: #e0f2f1; color: var(--color-brand, #1abc9c) !important; }
body.aka-page-hjalpmedel .res-cta-divider { display: block; margin: 15px 0; font-size: 0.9rem; color: #999; padding: 0 4px 0 0; }
body.aka-page-hjalpmedel .res-cta-tips { font-size: 0.95rem; color: #555; line-height: 1.5; margin: 0 0 20px 0; padding: 0 4px 0 0; max-width: 560px; margin-left: auto; margin-right: auto; }

/* Utvalda produkter (kuddar & mixers) – produktkort med Amazon-länkar */
body.aka-page-hjalpmedel .res-spotlight-mixers,
body.aka-page-hjalpmedel .res-spotlight-kuddar {
    max-width: 1000px;
    margin: 50px auto;
    padding: 0 28px;
}
body.aka-page-hjalpmedel .res-spotlight-title {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--h-dark, #2c3e50);
    margin: 0 0 10px 0;
    text-align: center;
    padding: 0 16px;
}
body.aka-page-hjalpmedel .res-spotlight-intro {
    text-align: center;
    color: #555;
    max-width: 640px;
    margin: 0 auto 35px auto;
    line-height: 1.7;
    padding: 0 16px;
    letter-spacing: 0.01em;
}
body.aka-page-hjalpmedel .res-mixer-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
}
body.aka-page-hjalpmedel .res-mixer-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border-top: 4px solid var(--color-family, #E67E22);
    transition: transform 0.2s, box-shadow 0.2s;
}
body.aka-page-hjalpmedel .res-spotlight-mixers-green .res-mixer-card { border-top-color: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-spotlight-mixers-green .res-mixer-card__cta { color: var(--color-food, #27AE60); }
body.aka-page-hjalpmedel .res-spotlight-kuddar-orange .res-mixer-card { border-top-color: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-spotlight-kuddar-orange .res-mixer-card__cta { color: var(--color-family, #E67E22); }
body.aka-page-hjalpmedel .res-mixer-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}
body.aka-page-hjalpmedel .res-mixer-card__link {
    display: block;
    text-decoration: none;
    color: inherit;
}
body.aka-page-hjalpmedel .res-mixer-card__img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    padding: 24px;
    text-align: center;
    min-height: 180px;
}
body.aka-page-hjalpmedel .hjm-section--somn .res-mixer-card__img-wrap { background: rgba(230, 126, 34, 0.06); }
body.aka-page-hjalpmedel .hjm-section--mixers .res-mixer-card__img-wrap { background: rgba(13, 122, 109, 0.06); }
body.aka-page-hjalpmedel .hjm-section--reflux .res-mixer-card__img-wrap { background: rgba(41, 128, 185, 0.06); }
body.aka-page-hjalpmedel .res-mixer-card__img {
    max-width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}
body.aka-page-hjalpmedel .res-mixer-card__placeholder {
    font-size: 0.85rem;
    color: #999;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
body.aka-page-hjalpmedel .res-mixer-card__body { padding: 24px 28px 28px; }
body.aka-page-hjalpmedel .res-mixer-card__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--h-dark, #2c3e50);
    margin: 0 0 12px 0;
    padding: 0;
    letter-spacing: -0.01em;
}
body.aka-page-hjalpmedel .res-mixer-card__desc {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.65;
    margin: 0 0 16px 0;
    padding: 0;
    max-width: 38em;
}
body.aka-page-hjalpmedel .res-mixer-card__cta {
    font-weight: 700;
    font-size: 0.95rem;
    padding: 0;
}
body.aka-page-hjalpmedel .res-mixer-card:hover .res-mixer-card__cta { text-decoration: underline; }

@media (max-width: 768px) {
    body.aka-page-hjalpmedel .res-tool-grid,
    body.aka-page-hjalpmedel .res-shop-categories { padding: 0 20px; }
    body.aka-page-hjalpmedel .res-category-cards { grid-template-columns: repeat(2, 1fr); }
    body.aka-page-hjalpmedel .res-tool-grid { grid-template-columns: 1fr; }
    body.aka-page-hjalpmedel .res-stat-card-tool { padding: 24px 20px; }
    body.aka-page-hjalpmedel .res-trust-grid { grid-template-columns: 1fr; }
    body.aka-page-hjalpmedel .res-mixer-cards { grid-template-columns: 1fr; }
    body.aka-page-hjalpmedel .res-main-content { padding: 0 20px 40px; }
    body.aka-page-hjalpmedel .res-spotlight-mixers,
    body.aka-page-hjalpmedel .res-spotlight-kuddar { padding: 0 20px; }
    body.aka-page-hjalpmedel .res-affiliate-info { margin: 40px 20px; padding: 20px; }
    body.aka-page-hjalpmedel .res-cta-hjalpmedel { padding: 0 20px; }
    body.aka-page-hjalpmedel .aka-fluid-container { padding: 20px 20px 40px; }
}
@media (max-width: 480px) {
    body.aka-page-hjalpmedel .res-category-cards { grid-template-columns: 1fr; }
}

/* --- Akalasi-Nutritionisten (#aka-nutrition-tool-ui) – shortcode [aka_nutritionisten] --- */
.aka-nutritionisten-wrap {
    font-family: var(--aka-font, 'Open Sans'), sans-serif;
    max-width: 1000px;
    margin: 0 auto;
    color: #333;
    line-height: 1.6;
}
.aka-nutritionisten-wrap .aka-breadcrumbs { font-size: 11px; text-transform: uppercase; font-weight: 700; color: #999; margin-bottom: 20px; letter-spacing: 0.5px; }
.aka-nutritionisten-wrap .aka-breadcrumbs a { text-decoration: none; color: #999; transition: color 0.2s; }
.aka-nutritionisten-wrap .aka-breadcrumbs a:hover { color: var(--color-food); }

.aka-nutritionisten-wrap .aka-intro-sub { display: block; margin-top: 8px; font-size: 1rem; color: #666; font-weight: 400; }
.aka-soft-notice {
    background: transparent;
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin: 0 auto 30px auto;
    max-width: 600px;
    text-align: center;
    font-size: 0.9rem;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.aka-soft-notice a { color: var(--color-food); font-weight: 700; text-decoration: none; }
.aka-soft-notice a:hover { text-decoration: underline; }

#aka-nutrition-tool-ui {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    margin: 30px 0;
    position: relative;
    scroll-margin-top: 100px;
}
.tool-step { display: none; animation: fadeIn 0.4s ease; }
.tool-step.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
#aka-nutrition-tool-ui .tool-step h3 { color: var(--h-dark, #2C3E50); margin-top: 0; font-size: 1.3rem; margin-bottom: 20px; text-align: center; font-weight: 700; }
#aka-nutrition-tool-ui .tool-step .step-subtitle { font-weight: 400; color: #1abc9c; font-size: 0.95em; }
.tool-instruction { text-align: center; color: #666; margin-bottom: 20px; }
.aka-sond-warning { background: #fff8e6; border: 1px solid #e6b800; border-radius: 8px; padding: 14px 18px; margin-bottom: 20px; color: #5c4a00; font-size: 0.95rem; line-height: 1.45; }
.aka-sond-warning strong { color: #3d3300; }

.situation-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.situation-card {
    background: #f9f9f9;
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}
.situation-card:hover { border-color: var(--color-food); background: #f0fdf4; transform: translateY(-3px); }
.situation-card.active-card { border-color: var(--color-food); background: #e8f8f0; }
.sit-icon { font-size: 2rem; margin-bottom: 10px; }
.situation-card strong { display: block; color: #333; margin-bottom: 5px; font-size: 0.95rem; }
.situation-card small { font-size: 0.75rem; color: #777; line-height: 1.3; }

.ing-groups { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.ing-group h4 { color: var(--color-food); font-size: 0.9rem; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
.ingredient-grid { display: flex; flex-direction: column; gap: 8px; }
.ing-checkbox { display: none; }
.ing-label {
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    font-size: 0.85rem;
    color: #555;
    transition: all 0.2s;
    font-weight: 600;
}
.ing-label:hover { background: #f5f5f5; }
.ing-checkbox:checked + .ing-label { background: var(--color-food); color: #fff; border-color: var(--color-food); box-shadow: 0 2px 5px rgba(39, 174, 96, 0.2); }
.ing-checkbox:checked + .ing-label::before { content: '✓ '; }

.result-meta { text-align: center; margin-bottom: 20px; font-size: 0.95em; color: #555; }
.result-group-title {
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--h-dark, #2C3E50);
	margin: 28px 0 12px 0;
	padding-bottom: 6px;
	border-bottom: 2px solid var(--color-food);
}
.result-group-title:first-of-type { margin-top: 0; }
.result-list { display: grid; grid-template-columns: 1fr; gap: 20px; }
.result-empty { text-align: center; padding: 20px; color: #666; }
.result-card {
    border: 1px solid #eee;
    border-top: 4px solid var(--color-food);
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    transition: transform 0.2s;
}
.result-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.rc-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; }
.rc-icon { font-size: 2rem; margin-right: 15px; }
.rc-title-area { flex: 1; }
.result-card h4 { margin: 0; color: var(--h-dark, #2C3E50); font-size: 1.3rem; font-weight: 800; }
.rc-tags { margin-top: 8px; }
.kcal-badge { background: #fff8e1; color: #b8860b; font-weight: 700; border: 1px solid #fcebb6; padding: 4px 8px; border-radius: 4px; font-size: 0.8rem; display: inline-block; margin-right: 6px; }
.result-desc { font-size: 1rem; color: #555; margin-bottom: 15px; line-height: 1.6; }
.recipe-details { margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ddd; background: #fdfdfd; padding: 20px; border-radius: 8px; }
.recipe-details strong { color: var(--h-dark, #2C3E50); display: block; margin-top: 15px; }
.recipe-details .recipe-ingredients,
.recipe-details .recipe-steps { margin-top: 5px; font-size: 0.95rem; line-height: 1.6; }
.recipe-actions { margin-top: 20px; text-align: right; border-top: 1px solid #eee; padding-top: 10px; }
.recipe-btn {
    background: #f8f9fa;
    color: #333;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 700;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}
.recipe-btn:hover { background: #e0e0e0; transform: translateY(-1px); }
.recipe-btn.print-btn { background: #fff; border-color: #333; color: #333; float: right; }

.tool-actions { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; grid-column: 1 / -1; }
.aka-nutritionisten-wrap .aka-btn-primary,
.aka-nutritionisten-wrap .aka-btn-secondary {
    padding: 12px 25px;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    cursor: pointer;
    flex: 1;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.aka-nutritionisten-wrap .aka-btn-primary { background: var(--color-food); color: #fff; }
.aka-nutritionisten-wrap .aka-btn-primary:hover { background: #1e8449; }
.aka-nutritionisten-wrap .aka-btn-secondary { background: #eee; color: #555; }
.aka-nutritionisten-wrap .aka-btn-secondary:hover { background: #ddd; }

.aka-legend { background: #f8f9fa; border: 1px solid #e9ecef; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
.aka-legend h5 { margin: 0 0 10px 0; color: var(--h-dark, #2C3E50); font-size: 0.95rem; }
.legend-grid { display: flex; flex-wrap: wrap; gap: 15px; font-size: 0.85rem; color: #555; }
.legend-note { font-size: 0.85em; color: #777; margin-top: 8px; font-style: italic; }
.shopping-hint { background: #f9f9f9; border-left: 4px solid #f39c12; padding: 8px 12px; margin: 10px 0; font-size: 0.9rem; color: #555; }
.shopping-hint.match-ok { border-left-color: var(--color-food); background: #eafaf1; color: var(--color-food); }
.tag-badge { padding: 2px 6px; border-radius: 4px; font-size: 0.8rem; margin-left: 5px; display: inline-block; }
.tag-badge.vego { background-color: #D4EFDF; color: #1E8449; }
.tag-badge.meat { background-color: #FADBD8; color: #922B21; }
.tag-badge.bird { background-color: #FCF3CF; color: #9A7D0A; }
.tag-badge.fish { background-color: #D6EAF8; color: #21618C; }
.warn-box { background: #FDEDEC; color: #C0392B; padding: 8px; border-radius: 4px; margin-top: 5px; font-size: 0.9rem; border: 1px solid #F5B7B1; }
.aka-nutritionisten-wrap .aka-footer-link { text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee; color: #999; font-size: 0.9rem; }
.aka-nutritionisten-wrap .aka-footer-link a { color: var(--color-food); font-weight: 700; text-decoration: none; }

/* --- Sektion: Nyttiga ingredienser + CTA-kort --- */
.aka-nutrition-extra { margin-top: 50px; padding-top: 40px; border-top: 2px solid #e8e8e8; }
.aka-nutrition-extra-title { font-size: 1.6rem; font-weight: 800; color: var(--h-dark, #2C3E50); margin: 0 0 16px 0; }
.aka-nutrition-extra-lead { font-size: 1.1rem; color: #555; line-height: 1.65; max-width: 800px; margin-bottom: 32px; }
.aka-nutrition-ingredients-block { margin-bottom: 40px; }
.aka-nutrition-ingredients-block h3 { font-size: 1.2rem; font-weight: 700; color: var(--color-food); margin: 24px 0 10px 0; }
.aka-nutrition-ingredients-block h3:first-child { margin-top: 0; }
.aka-nutrition-ingredients-block ul { margin: 0 0 16px 0; padding-left: 1.4em; color: #444; line-height: 1.65; }
.aka-nutrition-ingredients-block li { margin-bottom: 8px; }
.aka-nutrition-ingredients-block a { color: var(--color-food); font-weight: 600; text-decoration: none; }
.aka-nutrition-ingredients-block a:hover { text-decoration: underline; }

.aka-nutrition-ctas-title { font-size: 1.2rem; font-weight: 700; color: var(--h-dark, #2C3E50); margin: 0 0 20px 0; }
.aka-nutrition-cta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
}
.aka-nutrition-cta-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: 4px solid var(--color-food);
	border-radius: 12px;
	text-decoration: none;
	color: inherit;
	transition: box-shadow 0.2s, transform 0.2s;
}
.aka-nutrition-cta-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); transform: translateY(-2px); border-top-color: var(--color-brand); }
.aka-nutrition-cta-icon { font-size: 2rem; margin-bottom: 12px; line-height: 1; }
.aka-nutrition-cta-heading { font-size: 1.05rem; font-weight: 700; color: var(--h-dark, #2C3E50); margin-bottom: 8px; }
.aka-nutrition-cta-desc { font-size: 0.9rem; color: #666; line-height: 1.5; margin-bottom: 12px; flex: 1; }
.aka-nutrition-cta-link { font-size: 0.9rem; font-weight: 700; color: var(--color-food); }
.aka-nutrition-cta-card:hover .aka-nutrition-cta-link { color: var(--color-brand); }

@media (max-width: 900px) {
	.aka-nutrition-cta-grid { grid-template-columns: 1fr; }
}

/* Nutritionisten: dölj eventuella Divi-brödsmulor utanför vår wrapper */
/* Endast Divi-brödsmulor i första sektionen (banderollen), inte shortcodens brödsmulor */
body.aka-page-nutritionisten #main-content .et_pb_section:first-of-type .aka-breadcrumbs,
body.aka-page-nutritionisten #main-content .et_pb_section:first-of-type .et_pb_row .aka-breadcrumbs,
body.page-slug-akalasi-nutritionisten #main-content .et_pb_section:first-of-type .aka-breadcrumbs,
body.page-slug-akalasi-nutritionisten #main-content .et_pb_section:first-of-type .et_pb_row .aka-breadcrumbs { display: none !important; }

@media (max-width: 900px) {
    .aka-nutritionisten-wrap .aka-page-container { margin-top: 0 !important; padding-top: 10px !important; }
    .situation-grid { grid-template-columns: 1fr 1fr; }
    .ing-groups { grid-template-columns: 1fr; }
    #aka-nutrition-tool-ui { padding: 20px; margin: 15px 0; }
    .recipe-btn { width: 100%; justify-content: center; margin-bottom: 10px; }
    .recipe-btn.print-btn { float: none; width: 100%; }
}

@media (max-width: 600px) {
    .situation-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    #aka-blog-app .disease-grid {
        gap: 24px;
    }
    #aka-blog-app .disease-grid > .b-card {
        flex: 1 1 100%;
        max-width: none;
    }
    #aka-blog-app .blog-cat-filter {
        gap: 6px;
    }
    #aka-blog-app .cat-btn {
        padding: 6px 12px;
        font-size: 0.85rem;
    }
}

/* Artikelsidofält (custom HTML: .aka-article-sidebar) – samma kort och knappar som designsystemet */
.aka-article-sidebar {
    font-family: var(--aka-font);
    color: var(--h-dark);
}
.aka-article-sidebar .aka-sidebar-card {
    background: var(--aka-sidebar-bg);
    border: var(--aka-border-card);
    border-radius: var(--aka-radius-card);
    box-shadow: var(--aka-shadow-card);
    padding: var(--aka-sidebar-padding);
    margin-bottom: 24px;
}
.aka-article-sidebar .aka-sidebar-card:last-child {
    margin-bottom: 0;
}
.aka-article-sidebar .aka-sidebar-card h4 {
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--h-dark);
    margin: 0 0 12px 0;
}
.aka-article-sidebar .aka-sidebar-card p {
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    margin: 0 0 16px 0;
}
.aka-article-sidebar .aka-sidebar-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.aka-article-sidebar .aka-sidebar-card li {
    margin-bottom: 10px;
}
.aka-article-sidebar .aka-sidebar-card li a {
    color: var(--color-care);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}
.aka-article-sidebar .aka-sidebar-card li a:hover {
    color: var(--color-brand);
}
.aka-article-sidebar .aka-sidebar-btn {
    display: inline-block;
    padding: 12px 22px;
    min-height: 44px;
    border-radius: var(--aka-radius-btn);
    font-family: var(--aka-font);
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    text-align: center;
    border: none;
    transition: all 0.25s ease;
    box-sizing: border-box;
}
.aka-article-sidebar .aka-sidebar-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* Shortcodes [aka_sidebar_articles|shop|forum]: kompakta kategorilänkar, ingen kolumnbakgrund från Divi */
.aka-article-sidebar .aka-sidebar-pill-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.aka-article-sidebar .aka-sidebar-pill-list li {
    margin: 0;
}
.aka-article-sidebar .aka-sidebar-pill-list a {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    background: #f1f5f9;
    color: var(--h-dark) !important;
    text-decoration: none !important;
    border: 1px solid rgba(148, 163, 184, 0.35);
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    box-sizing: border-box;
}
.aka-article-sidebar .aka-sidebar-pill-list a:hover {
    background: #e2e8f0;
    color: var(--color-brand) !important;
}
/* Smart kategori-layout: utfällbar lista i stället för ojämna piller */
.aka-article-sidebar .aka-sidebar-category-accordion {
    margin-top: 4px;
}
.aka-article-sidebar .aka-sidebar-category-accordion summary {
    list-style: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}
.aka-article-sidebar .aka-sidebar-category-accordion summary::-webkit-details-marker {
    display: none;
}
.aka-article-sidebar .aka-sidebar-category-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: grid;
    gap: 8px;
}
.aka-article-sidebar .aka-sidebar-category-list a {
    display: block;
    text-decoration: none;
    color: var(--h-dark);
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 600;
    transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.aka-article-sidebar .aka-sidebar-category-list a:hover {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: var(--color-brand);
}

/* Minimal delning i sidopanel */
.aka-article-sidebar .aka-sidebar-share-icons {
    display: flex;
    gap: 8px;
    align-items: center;
}
.aka-article-sidebar .aka-sidebar-share-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    transition: transform 0.2s, filter 0.2s;
}
.aka-article-sidebar .aka-sidebar-share-icon:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}
.aka-article-sidebar .aka-sidebar-share-icon.fb { background: #1877F2; }
.aka-article-sidebar .aka-sidebar-share-icon.wa { background: #25D366; }
.aka-article-sidebar .aka-sidebar-share-icon.x { background: #111827; }
.aka-article-sidebar .aka-sidebar-share-icon.copy { background: var(--h-dark); }

/* Egen mobil-shortcode: [aka_sidebar_articles_mobile] */
@media (min-width: 981px) {
    .aka-context-sidebar-mobile {
        display: none !important;
    }
}
@media (max-width: 980px) {
    .aka-context-sidebar-mobile {
        display: block;
        margin-top: 16px;
    }
}
.aka-article-quick-search {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
.aka-article-quick-search input[type="search"] {
    flex: 1;
    min-width: 0;
    height: 40px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 0 12px;
    background: #fff;
}
.aka-article-quick-search button {
    height: 40px;
    border: none;
    border-radius: 999px;
    background: var(--color-brand);
    color: #fff;
    font-weight: 700;
    padding: 0 14px;
    cursor: pointer;
}
#main-content .et_pb_column:has(.aka-context-sidebar) {
    background-color: transparent !important;
    background-image: none !important;
}
.aka-sidebar-card .aka-product-search-form {
    margin-top: 8px;
}

/* Single post: gör shortcode-sidopanelen mer kompakt och tydlig */
body.single-post .aka-context-sidebar {
    max-width: 360px;
    margin-left: auto;
}
body.single-post .aka-context-sidebar .aka-sidebar-card {
    padding: 20px;
    margin-bottom: 16px;
}
body.single-post .aka-context-sidebar .aka-sidebar-card h4 {
    margin-bottom: 10px;
}
body.single-post .aka-context-sidebar .aka-sidebar-card p {
    margin-bottom: 12px;
}
body.single-post .aka-context-sidebar .aka-sidebar-pill-list {
    gap: 6px;
}
body.single-post .aka-context-sidebar .aka-sidebar-pill-list a {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 9px;
}
@media (min-width: 981px) {
    body.single-post #main-content .et_pb_column:has(.aka-context-sidebar) .aka-context-sidebar {
        position: sticky;
        top: 110px;
    }
}
@media (max-width: 980px) {
    body.single-post .aka-context-sidebar {
        max-width: none;
        margin-left: 0;
    }
    .aka-article-sidebar .aka-sidebar-pill-list {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   Taggarkiv (tag.php) — magasin-stil ämnesnav
   ============================================================ */

body.tag .aka-tag-archive,
.aka-tag-archive {
    --aka-tag-max: 1200px;
    --aka-tag-radius-lg: 28px;
    --aka-tag-radius-md: 20px;
    --aka-tag-border: rgba(20, 83, 76, 0.12);
    --aka-tag-shadow: 0 18px 45px rgba(15, 50, 45, 0.08);
    --aka-tag-text: #1f2933;
    --aka-tag-muted: #64748b;
    --aka-tag-soft: #f4fbfa;
    --aka-tag-brand: var(--color-brand, #1abc9c);
    --aka-tag-care: var(--color-care, #2874A6);
    max-width: var(--aka-tag-max);
    margin: 0 auto;
    padding: 1rem 1.25rem 4rem;
    font-family: var(--aka-font, 'Open Sans', system-ui, sans-serif);
    color: var(--aka-tag-text);
}

/* Hero — gradient card */
.aka-tag-archive__hero {
    margin: 1rem 0 2.25rem;
    padding: clamp(1.6rem, 4vw, 3rem) clamp(1.4rem, 4vw, 3rem);
    border-radius: var(--aka-tag-radius-lg);
    border: 1px solid var(--aka-tag-border);
    background:
        linear-gradient(135deg, rgba(224, 242, 241, 0.92), rgba(232, 244, 252, 0.86)),
        #ffffff;
    box-shadow: var(--aka-tag-shadow);
}

.aka-tag-archive__kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    background: rgba(26, 188, 156, 0.14);
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.aka-tag-archive__kicker-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--aka-tag-brand);
}

.aka-tag-archive__title {
    margin: 0 0 0.6rem;
    font-size: clamp(2.1rem, 5vw, 3.8rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.035em;
    color: #123733;
}

.aka-tag-archive__hash {
    color: var(--aka-tag-brand);
    margin-right: 0.1em;
}

.aka-tag-archive__lead {
    margin: 0 0 1rem;
    max-width: 760px;
    color: #36514d;
    font-size: clamp(1rem, 1.3vw, 1.15rem);
    line-height: 1.7;
}

.aka-tag-archive__lead p:last-child {
    margin-bottom: 0;
}

.aka-tag-archive__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    color: var(--aka-tag-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.aka-tag-archive__meta-sep {
    color: #cbd5e1;
}

.aka-tag-archive__follow {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.05rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.18);
    color: #0f172a;
    font: 700 0.9rem/1.2 inherit;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.aka-tag-archive__follow:hover {
    background: #f1f5f9;
    border-color: var(--aka-tag-brand);
}

.aka-tag-archive__follow-icon {
    font-weight: 800;
    color: var(--aka-tag-brand);
}

/* Layout: enkolumns ämnessida */
.aka-tag-archive__layout {
    display: block;
}

.aka-tag-archive__main {
    min-width: 0;
    max-width: 100%;
}

/* Grid — defaults 3 kolumner, override via modifier-klasser */
.aka-tag-archive__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.4rem;
}

.aka-tag-archive__grid.aka-tag-grid--1 {
    grid-template-columns: 1fr;
}

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

.aka-tag-archive__item {
    margin: 0;
}

/* 1-artikel: håll kortet inom main-kolumnen (plan B) */
.aka-tag-grid--1 .aka-tag-archive__item {
    grid-column: 1 / 2;
    max-width: 100%;
    min-width: 0;
}

.aka-tag-grid--1 .aka-tag-card {
    max-width: 100%;
    min-width: 0;
}

/* 1-artikel: magasin-/preview-format på desktop (bild vänster, text höger) */
@media (min-width: 720px) {
    .aka-tag-grid--1 .aka-tag-card {
        flex-direction: row;
        align-items: stretch;
    }
    .aka-tag-grid--1 .aka-tag-card__media {
        flex: 0 0 55%;
        min-width: 0;
        aspect-ratio: 16 / 10;
    }
    .aka-tag-grid--1 .aka-tag-card__body {
        flex: 1 1 45%;
        padding: clamp(1.4rem, 3vw, 2.2rem) clamp(1.4rem, 3vw, 2.4rem);
        gap: 0.7rem;
        justify-content: center;
    }
    .aka-tag-grid--1 .aka-tag-card__title {
        font-size: clamp(1.4rem, 2.4vw, 1.8rem);
        line-height: 1.22;
        letter-spacing: -0.025em;
    }
    .aka-tag-grid--1 .aka-tag-card__excerpt {
        font-size: 1rem;
        line-height: 1.65;
    }
}

/* Kort — mjuk magasinstil */
.aka-tag-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--aka-tag-border);
    border-radius: var(--aka-tag-radius-md);
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(15, 50, 45, 0.07);
    transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    height: 100%;
}

.aka-tag-card:hover,
.aka-tag-card:focus-within {
    transform: translateY(-3px);
    border-color: rgba(26, 188, 156, 0.34);
    box-shadow: 0 18px 42px rgba(15, 50, 45, 0.11);
}

.aka-tag-card__media {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--aka-tag-soft);
}

.aka-tag-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.aka-tag-card:hover .aka-tag-card__media img {
    transform: scale(1.03);
}

.aka-tag-card__body {
    padding: 1.1rem 1.15rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    flex: 1;
}

.aka-tag-card__pillar {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--aka-tag-muted);
}

.aka-tag-card.pillar-allmant-fakta   .aka-tag-card__pillar { color: #1ABC9C; }
.aka-tag-card.pillar-behandling      .aka-tag-card__pillar { color: #F39C12; }
.aka-tag-card.pillar-diagnos-symptom .aka-tag-card__pillar { color: #E74C3C; }
.aka-tag-card.pillar-forskning       .aka-tag-card__pillar { color: #2980B9; }
.aka-tag-card.pillar-mat-kost        .aka-tag-card__pillar { color: #27AE60; }
.aka-tag-card.pillar-berattelser     .aka-tag-card__pillar { color: #E67E22; }
.aka-tag-card.pillar-livsstil        .aka-tag-card__pillar { color: #8E44AD; }

.aka-tag-card__title {
    margin: 0;
    font-size: 1.18rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #123733;
}

.aka-tag-card__title a {
    color: inherit;
    text-decoration: none;
}

.aka-tag-card__title a:hover,
.aka-tag-card__title a:focus {
    color: var(--aka-tag-care);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.aka-tag-card__excerpt {
    margin: 0;
    color: #52635f;
    font-size: 0.95rem;
    line-height: 1.6;
    flex: 1;
}

.aka-tag-card__meta {
    margin-top: 0.35rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.83rem;
    color: var(--aka-tag-muted);
    font-weight: 600;
}

.aka-tag-card__meta-sep {
    color: #cbd5e1;
}

.aka-tag-card__cta {
    color: #0f766e;
    font-weight: 800;
    text-decoration: none;
    margin-left: auto;
}

.aka-tag-card__cta:hover,
.aka-tag-card__cta:focus {
    color: var(--aka-tag-care);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Pagination — pill-style */
.aka-tag-archive__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin: 2.5rem 0 0;
}

.aka-tag-archive__pagination a,
.aka-tag-archive__pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--aka-tag-border);
    color: #123733;
    font-weight: 800;
    text-decoration: none;
    font-size: 0.92rem;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.aka-tag-archive__pagination a:hover,
.aka-tag-archive__pagination a:focus,
.aka-tag-archive__pagination .page-numbers.current {
    border-color: rgba(26, 188, 156, 0.4);
    background: rgba(26, 188, 156, 0.13);
    color: #0f766e;
}

.aka-tag-archive__pagination .page-numbers.dots {
    border: 0;
    background: transparent;
    color: #94a3b8;
    min-width: auto;
}

/* Tomt läge — centered card */
.aka-tag-archive__empty {
    text-align: center;
    padding: clamp(2rem, 5vw, 3.4rem);
    background: #fff;
    border: 1px solid var(--aka-tag-border);
    border-radius: var(--aka-tag-radius-lg);
    box-shadow: var(--aka-tag-shadow);
}

.aka-tag-archive__empty h2 {
    margin: 0 0 0.6rem;
    color: #123733;
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    letter-spacing: -0.025em;
}

.aka-tag-archive__empty p {
    margin: 0 auto 1.4rem;
    color: #52635f;
    max-width: 580px;
    line-height: 1.7;
}

.aka-tag-archive__empty-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    gap: 0.55rem;
    text-align: left;
}

.aka-tag-archive__empty-links a {
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

.aka-tag-archive__empty-links a:hover,
.aka-tag-archive__empty-links a:focus {
    color: var(--aka-tag-care);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Underflöde: relaterade ämnen, forum-CTA och diskreta länkar */
.aka-tag-archive__after {
    display: grid;
    gap: 1.35rem;
    margin-top: 2.25rem;
}

.aka-tag-archive__related,
.aka-tag-archive__discussion {
    border: 1px solid var(--aka-tag-border);
    border-radius: var(--aka-tag-radius-md);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 10px 28px rgba(15, 50, 45, 0.06);
    padding: clamp(1.1rem, 2vw, 1.5rem);
}

.aka-tag-archive__related h2,
.aka-tag-archive__discussion h2 {
    margin: 0 0 0.8rem;
    color: #123733;
    font-size: 1.12rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.aka-tag-archive__related-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.aka-tag-archive__related-list a {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(26, 188, 156, 0.11);
    color: #0f766e;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.aka-tag-archive__related-list a:hover,
.aka-tag-archive__related-list a:focus {
    background: rgba(40, 116, 166, 0.12);
    color: var(--aka-tag-care);
}

.aka-tag-archive__discussion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.aka-tag-archive__section-kicker {
    margin: 0 0 0.35rem;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.aka-tag-archive__discussion p:not(.aka-tag-archive__section-kicker) {
    margin: 0;
    max-width: 680px;
    color: #52635f;
    line-height: 1.6;
}

.aka-tag-archive__discussion > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    background: var(--aka-tag-brand);
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

.aka-tag-archive__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.1rem;
    padding: 0.25rem 0.15rem;
}

.aka-tag-archive__links a {
    color: #52635f;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
}

.aka-tag-archive__links a:hover,
.aka-tag-archive__links a:focus {
    color: var(--aka-tag-care);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Responsive breakpoints */
@media (max-width: 1180px) {
    .aka-tag-archive__layout {
        display: block;
    }
}

@media (max-width: 900px) {
    .aka-tag-archive__grid,
    .aka-tag-archive__grid.aka-tag-grid--3plus {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .aka-tag-archive__grid.aka-tag-grid--1 .aka-tag-card {
        flex-direction: column;
    }
    .aka-tag-archive__grid.aka-tag-grid--1 .aka-tag-card__media {
        flex: none;
    }
}

@media (max-width: 680px) {
    .aka-tag-archive__grid,
    .aka-tag-archive__grid.aka-tag-grid--1,
    .aka-tag-archive__grid.aka-tag-grid--2,
    .aka-tag-archive__grid.aka-tag-grid--3plus {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .aka-tag-archive__hero {
        padding: 1.5rem 1.25rem;
    }
    .aka-tag-archive__discussion {
        align-items: stretch;
        flex-direction: column;
    }
    .aka-tag-archive__discussion > a {
        width: 100%;
    }
    .aka-tag-archive__pagination a,
    .aka-tag-archive__pagination .page-numbers {
        min-width: 38px;
        min-height: 38px;
        padding: 0.45rem 0.7rem;
    }
}

/* ============================================================
   [aka_vard_link] — redaktionell länknot till Hitta vård
   Inte ett "produktkort". Tonen är lugn, textlänks-driven.
   ============================================================ */
.aka-vard-link {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin: clamp(1.25rem, 2vw, 1.75rem) 0;
    padding: 1rem 1.1rem;
    background: #fafaf7;
    border: 1px solid #e9e7df;
    border-left: 3px solid var(--color-care, #5a7fa3);
    border-radius: 6px;
    font-family: var(--aka-art-font-body, Georgia, 'Times New Roman', serif);
}
.aka-vard-link__icon {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-care, #5a7fa3);
    opacity: 0.85;
    margin-top: 2px;
}
.aka-vard-link__body {
    flex: 1 1 auto;
    min-width: 0;
}
.aka-vard-link__kicker {
    margin: 0 0 0.15rem;
    font-family: var(--aka-art-font-ui, system-ui, -apple-system, sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-care, #5a7fa3);
}
.aka-vard-link__title {
    margin: 0 0 0.25rem;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    color: #1f2330;
}
.aka-vard-link__desc {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #4a4f5c;
}
.aka-vard-link__cta {
    flex: 0 0 auto;
    align-self: center;
    margin-left: 0.5rem;
    font-family: var(--aka-art-font-ui, system-ui, -apple-system, sans-serif);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-care, #5a7fa3);
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease, color 0.15s ease;
}
.aka-vard-link__cta::after {
    content: " ›";
    font-weight: 400;
}
.aka-vard-link__cta:hover,
.aka-vard-link__cta:focus-visible {
    color: #2f5275;
    border-bottom-color: currentColor;
}

@media (max-width: 600px) {
    .aka-vard-link {
        flex-wrap: wrap;
    }
    .aka-vard-link__cta {
        margin-left: 0;
        margin-top: 0.4rem;
        flex-basis: 100%;
    }
}