/* American Accent public experience preview — 2026-09-02 */
.aa-page{background:#fff}.aa-container{width:min(calc(100% - 44px),1320px);margin-inline:auto}.aa-hero{padding:48px 0 54px;background:linear-gradient(180deg,#fffefa 0%,#fff 100%);overflow:hidden}.aa-hero-grid{display:grid;grid-template-columns:.72fr .92fr 1.75fr;gap:34px;align-items:center}.aa-cover-wrap{display:flex;justify-content:center;align-items:center}.aa-cover{max-height:535px;width:auto;object-fit:contain;filter:drop-shadow(0 20px 25px rgba(10,36,84,.16))}.aa-intro{text-align:center;align-self:center}.aa-kicker{margin:0 0 13px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.14em}.aa-intro h1{margin:0;color:var(--navy);font:500 clamp(31px,3.25vw,50px)/1.18 Georgia,'Times New Roman',serif}.aa-intro h1 span{color:#b97808}.aa-title-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px 0 22px;color:var(--navy)}.aa-title-rule i{display:block;width:64px;height:1px;background:var(--gold)}.aa-title-rule b{font-size:18px}.aa-short-copy{margin:0;color:var(--navy);font-size:18px;line-height:1.65}.aa-devices{position:relative;min-width:0;padding-right:78px;padding-bottom:18px}.aa-laptop{position:relative;width:100%;filter:drop-shadow(0 22px 27px rgba(14,35,71,.18))}.aa-camera{position:absolute;top:8px;left:50%;z-index:2;width:5px;height:5px;border-radius:50%;background:#66758b}.aa-screen{min-height:420px;border:10px solid #101b33;border-bottom-width:14px;border-radius:18px 18px 7px 7px;background:#fff;overflow:hidden}.aa-screen-bar{min-height:44px;background:var(--navy);color:#fff;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;font-size:10px}.aa-screen-bar strong{font-style:italic;letter-spacing:.04em}.aa-screen-bar span:nth-child(2){text-align:center}.aa-screen-bar span:last-child{opacity:.86}.aa-experience{min-height:326px;padding:24px 28px 18px;background:#fff}.aa-status{height:36px;padding:8px 22px;background:#fbfaf6;border-top:1px solid #eee7d8;color:#697385;font-size:11px;display:flex;align-items:center}.aa-laptop-chin{height:23px;border-radius:0 0 8px 8px;background:#17213a;color:#acb5c3;display:grid;place-items:center;font-size:7px;letter-spacing:.16em}.aa-laptop-base{width:112%;height:16px;margin-left:-6%;background:linear-gradient(180deg,#d9dde3,#aeb6c2);border-radius:3px 3px 34px 34px}.aa-phone{position:absolute;right:0;bottom:3px;width:145px;height:300px;border:7px solid #101b33;border-radius:29px;background:#101b33;box-shadow:0 18px 34px rgba(14,35,71,.22);z-index:4}.aa-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:58px;height:14px;border-radius:0 0 12px 12px;background:#101b33;z-index:2}.aa-phone-screen{height:100%;border-radius:22px;background:#fff;padding:14px 10px 16px;overflow:hidden}.aa-phone-status{display:flex;justify-content:space-between;margin:0 2px 16px;color:#7c8797;font-size:6px}.aa-phone-brand{text-align:center;color:var(--navy);font-size:7px;font-weight:800;font-style:italic;letter-spacing:.04em}.aa-phone-screen>p{text-align:center;color:#8a94a2;font-size:6px;letter-spacing:.13em;margin:8px 0 2px}.aa-phone-screen h2{text-align:center;color:var(--navy);font:500 13px/1.1 Georgia,'Times New Roman',serif;margin:0 0 15px}.aa-phone-mode{border-top:2px solid var(--gold);padding-top:10px;color:#b97808;font-size:8px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.07em}.aa-phone-content{margin-top:10px;padding:10px 7px;border-radius:8px;background:#faf8f2;color:#273853;font-size:8px;line-height:1.45;text-align:center}.aa-phone-home{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:48px;height:3px;border-radius:99px;background:#9da6b2}

.aa-feature-section{padding:28px 0 44px;border-top:1px solid var(--line)}.aa-feature-heading{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 24px;color:var(--navy);font:600 clamp(18px,2vw,25px)/1.2 Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.02em;text-align:center}.aa-feature-heading span{height:1px;flex:1;max-width:290px;background:var(--gold-soft)}.aa-feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:#fffefa;overflow:hidden}.aa-feature{position:relative;min-height:118px;border:0;border-right:1px solid var(--line);padding:22px 18px;background:transparent;color:var(--navy);cursor:pointer;text-align:center}.aa-feature:last-child{border-right:0}.aa-feature:before{content:"";position:absolute;left:28%;right:28%;top:0;height:3px;background:transparent}.aa-feature:hover,.aa-feature:focus-visible{background:#fffaf0}.aa-feature.active{background:#fffaf0}.aa-feature.active:before{background:var(--gold)}.aa-feature b{display:block;font:600 20px/1.2 Georgia,'Times New Roman',serif}.aa-feature small{display:block;margin-top:8px;color:#586477;font-size:13px;line-height:1.4}.aa-feature[aria-selected="true"] b{color:#9a6507}

/* Laptop experience content */
.aa-panel{height:100%}.aa-panel-eyebrow{margin:0 0 4px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.14em;text-align:center}.aa-panel h3{margin:0 0 18px;color:var(--navy);font:500 26px/1.15 Georgia,'Times New Roman',serif;text-align:center}.aa-listen-opening{height:225px;display:grid;place-items:center;text-align:center}.aa-listen-opening p{margin:0 0 17px;color:#546174}.aa-primary,.aa-secondary,.aa-quiet{border:0;border-radius:8px;min-height:38px;padding:9px 14px;font-weight:800;font-size:10px;letter-spacing:.04em;cursor:pointer}.aa-primary{background:var(--gold);color:#152341}.aa-secondary{background:var(--navy);color:#fff}.aa-quiet{border:1px solid #ded8ca;background:#fff;color:var(--navy)}.aa-control-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.aa-dialogue{display:grid;gap:5px;max-height:214px;overflow:auto;padding-right:3px}.aa-line{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:#faf8f2;border:1px solid transparent;transition:.15s}.aa-line.current{border-color:#e3bf6b;background:#fff8e8}.aa-line .who{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e9eff8;color:var(--navy);font-size:8px;font-weight:800}.aa-line[data-speaker="B"] .who{background:#fff0c9;color:#865700}.aa-line p{margin:0;color:#273853;font-size:11px;line-height:1.35}.aa-line button{border:0;background:transparent;color:var(--navy);font-size:9px;font-weight:800;cursor:pointer}.aa-dialogue-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.aa-stress-card{max-width:500px;margin:8px auto 16px;padding:23px;border:1px solid #eee2c8;border-radius:13px;background:#fffdf8;text-align:center}.aa-stress-sentence{margin:0;color:#223451;font:500 24px/1.55 Georgia,'Times New Roman',serif}.aa-stress-sentence mark{background:transparent;color:#b97808;font-weight:700}.aa-beats{display:flex;justify-content:center;gap:30px;margin-top:13px;color:var(--gold);font-size:10px;letter-spacing:.1em}.aa-record-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.aa-target{padding:15px;border-radius:11px;background:#faf8f2}.aa-target label{display:block;color:#7b8491;font-size:8px;font-weight:800;letter-spacing:.09em;margin-bottom:5px}.aa-target select{width:100%;border:1px solid #ddd6c8;border-radius:7px;background:#fff;padding:8px;color:var(--navy);font-size:10px}.aa-target p{margin:10px 0 0;color:var(--navy);font:500 15px/1.4 Georgia,'Times New Roman',serif}.aa-record-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.aa-record-controls button{min-height:36px}.aa-record-controls .recording{background:#a32626;color:#fff}.aa-self-check{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.aa-self-check span{border:1px solid #e7dec9;border-radius:999px;padding:4px 7px;color:#657084;font-size:7px;letter-spacing:.04em}.aa-role-select{display:flex;justify-content:center;gap:10px;margin:2px 0 14px}.aa-role-choice{min-width:112px;border:1px solid #dcd5c8;border-radius:9px;padding:10px;background:#fff;color:var(--navy);font-size:10px;font-weight:800;cursor:pointer}.aa-role-choice.active{border-color:var(--gold);background:#fff8e7;color:#8a5c08}.aa-role-stage{min-height:130px;border-radius:12px;background:#faf8f2;display:grid;place-items:center;padding:18px;text-align:center}.aa-role-stage strong{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em}.aa-role-stage p{margin:6px 0 12px;color:var(--navy);font:500 18px/1.35 Georgia,'Times New Roman',serif}.aa-role-stage .aa-control-row{margin-top:4px}

.aa-more-section{padding:56px 0 62px;background:#fffdfa;border-top:1px solid var(--line)}.aa-more-heading{text-align:center;margin-bottom:30px}.aa-more-heading h2{margin:0;color:var(--navy);font:500 38px/1.15 Georgia,'Times New Roman',serif}.aa-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.aa-practice-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px}.aa-card-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid #eee8db}.aa-card-heading span{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.12em}.aa-card-heading h3{margin:3px 0 0;color:var(--navy);font:500 24px/1.2 Georgia,'Times New Roman',serif}.aa-small-link{border:0;background:transparent;color:var(--navy);font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.aa-practice-list{display:grid;gap:0}.aa-practice-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #f0ece3}.aa-practice-row:last-child{border-bottom:0}.aa-practice-row .initial{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f4ead3;color:#8b5e08;font-size:8px;font-weight:800}.aa-practice-row p{margin:0;color:#2b3a54;font-size:13px;line-height:1.35}.aa-practice-row button{border:0;background:#f4f6f9;color:var(--navy);border-radius:999px;width:30px;height:30px;cursor:pointer;font-size:9px}.aa-teacher-referral{padding:0 0 62px;background:#fffdfa}.aa-teacher-link{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;padding:24px 38px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none}.aa-teacher-link strong{color:var(--navy);font:500 28px/1.1 Georgia,'Times New Roman',serif}.aa-teacher-link span{padding-left:30px;border-left:1px solid var(--line);color:#46536b}.aa-teacher-link b{color:var(--gold);font-size:26px}.aa-teacher-link:hover{border-color:#d9bd83;background:#fffdf7}

@media(max-width:1100px){.aa-hero-grid{grid-template-columns:.65fr .9fr 1.45fr;gap:24px}.aa-cover{max-height:440px}.aa-devices{padding-right:55px}.aa-phone{width:126px;height:265px}.aa-screen{min-height:390px}.aa-experience{min-height:297px}.aa-short-copy{font-size:15px}.aa-feature b{font-size:18px}.aa-record-layout{grid-template-columns:1fr}}
@media(max-width:850px){.aa-hero-grid{grid-template-columns:.72fr 1.28fr}.aa-intro{grid-column:1/-1;grid-row:1;text-align:center}.aa-cover-wrap{grid-column:1;grid-row:2}.aa-devices{grid-column:2;grid-row:2}.aa-feature-tabs{grid-template-columns:1fr 1fr}.aa-feature:nth-child(2){border-right:0}.aa-feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.aa-more-grid{grid-template-columns:1fr}}
@media(max-width:640px){.aa-container{width:min(calc(100% - 26px),1320px)}.aa-hero{padding:36px 0 42px}.aa-hero-grid{display:flex;flex-direction:column;gap:28px}.aa-cover{max-height:385px}.aa-devices{width:100%;padding:0 28px 225px 0}.aa-screen{min-height:400px;border-width:7px;border-bottom-width:11px}.aa-screen-bar{grid-template-columns:1fr auto;padding:0 12px}.aa-screen-bar span:nth-child(2){display:none}.aa-experience{padding:20px 14px;min-height:312px}.aa-phone{right:50%;bottom:0;transform:translateX(50%);width:132px;height:275px}.aa-feature-heading{font-size:17px}.aa-feature-heading span{display:none}.aa-feature-tabs{grid-template-columns:1fr}.aa-feature{border-right:0;border-bottom:1px solid var(--line);min-height:92px}.aa-feature:last-child{border-bottom:0}.aa-feature:nth-child(2){border-right:0}.aa-record-layout{grid-template-columns:1fr}.aa-line{grid-template-columns:26px 1fr}.aa-line button{grid-column:2;justify-self:start}.aa-more-section{padding-top:44px}.aa-more-heading h2{font-size:31px}.aa-practice-card{padding:20px 17px}.aa-card-heading{align-items:flex-end}.aa-teacher-link{grid-template-columns:1fr auto;gap:10px 18px;padding:22px}.aa-teacher-link span{grid-column:1/2;padding:0;border:0}.aa-teacher-link b{grid-column:2;grid-row:1/3}}

/* Dialogue 2 reusable lesson controls — 2026-09-09 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aa-lesson-picker{display:block;min-width:0;text-align:center}
.aa-lesson-picker select{max-width:100%;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#1c3158;color:#fff;padding:5px 8px;font:600 10px/1.2 Arial,sans-serif;cursor:pointer}
.aa-lesson-picker select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.aa-more-grid-single{grid-template-columns:minmax(0,820px);justify-content:center}
.aa-card-actions,.aa-row-actions{display:flex;align-items:center;gap:6px}
.aa-card-actions{flex-wrap:wrap;justify-content:flex-end}
.aa-speaking-prompt{align-self:center;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.aa-row-actions button{flex:0 0 auto}
@media(max-width:640px){.aa-lesson-picker{display:none}.aa-card-actions{flex-direction:column;align-items:flex-end}}
.aa-rhythm-referral{padding:58px 0;background:linear-gradient(135deg,#101e38,#1d3154)}
.aa-rhythm-link{display:grid;grid-template-columns:1.1fr 1fr auto;gap:38px;align-items:center;min-height:190px;padding:34px 42px;border:1px solid rgba(222,184,91,.7);border-radius:20px;background:linear-gradient(115deg,rgba(255,255,255,.06),rgba(255,255,255,.015));color:#fff;text-decoration:none;box-shadow:0 22px 46px rgba(3,12,29,.28);transition:transform .2s,border-color .2s,background .2s}
.aa-rhythm-copy{display:grid;gap:7px}
.aa-rhythm-number{color:#e3bf68;font-size:12px;font-style:normal;font-weight:800;letter-spacing:.13em}
.aa-rhythm-copy>strong{font:500 clamp(32px,4vw,48px)/1.05 Georgia,'Times New Roman',serif}
.aa-rhythm-copy em{color:#d9e0ea;font-size:16px;font-style:normal;line-height:1.45}
.aa-rhythm-beat-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.aa-rhythm-beat-preview.aa-rhythm-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.aa-rhythm-beat-preview.aa-rhythm-sentence{display:block}.aa-rhythm-beat-preview.aa-rhythm-sentence i{display:flex;min-height:104px;padding:18px 22px;text-align:left;line-height:1.45}.aa-rhythm-beat-preview.aa-rhythm-sentence i>b{flex:0 0 28px}.aa-rhythm-beat-preview.aa-rhythm-sentence i>strong{font-size:16px;letter-spacing:0;text-transform:none}
.aa-rhythm-beat-preview i{display:grid;place-items:center;gap:7px;min-height:104px;border:1px solid rgba(226,190,104,.38);border-radius:14px;background:rgba(255,255,255,.06);font-style:normal}
.aa-rhythm-beat-preview i[hidden]{display:none!important}
.aa-rhythm-beat-preview i>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d8ab45;color:#172641;font-size:12px}
.aa-rhythm-beat-preview i>strong{color:#f0d38e;font-size:14px;letter-spacing:.05em}
.aa-rhythm-cta{display:flex;align-items:center;gap:12px;color:#f0d38e;font-size:13px;font-weight:800;white-space:nowrap}
.aa-rhythm-cta b{font-size:25px}
.aa-rhythm-link:hover,.aa-rhythm-link:focus-visible{transform:translateY(-3px);border-color:#e6c46d;background:linear-gradient(115deg,rgba(255,255,255,.1),rgba(255,255,255,.025));outline:none}
@media(max-width:900px){.aa-rhythm-link{grid-template-columns:1fr 1fr}.aa-rhythm-cta{grid-column:1/-1;justify-self:end}}
@media(max-width:640px){.aa-rhythm-referral{padding:42px 0}.aa-rhythm-link{grid-template-columns:1fr;gap:24px;padding:28px 22px}.aa-rhythm-beat-preview i{min-height:86px}.aa-rhythm-cta{grid-column:auto;justify-self:start;white-space:normal}}
.aa-more-section{scroll-margin-top:24px}
.aa-primary.playing,.aa-secondary.playing,.aa-quiet.playing,.aa-small-link.playing,.aa-practice-row button.playing,.aa-line button.playing{background:#a62a2a;color:#fff}

.aa-activity-page{width:100%;height:auto;display:block}.aa-textbook-activity{grid-column:1/-1;max-width:900px;justify-self:center;width:100%}.aa-activity-note{color:#5d6370;font-size:1rem}.aa-textbook-activity details{padding:1rem}.aa-role-select{flex-wrap:wrap}

/* Conversation Starter 13: goal reflection. */
.aa-goal-check-in { grid-column: 1 / -1; }
.aa-goal-form { display: grid; gap: 18px; margin-top: 22px; }
.aa-goal-form label { display: grid; gap: 8px; font-weight: 600; }
.aa-goal-form textarea, .aa-goal-form select, .aa-goal-form input { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid #aab3be; border-radius: 8px; background: white; color: #172b45; font: inherit; font-weight: 400; }
.aa-goal-form textarea { resize: vertical; }
.aa-goal-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.aa-goal-privacy { font-size: .9rem; }
.aa-goal-plan { margin-top: 20px; padding: 18px; border-left: 3px solid #ba9148; background: #faf8f2; }
.aa-goal-plan [data-goal-plan-text] { white-space: pre-line; overflow-wrap: anywhere; }
.aa-goal-form [data-goal-status] { min-height: 1.5em; }
@media(max-width: 650px) { .aa-goal-columns { grid-template-columns: 1fr; } }

/* Approved introduction balance — September 14, 2026.
   Keep the interactive device area at least its previous desktop width. */
.aa-hero-grid{width:min(calc(100% - 44px),1440px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) calc((min(100vw - 44px,1320px) - 68px) * .516224);gap:34px}
.aa-cover-wrap,.aa-intro{min-width:0}
.aa-cover{max-width:100%;max-height:535px}
.aa-intro h1{font-size:clamp(30px,2.65vw,42px);line-height:1.17}
.aa-intro h1 span{color:#a96508}
.aa-title-rule{color:#a96508;margin:24px 0}
.aa-title-rule i{width:35%;background:#a96508}
.aa-title-rule b{font-size:14px}
.aa-short-copy{font:700 clamp(20px,1.65vw,26px)/1.3 Georgia,'Times New Roman',serif;text-wrap:pretty}
@media(min-width:851px) and (max-width:1100px){
  .aa-hero-grid{grid-template-columns:.8fr .75fr 1.45fr;gap:24px}
  .aa-intro h1{font-size:30px}
  .aa-short-copy{font-size:20px}
}
@media(min-width:641px) and (max-width:850px){
  .aa-hero-grid{grid-template-columns:.72fr 1.28fr;gap:24px}
  .aa-intro{max-width:560px;justify-self:center}
}
@media(max-width:640px){
  .aa-hero-grid{width:calc(100% - 26px);gap:28px}
  .aa-intro h1{font-size:32px}
  .aa-short-copy{font-size:22px}
  .aa-cover{max-height:385px}
}

/* Student readability and visible dialogue navigation. */
.aa-screen-bar{grid-template-columns:1fr auto;gap:10px;padding:14px 18px;font-size:.875rem}
.aa-screen-bar strong{font-size:.875rem}
.aa-screen-bar #aa-step-count{grid-column:2;grid-row:1;text-align:right}
.aa-lesson-picker{display:grid;grid-column:1/-1;grid-row:2;gap:8px;text-align:left;min-width:0}
.aa-screen-bar .aa-lesson-label{color:#fff;text-align:left;font-size:1rem;font-weight:700;opacity:1}
.aa-lesson-picker select{display:block;width:100%;max-width:100%;min-height:48px;padding:10px 12px;border:2px solid #d8ab45;background:#fff;color:#152341;font:700 1rem/1.4 Arial,sans-serif;cursor:pointer}
.aa-lesson-picker select:focus-visible{outline:3px solid #f0d38e;outline-offset:3px}
.aa-line{grid-template-columns:28px minmax(0,1fr) 40px;gap:10px;padding:10px 8px}
.aa-line p{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.aa-line .who{font-size:.875rem}
.aa-line button{min-width:40px;min-height:40px;font-size:1rem}
.aa-dialogue{max-height:330px;gap:8px}
.aa-panel-eyebrow{font-size:.875rem;line-height:1.4}
.aa-primary,.aa-secondary,.aa-quiet{font-size:.875rem;min-height:44px;letter-spacing:0}
.aa-dialogue-actions{flex-wrap:wrap}
.aa-status{height:auto;min-height:44px;font-size:.875rem;line-height:1.4}
.aa-target label,.aa-target select,.aa-role-choice{font-size:.875rem}
.aa-phone{right:-86px}
@media(max-width:1639px){
 .aa-phone{position:relative;right:auto;bottom:auto;margin:24px 0 0 auto;transform:none}
}
@media(max-width:640px){
 .aa-devices{padding:0 12px 18px}
 .aa-screen-bar{grid-template-columns:1fr auto;padding:12px}
 .aa-lesson-picker{display:grid}
 .aa-screen-bar .aa-lesson-label{display:block}
 .aa-line{grid-template-columns:24px minmax(0,1fr) 40px;gap:6px}
 .aa-line button{grid-column:3;grid-row:1}
 .aa-phone{margin:24px auto 0}
}

/* Compact computer toolbar and readable supporting practice. */
.aa-screen-bar{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:10px 18px}
.aa-screen-bar .aa-lesson-picker{display:contents}
.aa-screen-bar .aa-lesson-label{grid-column:1;grid-row:1}
.aa-screen-bar #aa-step-count{display:block;grid-column:2;grid-row:1;font-size:.875rem;line-height:1.3;max-width:10rem;text-align:right;white-space:normal}
.aa-lesson-picker select{grid-column:1/-1;grid-row:2}
.aa-dialogue{max-height:360px}
.aa-practice-row{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:16px 0}
.aa-practice-row p{font-size:1.125rem;line-height:1.55;overflow-wrap:anywhere}
.aa-practice-row .initial{width:28px;height:28px;font-size:.875rem}
.aa-practice-row button{width:44px;height:44px;font-size:1rem}
.aa-card-heading span,.aa-small-link{font-size:.875rem;line-height:1.4}
.aa-small-link{min-height:44px;padding:8px}
.aa-card-heading{flex-wrap:wrap}
@media(max-width:640px){
 .aa-screen-bar{padding:10px 12px;column-gap:8px}
 .aa-screen-bar .aa-lesson-label{font-size:1rem}
 .aa-screen-bar #aa-step-count{max-width:7rem}
 .aa-practice-row{grid-template-columns:28px minmax(0,1fr);gap:8px 10px}
 .aa-practice-row .aa-row-actions{grid-column:2;justify-self:start}
}
