/* Kii's existing public article components, integrated and adapted for this theme.
   Source: kii.se Additional CSS, reviewed 2026-10-04. Classes remain compatible.
   The style-guide plugin remains responsible for its shortcode and behaviour. */
.entry-content :where(.kii-info,.kii-varning,.kii-snabb,.kii-kort,.kii-kort-guld,.kii-internlankar,.kii-kallor){box-sizing:border-box;max-width:100%;padding:20px 24px;margin:26px 0;border-radius:2px;line-height:1.75}
.entry-content .kii-info{background:#eef0e8;border-left:3px solid #577262}
.entry-content :where(.kii-info-rubrik,.kii-snabb-rubrik,.kii-varning-rubrik){display:block;font-weight:700;margin-bottom:8px;color:#214e40}
.entry-content .kii-varning{background:#fcf1e5;border-left:3px solid #a25824}
.entry-content .kii-varning-rubrik{color:#864318}
.entry-content .kii-snabb{background:#fff;border:1px solid #dcded5;border-top:3px solid #214e40}
.entry-content :where(.kii-kort,.kii-kort-guld){background:#f1f1ea;border-left:3px solid #354b3e;padding:16px 20px;margin:0 0 12px}
.entry-content .kii-kort-guld{border-left-color:#aa8954;background:#faf6ee}
.entry-content .kii-internlankar{background:#eef0e8;border-left:3px solid #577262}
.entry-content .kii-internlankar ul{margin:8px 0 0}
.entry-content .kii-kallor{background:#f0f0e9;color:#51594f;font-size:.9em;border:1px solid #dcded5}
.entry-content :where(.kii-info,.kii-varning,.kii-snabb,.kii-kort,.kii-kort-guld,.kii-internlankar,.kii-kallor)>:last-child{margin-bottom:0}
.entry-content :where(.kii-info,.kii-varning,.kii-snabb,.kii-internlankar) :where(h2,h3,h4){font-size:1.1em;margin:0 0 12px}
.entry-content :where(ul,ol){padding-left:24px;margin-block:20px;list-style-position:outside}
.entry-content ul{list-style-type:disc}.entry-content ol{list-style-type:decimal}
.entry-content li{padding-left:3px;margin-bottom:9px}.entry-content li::marker{color:#49614e}
.entry-content li :where(ul,ol){margin-block:9px}.entry-content ul ul{list-style-type:circle}
.entry-content dl{margin:24px 0}.entry-content dt{font-weight:700;margin-top:19px;color:#202925}.entry-content dd{margin:7px 0 0;line-height:1.75}
.entry-content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.9em;line-height:1.65;border:1px solid #dcded5}
.entry-content table caption{text-align:left;font-weight:600;padding-bottom:12px;line-height:1.6}
.entry-content table thead tr{background:#274638;color:#fff}
.entry-content table :where(th,td){text-align:left;vertical-align:top;padding:14px 17px;border:0;border-bottom:1px solid #dcded5;overflow-wrap:break-word}
.entry-content table th{font-weight:650}.entry-content table tbody tr:nth-child(odd){background:#f0f1e9}.entry-content table tbody tr:nth-child(even){background:#fff}
.entry-content table.kii-tabell{border-radius:0;box-shadow:none}
.kii-cell-label{display:none}
.kii-table-scroll{overflow-x:auto;max-width:100%;margin:26px 0 8px;overscroll-behavior-x:contain;scrollbar-color:#55765d #ecede4}
.kii-table-scroll table{margin:0;min-width:520px}
.kii-scroll-hint{font-size:12px;color:#626a65;margin-top:7px;line-height:1.6}

/* Include the complete presentation contract of the existing style-guide widget. */
.kii-journal .kii-style-tool{background:#eef0e8;border:1px solid #ccd4c5;border-top:3px solid #214e40;border-radius:2px;box-shadow:none;padding:30px;margin:34px 0;color:#202925}
.kii-journal .kii-style-tool *{box-sizing:border-box}
.kii-journal .kii-style-tool__header{margin-bottom:22px}
.kii-journal .kii-style-tool__eyebrow{color:#355846;text-transform:none;letter-spacing:.04em;font-size:12px;font-weight:650;margin:0 0 10px}
.kii-journal .kii-style-tool :where(h2,h3,h4){margin:0 0 12px;color:#202925}
.kii-journal .kii-style-tool h2{font-size:32px}
.kii-journal .kii-style-tool h3{font-size:24px}
.kii-journal .kii-style-tool h4{font-size:17px;letter-spacing:-.02em}
.kii-journal .kii-style-tool__header p:last-child{margin:0;color:#535f52;line-height:1.8;font-size:15px}
.kii-journal .kii-style-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.kii-journal .kii-style-tool label span{display:block;font-weight:600;margin-bottom:8px;color:#293e30;font-size:13px}
.kii-journal .kii-style-tool select{width:100%;height:auto;min-height:48px;padding:12px 34px 12px 13px;border:1px solid #b4c3b0;border-radius:2px;background-color:#fff;color:#202925;font-size:16px;line-height:1.5}
.kii-journal .kii-style-tool :where(.kii-style-tool__button,.kii-style-tool__reset){border-radius:2px;cursor:pointer;font-weight:650;font-family:inherit;min-height:46px;line-height:1.5}
.kii-journal .kii-style-tool__button{border:1px solid #214e40;background:#214e40;color:#fff;padding:13px 20px;font-size:14px}
.kii-journal .kii-style-tool__button:hover{background:#102e24;opacity:1}
.kii-journal .kii-style-tool__reset{background:#fff;border:1px solid #b4c3b0;color:#214e40;padding:10px 15px;font-size:13px}
.kii-journal .kii-style-tool__result{background:#fff;border:1px solid #d0d8c9;border-radius:2px;margin-top:26px;padding:24px}
.kii-journal .kii-style-tool__result[hidden]{display:none!important}
.kii-journal .kii-style-tool__result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.kii-journal .kii-style-tool__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kii-journal .kii-style-tool__card{background:#f4f4ee;border-left:2px solid #6f8d6a;border-radius:0;padding:18px}
.kii-journal .kii-style-tool__card p{margin:0;line-height:1.8;color:#43513f;font-size:14px}
.kii-journal .kii-style-tool__card ul{margin:0;padding-left:20px;color:#43513f;line-height:1.8;font-size:14px}
.kii-journal .kii-style-tool__links{margin-top:20px;padding-top:18px;border-top:1px solid #d0d8c9;font-size:14px}
.kii-journal .kii-style-tool__links p{margin:0;line-height:1.8}
.kii-journal .kii-style-tool__links a{color:#214e40;font-weight:600;text-decoration:underline;text-underline-offset:3px}

@media(max-width:700px){
 .entry-content :where(.kii-info,.kii-varning,.kii-snabb,.kii-kort,.kii-kort-guld,.kii-internlankar,.kii-kallor){padding:18px;margin-block:22px}
 .kii-journal .entry-content table:not(.kii-table-cards){display:block;overflow-x:auto;max-width:100%}
 .kii-journal .entry-content table:not(.kii-table-cards) thead{display:table-header-group}
 .kii-journal .entry-content table:not(.kii-table-cards) tbody{display:table-row-group}
 .kii-journal .entry-content table:not(.kii-table-cards) tr{display:table-row}
 .kii-journal .entry-content table:not(.kii-table-cards) :where(th,td){display:table-cell;min-width:100px}
 .kii-journal .entry-content table:not(.kii-table-cards) td::before{content:none}
 .kii-journal .entry-content table.kii-table-cards{display:block;border:0;background:transparent;font-size:14px}
 .kii-journal .entry-content table.kii-table-cards caption{display:block;width:100%;padding:0 0 12px;overflow-wrap:anywhere}
 .kii-journal .entry-content table.kii-table-cards thead{display:table-header-group;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 .kii-journal .entry-content table.kii-table-cards tbody{display:block;width:100%}
 .kii-journal .entry-content table.kii-table-cards tbody tr{display:block;margin:0 0 18px;border:1px solid #d3d9cb;background:#fff;border-radius:2px;box-shadow:none;overflow:hidden}
 .kii-journal .entry-content table.kii-table-cards tbody :where(th,td){display:block;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #e0e4d9;line-height:1.7;background:#fff;color:#28392d;font-weight:400}
 .kii-journal .entry-content table.kii-table-cards tbody :where(th,td):first-child{background:#edf0e5;color:#203b2b;font-weight:650}
 .kii-journal .entry-content table.kii-table-cards tbody :where(th,td):last-child{border-bottom:0}
 .kii-journal .entry-content table.kii-table-cards td::before{content:none}
 .kii-cell-label{display:block;font-size:11px;font-weight:650;line-height:1.5;color:#63715e;margin-bottom:5px}
 .kii-table-scroll table{min-width:500px}.kii-journal .entry-content .kii-table-scroll table{display:table;max-width:none;overflow:visible}
 .kii-journal .kii-style-tool{padding:20px}.kii-journal .kii-style-tool h2{font-size:27px}.kii-journal .kii-style-tool__grid,.kii-journal .kii-style-tool__cards{grid-template-columns:1fr;gap:16px}
 .kii-journal .kii-style-tool__result-top{display:block}.kii-journal .kii-style-tool__reset{margin-top:9px}.kii-journal .kii-style-tool__result{padding:17px}
}