.conditioning-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:1.5rem 0}.conditioning-filters label{display:grid;gap:.5rem;font-weight:700;color:#20242a}.conditioning-filters select,.conditioning-filters input{width:100%;min-width:0;padding:.8rem;background:#181d24;color:#fff;border:1px solid #697585;border-radius:8px;font:inherit}.conditioning-notes{white-space:pre-line;color:#343b45;line-height:1.6}.conditioning-details{margin-top:1rem}.conditioning-details summary{cursor:pointer;font-weight:700;color:#20242a;padding:.7rem 0}.conditioning-details h4{color:#20242a;margin:1.2rem 0 .4rem}.conditioning-timer{display:block;margin-top:1rem}.conditioning-result-count{color:#20242a}.conditioning-card:target{outline:3px solid #e4ff3d}.conditioning-help{color:#343b45}
/* Give the title breathing room and keep metadata outside the close-button gutter. */
[data-conditioning-detail-page] .tag { justify-self: start; width: fit-content; }
.static-drill-page[data-conditioning-detail-page] .tag { display: inline-block; margin-bottom: 24px; }
.static-drill-page[data-conditioning-detail-page] h1 { margin-top: 0; line-height: 1; }
[data-conditioning-detail-page] .detail-meta strong { overflow-wrap: anywhere; line-height: 1.4; }
#conditioning-drill-dialog .dialog-detail__head { padding-right: 0; }
#conditioning-drill-dialog .dialog-detail__head h2 { padding-right: 35px; }
.conditioning-save-status:empty { display: none; }
@media (max-width: 700px) {
  [data-conditioning-detail-page] .detail-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-conditioning-detail-page] .detail-meta__item { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  [data-conditioning-detail-page] .detail-meta__item:nth-child(2n) { border-right: 0; }
  [data-conditioning-detail-page] .detail-meta__item:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  [data-conditioning-detail-page] .detail-meta__item:nth-last-child(2) { border-bottom: 1px solid var(--line); }
  [data-conditioning-detail-page] .detail-meta__item { padding: 10px; }
  .static-drill-page[data-conditioning-detail-page] .static-drill-page__header { padding: 20px; }
}

.conditioning-timer { margin: 1.25rem 0; padding: 1rem; border: 1px solid #536176; border-radius: 12px; background: #101a29; color: #fff; }
.conditioning-timer [hidden], .conditioning-timer-mini[hidden] { display: none !important; }
.conditioning-timer__clock { display: block; font-size: clamp(2.8rem, 12vw, 4rem); line-height: 1.2; font-variant-numeric: tabular-nums; }
.conditioning-timer [data-timer-phase] { font-weight: 800; color: #ffe066; }
.conditioning-timer__controls { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: 1rem; }
.conditioning-timer details { margin-top: .75rem; }
.conditioning-timer summary { cursor: pointer; }
.conditioning-timer label { display: inline-flex; gap: .5rem; align-items: center; margin: .75rem .75rem .25rem 0; }
.conditioning-timer input, .conditioning-timer select { width: 5rem; padding: .5rem; background: #fff; color: #101a29; border-radius: 6px; }
.conditioning-timer--expanded { text-align: center; padding: 2rem 1rem; }
.conditioning-timer--expanded .conditioning-timer__clock { font-size: clamp(4rem, 18vw, 8rem); }
.conditioning-timer--expanded .conditioning-timer__controls { justify-content: center; }
.conditioning-timer-mini { position: fixed; bottom: .75rem; left: .75rem; right: .75rem; z-index: 90; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; padding: .75rem; background: #101a29; color: #fff; border: 1px solid #ffe066; border-radius: 12px; box-shadow: 0 6px 24px #0008; }
.conditioning-timer-mini strong { margin-right: auto; }
.conditioning-timer-choice { max-width: min(32rem, calc(100vw - 2rem)); }
.conditioning-timer-choice .button { margin: .4rem; }
.conditioning-timer p, .conditioning-timer .conditioning-help { color: #d8e1ed; }
.conditioning-timer [data-timer-phase] { color: #ffe066; }
@media (max-width: 480px) {
  .conditioning-timer__controls { display: grid; grid-template-columns: 1fr 1fr; }
  .conditioning-timer__controls .button { padding: .7rem .5rem; min-width: 0; font-size: .9rem; }
}
.conditioning-timer select { width: auto; min-width: 7rem; }