:root{--br-ink:#1f2326;--br-forest:#1f2326;--br-teal:#d75b2d;--br-mint:#f8e6d9;--br-paper:#f6f1e8;--br-white:#fffdf8;--br-border:#d9d0c6;--br-muted:#686a67;--br-orange:#e55d2e;--br-concrete:#a7b3b8;--br-sand:#eaddcf}.br-app{background:radial-gradient(circle at 92% 7%, #e55d2e1a, transparent 27rem), linear-gradient(180deg, #fbf8f2 0%, var(--br-paper) 62%, #f1ebe2 100%)}.br-header,.br-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f3eaf0}.br-header-library{z-index:30;position:sticky;top:0}.br-logo{letter-spacing:-.045em}.br-logo-symbol,.br-play,.br-primary{background:var(--br-ink)!important}.br-play:hover,.br-primary:hover{background:#393d3d!important}.br-logo-symbol span,.br-logo-accent,.br-eyebrow{color:var(--br-orange)}.br-container{width:min(1320px,100% - 72px)}.br-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(36px,6vw,92px);min-height:650px;padding:clamp(64px,8vw,112px) 0;position:relative}.br-hero:after{content:"";background:var(--br-orange);width:92px;height:4px;position:absolute;bottom:-2px;left:0}.br-hero h1{text-wrap:balance;max-width:680px;font-size:clamp(56px,6.9vw,104px);line-height:.88}.br-hero h1 em{color:var(--br-orange)}.br-hero p{color:#555b59;max-width:570px}.br-hero-art{background:var(--br-sand);isolation:isolate;border:1px solid #1f232629;border-radius:8px 42px;min-height:500px;box-shadow:24px 28px #e55d2e1f}.br-hero-art:before{content:"CIVIL ENGINEERING  /  REAL STORIES  /  REAL ENGLISH";z-index:2;color:#fff;letter-spacing:.16em;background:#1f2326db;padding:9px 12px;font-size:9px;font-weight:850;position:absolute;bottom:18px;left:18px}.br-hero-image{object-position:center top;filter:saturate(.92)contrast(1.02);min-height:500px}.br-primary,.br-secondary,.br-search input{border-radius:999px}.br-section-heading{margin-top:72px}.br-section-heading h2{max-width:720px}.br-filters{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f1e8eb;border:1px solid #d9d0c6cc;border-radius:18px;margin-inline:-12px;padding:12px;position:sticky;top:86px}.br-unit-filter button.active{background:var(--br-ink);border-color:var(--br-ink)}.br-search input:focus{border-color:var(--br-orange);outline:3px solid #e55d2e1f}.br-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.br-story-card{border-radius:8px 26px;min-height:270px;padding:28px;position:relative;overflow:hidden}.br-story-card:before{content:"";background:var(--br-orange);transform-origin:top;width:5px;height:100%;transition:transform .18s;position:absolute;top:0;left:0;transform:scaleY(.18)}.br-story-card:hover{border-color:#e4ab90;box-shadow:0 18px 45px #1f232617}.br-story-card:hover:before{transform:scaleY(1)}.br-story-card h3{max-width:470px;font-size:clamp(24px,2.4vw,33px)}.br-card-open,.br-text-link,.br-reveal{color:#b64825!important}.br-status{color:#8c3d22;background:#fbebdf}.br-progress span{background:var(--br-orange)}.br-lesson-container{grid-template-columns:300px minmax(0,1fr);gap:clamp(28px,4vw,58px);max-width:1320px}.br-sidebar{padding-top:22px}.br-stage-list>span.active,.br-step-icon{color:#a73f1e;background:#f9e5d8}.br-slide-card{border-radius:8px 30px;min-height:560px;box-shadow:0 18px 55px #1f232612}.br-listening,.br-grammar-sentence{background:#fdf1e7;border-color:#ead5c7}.br-listening>svg,.br-tip svg{color:var(--br-orange)}.br-chunk strong{color:#272b29}.br-correction,.br-feedback.good,.br-truth-buttons button.correct,.br-options button.correct{background:#eef3e9}@media (width<=1000px){.br-container{width:min(100% - 48px,1120px)}.br-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);min-height:auto}.br-hero-art,.br-hero-image{min-height:420px}}@media (width<=760px){.br-container{width:min(100% - 32px,680px)}.br-header{height:72px;padding-inline:18px}.br-header-library{position:relative}.br-hero{grid-template-columns:1fr;gap:34px;padding:50px 0 62px}.br-hero h1{font-size:clamp(50px,16vw,76px)}.br-hero-art,.br-hero-image{min-height:410px}.br-hero-art{border-radius:6px 28px;box-shadow:13px 15px #e55d2e1f}.br-hero-actions,.br-primary{width:100%}.br-filters{align-items:stretch;margin-inline:0;position:relative;top:auto}.br-grid{grid-template-columns:1fr}.br-story-card{min-height:245px}.br-lesson-container{width:min(100% - 28px,720px)}.br-slide-card{border-radius:6px 22px;min-height:auto;padding:26px 20px}.br-listening{align-items:flex-start}}@media (width<=430px){.br-logo{font-size:17px}.br-top-link{font-size:11px}.br-hero-art,.br-hero-image{min-height:350px}.br-hero-art:before{text-align:center;left:12px;right:12px}}.br-elicitation{min-height:650px}.br-recycling-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:26px 0 18px;display:grid}.br-recycling-grid>button{min-height:72px;color:var(--br-ink);text-align:left;border:1px solid var(--br-border);background:var(--br-white);cursor:pointer;border-radius:5px 16px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:4px 10px;padding:15px 16px;transition:border-color .16s,background .16s,transform .16s;display:grid}.br-recycling-grid>button:hover{border-color:#df9a7e;transform:translateY(-1px)}.br-recycling-grid>button.selected{border-color:var(--br-orange);box-shadow:inset 4px 0 0 var(--br-orange);background:#fceddf}.br-recycling-grid>button>span{color:var(--br-orange);letter-spacing:.12em;grid-row:1/span 2;font-size:11px;font-weight:850}.br-recycling-grid strong{font-size:15px;line-height:1.3}.br-recycling-grid small{color:var(--br-muted);font-size:12px;line-height:1.45}.br-elicitation-actions,.br-grammar-toolbar{justify-content:space-between;align-items:center;gap:14px;margin:18px 0;display:flex}.br-elicitation-actions .br-primary{width:auto}.br-prelisten-note{border-left:3px solid var(--br-orange);color:var(--br-muted);background:#faf5ed;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.br-prelisten-note p{margin:0;line-height:1.55}.br-grammar-lab{min-height:680px}.br-grammar-toolbar{border-block:1px solid var(--br-border);padding:12px 16px}.br-grammar-toolbar>span{color:var(--br-muted);letter-spacing:.04em;font-size:13px;font-weight:700}.br-grammar-toolbar>span strong{color:var(--br-orange);font-size:19px}.br-full-story{color:#2d302f;white-space:pre-wrap;background:#fffdf8;border:1px solid #e5dbcf;border-radius:5px 20px;margin:22px 0 26px;padding:clamp(20px,3vw,34px);font-size:clamp(17px,1.55vw,20px);line-height:2.15}.br-inline-gap-wrap{white-space:normal;display:inline-block;position:relative}.br-inline-gap{color:#9e3d20;border:0;border-bottom:2px dashed var(--br-orange);min-width:92px;font:inherit;cursor:pointer;background:#fceddf;margin:0 4px;padding:2px 8px 3px;font-weight:750;line-height:1.4}.br-inline-gap.correct{color:#355f3d;background:#eaf2e7;border-color:#70946d;border-bottom-style:solid}.br-inline-gap.wrong{color:#9b3327;background:#fae7e3;border-color:#c75245}.br-gap-popover{z-index:15;background:#fffdf8;border:1px solid #d8cec2;border-radius:12px;grid-template-columns:repeat(3,auto);gap:7px;min-width:250px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 16px 40px #1f23262e}.br-gap-popover button{color:var(--br-ink);border:1px solid var(--br-border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-weight:750}.br-gap-popover button:hover{border-color:var(--br-orange)}.br-gap-popover button.correct{color:#355f3d;background:#eaf2e7;border-color:#70946d}.br-gap-popover button.wrong{color:#9b3327;background:#fae7e3;border-color:#c75245}.br-gap-popover small{color:#9b3327;grid-column:1/-1;font-size:11px;line-height:1.35}@media (width<=760px){.br-recycling-grid{grid-template-columns:1fr}.br-elicitation-actions,.br-grammar-toolbar{flex-direction:column;align-items:stretch}.br-elicitation-actions .br-primary{width:100%}.br-full-story{padding:18px 14px;font-size:16px;line-height:2.2}.br-gap-popover{grid-template-columns:repeat(3,1fr);min-width:0;position:fixed;inset:auto 14px 86px;transform:none}}