:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182c35;background:#f4f7f8;font-size:16px;line-height:1.55;--accent:#08777b;--border:#d6e1e5}*{box-sizing:border-box}body{margin:0}a{color:#006e78;text-underline-offset:3px}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#18343e;cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover{border-color:var(--accent);background:#edf8f7}button.primary,.button.primary{background:var(--accent);color:white;border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #8856c6;outline-offset:3px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;background:white;border-bottom:1px solid var(--border);padding:14px max(24px,calc((100vw - 1500px)/2))}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#192e38;font-weight:750}.brand img{width:60px;height:68px;object-fit:contain}.brand small{display:block;font-weight:450;font-size:.8rem;color:#52656e}#save-status{font-size:.78rem;max-width:250px}.shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;padding:28px 24px}nav{align-self:start;position:sticky;top:20px;display:grid;gap:5px}nav a{padding:11px 14px;color:#3a5059;text-decoration:none;border-radius:10px;font-size:.91rem}nav a[aria-current=page]{background:#dcefed;color:#005f65;font-weight:750}main{min-width:0}h1{font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.15;letter-spacing:-.035em;margin:8px 0 18px;overflow-wrap:anywhere}h2{font-size:1.35rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 14px}h3{font-size:1.06rem;line-height:1.35;margin:0 0 8px}p{margin:0 0 15px}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#08777b}.muted,small{color:#52656e}.lead{font-size:1.1rem;max-width:760px;color:#425963}.hero{position:relative;overflow:hidden;padding:34px;background:#103b47;color:white;border-radius:22px;margin:0 0 24px}.hero .eyebrow{color:#8ce5d8}.hero .lead{color:#d4e7ea}.hero svg{width:100%;height:75px;opacity:.6;margin-top:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,details.panel{background:white;border:1px solid var(--border);border-radius:16px;padding:23px;margin-bottom:18px;min-width:0;overflow-wrap:anywhere}.grid>.card{margin-bottom:0}.card .number{font-size:.8rem;color:#08777b;font-weight:700;margin-bottom:10px}.card.link{display:block;text-decoration:none;color:inherit;transition:border-color .15s}.card.link:hover{border-color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.tag{display:inline-block;padding:4px 9px;background:#eaf4f3;border-radius:6px;font-size:.73rem;font-weight:650;color:#145b61}.note{background:#eef5fc;border-left:4px solid #467da6;padding:16px;border-radius:8px;margin:18px 0}.warning{background:#fff5df;border-left-color:#a16b13}.danger{color:#a32b2b}.row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:start}.stat{font-size:2rem;color:var(--accent);font-weight:750}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:block;margin:12px 0;font-weight:600}.field small{display:block;font-weight:400}.field input,.field textarea,.field select{display:block;width:100%;padding:11px 12px;border:1px solid #aebfc6;background:white;color:#182c35;border-radius:9px;margin-top:6px;min-width:0}.field textarea{min-height:105px;resize:vertical;font-weight:400}.field input,.field select{font-weight:400}.wide{grid-column:1/-1}.checks{display:grid;gap:10px}.check{display:flex;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:9px;cursor:pointer}.check input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.check:has(input:checked){background:#eaf4f3}.flow{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.flow li{background:#e8f3f2;border:1px solid #bdD9d6;padding:10px;border-radius:8px}.flow li:not(:last-child)::after{content:' →';color:#08777b}summary{cursor:pointer;font-weight:650;min-height:32px}details>div{margin-top:18px}ol li{margin-bottom:10px;padding-left:4px}.results{display:grid;gap:12px}.history{font-size:.85rem;padding:12px;background:#f6f8f9;border-radius:8px;white-space:pre-wrap}.answer{white-space:pre-wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:8px 12px;border-radius:8px;background:white;border:1px solid var(--border);text-decoration:none}audio{width:100%;margin:10px 0;max-width:450px}.support{margin-top:8px;background:#eff7f6;padding:12px;border-radius:9px}.source{font-size:.78rem}.empty{padding:18px;border:1px dashed #aebfc6;border-radius:10px;color:#52656e}footer{padding:25px;text-align:center;color:#52656e;font-size:.8rem;border-top:1px solid var(--border)}footer a{margin-left:16px}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#183943;color:white;border-radius:10px;max-width:90vw;padding:12px 18px;box-shadow:0 4px 22px #0002;z-index:5}#notice:empty{display:none}.skip{position:absolute;top:-100px;left:10px;background:white;z-index:9;padding:12px}.skip:focus{top:8px}.question-options{display:grid;gap:10px}.question-options button{text-align:left;justify-content:start}pre{white-space:pre-wrap}.search{max-width:620px}progress{width:100%;height:10px;accent-color:var(--accent)}.print-only{display:none}@media(max-width:1050px){.shell{grid-template-columns:190px minmax(0,1fr);gap:20px}.grid.three{grid-template-columns:1fr}.card{padding:19px}}@media(max-width:720px){header{padding:12px 18px;align-items:start;gap:10px}.brand img{width:38px;height:48px}.brand{font-size:.9rem;gap:9px}#save-status{max-width:110px;font-size:.68rem}.shell{display:block;padding:16px}nav{position:static;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px}nav a{font-size:.78rem;padding:8px 10px;background:white;border:1px solid var(--border)}.grid,.fields{grid-template-columns:1fr}.hero{padding:24px}.toolbar button{flex-grow:1}.card{padding:18px}h1{font-size:2rem}.wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body{background:white;color:black;font-size:11pt}header,nav,footer,.toolbar,button,.no-print,#notice,#save-status{display:none!important}.shell{display:block;padding:0}main{width:100%}.card,details.panel{box-shadow:none;border:1px solid #aaa;break-inside:avoid;margin-bottom:10px;padding:12px}.grid{display:block}.hero{color:black;background:white;padding:0}.hero .lead,.hero .eyebrow{color:black}.hero svg{display:none}.print-only{display:block}textarea{height:auto;overflow:visible}.answer{white-space:pre-wrap}h1{font-size:22pt}h2{font-size:15pt}a{color:black;text-decoration:none}@page{margin:16mm}}

.screenshots{display:grid;gap:20px;margin:20px 0}.screenshots figure{margin:0;padding:20px;background:white;border:1px solid var(--border);border-radius:16px}.screenshots img{display:block;max-width:100%;max-height:550px;width:auto;height:auto;margin:0 auto;object-fit:contain}.screenshots figcaption{margin:16px auto 0;max-width:850px}.screenshots small{display:block;margin-top:7px;font-size:.76rem}.tabs{margin:18px 0}.steps{padding-left:28px}.steps li{padding:9px 0 9px 6px}.model-row{border-bottom:1px solid var(--border);padding:14px 0}.model-row:last-of-type{border:0}.text-link{color:var(--accent);font-weight:650}.header-help{font-size:.82rem;white-space:nowrap}@media(max-width:520px){.header-help{display:none}}@media print{.screenshots figure{break-inside:avoid}.screenshots img{max-height:130mm}.header-help{display:none}}

.media-example audio,.media-example video{display:block;width:100%;max-width:100%;margin:1rem 0}.media-example video{max-height:560px;background:#f3f5f8;border-radius:14px}.media-example small{display:block;margin:.75rem 0}.topic-image{margin:1.2rem 0;background:white;padding:1rem;border-radius:18px}.topic-image img{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:auto}.topic-image figcaption{font-size:.9rem;margin-top:.8rem;color:#435366}.media-error{padding:.8rem;border:2px solid #a13737;border-radius:8px}.panel .media-example{border-top:1px solid #dce2ea;margin-top:1rem;padding-top:.7rem}@media print{audio,video,[data-replay]{display:none}}
/* Reference library and guided project workflows */
:root{background:#f5f5f7;color:#20232a;--border:#e2e5eb;--accent:#08777b}.card,.concept-card,.guide-step{box-shadow:0 8px 28px #172b4510}.topic-banner{position:relative;isolation:isolate;border-radius:26px;overflow:hidden;padding:42px 32px;margin-bottom:24px;color:white;min-height:260px;display:flex;align-items:center}.topic-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.topic-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071325ee,#07132599);z-index:-1}.topic-banner p{max-width:650px;color:#e0edf7}.topic-banner .eyebrow{color:#9be7e2}.topic-banner h1{max-width:680px}.topic-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.topic-jumps a{background:white;padding:10px 16px;min-height:44px;border:1px solid var(--border);border-radius:24px;text-decoration:none;font-weight:600}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0 32px;align-items:start}.concept-card{background:white;border:1px solid var(--border);border-radius:22px;overflow:hidden;min-width:0}.concept-card h2{font-size:1.55rem;margin:14px 0}.concept-body{padding:24px}.concept-card .media-example{background:#eef5f7;padding:16px;border-radius:14px;margin:18px 0}.concept-card audio{min-width:0;width:100%}.concept-card details{border-top:1px solid var(--border);padding-top:16px}.category-heading{display:flex;align-items:center;gap:18px;margin:30px 0 12px}.category-heading img{width:110px;height:72px;object-fit:cover;border-radius:14px}.category-heading h2{margin:0}.concept-section{scroll-margin-top:24px}.guide-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;background:white;border:1px solid var(--border);border-radius:20px;padding:26px;margin:16px 0}.step-badge{background:#dff2ef;color:#07595a;display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-weight:750}.guide-step figure{margin:20px 0 0}.guide-step img{display:block;max-width:100%;max-height:390px;object-fit:contain;margin:auto}.guide-step figcaption{font-size:.88rem;margin-top:12px}.guide-step small{display:block}.study-thumbnail{width:100%;height:155px;object-fit:cover;border-radius:12px;margin-bottom:18px}[hidden]{display:none!important}@media(max-width:900px){.concept-grid{grid-template-columns:1fr}}@media(max-width:540px){.topic-banner{padding:25px 22px;min-height:230px}.concept-body{padding:19px}.guide-step{padding:18px;gap:10px;grid-template-columns:32px minmax(0,1fr)}.step-badge{width:30px;height:30px}.category-heading img{width:76px;height:60px}}@media print{.topic-banner{background:white;color:black;min-height:0;padding:0}.topic-banner img,.topic-banner:after,.topic-jumps,.study-thumbnail{display:none}.topic-banner p{color:black}.concept-grid{display:block}.concept-card,.guide-step{break-inside:avoid;box-shadow:none}.concept-card details>div{display:block}}

/* Keep image headers in normal flow, with no hidden background layers. */
.topic-banner{display:grid;grid-template-columns:1.1fr 1fr;padding:0;min-height:260px;background:#0c2536;isolation:auto}.topic-banner>img{position:static;z-index:auto;display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.topic-banner:after{display:none}.topic-banner>div{padding:30px}.topic-banner h1{font-size:clamp(1.8rem,3vw,2.7rem)}.external-listening{margin:18px 0;padding:16px;background:#f5f1fa;border:1px solid #e2d9ed;border-radius:14px}.external-listening .button{white-space:normal;text-align:left}.external-listening .source{margin:12px 0 0}@media(max-width:720px){.topic-banner{grid-template-columns:1fr}.topic-banner>img{height:180px;min-height:180px}.topic-banner>div{padding:22px}}@media print{.topic-banner{display:block;background:white}.topic-banner>img{display:none}}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.breadcrumb .button{font-size:.86rem;background:transparent;box-shadow:none}.troubleshooting details{padding:14px 0;border-bottom:1px solid var(--border)}.troubleshooting details:last-child{border-bottom:0}.troubleshooting details p{margin:12px 0 0}.troubleshooting summary{min-height:44px;display:list-item}.demo-player{border-top:1px solid #d6e1e5;padding-top:12px;margin-top:12px}.model-row small{display:block;padding:8px 12px;background:#eff6f5;border-radius:8px}.help-group{margin-bottom:28px}.help-group .card{margin-bottom:6px}@media print{.breadcrumb,.external-listening,.demo-player button{display:none}details{break-inside:avoid}}