/* The guided seizure timer on a card. Its own file (not inside the card
   page), so a card saved on a phone before an update still gets it. */
/* The guided timer: one instruction at a time, in one big card */
.guide{background:#fff;border-radius:24px;padding:18px 16px;margin:8px 0 0;text-align:center;box-shadow:0 4px 18px rgba(59,33,96,.08)}
.g-title{font-size:23px;font-weight:800;color:#3B2160;margin:0 0 14px;line-height:1.25;letter-spacing:-.01em}
.g-btn{width:100%;min-height:60px;background:#6B4FBB;color:#fff;font-size:19px;border-radius:99px;text-decoration:none}
.g-red{background:#C8524C}
.g-choices{display:grid;gap:10px}
.g-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left;border:2px solid #E6DDF7;background:#F6F3FB;border-radius:18px;padding:14px 16px;font:inherit;cursor:pointer;color:#3B2160}
.g-choice b{font-size:19px}
.g-choice span{font-size:14px;color:#5A4D6E}
.g-jerk{background:#FBEDEC;border-color:#F3D3CF}
.g-blank{background:#EFE9FA}
.g-twitch{background:#E8F2EA;border-color:#D3E6D8}
.g-dose{font-size:28px;font-weight:800;margin:0 0 4px;color:#3B2160}
.g-count{font-size:13px;color:#5A4D6E;margin:-8px 0 14px}
.g-say,.g-line{font-size:17px;margin:0 0 12px;color:#3B2160}
.g-where{font-weight:800;margin:-4px 0 12px}
.g-small{font-size:14px;color:#5A4D6E;margin:0 0 12px}
.g-told{font-size:14px;background:#DCEBE0;color:#3B2160;border-radius:12px;padding:6px 12px;margin:0;text-align:center}
.g-sooner{color:#B3423B!important;font-weight:700}
.timer-screen .add-med{display:block;margin:10px auto 0}
/* What do you see: four squares */
.g-four{grid-template-columns:1fr 1fr}
.g-four .g-choice{min-height:118px;align-items:center;text-align:center;padding:12px 10px}
.g-four .g-choice b{font-size:17px;line-height:1.2}
.g-four .g-choice span{font-size:13px;line-height:1.3;margin-top:4px}
.g-unsure{background:#FFF6D6;border-color:#FFE7A0}
/* Giving the rescue medication */
.g-route{font-weight:800;color:#6B4FBB;margin:0 0 8px}
.g-step{font-size:22px;font-weight:800;line-height:1.3;color:#3B2160;margin:4px 0 6px}
.g-how{text-align:left;margin:0 0 14px;padding-left:22px;font-size:17px;color:#3B2160}
.g-how li{margin:0 0 6px}
.g-yesno{display:grid;gap:10px}
.g-btn{border:0;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center}
/* Something has changed */
.g-changed-btn{background:#FFF6D6;color:#3B2160;border:2px solid #FFCF3F;min-height:52px;font-size:17px;margin-top:10px}
.g-c-breathing,.g-c-hurt,.g-c-again{background:#FBEDEC;border-color:#F3D3CF}
.g-c-vomit{background:#FFF6D6;border-color:#FFE7A0}
.g-c-stopped{background:#E8F2EA;border-color:#D3E6D8}
.g-c-worried{background:#EFE9FA}
.g-parent-btn{background:#E8F2EA;color:#3B2160;border:2px solid #DCEBE0;min-height:52px;font-size:17px;margin-top:10px}
.g-addr{background:#F6F3FB;border:2px solid #E6DDF7;border-radius:14px;padding:6px 12px;margin:0 0 10px;text-align:center}
.g-addr-label{margin:0;font-size:14px;color:#6B4FBB;font-weight:700}
.g-addr-text{margin:0;font-size:18px;font-weight:800;color:#3B2160;line-height:1.25}
.g-addr-fix{border:0;background:none;font:inherit;font-size:14px;color:#3B2160;text-decoration:underline;cursor:pointer;padding:0 0 0 4px}
.timer-screen.calling .where{display:none}
.g-back{margin:8px 0 0;font-size:15px;font-weight:700;color:#3B2160;text-align:center}
/* For paramedics and Leave the timer side by side */
.timer-foot{display:flex;justify-content:center;gap:18px;flex:none}
.timer-foot .small-000{width:auto!important;margin-top:6px}
/* Too tall for the phone: tightened a level at a time (fitTimer) */
.timer-screen.t1 .time{font-size:min(18vw,8vh,80px)}
.t1 .guide{padding:14px 14px;margin-top:6px}
.t1 .g-title{font-size:20px;margin-bottom:10px}
.t1 .g-btn{min-height:52px;font-size:18px}
.t1 .g-changed-btn,.t1 .g-parent-btn{min-height:46px;margin-top:8px}
.t1 .g-four .g-choice{min-height:96px}
.t1 .g-choices{gap:8px}
.t1 .g-dose{font-size:24px}
.t1 .g-how{font-size:16px;margin-bottom:10px}
.timer-screen.t1 .stop{min-height:58px}
.timer-screen.t2 .time{font-size:52px}
.t2 .g-choice span{display:none}
.t2 .g-four .g-choice{min-height:64px;padding:10px 8px}
.t2 .g-line,.t2 .g-say{font-size:16px;margin-bottom:8px}
.t2 .g-how li{margin-bottom:2px}
.t2 .g-changed-btn,.t2 .g-parent-btn{min-height:42px;font-size:16px}
.t2 .g-small{margin-bottom:8px}
.timer-screen.t2 .stop{min-height:52px;font-size:19px}
.timer-screen.t3 .time{font-size:40px}
.t3 .g-title{font-size:18px;margin-bottom:8px}
.t3 .g-btn{min-height:46px;font-size:17px}
.t3 .g-addr-text{font-size:16px}
.t3 .g-count{margin-bottom:8px}
.t3 .guide{padding:12px}
.t3 .g-changed-btn,.t3 .g-parent-btn{min-height:40px;margin-top:6px}
.t3 .g-four .g-choice{min-height:54px}
.t3 .g-how{font-size:15px}
.timer-screen.t3 .where{margin-bottom:2px}
.timer-screen.t3 .stop{min-height:48px;margin-top:6px}