.sy-browser{max-width:1120px;margin:auto;color:#34384b}.sy-header{display:flex;align-items:center;justify-content:space-between;gap:28px}.sy-header h1{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.045em;margin:10px 0}.sy-header p{max-width:60ch;line-height:1.8;color:#646679}.sy-header-art{width:200px;flex:none;border-radius:30px;background:#ede7f3;transform:rotate(3deg)}.sy-art{display:block;width:100%;height:auto}.sy-steps{display:flex;gap:10px;list-style:none;padding:0;margin:28px 0 34px}.sy-steps li{display:flex;align-items:center;gap:10px;border-radius:30px;background:#ebe9ef;padding:10px 18px;color:#6a6576;font-size:.9rem;font-weight:650}.sy-steps [aria-current=step]{background:#4f467a;color:#fff;box-shadow:0 4px 0 #d8d0e7}.sy-section-heading{display:flex;gap:18px;justify-content:space-between;align-items:baseline;margin:26px 0 18px}.sy-section-heading h2{margin:0;font-size:1.3rem}.sy-section-heading>span,.sy-footnote{color:#696879;font-size:.93rem;line-height:1.8}.sy-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sy-year{display:flex;align-items:center;gap:14px;padding:23px 18px;border:1px solid #ddd8e3;border-radius:22px;background:#fffdf9;text-decoration:none;color:#3c354e;box-shadow:0 5px 0 #e7e2ee;transition:transform .18s,box-shadow .18s}.sy-year:hover{transform:translateY(-3px);box-shadow:0 8px 0 #e7e2ee}.sy-year strong{display:block;font-size:1.15rem}.sy-year small{display:block;margin-top:8px;font-size:.84rem;color:#706a7c;line-height:1.6}.sy-year>span:last-child{margin-left:auto}.sy-number{display:grid;place-items:center;flex:none;width:44px;height:56px;border-radius:15px;font-weight:750;font-size:1.8rem;color:#70528a;background:#eee2f2}.sy-year[data-stage=medie]{background:#edf5f1;border-color:#cdded7;box-shadow:0 5px 0 #dce7e1}.sy-year[data-stage=medie] .sy-number{color:#3d6c67;background:#d3e7de;border-radius:10px}.sy-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sy-subject{display:grid;grid-template-columns:47px 1fr;column-gap:15px;align-items:center;padding:21px;border:1px solid #dedce4;background:#fffdf9;border-radius:18px;text-decoration:none;color:#373344;transition:transform .18s,border-color .18s}.sy-subject:hover{transform:translateY(-3px);border-color:#9786b6}.sy-subject .sy-symbol{grid-row:span 2}.sy-subject strong{font-size:1rem;line-height:1.5}.sy-subject small{margin-top:5px;font-size:.77rem}.sy-symbol{display:grid;place-items:center;width:47px;min-height:49px;background:#e9def1;border-radius:14px;font-size:1.35rem;font-weight:750;color:#6e5185}.sy-subject[data-tone=coral] .sy-symbol,.sy-topic[data-tone=coral]{background:#f8e7df;color:#895241}.sy-subject[data-tone=sky] .sy-symbol,.sy-topic[data-tone=sky]{background:#dfedf5;color:#41667d}.sy-subject[data-tone=mint] .sy-symbol,.sy-topic[data-tone=mint]{background:#e3eee4;color:#3e6a50}.sy-subject[data-tone=sand] .sy-symbol,.sy-topic[data-tone=sand]{background:#f3ebd8;color:#77613c}.sy-ready{color:#396b55}.sy-pending{color:#766e60}.sy-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 23px;font-size:.88rem}.sy-breadcrumbs a,.sy-section-heading a,.sy-text-link{color:#67518d;text-underline-offset:4px}.sy-topic{display:flex;align-items:center;gap:23px;padding:25px;border-radius:22px;background:#ede6f4;margin:20px 0 30px}.sy-topic .sy-symbol{width:60px;min-height:60px;flex:none;background:#fff8}.sy-topic h2{font-size:1.35rem;margin:10px 0;line-height:1.5}.sy-topic p{font-size:.9rem;margin:0;line-height:1.7;color:#525667}.sy-activities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin:23px 0}.sy-activity{border:1px solid #dedde4;border-radius:24px;background:#fffdf9;overflow:hidden;box-shadow:0 7px 18px #38334609}.sy-activity>.sy-art{height:160px;background:#f0eee5;padding:13px}.sy-activity>div{padding:24px}.sy-kind{font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:#77638e}.sy-activity h3{font-size:1.3rem;margin:11px 0;line-height:1.4}.sy-activity p{color:#616878;line-height:1.8}.sy-activity small{display:block;line-height:1.6;color:#746f7e;margin-bottom:14px}.sy-activity .btn{white-space:normal;text-align:left;min-height:48px;line-height:1.5}.sy-library{display:flex;align-items:center;gap:25px;background:#f6efd9;border:1px solid #e3d7b9;padding:24px;border-radius:20px;line-height:1.7}.sy-library>div{flex:1}.sy-library p{margin:8px 0 0;font-size:.9rem}.sy-library>a{flex:none}.sy-empty{display:flex;align-items:center;gap:28px;background:#fffdf9;border:1px dashed #c8bfd5;border-radius:22px;padding:28px}.sy-empty>.sy-art{width:180px;flex:none}.sy-empty h3{margin:0;font-size:1.25rem}.sy-empty p{line-height:1.8;color:#646575}.sy-text-link{display:block;margin-top:16px}.sy-sources,.sy-optional{margin:30px 0;padding:21px;border:1px solid #dedce5;border-radius:16px;background:#ffffff65;color:#666476;font-size:.88rem;line-height:1.8}.sy-sources summary,.sy-optional summary{cursor:pointer;font-weight:650;color:#524966}.sy-sources a{color:#665085;text-underline-offset:3px}.sy-browser a:focus-visible,.sy-browser summary:focus-visible{outline:3px solid #7962b7;outline-offset:5px}.sy-browser[data-stage=medie] .sy-header h1{color:#315c5b}.sy-browser[data-stage=medie] .sy-steps [aria-current=step]{background:#376763;box-shadow:0 4px 0 #cddfd8}
@media(max-width:1100px){.sy-years,.sy-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-header-art{width:150px}.sy-library{align-items:flex-start;flex-direction:column}.sy-empty>.sy-art{width:130px}}
@media(max-width:650px){.sy-header-art{display:none}.sy-steps{gap:6px}.sy-steps li{padding:9px 12px;font-size:.8rem}.sy-years,.sy-subjects,.sy-activities{grid-template-columns:1fr}.sy-section-heading{align-items:flex-start;flex-direction:column;gap:9px}.sy-topic{padding:20px;gap:15px}.sy-topic .sy-symbol{width:42px;min-height:45px}.sy-topic h2{font-size:1.15rem}.sy-empty{flex-direction:column;align-items:flex-start;padding:23px}.sy-empty>.sy-art{width:140px;align-self:center}.sy-activity>.sy-art{height:145px}}
@media(prefers-reduced-motion:reduce){.sy-year,.sy-subject{transition:none}.sy-year:hover,.sy-subject:hover{transform:none}}
[data-reduced-motion=true] .sy-year,[data-reduced-motion=true] .sy-subject{transition:none}[data-reduced-motion=true] .sy-year:hover,[data-reduced-motion=true] .sy-subject:hover{transform:none}

.sy-home-link{margin-top:12px;margin-left:8px}
@media(max-width:650px){.sy-home-link{margin-left:0}}

/* Keep the first-year German route prominent; direct module access remains optional. */
.sy-direct-modules{grid-column:1/-1;padding:1rem;border:1px solid #c7d8e4;border-radius:16px;background:#f6faff}.sy-direct-modules>summary{cursor:pointer;font-weight:700;padding:.5rem;color:#294d6b}.sy-direct-modules .sy-activities{margin-top:1rem}