/* German page: Beyond colours, road imagery and sentence workshop. */
.de-experience{--bl-ink:#12324f;--bl-muted:#40566a;--bl-paper:#f4f8fc;--bl-white:#fff;--bl-line:#d4e0ec}
.de-experience [hidden]{display:none!important}
.de-experience button{font:inherit;cursor:pointer}
.de-experience button:focus-visible{outline:3px solid #135fc6;outline-offset:4px}
.de-experience .de-hero{padding:155px 0 68px;background:#061c33;color:#fff;overflow:hidden}
.de-experience .de-hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:54px;align-items:center}
.de-experience .de-hero .bl-eyebrow{color:#c6daec;margin-bottom:6px}
.de-experience .de-location{font-size:.8rem;color:#c6daec;margin-bottom:27px}
.de-experience .de-hero h1{color:#fff;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.48}
.de-experience .de-hero h1 em{font-style:normal;color:#b4d2ef}
.de-experience .de-hero-lead{font-family:var(--bl-font-jp);font-size:1.05rem;margin-top:24px}
.de-experience .de-hero-copy{font-size:.94rem;color:#d7e4ef;margin-top:18px;max-width:34rem}
.de-experience .de-hero .bl-button{background:#135fc6;color:#fff}
.de-experience .de-hero .bl-button:hover{background:#1a6bdd}
.de-experience .de-hero-link{color:#c6daec;font-size:.85rem}
.de-experience .de-small{color:#c6daec;font-size:.77rem;margin-top:20px}
.de-experience .de-road{margin:0;position:relative}
.de-experience .de-road img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:55% center;border-radius:4px;border:1px solid #b4d2ef44}
.de-experience .de-road-label{position:relative;background:#fff;color:#00307c;margin:-42px 25px 0;padding:20px 25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-left:5px solid #135fc6;box-shadow:0 15px 40px #00132625}
.de-experience .de-road-label [lang]{font:italic 2.3rem Georgia,serif}
.de-experience .de-road-label span:last-child{font-size:.76rem}
.de-experience .de-road figcaption{font-size:.68rem;text-align:center;color:#bdd0e0;margin-top:18px}
.de-experience .de-strip{background:#e8f1fb;border-bottom:1px solid #d4e0ec;padding:22px 0;font-size:.84rem;color:#12324f}
.de-experience .de-strip .bl-wrap{display:flex;justify-content:center;gap:25px;align-items:center}
.de-experience .de-strip [aria-hidden]{color:#7194b9}
.de-experience .de-section-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:40px}
.de-experience .de-section-head .bl-lead{margin-top:0}
.de-experience .de-builder{display:grid;grid-template-columns:1fr 1.05fr;background:#fff;border:1px solid #c8d9e9;border-radius:6px;overflow:hidden;box-shadow:0 18px 55px #00307c08}
.de-experience .de-plan{padding:34px;background:#edf4fc;border-right:1px solid #c8d9e9}
.de-experience .de-plan-title{font:1.9rem Georgia,serif;color:#00307c}
.de-experience .de-plan-sub{font-size:.76rem;color:#526b80;margin-top:6px}
.de-experience fieldset{border:0;padding:0;min-width:0;margin:27px 0 0}
.de-experience legend{font-size:.85rem;font-weight:700;margin-bottom:13px}
.de-experience legend span{display:inline-block;color:#135fc6;margin-right:10px;font-size:.75rem}
.de-experience .de-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.de-experience .de-options-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.de-experience .de-options button{border:1px solid #aebfd3;border-radius:4px;padding:13px 8px;min-height:48px;background:#fff;color:#12324f;font-size:.8rem;line-height:1.6;text-align:center}
.de-experience .de-options [lang]{display:block;font-family:Georgia,serif;font-size:1.13rem;margin-bottom:5px}
.de-experience .de-options button[aria-pressed=true]{background:#00307c;border-color:#00307c;color:#fff;box-shadow:inset 0 -3px #74a4df}
.de-experience .de-options button:hover{outline:1px solid #135fc6}
.de-experience .de-result{padding:34px 37px;align-self:center}
.de-experience .de-result-label{font-size:.77rem;color:#526b80;margin-bottom:23px}
.de-experience .de-sentence{font:clamp(1.65rem,2.6vw,2.3rem)/1.55 Georgia,serif;color:#12324f;min-height:112px}
.de-experience .de-sentence strong{font-weight:400;color:#00307c;text-decoration:underline;text-decoration-color:#8eb6e7;text-underline-offset:7px}
.de-experience .de-translation{margin-top:16px;font-size:.89rem;color:#40566a}
.de-experience .de-word-order{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:27px}
.de-experience .de-word-order>span{border:1px solid #d4e0ec;border-radius:4px;padding:12px 8px;text-align:center;background:#f4f8fc}
.de-experience .de-word-order small{display:block;font-size:.66rem;color:#526b80;margin-bottom:6px}
.de-experience .de-word-order b{font:1.2rem Georgia,serif;color:#12324f}
.de-experience .de-word-order .de-verb{background:#00307c;border-color:#00307c}
.de-experience .de-verb small,.de-experience .de-verb b{color:#fff}
.de-experience .de-grammar{font-size:.82rem;color:#40566a;margin-top:19px}
.de-experience .de-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.de-experience .de-tools button{border:1px solid #7194b9;color:#00307c;background:#fff;border-radius:4px;padding:9px 12px;font-size:.77rem;min-height:44px}
.de-experience .de-audio-note{font-size:.71rem;color:#526b80;margin-top:10px}
.de-experience .de-builder-note{font-size:.76rem;color:#526b80;margin-top:18px}
.de-experience .de-followup{display:flex;gap:35px;align-items:center;margin-top:34px;border-left:3px solid #135fc6;padding:22px 28px;background:#e8f1fb}
.de-experience .de-followup>[lang]{font:italic 2.2rem Georgia,serif;color:#00307c;white-space:nowrap}
.de-experience .de-followup h3{font-size:1rem}
.de-experience .de-followup div p{font-size:.88rem;color:#40566a;margin-top:8px}
.de-experience .de-culture{background:#e8f1fb;border-block:1px solid #d4e0ec}
.de-experience .de-discoveries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.de-experience .de-discoveries details{background:#fff;border:1px solid #c8d9e9;border-top:3px solid #00307c;padding:25px;border-radius:4px}
.de-experience .de-discoveries summary{cursor:pointer;color:#00307c}
.de-experience .de-topic{font-size:.7rem;letter-spacing:.07em}
.de-experience .de-discoveries summary [lang]{display:block;font:1.6rem/1.45 Georgia,serif;color:#00307c;margin:17px 0 12px}
.de-experience .de-discoveries summary span:last-child{font-size:.88rem;font-weight:700;color:#12324f}
.de-experience .de-discoveries details>div{margin-top:20px;font-size:.88rem;color:#40566a}
.de-experience .de-mini{border-top:1px solid #d4e0ec;padding-top:18px;margin-top:20px;font-size:.78rem}
.de-experience .de-mini [lang]{font:1.12rem/1.8 Georgia,serif;color:#00307c}
.de-experience .de-learning-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:66px;align-items:start}
.de-experience .de-practice{list-style:none;padding:0;margin:0}
.de-experience .de-practice li{padding:23px 0;border-top:1px solid #c8d9e9}
.de-experience .de-practice li>span{font-size:.67rem;font-weight:700;letter-spacing:.12em;color:#135fc6}
.de-experience .de-practice h3{margin:8px 0 12px}
.de-experience .de-practice p{font-size:.93rem;color:#40566a}
.de-experience .de-school{margin:0}
.de-experience .de-school img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.de-experience .de-school figcaption{font-size:.72rem;margin-top:10px;color:#526b80}
.de-experience .de-school>div{padding:26px;background:#061c33;color:#fff;margin-top:25px}
.de-experience .de-school [lang]{font:italic 1.4rem Georgia,serif;color:#b4d2ef;margin-bottom:14px}
.de-experience .de-school div p:last-child{font-family:var(--bl-font-jp);font-size:1.3rem}
.de-experience .bl-final{padding:80px 0}
@media(max-width:900px){.de-experience .de-hero-grid,.de-experience .de-section-head,.de-experience .de-learning-grid{grid-template-columns:1fr;gap:34px}.de-experience .de-road img{aspect-ratio:1.5;object-position:center}.de-experience .de-road{margin-top:14px}.de-experience .de-section-head .bl-lead{max-width:100%}.de-experience .de-plan,.de-experience .de-result{padding:26px}.de-experience .de-discoveries{grid-template-columns:1fr}.de-experience .de-discoveries details{padding:25px 30px}}
@media(max-width:640px){.de-experience .de-hero{padding:112px 0 50px}.de-experience .de-hero h1{font-size:clamp(2.3rem,9.4vw,3.3rem)}.de-experience .de-hero-link{text-align:center;padding:8px 0}.de-experience .de-road img{aspect-ratio:1.5}.de-experience .de-road-label{margin:-25px 15px 0;padding:17px 18px}.de-experience .de-road-label [lang]{font-size:1.8rem}.de-experience .de-strip{font-size:.75rem}.de-experience .de-strip .bl-wrap{gap:12px}.de-experience .de-builder{grid-template-columns:1fr}.de-experience .de-plan{border-right:0;border-bottom:1px solid #c8d9e9;padding:25px 20px}.de-experience .de-result{padding:28px 23px}.de-experience .de-sentence{min-height:0;font-size:1.8rem}.de-experience .de-options{gap:6px}.de-experience .de-options button{padding:12px 4px;font-size:.72rem}.de-experience .de-options [lang]{font-size:1.05rem}.de-experience .de-followup{align-items:start;flex-direction:column;gap:15px;padding:23px}.de-experience .de-discoveries details{padding:23px}.de-experience .bl-private h2{font-size:clamp(1.7rem,6.8vw,2.6rem)}}

/* Compact German reading flow; retain the sentence workshop and classroom photo. */
.de-experience .bl-section{padding-block:clamp(52px,6vw,80px)}
.de-experience .de-section-head{margin-bottom:28px}
.de-experience .de-practice li{padding-block:18px}