#elementApp{--iem-blue:#0b3a75;--iem-blue2:#1f5fae;--iem-line:#cbdaf0;--iem-soft:#f3f7fc;max-width:1600px!important;margin-inline:auto!important}
#elementApp .iem-hidden{display:none!important}
#elementApp .el-hero{position:relative;align-items:center}
#elementApp .iem-today{margin-left:auto;min-width:190px;align-self:stretch;border:1px solid rgba(255,255,255,.3);border-radius:22px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;padding:12px 22px;cursor:pointer}
#elementApp .iem-today small,#elementApp .iem-today span{display:block;font-weight:700}
#elementApp .iem-today strong{display:block;font-size:48px;line-height:1}
#elementApp .iem-advanced,#elementApp .iem-temperature{margin-top:16px;padding:18px;border:1px solid var(--iem-line);border-radius:18px;background:#fff}
#elementApp .iem-filter-row{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;margin:8px 0}
#elementApp .iem-filter-row>b{padding-top:8px;color:#102d53}
#elementApp .iem-pills{display:flex;gap:7px;flex-wrap:wrap}
#elementApp .iem-pills button,#elementApp .iem-temp-presets button,#elementApp .iem-actions button{border:0;border-radius:11px;background:#edf2f8;color:#173555;font-weight:700;padding:9px 12px;cursor:pointer}
#elementApp .iem-pills button.active,#elementApp .iem-temp-presets button.active{background:#1764d7;color:#fff}
#elementApp .iem-selection{margin:12px 0 0;color:#57708e}
#elementApp .iem-selection button{border:0;border-radius:8px;padding:6px 9px;background:#edf2f8;cursor:pointer}
#elementApp .iem-temp-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
#elementApp .iem-temp-head b{font-size:20px;color:#173555}
#elementApp .iem-temp-head strong{font-size:26px;color:#1764d7}
#elementApp .iem-temp-head small{color:#657892}
#elementApp .iem-temp-range{width:100%;accent-color:#1764d7;margin:16px 0 12px}
#elementApp .iem-temp-presets,#elementApp .iem-actions{display:flex;gap:8px;flex-wrap:wrap}
#elementApp .iem-phase-summary{margin:12px 0 0;color:#385271;font-weight:700}
#elementApp .iem-actions{margin:16px 0 0}
#elementApp .iem-actions button{background:#fff;border:1px solid var(--iem-line)}
#elementApp .iem-count{font-size:20px;font-weight:800;color:#173555;margin:14px 0 0}
#elementApp .view-switch button[data-view="cards"]{display:inline-flex}
#elementApp .iem-card-view{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#elementApp .iem-card-view .list-card{min-height:138px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:10px!important;padding:18px!important;border-radius:18px!important}
#elementApp .iem-card-view .list-symbol{font-size:32px!important}
#elementApp .iem-card-view b{font-size:17px}
#elementApp.iem-hide-en .list-card small{display:none}
#elementApp.iem-monochrome{filter:grayscale(1)}
#elementApp [data-temp-state="gas"]{box-shadow:inset 0 -3px 0 #54a8df}
#elementApp [data-temp-state="liquid"]{box-shadow:inset 0 -3px 0 #7f68d9}
#elementApp [data-temp-state="solid"]{box-shadow:inset 0 -3px 0 #5ba879}
#elementApp [data-temp-state="unknown"]{box-shadow:inset 0 -3px 0 #a8b0bb}
#elementApp .iem-modal-extra{margin-top:20px;padding-top:18px;border-top:1px solid var(--iem-line)}
#elementApp .iem-modal-extra h3{margin:0 0 12px}
#elementApp .iem-shells{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#elementApp .iem-shells span{background:#eef5ff;border-radius:10px;padding:7px 9px;font-weight:700}
#elementApp .iem-extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
#elementApp .iem-extra-grid>div{background:#f6f8fb;border-radius:12px;padding:10px;display:grid;gap:4px}
#elementApp .iem-source-note{font-size:13px;color:#64748b}
#elementApp .iem-modal-actions{display:flex;gap:7px;flex-wrap:wrap}
#elementApp .iem-modal-actions button{border:1px solid var(--iem-line);background:#fff;border-radius:10px;padding:9px 11px;font-weight:700;cursor:pointer}
#elementApp .iem-compare,#elementApp .iem-learning,#elementApp .iem-quiz{margin-top:24px;padding:24px;border:1px solid var(--iem-line);border-radius:20px;background:#fff}
#elementApp .iem-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}
#elementApp .iem-section-head small{color:#1764d7;font-weight:800;letter-spacing:.12em}
#elementApp .iem-section-head h2{margin:2px 0 0;color:#102d53}
#elementApp .iem-section-head button{border:0;border-radius:11px;background:#0b3a75;color:#fff;font-weight:800;padding:11px 16px;cursor:pointer}
#elementApp .iem-compare-grid,#elementApp .iem-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#elementApp .iem-compare-grid article,#elementApp .iem-guide-grid article{position:relative;border:1px solid #dbe5f1;border-radius:16px;padding:16px;background:#f8fafc;display:grid;gap:6px}
#elementApp .iem-compare-grid article>button{position:absolute;right:8px;top:8px;border:0;background:transparent;font-size:20px;cursor:pointer}
#elementApp .iem-compare-grid article>strong{font-size:34px;color:#0b3a75}
#elementApp .iem-guide-grid article>b{font-size:25px;color:#1764d7}
#elementApp .iem-guide-grid article>strong{font-size:21px;color:#102d53}
#elementApp .iem-guide-grid article p{margin:2px 0 0;color:#52657d}
#elementApp .iem-quiz-box{background:#f2f7ff;border-radius:16px;padding:20px;text-align:center}
#elementApp .iem-quiz-box>p>strong{font-size:48px;color:#0b3a75}
#elementApp .iem-quiz-box>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#elementApp .iem-quiz-box button{border:1px solid #b9cdea;border-radius:12px;background:#fff;padding:13px;font-weight:800;cursor:pointer}
#elementApp .iem-quiz-box[data-result="correct"]{box-shadow:inset 0 0 0 2px #3ba66b}
#elementApp .iem-quiz-box[data-result="wrong"]{box-shadow:inset 0 0 0 2px #d35a64}
@media(max-width:900px){#elementApp .iem-card-view,#elementApp .iem-compare-grid,#elementApp .iem-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#elementApp .iem-today{min-width:150px}.el-hero .iem-today strong{font-size:38px}}
@media(max-width:600px){#elementApp{width:100%!important;max-width:100%!important}#elementApp .el-hero{display:grid!important;grid-template-columns:auto 1fr!important}#elementApp .iem-today{grid-column:1/-1;width:100%;margin-top:12px}#elementApp .iem-filter-row{grid-template-columns:1fr}#elementApp .iem-card-view,#elementApp .iem-compare-grid,#elementApp .iem-guide-grid{grid-template-columns:1fr!important}#elementApp .iem-extra-grid{grid-template-columns:repeat(2,1fr)}#elementApp .iem-quiz-box>div{grid-template-columns:1fr}#elementApp .iem-temperature,#elementApp .iem-advanced,#elementApp .iem-learning,#elementApp .iem-quiz,#elementApp .iem-compare{padding:15px}}
@media print{@page{size:A4 landscape;margin:8mm}body>*:not(.wp-site-blocks){display:none!important}#elementApp .iem-actions,#elementApp .iem-quiz,#elementApp .element-modal{display:none!important}#elementApp{max-width:none!important}.site-header,.site-footer{display:none!important}}