/* Shared styles for the everyday tools batch (SIP, CGPA, fancy text, dates, spin wheel). Mobile first. */
.et-page .btn,.et-page .form-control,.et-page .form-select{min-height:44px}
.et-page .form-check{display:flex;align-items:flex-start;gap:.6rem;padding-left:0;min-height:44px;margin-bottom:.25rem}
.et-page .form-check-input{flex:0 0 auto;float:none;width:1.25rem!important;height:1.25rem!important;min-height:0!important;margin:.1rem 0 0!important;padding:0!important}
.et-page .btn-check:checked+.btn{color:#fff!important;background:#0d6efd!important;border-color:#0d6efd!important}
.et-page .btn-check:focus-visible+.btn{outline:3px solid #86b7fe;outline-offset:2px}
.et-modes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.et-modes .btn{flex:1 1 9rem}
.et-help{font-size:.875rem;color:#5c636a;margin-top:.25rem}
.et-stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}
.et-stat{border:1px solid #dee2e6;border-radius:.5rem;padding:.75rem 1rem;background:#fff}
.et-stat .et-label{font-size:.85rem;color:#5c636a}
.et-stat .et-value{font-size:1.4rem;font-weight:700;line-height:1.25;word-break:break-word}
.et-stat .et-words{font-size:.85rem;color:#5c636a}
.et-stat.et-primary{border-color:#0d6efd;background:#f3f8ff}
.et-bar{display:flex;height:1.25rem;border-radius:.625rem;overflow:hidden;background:#e9ecef}
.et-bar span{display:block;height:100%}
.et-key{display:inline-block;width:.8rem;height:.8rem;border-radius:.2rem;vertical-align:-.1rem;margin-right:.35rem}
.et-c1{background:#6c8ebf}.et-c2{background:#2e9d6a}
.et-chart{width:100%;height:auto;max-height:220px}
.et-table{font-size:.9rem}
.et-table td,.et-table th{white-space:nowrap}
.et-errors{margin:0;padding-left:1.1rem}
.et-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:end}
.et-big{font-size:2rem;font-weight:700;line-height:1.2}
.fancy-list{display:grid;gap:.5rem}
.fancy-item{border:1px solid #dee2e6;border-radius:.5rem;padding:.6rem .75rem;display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;align-items:center;background:#fff}
.fancy-item .fancy-name{grid-column:1/-1;font-size:.8rem;color:#5c636a}
.fancy-item .fancy-out{font-size:1.15rem;word-break:break-word;overflow-wrap:anywhere;margin:0}
.fancy-item .fancy-meta{grid-column:1/-1;font-size:.75rem;color:#5c636a}
.et-wheel-wrap{position:relative;width:100%;max-width:440px;margin:0 auto}
.et-wheel-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:50%}
.et-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid #212529;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.et-winner{font-size:1.5rem;font-weight:700;text-align:center;word-break:break-word;min-height:2.25rem}
.et-fullscreen{background:#fff;padding:1rem;overflow:auto}
.et-fullscreen .et-wheel-wrap{max-width:min(90vh,90vw)}
.et-teams{display:grid;grid-template-columns:1fr;gap:.75rem}
@media (min-width:576px){
  .et-stats{grid-template-columns:repeat(3,1fr)}
  .et-teams{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .et-wheel-wrap canvas{transition:none!important}
}