/* Standalone practice layout. Fixed child heights avoid feedback with the host's auto-sized frame. */
:root{font-family:system-ui,-apple-system,sans-serif;color:#f5f0e6;background:#10171d;color-scheme:dark;--phone-width:390px}
*{box-sizing:border-box}body{margin:0;padding:16px;overflow-wrap:anywhere}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:5px 0;font-size:clamp(1.4rem,4vw,1.75rem)}h2{font-size:1rem;margin:0}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#68cbd1}.badge{padding:7px 12px;background:#49391a;border:1px solid #b58c3c;color:#ffe2a4;font-size:.8rem;border-radius:20px;white-space:nowrap}.boundary{font-size:.875rem;color:#b9c9d4;margin:10px 0 16px;line-height:1.6}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:14px;background:#18242c;border:1px solid #36515c;border-radius:10px}button,select{font:inherit;border-radius:6px;border:1px solid #6e929c;padding:10px 12px;min-height:44px;max-width:100%}button{cursor:pointer;font-weight:700;background:#68cbd1;color:#10171d;white-space:normal}button:hover{filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.55}.secondary{background:#293b49;color:#f5f0e6}select{background:#101d29;color:#f5f0e6;max-width:290px;width:100%}label{display:flex;flex-direction:column;gap:5px;font-size:.8rem;min-width:0}#status{min-height:24px;font-size:.875rem;line-height:1.5;color:#a9e2bb}#status.error{color:#ffb6ad}main{display:grid;grid-template-columns:minmax(0,1fr) var(--phone-width);gap:16px;margin-top:16px}main>section{min-width:0}.panel-title{min-height:60px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#1b3039;padding:10px 14px;border:1px solid #36515c;border-bottom:0;border-radius:10px 10px 0 0}.panel-title span{font-size:.75rem;color:#c2d8e7}.panel-title label{flex-direction:row;align-items:center;flex-shrink:0;white-space:nowrap;overflow-wrap:normal}.panel-title select{padding:5px;max-width:90px}iframe{display:block;width:100%;height:760px;background:#10171d;border:1px solid #36515c;border-radius:0 0 10px 10px}details{padding:14px;background:#18242c;border:1px solid #36515c;border-radius:10px;line-height:1.65}summary{cursor:pointer;font-weight:700;min-height:30px}details p,details ol{font-size:.875rem}footer{font-size:.8rem;line-height:1.7;color:#b9c9d4;padding:18px 0 0}a{color:#87dbe1}li{margin-bottom:7px}:focus-visible{outline:3px solid #f2a75b;outline-offset:3px}
@media(max-width:1000px){main{display:flex;flex-direction:column}.phone{width:var(--phone-width);max-width:100%;margin:auto}iframe{height:780px}.panel-title span{display:none}}
@media(max-width:480px){body{padding:10px}header{align-items:start;flex-direction:column;gap:5px}.toolbar{padding:10px;display:grid;grid-template-columns:minmax(0,1fr)}.toolbar button,.toolbar label,.toolbar select{width:100%;max-width:100%}.panel-title{padding:10px}.panel-title h2{font-size:.95rem}details{padding:12px}details ol{padding-left:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}