.pl-tabs,.pl-controls,.pl-options{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.pl-tabs button{padding:12px 16px;border:1px solid #b5c5dc;background:white;color:#203d68;border-radius:8px;cursor:pointer;font:600 14px 'DM Sans',sans-serif}.pl-tabs button[aria-current=step]{background:#173d79;color:white}.pl-choice{flex:1;min-width:230px;text-align:left;padding:24px;border:2px solid #bfcee0;background:#f5f8fe;color:#183252;border-radius:12px;cursor:pointer;font:16px 'DM Sans',sans-serif}.pl-choice strong,.pl-choice span{display:block}.pl-choice span{font-size:14px;margin-top:10px}.pl-choice[aria-pressed=true]{border-color:#265cbe;background:#e9f1ff}.pl-demo{display:grid;grid-template-columns:1fr 1fr;gap:40px}.pl-product{text-align:center;background:#f4f7fb;border-radius:14px;padding:30px}.pl-case,.pl-pouch{margin:30px auto;position:relative;width:140px;height:210px;display:flex;align-items:center;justify-content:center}.pl-case{border:9px solid #3b546f;border-radius:25px;background:#a8bccc}.pl-screen{background:#d9e8ef;border:4px solid #273951;border-radius:14px;width:90px;height:154px;display:flex;flex-direction:column;justify-content:center;color:#243e5c}.pl-pouch{background:#4b6560;border-radius:8px;border:4px solid #273f3b}.pl-flap{position:absolute;top:-28px;left:-4px;right:-4px;height:35px;background:#789189;border:4px solid #273f3b;transform:rotate(-12deg);transform-origin:left bottom;transition:transform .4s,top .4s;z-index:2}.pl-pouch.closed .pl-flap{top:-4px;transform:rotate(0)}.pl-pouch.closed .pl-screen{opacity:.15;transition:opacity .4s}#phone-lesson details{padding:17px 0;border-bottom:1px solid #d8e0eb}#phone-lesson summary{font-weight:600;cursor:pointer}#phone-lesson button:focus-visible,#phone-lesson summary:focus-visible{outline:3px solid #255cc0;outline-offset:4px}[data-panel] h2{scroll-margin-top:100px}#phone-feedback{font-weight:600}#phone-complete{padding:20px;background:#edf5f0;border-radius:10px}@media(max-width:650px){.pl-demo{grid-template-columns:1fr}.pl-tabs{gap:6px}.pl-tabs button{flex:1 1 40%;padding:10px}.pl-product{padding:20px}.pl-choice{min-width:100%}}@media(prefers-reduced-motion:reduce){.pl-flap,.pl-pouch.closed .pl-screen{transition:none}}