/* Befintliga TGK-komponenter, anpassade för Trädgårdskartan – Upptäck. Generella regler är avgränsade till .tgkg-content. */
/* -------- FARGVARIABLER -------- */
:root {
    --tgk-ink: #15241B;
    --tgk-forest: #145A38;
    --tgk-text: #33403A;
    --tgk-mute: #6D7A70;
    --tgk-pollen: #C79A25;
    --tgk-pollen-soft: #EBCB6B;
    --tgk-leaf: #4E8B4A;
    --tgk-link: #14683D;
    --tgk-panel: #F1F7F0;
    --tgk-line: #D9E5D7;
    --tgk-good: #2F7D4F;
    --tgk-bad: #A5412C;
    --tgk-shadow: rgba(21, 36, 27, 0.08);
    --tgk-shadow-deep: rgba(21, 36, 27, 0.24);
}


/* -------- RUBRIKER -------- */
.tgkg-content :is(h2, h3, h4) {
    color: var(--tgk-ink) !important;
    line-height: 1.3 !important;
}

.tgkg-content h2 {
    border-bottom: 2px solid var(--tgk-forest) !important;
    padding-bottom: 10px !important;
    margin-top: 44px !important;
    margin-bottom: 22px !important;
    font-weight: 700 !important;
    position: relative !important;
}

.tgkg-content h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 70px !important;
    height: 2px !important;
    background-color: var(--tgk-pollen) !important;
}

.tgkg-content h3 {
    border-left: 4px solid var(--tgk-leaf) !important;
    padding-left: 14px !important;
    margin-top: 34px !important;
    margin-bottom: 16px !important;
    font-weight: 600 !important;
}

.tgkg-content h4 {
    color: var(--tgk-leaf) !important;
    margin-top: 26px !important;
    margin-bottom: 12px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    font-size: 17px !important;
}


/* -------- LANKAR I BRODTEXT -------- */
.tgkg-content :is(p, li, td, th) a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}


/* -------- PUNKTLISTOR -------- */
.tgkg-content ul:is(:not([class]), .wp-block-list) {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 22px auto !important;
    line-height: 1.6 !important;
}

.tgkg-content ul:is(:not([class]), .wp-block-list) > li {
    position: relative !important;
    padding-left: 30px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
    color: var(--tgk-text) !important;
}

.tgkg-content ul:is(:not([class]), .wp-block-list) > li::before {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    top: 11px !important;
    width: 12px !important;
    height: 12px !important;
    background-color: var(--tgk-pollen) !important;
    border: 2px solid var(--tgk-forest) !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
}

.tgkg-content ul:is(:not([class]), .wp-block-list) > li strong {
    color: var(--tgk-ink) !important;
}


/* -------- PANELLISTA (.tgk-list) -------- */
.tgk-list {
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-line) !important;
    border-left: 4px solid var(--tgk-pollen) !important;
    border-radius: 4px !important;
    padding: 18px 22px 18px 42px !important;
    margin: 22px auto !important;
    line-height: 1.7 !important;
    list-style: disc !important;
}

.tgk-list li {
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    color: var(--tgk-text) !important;
    list-style: disc !important;
}

.tgk-list li:last-child {
    margin-bottom: 0 !important;
}

.tgk-list li::marker {
    color: var(--tgk-leaf) !important;
}

.tgk-list li strong {
    color: var(--tgk-ink) !important;
}

.tgk-list li::before {
    display: none !important;
    content: none !important;
}


/* -------- CHECKLISTA (.tgk-checklista) -------- */
.tgk-checklista {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 22px auto !important;
    line-height: 1.6 !important;
}

.tgk-checklista li {
    position: relative !important;
    padding-left: 34px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 12px !important;
    list-style: none !important;
    color: var(--tgk-text) !important;
}

.tgk-checklista li:last-child {
    margin-bottom: 0 !important;
}

.tgk-checklista li::before {
    content: "\2713" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    width: 22px !important;
    height: 22px !important;
    background: var(--tgk-good) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.tgk-checklista li strong {
    color: var(--tgk-ink) !important;
}


/* -------- NUMRERADE LISTOR -------- */
.tgkg-content ol:is(:not([class]), .wp-block-list) {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 24px auto !important;
    counter-reset: tgkstep !important;
}

.tgkg-content ol:is(:not([class]), .wp-block-list) > li {
    counter-increment: tgkstep !important;
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid var(--tgk-line) !important;
    border-left: 4px solid var(--tgk-leaf) !important;
    border-radius: 4px !important;
    padding: 16px 20px 16px 66px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px var(--tgk-shadow) !important;
    list-style: none !important;
    color: var(--tgk-text) !important;
    line-height: 1.55 !important;
    min-height: 30px !important;
}

.tgkg-content ol:is(:not([class]), .wp-block-list) > li::before {
    content: counter(tgkstep) !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    background: var(--tgk-forest) !important;
    color: #ffffff !important;
    border: 2px solid var(--tgk-pollen) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

.tgkg-content ol:is(:not([class]), .wp-block-list) > li strong {
    color: var(--tgk-ink) !important;
}


/* -------- TABELLER, GRUND -------- */
.tgkg-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--tgk-forest) !important;
    background-color: #ffffff !important;
    margin: 24px auto !important;
    font-size: 15px !important;
    table-layout: auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-shadow: 0 2px 4px var(--tgk-shadow) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.tgkg-content figure.wp-block-table {
    margin: 24px auto !important;
    overflow: visible !important;
}

.tgkg-content figure.wp-block-table table {
    margin: 0 auto !important;
}

.tgkg-content figure.wp-block-table figcaption {
    margin-top: 8px !important;
    color: var(--tgk-mute) !important;
    font-size: 14px !important;
    text-align: left !important;
}

.tgkg-content table caption {
    caption-side: top !important;
    text-align: left !important;
    padding: 0 0 8px 0 !important;
    color: var(--tgk-mute) !important;
    font-size: 14px !important;
}

.tgkg-content table thead {
    border-bottom: 3px solid var(--tgk-pollen) !important;
}

.tgkg-content table thead tr,
.tgkg-content table th {
    background-color: var(--tgk-forest) !important;
    color: #ffffff !important;
}

.tgkg-content table th {
    padding: 13px 15px !important;
    border: 1px solid var(--tgk-forest) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.tgkg-content table td {
    padding: 12px 15px !important;
    border: 1px solid var(--tgk-line) !important;
    color: var(--tgk-text) !important;
    vertical-align: top !important;
    text-align: left !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.tgkg-content table tbody tr:nth-child(even) {
    background-color: var(--tgk-panel) !important;
}

.tgkg-content table td:first-child {
    color: var(--tgk-ink) !important;
    font-weight: 600 !important;
}

.tgkg-content table td strong {
    color: var(--tgk-ink) !important;
}

.tgkg-content table td a,
.tgkg-content table th a {
    font-weight: 600 !important;
}

.tgkg-content table th a {
    color: #ffffff !important;
    text-decoration-color: var(--tgk-pollen) !important;
}


/* -------- GRANSKAD AV-RAD -------- */
.tgk-review-bar {
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-line) !important;
    border-left: 4px solid var(--tgk-forest) !important;
    border-radius: 4px !important;
    padding: 12px 18px !important;
    margin: 0 auto 26px auto !important;
    color: var(--tgk-text) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.tgk-review-bar strong {
    color: var(--tgk-ink) !important;
}

.tgk-review-bar a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
}


/* -------- FAKTARUTA -------- */
.tgk-info-box {
    background-color: #ffffff !important;
    border: 1px solid var(--tgk-line) !important;
    border-left: 5px solid var(--tgk-pollen) !important;
    border-radius: 4px !important;
    padding: 18px 22px !important;
    margin: 26px auto !important;
    color: var(--tgk-text) !important;
    line-height: 1.65 !important;
    box-shadow: 0 1px 3px var(--tgk-shadow) !important;
}

.tgk-info-box p:first-child {
    margin-top: 0 !important;
}

.tgk-info-box p:last-child {
    margin-bottom: 0 !important;
}

.tgk-info-box strong {
    color: var(--tgk-ink) !important;
}

.tgk-info-box a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}


/* -------- BESOKSRUTA -------- */
.tgk-besok-box {
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-line) !important;
    border-top: 4px solid var(--tgk-leaf) !important;
    border-radius: 4px !important;
    padding: 18px 22px !important;
    margin: 26px auto !important;
    color: var(--tgk-text) !important;
    line-height: 1.7 !important;
}

.tgk-besok-box p {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.tgk-besok-box p:last-child {
    margin-bottom: 0 !important;
}

.tgk-besok-box p:first-child strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: var(--tgk-forest) !important;
    font-size: 17px !important;
    letter-spacing: normal !important;
}

.tgk-besok-box strong {
    display: inline !important;
    color: var(--tgk-ink) !important;
    font-size: inherit !important;
}

.tgk-besok-box a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}


/* -------- TIPSRUTA -------- */
.tgk-tip-box {
    background: var(--tgk-forest) !important;
    border-left: 5px solid var(--tgk-pollen) !important;
    border-radius: 4px !important;
    padding: 20px 24px !important;
    margin: 26px auto !important;
    line-height: 1.65 !important;
    box-shadow: 0 3px 8px var(--tgk-shadow-deep) !important;
    position: relative !important;
}

.tgk-tip-box,
.tgk-tip-box *,
.tgk-tip-box p,
.tgk-tip-box span,
.tgk-tip-box h2,
.tgk-tip-box h3,
.tgk-tip-box h4,
.tgk-tip-box h5,
.tgk-tip-box h6,
.tgk-tip-box li,
.tgk-tip-box td,
.tgk-tip-box th {
    color: #ffffff !important;
}

.tgk-tip-box p:first-child {
    margin-top: 0 !important;
}

.tgk-tip-box p:last-child {
    margin-bottom: 0 !important;
}

.tgk-tip-box strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: var(--tgk-pollen-soft) !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
}

.tgkg-content .tgk-tip-box a {
    color: var(--tgk-pollen-soft) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
}


/* -------- BRA-RUTA OCH UNDVIK-RUTA -------- */
.tgk-bra-box,
.tgk-undvik-box {
    background-color: #ffffff !important;
    border: 1px solid var(--tgk-line) !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    margin: 22px auto !important;
    color: var(--tgk-text) !important;
    line-height: 1.65 !important;
    box-shadow: 0 1px 3px var(--tgk-shadow) !important;
}

.tgk-bra-box {
    border-left: 5px solid var(--tgk-good) !important;
}

.tgk-undvik-box {
    border-left: 5px solid var(--tgk-bad) !important;
}

.tgk-bra-box p:first-child,
.tgk-undvik-box p:first-child {
    margin-top: 0 !important;
}

.tgk-bra-box p:last-child,
.tgk-undvik-box p:last-child {
    margin-bottom: 0 !important;
}

.tgk-bra-box strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--tgk-good) !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
}

.tgk-undvik-box strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--tgk-bad) !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
}


/* -------- MYT MOT FAKTA -------- */
.tgk-myt-box {
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-line) !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    margin: 22px auto !important;
    color: var(--tgk-text) !important;
    line-height: 1.65 !important;
}

.tgk-myt-box p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.tgk-myt-box p:last-child {
    margin-bottom: 0 !important;
}

.tgk-myt-box .tgk-myt,
.tgk-myt-box .tgk-fakta {
    display: inline-block !important;
    margin-right: 8px !important;
    padding: 2px 10px !important;
    border-radius: 2px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    vertical-align: baseline !important;
}

.tgk-myt-box .tgk-myt {
    background: var(--tgk-bad) !important;
}

.tgk-myt-box .tgk-fakta {
    background: var(--tgk-good) !important;
}


/* -------- INLINE-ETIKETT -------- */
.tgk-etiketter {
    margin: 20px auto !important;
    line-height: 2.1 !important;
}

.tgk-etikett {
    display: inline-block !important;
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-leaf) !important;
    border-radius: 2px !important;
    padding: 3px 10px !important;
    margin: 0 6px 6px 0 !important;
    color: var(--tgk-forest) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.5 !important;
}


/* -------- LANK SOM KNAPP -------- */
.tgkg-content a.tgk-btn {
    display: inline-block !important;
    background: var(--tgk-forest) !important;
    border: 2px solid var(--tgk-forest) !important;
    border-radius: 3px !important;
    padding: 12px 26px !important;
    margin: 22px 0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

.tgkg-content a.tgk-btn:hover,
.tgkg-content a.tgk-btn:focus {
    background: var(--tgk-leaf) !important;
    border-color: var(--tgk-leaf) !important;
    color: #ffffff !important;
}


/* -------- UPPDATERINGSBUBBLA -------- */
.tgk-bubble {
    position: relative !important;
    background: #ffffff !important;
    border: 2px solid var(--tgk-forest) !important;
    border-radius: 4px !important;
    padding: 48px 26px 24px 26px !important;
    margin: 52px auto 30px auto !important;
    box-shadow: 0 2px 6px var(--tgk-shadow) !important;
    color: var(--tgk-text) !important;
    line-height: 1.65 !important;
}

.tgk-bubble p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.tgk-bubble strong {
    color: var(--tgk-ink) !important;
}

.tgk-bubble a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
}

.tgk-bubble-badge {
    position: absolute !important;
    top: -14px !important;
    left: 24px !important;
    z-index: 2 !important;
    background: var(--tgk-forest) !important;
    color: #ffffff !important;
    border: 1px solid var(--tgk-pollen) !important;
    border-radius: 2px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
}


/* -------- CITATBLOCK -------- */
.tgk-quote {
    position: relative !important;
    background: var(--tgk-panel) !important;
    border: 0 !important;
    border-left: 5px solid var(--tgk-forest) !important;
    border-radius: 4px !important;
    padding: 24px 28px 24px 68px !important;
    margin: 30px auto !important;
    color: var(--tgk-ink) !important;
    font-style: italic !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    quotes: none !important;
}

.tgk-quote p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.tgk-quote::before {
    content: "\201C" !important;
    position: absolute !important;
    left: 20px !important;
    top: 10px !important;
    color: var(--tgk-pollen) !important;
    font-size: 44px !important;
    font-style: normal !important;
    line-height: 1 !important;
}

.tgk-quote cite {
    display: block !important;
    margin-top: 12px !important;
    color: var(--tgk-mute) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}


/* -------- KALLBLOCK -------- */
.tgk-kallor {
    background: var(--tgk-panel) !important;
    border: 1px solid var(--tgk-line) !important;
    border-top: 3px solid var(--tgk-leaf) !important;
    border-radius: 4px !important;
    padding: 18px 22px !important;
    margin: 34px auto 0 auto !important;
    color: var(--tgk-text) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.tgk-kallor p:first-child {
    margin-top: 0 !important;
}

.tgk-kallor p:last-child {
    margin-bottom: 0 !important;
}

.tgk-kallor strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--tgk-ink) !important;
    font-size: 16px !important;
    letter-spacing: normal !important;
}

.tgk-kallor ul,
.tgk-kallor-lista {
    list-style: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
}

.tgk-kallor li,
.tgk-kallor-lista li {
    position: relative !important;
    margin-bottom: 6px !important;
    padding-left: 18px !important;
    list-style: none !important;
}

.tgk-kallor li:last-child,
.tgk-kallor-lista li:last-child {
    margin-bottom: 0 !important;
}

.tgk-kallor li::before,
.tgk-kallor-lista li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 8px !important;
    height: 8px !important;
    background: var(--tgk-pollen) !important;
    border: 0 !important;
    border-radius: 50% !important;
}

.tgk-kallor a {
    color: var(--tgk-link) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--tgk-pollen) !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
}


/* -------- BILDER OCH BILDTEXTER -------- */
.tgkg-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* width: auto overtrumfar bade WordPress inline-bredd och temats uppskalning,
   sa behallaren kryper ihop runt bilden i stallet for att strackas ut */
.tgkg-content .wp-caption {
    width: auto !important;
    max-width: 100% !important;
    margin: 28px 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* width: auto hindrar temat fran att blasa upp sma bilder till spaltbredd,
   och margin: 0 tar bort glappet mellan bild och bildtext */
.tgkg-content .wp-caption img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    vertical-align: bottom !important;
}

.tgkg-content .wp-caption-text {
    display: block !important;
    margin: 10px 0 0 0 !important;
    padding: 4px 0 4px 12px !important;
    border-left: 3px solid var(--tgk-pollen) !important;
    color: var(--tgk-mute) !important;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Full bredd och alltid under foregaende flytande bild */
.tgkg-content :is(.alignnone, .aligncenter) {
    display: block !important;
    clear: both !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.tgkg-content .wp-caption.alignnone {
    width: auto !important;
}

/* Flytande bilder: clear hindrar att tva bilder pa samma sida staplas over varandra */
.tgkg-content .alignright {
    float: right !important;
    clear: right !important;
    margin: 6px 0 22px 28px !important;
}

.tgkg-content .alignleft {
    float: left !important;
    clear: left !important;
    margin: 6px 28px 22px 0 !important;
}

/* Rubriker och block far aldrig hamna bredvid en bild */
.tgkg-content :is(h2, h3, table, .tgk-tip-box, .tgk-info-box, .tgk-besok-box, .tgk-myt-box, .tgk-bra-box, .tgk-undvik-box, .tgk-bubble, .tgk-quote, .tgk-kallor) {
    clear: both !important;
}


/* =========================================================================
   MOBIL, MAX 700px
   ========================================================================= */
@media (max-width: 700px) {

    /* -------- TABELLER MED 2 KOLUMNER: KOMPAKT TABELL -------- */
    .tgkg-content table {
        table-layout: fixed !important;
        font-size: 12px !important;
        border-radius: 4px !important;
    }

    .tgkg-content table th {
        padding: 8px 6px !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }

    .tgkg-content table td {
        padding: 8px 6px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        vertical-align: top !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }

    /* -------- TABELLER MED 3 KOLUMNER ELLER FLER: STAPLADE KORT -------- */
    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) {
        display: block !important;
        width: 100% !important;
        margin: 24px auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        table-layout: auto !important;
        overflow: visible !important;
        font-size: 14px !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) caption {
        display: block !important;
        padding: 0 0 10px 0 !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody {
        display: block !important;
        width: 100% !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr {
        display: block !important;
        margin: 0 0 14px 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 1px solid var(--tgk-line) !important;
        border-left: 4px solid var(--tgk-pollen) !important;
        border-radius: 4px !important;
        box-shadow: 0 1px 3px var(--tgk-shadow) !important;
        overflow: hidden !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr:nth-child(even) {
        background: #ffffff !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody :is(td, th) {
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        gap: 14px !important;
        width: auto !important;
        padding: 10px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--tgk-line) !important;
        background: transparent !important;
        color: var(--tgk-text) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        letter-spacing: normal !important;
        text-align: right !important;
        text-transform: none !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr > :last-child {
        border-bottom: 0 !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody :is(td, th)::before {
        content: attr(data-label) !important;
        flex: 0 0 40% !important;
        color: var(--tgk-forest) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: normal !important;
        line-height: 1.5 !important;
        text-align: left !important;
        text-transform: none !important;
    }

    /* Forsta cellen blir kortets rubrik */
    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr > :first-child {
        display: block !important;
        padding: 11px 14px !important;
        background: var(--tgk-forest) !important;
        border-bottom: 3px solid var(--tgk-pollen) !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-align: left !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr > :first-child strong {
        color: #ffffff !important;
    }

    /* Autolankar i kortrubriken maste bryta mot den morka bakgrunden */
    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr > :first-child a {
        color: #ffffff !important;
        text-decoration: underline !important;
        text-decoration-color: var(--tgk-pollen) !important;
        text-underline-offset: 3px !important;
        font-weight: 700 !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody tr > :first-child::before {
        display: none !important;
        content: none !important;
    }

    /* Cell utan data-label blir en vanlig textrad i stallet for en tom etikett */
    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody :is(td, th):not([data-label]) {
        display: block !important;
        text-align: left !important;
    }

    .tgkg-content table:is(:has(> thead > tr > :nth-child(3)), :not(:has(thead)):has(> tbody > tr > :nth-child(3)), .tgk-stack):not(.tgk-nostack) tbody :is(td, th):not([data-label])::before {
        display: none !important;
        content: none !important;
    }

    /* -------- OVRIGA BLOCK PA MOBIL -------- */
    .tgkg-content ol:is(:not([class]), .wp-block-list) > li {
        padding: 14px 16px 14px 58px !important;
    }

    .tgkg-content ol:is(:not([class]), .wp-block-list) > li::before {
        left: 12px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    .tgk-list {
        padding: 16px 18px 16px 36px !important;
    }

    .tgk-tip-box {
        padding: 18px 18px !important;
    }

    .tgk-info-box,
    .tgk-besok-box {
        padding: 16px 18px !important;
    }

    .tgk-bra-box,
    .tgk-undvik-box,
    .tgk-myt-box {
        padding: 14px 16px !important;
    }

    .tgk-bubble {
        padding: 42px 18px 22px 18px !important;
    }

    .tgk-bubble-badge {
        left: 16px !important;
        padding: 5px 12px !important;
        font-size: 11px !important;
    }

    .tgk-quote {
        padding: 20px 18px 20px 58px !important;
        font-size: 15px !important;
    }

    .tgk-quote::before {
        left: 14px !important;
        font-size: 36px !important;
    }

    .tgk-kallor {
        padding: 16px 18px !important;
    }

    .tgkg-content a.tgk-btn {
        display: block !important;
        text-align: center !important;
        padding: 14px 18px !important;
    }

    /* -------- BILDER PA MOBIL: ingen flytning, full bredd -------- */
    .tgkg-content :is(.wp-caption, .alignright, .alignleft, .alignnone, .aligncenter) {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 22px auto !important;
    }

    .tgkg-content .wp-caption img {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .tgkg-content .wp-caption-text {
        font-size: 13px !important;
    }
}


/* =========================================================================
   UNDANTAG: SIDOPANEL, WIDGETAR OCH NAVIGATION
   Chronus lagger sidopanelen i samma flode som innehallet pa startsidan.
   Har nollstalls listmarkorer och kortstil sa hogerkolumnen ser ut som forut.
   ========================================================================= */
/* Del 1, galler overallt: mina listmarkorer och sifferbrickor far aldrig synas
   i meny, widget eller sidfot. Har rors varken padding eller marginal, sa temats
   egna avstand i menyn behalls. */
:is(#secondary, .widget-area, .widget, .sidebar, .site-footer, nav) :is(ul, ol) {
    list-style: none !important;
    counter-reset: none !important;
}

:is(#secondary, .widget-area, .widget, .sidebar, .site-footer, nav) :is(ul, ol) > li {
    counter-increment: none !important;
    list-style: none !important;
}

:is(#secondary, .widget-area, .widget, .sidebar, .site-footer, nav) :is(ul, ol) > li::before {
    display: none !important;
    content: none !important;
}

/* Del 2, galler bara inuti artikelscopet: dar kan mina regler ha lagt pa
   indrag, ram och kortbakgrund, sa de nollstalls helt. */
.tgkg-content :is(#secondary, .widget-area, .widget, .sidebar, nav) :is(ul, ol) {
    padding-left: 0 !important;
    margin: 0 0 20px 0 !important;
}

.tgkg-content :is(#secondary, .widget-area, .widget, .sidebar, nav) :is(ul, ol) > li {
    position: static !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

:is(#secondary, .widget-area, .widget, .sidebar, .site-footer) :is(h2, h3, h4) {
    border: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

:is(#secondary, .widget-area, .widget, .sidebar, .site-footer) :is(h2, h3, h4)::after {
    display: none !important;
    content: none !important;
}