.information-button{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;padding:0!important;margin:0 0 0 7px;border:1px solid #7293a2!important;border-radius:50%!important;background:#f0f5f4!important;color:#315e74!important;font:italic 700 14px/1 Georgia,serif!important;vertical-align:middle;cursor:pointer;flex-shrink:0}.information-button:hover{background:#dce9ed!important}.information-button:focus-visible{outline:3px solid #b18532;outline-offset:3px}.information-dialog{width:min(520px,calc(100vw - 32px));max-height:80vh;border:1px solid #a7bac0;border-radius:8px;background:#fffdf7;color:#18344a;padding:18px;box-shadow:0 15px 50px #18344a33}.information-dialog::backdrop{background:#18344a44}.information-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.information-dialog-head h2{font-size:18px;margin:0}.information-dialog-head button{font-size:23px;border:0;background:none;color:#315e74;cursor:pointer;padding:0 8px}.information-dialog-body{font:14px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;white-space:pre-line}.information-dialog-body p{margin:12px 0 0}.quality-cohort-label small .information-button{margin:1px 0 0;width:18px;height:18px;min-width:18px;min-height:18px;font-size:12px!important}.composition-table tfoot th,.composition-table tfoot td,.comparison-detail-table tfoot th,.comparison-detail-table tfoot td{background:#f4ebd6!important;color:#634d22!important;font-weight:750!important;border-top:2px solid #ded0ad!important}.composition-table .grade-total-cell{background:#f4ebd6!important;color:#634d22;font-weight:750}.information-dialog p[hidden]{display:none!important}

.information-inline{display:inline-flex;align-items:center;gap:0;font-size:12px;color:#607c86;margin:0}.detail-head:has(#detail-formula[hidden]){margin-bottom:10px}.trend-section:has(.trend-scope-note[hidden]){padding-top:12px}.information-button{margin-top:0;margin-bottom:0}

.information-points{margin:0;padding-left:20px}.information-points li{margin:0 0 10px;line-height:1.65}.information-points li:last-child{margin-bottom:0}.information-points strong{font-weight:700}

/* The shared information control stays circular in stretched filter rows. */
html body button.information-button{box-sizing:border-box!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;flex:0 0 22px!important;align-self:center!important;aspect-ratio:1!important;line-height:1!important}

/* No partial iframe shade. Dialog controls never select their text. */
html body dialog::backdrop{background:transparent!important;backdrop-filter:none!important}
html body dialog{max-height:calc(100dvh - 32px);overflow:auto}
html body .information-button{user-select:none;-webkit-user-select:none}
html body .information-dialog{background:#fffdf7!important;color:#18344a!important}
.metric-explanation-tooltip{position:fixed;z-index:10000;max-width:min(420px,calc(100vw - 24px));padding:12px 15px;border:1px solid #adc1c5;border-radius:8px;background:#fffdf7!important;color:#18344a!important;box-shadow:0 6px 24px #18344a25;font:14px/1.6 system-ui,sans-serif;pointer-events:none}.metric-explanation-tooltip[hidden]{display:none!important}.metric-explanation-tooltip li{margin-bottom:6px}

html body .trend-tooltip{background:#fffdf7!important;color:#18344a!important;border:1px solid #adc1c5!important;max-width:min(420px,calc(100vw - 24px));font:12px/1.5 system-ui,sans-serif}.trend-tooltip p{margin:6px 0;white-space:normal}.detail-parallel-title,.detail-comparison-section>h3,.trend-section>h3{font-size:20px!important;font-weight:700;font-family:inherit}.detail-parallel-title{margin:0 0 9px}

.formula-input-term{font-weight:800!important;color:#152f3e!important}