.president-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0}.president-controls label{font-size:14px}.president-controls select{padding:10px;background:#fffef9;border:1px solid #aebdb2;font:15px Arial;max-width:100%}.president-controls .button{margin:0}.president-controls button:disabled{opacity:.4;cursor:default}.president-track{display:flex;overflow-x:auto;gap:0;padding:18px 0 24px;scrollbar-width:thin}.president-stop{flex:0 0 155px;position:relative;border:0;background:transparent;padding:0 14px 15px;font:14px/1.45 Arial;text-align:left;color:#52615f;cursor:pointer}.president-stop:before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;background:#c4cec5}.president-dot{position:relative;display:block;width:22px;height:22px;border:3px solid #a7b7ac;background:#f8f6f0;border-radius:50%;margin-bottom:15px;transition:background .4s,border-color .4s,transform .4s}.president-term{display:block;font:italic 18px Georgia;margin-bottom:7px}.president-stop strong{display:block;max-width:135px}.president-stop[aria-pressed=true]{color:#182e31}.president-stop[aria-pressed=true] .president-dot{background:#486681;border-color:#486681;transform:scale(1.2)}.president-progress{height:3px;background:#dce2d8;margin-bottom:25px}.president-progress span{display:block;background:#486681;height:100%;transition:width .65s ease}.president-detail{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:28px;background:#fffef9;border:1px solid #d7dcd1;min-height:310px}.president-number{font:65px Georgia;color:#afbeb2}.president-detail h3{font-size:34px;margin:12px 0}.president-question{padding:15px 20px;background:#e9ede3;border-left:3px solid #376c58}.president-question p{margin:6px 0 0}.president-enter{animation:presidentReveal .5s ease both}@keyframes presidentReveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:720px){.president-detail{grid-template-columns:1fr;gap:5px;padding:20px;min-height:0}.president-number{font-size:36px}.president-detail h3{font-size:29px}.president-stop{flex-basis:140px}.president-controls label{flex-basis:100%;margin-top:8px}.president-controls .button{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.president-dot,.president-progress span{transition:none}.president-enter{animation:none}}@media print{.president-controls,.president-track,.president-progress{display:none}.president-detail{min-height:0;background:white}}