.kk-device-details{min-width:0;margin:22px 0;padding:20px;border:1px solid #36516f;border-radius:12px;background:#0d1b2f;color:#e8f1ff;text-align:left;grid-column:1/-1}
.kk-device-details h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#91bfff;margin:0 0 10px}
.kk-device-details .kk-device-name{font-size:16px;font-weight:750;color:#f1f6ff;margin:0 0 5px;line-height:1.5;overflow-wrap:anywhere}
.kk-device-details .kk-device-reference{font-size:12px;color:#b3c6de;margin:0 0 12px;overflow-wrap:anywhere}
.kk-device-details ul{padding:0;margin:0;list-style:none}.kk-device-details .kk-device-row{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,1fr);gap:14px;padding:12px 0;margin:0;border-top:1px solid #2b405b;font-size:13px;line-height:1.5}
.kk-device-row>span{min-width:0}.kk-device-details .kk-device-row small{display:block;font-size:11px;line-height:1.55;color:#b3c6de;margin-top:3px}.kk-device-value strong{font-weight:700;color:#edf4ff;overflow-wrap:anywhere}.kk-device-label{color:#c2d4ea;overflow-wrap:anywhere}
.kk-device-details .kk-device-pending{color:#e5c9a0}.kk-device-details.is-compact{padding:14px;margin:16px 0}.kk-device-details.is-compact .kk-device-row{grid-template-columns:1fr;gap:3px;padding:10px 0}.kk-device-details.is-compact .kk-device-name{font-size:14px}
@media(max-width:600px){.kk-device-details{padding:16px}.kk-device-details .kk-device-row{grid-template-columns:1fr;gap:4px}}
@media print{.kk-device-details{break-inside:avoid;background:#fff;color:#111;border-color:#aaa}.kk-device-details *{color:#111!important}}
.kk-device-brief{display:block;font-size:11px;line-height:1.6;color:#b3c6de;overflow-wrap:anywhere;margin:8px 0}.ck-summary-devices{grid-column:1/-1;min-width:0;margin:0 20px}.ck-summary-devices .kk-device-details{margin:12px 0}.hp-sidebar .kk-device-details{padding:12px}.hp-sidebar .kk-device-details p{margin:0 0 10px}

/* Funding marks depend on the exact set evidence, independently of grant selection. */
#climateConfigurator .kk-product-option,#climateConfigurator .ck-system{position:relative}
#climateConfigurator .kk-funding-sticker{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;padding:7px 11px;border:1px solid #75e3a0;border-radius:999px;background:#c6f6d5;color:#105c33;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap;box-shadow:0 3px 12px #021d1726;z-index:1}
#climateConfigurator .kk-funding-sticker svg{width:17px;height:17px;flex:none;color:inherit}
#climateConfigurator .kk-funding-sticker>span{display:inline;color:inherit;font-size:inherit;margin:0}
#climateConfigurator .kk-product-option>.kk-funding-sticker,#climateConfigurator .ck-system>.kk-funding-sticker{position:absolute;top:16px;right:16px}
#climateConfigurator .ck-tier-top{flex-wrap:wrap;gap:8px}
#climateConfigurator .ck-tier-top .kk-funding-sticker{margin-left:auto}
#climateConfigurator .ck-tier-top:has(.kk-funding-sticker) .ck-radio{display:none}
#climateConfigurator .ck-system-copy{padding-top:52px}
@media(max-width:540px){#climateConfigurator .kk-funding-sticker{font-size:10px;padding:6px 8px;gap:4px}#climateConfigurator .kk-product-option>.kk-funding-sticker,#climateConfigurator .ck-system>.kk-funding-sticker{top:12px;right:12px}#climateConfigurator .ck-tier-top .kk-funding-sticker{margin-left:0}}

#climateConfigurator .kk-maker-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}
#climateConfigurator .kk-maker-heading .kk-maker-tag{margin:0}
#climateConfigurator .kk-maker-heading .kk-funding-sticker{margin-left:auto}

@media(max-width:700px){
 #climateConfigurator .ck-mobile-total{display:grid;grid-template-columns:minmax(0,1fr) auto}
 #climateConfigurator .ck-mobile-devices{grid-column:1/-1;min-width:0;border-bottom:1px solid #36516f;padding:0 0 9px;margin-bottom:2px}
 #climateConfigurator .ck-mobile-devices>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:44px;color:#e8f1ff}
 #climateConfigurator .ck-mobile-devices>summary::-webkit-details-marker{display:none}
 #climateConfigurator .ck-mobile-devices>summary>span:first-child{min-width:0}
 #climateConfigurator .ck-mobile-devices summary b{display:block;font-size:13px;line-height:1.4}
 #climateConfigurator .ck-mobile-devices summary small{display:block;font-size:11px;line-height:1.5;color:#b3c6de;overflow-wrap:anywhere;margin-top:3px;max-height:34px;overflow:auto}
 #climateConfigurator .ck-mobile-devices-toggle{font-size:11px;font-weight:700;color:#91bfff;flex-shrink:0}
 #climateConfigurator .ck-mobile-devices[open] .ck-mobile-devices-toggle>span{display:inline-block;transform:rotate(180deg)}
 #climateConfigurator .ck-mobile-device-list{max-height:40dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:6px}
 #climateConfigurator .ck-mobile-device-list .ck-summary-devices{margin:0}
 #climateConfigurator .ck-mobile-device-list strong{font-size:13px;white-space:normal;overflow-wrap:anywhere}
 .configurator-page:has(.ck-mobile-devices){padding-bottom:210px}
 .configurator-page:has(.ck-mobile-total.is-funded .ck-mobile-devices){padding-bottom:250px}
}

/* Keep the desktop project details reachable even when the device list is tall. */
@media(min-width:1001px){
 #climateConfigurator>.ck-layout>.ck-summary{position:sticky;top:16px;align-self:start;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#6084ad #121e32;scrollbar-gutter:stable;padding-right:6px}
 #climateConfigurator>.ck-layout>.ck-summary:focus-visible{outline:2px solid #91bfff;outline-offset:3px}
}