.encounter-callout{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:24px;margin-bottom:26px;padding:22px 26px;border-radius:26px;background:linear-gradient(135deg,#fff4cf,#e2f5ed);border:1px solid rgba(20,70,80,.12);box-shadow:var(--shadow)}.encounter-callout h2{font:700 clamp(1.4rem,2.7vw,2rem)/1.1 Georgia,serif;margin-bottom:8px}.encounter-callout p{margin-bottom:0;line-height:1.55}.encounter-callout-art{height:118px;border-radius:22px;background:#fff8e5;overflow:hidden}.encounter-callout-art span{display:block;width:100%;height:100%}.encounter-dialog{border:0;border-radius:28px;padding:0;width:min(760px,calc(100% - 28px));box-shadow:0 30px 90px rgba(5,25,39,.45);overflow:hidden}.encounter-dialog::backdrop{background:rgba(8,31,48,.78);backdrop-filter:blur(7px)}.encounter-header{display:flex;align-items:center;gap:22px;background:linear-gradient(135deg,#123d57,#0d7880);color:#fff;padding:24px 62px 20px 28px}.encounter-header .eyebrow{margin-bottom:6px}.encounter-header h2{font:700 clamp(1.6rem,3.5vw,2.3rem)/1.05 Georgia,serif;margin-bottom:5px}.encounter-header p:last-child{margin:0;color:#cdebe7}.encounter-resident{flex:0 0 105px;height:135px;border-radius:20px;background-color:#d8eff0}.encounter-body{padding:28px}.resident-quote{font:italic 1.12rem/1.55 Georgia,serif;padding:18px 20px;background:#fff7df;border-left:5px solid var(--gold);border-radius:0 16px 16px 0;margin-bottom:20px}.encounter-progress{position:relative;display:flex;justify-content:space-between;background:#e8f0ee;height:9px;border-radius:99px;margin:24px 0 28px}.encounter-progress span{position:absolute;bottom:13px;color:var(--muted);font-size:.78rem;font-weight:800}.encounter-progress i{display:block;border-radius:99px;background:var(--teal)}.encounter-body h3{font:700 1.35rem/1.35 Georgia,serif}.encounter-options{display:grid;gap:10px;margin-top:18px}.encounter-options button{border:2px solid var(--line);background:#fff;border-radius:15px;padding:14px 16px;text-align:left;color:var(--ink);cursor:pointer}.encounter-options button:hover{border-color:var(--teal);background:#f2fbf8}.encounter-options button.correct{border-color:var(--green);background:#e5f6e9}.encounter-options button.wrong{border-color:var(--coral);background:#fff0ed}.encounter-options button:disabled{cursor:default}.encounter-teaching{margin:18px 0 14px;padding:16px;border-radius:15px;background:#edf5f3;line-height:1.5}.encounter-teaching strong{color:var(--navy)}.encounter-teaching p{margin:5px 0 0}.encounter-complete{text-align:center;padding:46px 34px}.encounter-complete>span{font-size:4rem}.encounter-complete h2{font:700 2rem/1.1 Georgia,serif}.encounter-complete small{display:block;margin-top:18px;color:var(--muted)}@media(max-width:700px){.encounter-callout{grid-template-columns:76px 1fr}.encounter-callout-art{height:82px}.encounter-callout .primary{grid-column:1/-1}.encounter-header{align-items:flex-end}.encounter-resident{flex-basis:78px;height:105px}.encounter-body{padding:22px}}