.situation-page{color:#123944;background:#f2f7f7;min-height:100vh;font-family:Arial,sans-serif;font-size:1rem;line-height:1.6}.situation-page *{box-sizing:border-box}.situation-header{background:#fff;border-bottom:1px solid #d6e3e4;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1rem max(1.25rem,50vw - 560px);display:flex}.situation-header img{object-fit:contain;max-width:100%;height:auto}.situation-header>a{color:#0b625a;font-weight:700;text-decoration:none}.situation-header label{gap:.25rem;margin-inline-start:auto;font-size:.875rem;display:grid}.situation-page select,.situation-page input,.situation-page textarea{font:inherit;color:inherit;background:#fff;border:1px solid #9db5bc;border-radius:.6rem;min-width:0;max-width:100%;padding:.75rem}.situation-main{max-width:1080px;margin:0 auto;padding:2rem 1.25rem 4rem}.situation-heading{max-width:740px}.situation-eyebrow{color:#086958;letter-spacing:.13em;margin:0;font-size:.875rem;font-weight:700}.situation-heading h1{outline:none;margin:.5rem 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.situation-heading>p:last-child{color:#506d76;margin:.8rem 0 1.6rem;font-size:1.1rem}.situation-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0 0 1.7rem;padding:0;list-style:none;display:grid}.situation-steps li{color:#59747d;overflow-wrap:anywhere;border-bottom:3px solid #cedcde;align-items:center;gap:.6rem;padding:.8rem .2rem;font-size:.9rem;display:flex}.situation-steps li.reached{color:#086958;border-color:#087d6c}.situation-steps li[aria-current]{font-weight:700}.situation-steps li>span{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:1.7rem;height:1.7rem;display:grid}.situation-card{background:#fff;border:1px solid #d6e3e4;border-radius:1rem;padding:clamp(1.1rem,3vw,2rem);box-shadow:0 8px 25px #14394406}.situation-card h2{margin:0 0 .8rem;font-size:1.3rem;line-height:1.35}.situation-card h3{margin:0 0 .35rem;font-size:1rem}.situation-privacy{background:#eaf3f4;border-inline-start:4px solid #117b87;border-radius:.4rem;margin-bottom:1.5rem;padding:1rem 1.2rem}.situation-privacy p{margin:.65rem 0;font-size:.9rem}.situation-privacy a{color:#086958;font-size:.9rem}.situation-form,.situation-form label,.situation-reply label{gap:.55rem;display:grid}.situation-form{gap:1.2rem}.situation-page textarea{resize:vertical;width:100%;min-height:5rem}.situation-form label,.situation-reply label{font-weight:700}.situation-form label input,.situation-form label select,.situation-form label textarea,.situation-reply textarea{font-weight:400}.situation-page .situation-check{align-items:flex-start;gap:.7rem;font-size:.95rem;font-weight:400;display:flex}.situation-check input{flex-shrink:0;width:1.2rem;height:1.2rem;margin-top:.2rem}.situation-page button,.situation-primary{color:#075c52;min-height:44px;font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere;background:#fff;border:1px solid #99b7b6;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.situation-page button:hover:not(:disabled){background:#e5f3ef}.situation-page button:disabled{opacity:.55;cursor:default}.situation-page .situation-primary{color:#fff;background:#075f54;border-color:#075f54}.situation-page .situation-primary:hover:not(:disabled){background:#034d44}.situation-page :focus-visible{outline-offset:3px;outline:3px solid #d58d19}.situation-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.situation-form>.situation-primary{justify-self:start}.situation-phrases{gap:1rem;margin:1.4rem 0;display:grid}.situation-phrases article{background:#fbfdfd;border:1px solid #d5e4e3;border-radius:.8rem;padding:1.1rem 1.25rem;position:relative}.situation-phrase-number{color:#0b796c;font-weight:700}.situation-english{color:#113b47;overflow-wrap:anywhere;margin:.4rem 0 .8rem;font-size:1.2rem;font-weight:700;line-height:1.5}.situation-explanation p{overflow-wrap:anywhere;margin:.7rem 0 0}.situation-explanation{color:#4c6770}.situation-tip,.situation-clarify{background:#edf6f1;border:1px solid #cce3d7;border-radius:.75rem;margin:1rem 0;padding:1.2rem}.situation-page .situation-listen{min-height:44px;font-size:.875rem}.situation-practice-grid{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:1.1rem;display:grid}.situation-conversation-heading{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.situation-conversation-heading>span{color:#55717b;font-size:.875rem}.situation-messages{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.situation-message{overflow-wrap:anywhere;background:#eef4f6;border:1px solid #dce8eb;border-radius:.9rem;max-width:94%;padding:1rem}.situation-message strong{color:#486c76;font-size:.875rem}.situation-message p{margin:.5rem 0}.situation-message.user{background:#e8f5ee;border-color:#c5e3d4;align-self:flex-end}.situation-difficulty{flex-wrap:wrap;gap:.65rem;padding:1rem 0;display:flex}.situation-difficulty [aria-pressed=true]{background:#e4f2ed;border-color:#0b796c}.situation-reply{border-top:1px solid #dbe6e7;padding-top:1rem}.situation-reply>p{color:#4e6d77;font-size:.875rem}.situation-session-controls{border-top:1px solid #dbe6e7;padding-top:1rem}.situation-coaching{position:sticky;top:1rem}.situation-coaching details{margin-top:1.4rem}.situation-coaching summary{cursor:pointer;font-weight:700}.situation-review-grid{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.situation-notice,.situation-error{background:#e4f0f1;border-radius:.6rem;margin:1rem 0;padding:.8rem 1rem}.situation-error{color:#8b3321;background:#fff0ea;border:1px solid #edbdaa}.situation-page .situation-reset{margin-top:1rem}.situation-disclosure{color:#58737a;margin:1.3rem 0 0;font-size:.875rem}.situation-access{margin-top:1.5rem}.situation-access p{margin-top:0}@media (max-width:700px){.situation-header{gap:.75rem;padding:.8rem 1rem}.situation-header img{width:145px}.situation-header>a:nth-child(2){margin-inline-start:auto;font-size:.875rem}.situation-header label{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.5rem;width:100%;margin:0}.situation-main{padding:1.5rem 1rem 3rem}.situation-steps{gap:.3rem}.situation-steps li{justify-items:start;gap:.4rem;padding:.6rem .1rem;font-size:.8rem;display:grid}.situation-practice-grid,.situation-review-grid{grid-template-columns:1fr}.situation-coaching{position:static}.situation-actions>button{flex:130px}.situation-message{max-width:100%}.situation-card{padding:1.1rem}}