/* Update 30 - homepage, menus, writing 7-10, reading click-fix */
.ww30-home{padding-bottom:16px}
.ww30-home-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;align-items:start}
.ww30-card{background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:22px}
.ww30-dark{background:#171b25;color:#fff;border-color:#111722;position:relative;overflow:hidden}
.ww30-dark h1,.ww30-dark h2,.ww30-dark h3,.ww30-dark p,.ww30-dark li,.ww30-dark strong,.ww30-dark .section-kicker{color:#fff}
.ww30-dark .tag{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
.ww30-dark::before{content:"";position:absolute;inset:auto -20% -30% auto;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.06)}
.ww30-mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;opacity:.95}
.ww30-mini-brand img{width:42px;height:42px;object-fit:contain;filter:brightness(0) invert(1);background:transparent}
.ww30-mini-brand strong{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.ww30-home-copy{max-width:44ch}
.ww30-bullets{display:grid;gap:10px;margin:18px 0 16px;padding:0;list-style:none}
.ww30-bullets li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start}
.ww30-bullets li::before{content:"•";font-size:1.1rem;line-height:1;color:#cbb499;font-weight:900;margin-top:2px}
.ww30-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ww30-lang-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
 .ww30-lang-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}
 .ww30-lang-btn.active{background:#fff;color:#232632;border-color:#fff}
.ww30-hero-button{margin-top:16px}
.ww30-hero-art{display:grid;place-items:center;min-height:100%;padding:8px}
.ww30-hero-art img{width:min(100%,420px);max-height:420px;object-fit:contain}
.ww30-note{font-size:.92rem;color:var(--muted)}
.ww30-progress-list{display:grid;gap:14px;margin-top:12px}
.ww30-progress-row .title{font-weight:850}
.ww30-progress-row small{color:var(--muted)}
.ww30-progress-row .ww30-bar{height:11px;background:#efe6da;border-radius:999px;overflow:hidden;margin-top:7px}
.ww30-progress-row .ww30-bar span{display:block;height:100%;background:#b99473;border-radius:999px}
.ww30-quote-card blockquote{margin:0;font-family:Georgia,serif;font-size:2rem;line-height:1.04;color:#201c18}
.ww30-quote-card p{margin:12px 0 0;color:var(--muted)}
.ww30-start-card{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;min-height:220px}
.ww30-start-card img{width:100%;max-width:90px;justify-self:center}
.ww30-start-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.ww30-world-menu{display:grid;gap:2px}
.ww30-world-menu .world-option strong{font-size:.94rem}
.ww30-world-menu .world-option em{font-size:.77rem}
.ww30-home [data-home-lang="de"]{display:none}
body.ww30-lang-de .ww30-home [data-home-lang="en"]{display:none}
body.ww30-lang-de .ww30-home [data-home-lang="de"]{display:block}
body.ww30-lang-en .ww30-home [data-home-lang="en"]{display:block}
body.ww30-lang-en .ww30-home [data-home-lang="de"]{display:none}
.ww30-lang-btn[data-lang="en"]::before{content:"🇬🇧 ";}.ww30-lang-btn[data-lang="de"]::before{content:"🇩🇪 ";}
.ww30-grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ww30-unit-grid,.ww30-task-grid,.ww30-material-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ww30-task-grid .card,.ww30-unit-grid .card,.ww30-material-list .card,.ww30-grade-grid .card{height:100%;display:flex;flex-direction:column}
.ww30-task-grid .ww30-open,.ww30-unit-grid .ww30-open,.ww30-grade-grid .ww30-open{margin-top:auto;font-weight:900;color:var(--terracotta-dark)}
.ww30-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ww30-pills span{background:#f2ede5;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:800;color:#625447}
.ww30-write-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:start}
.ww30-step-card{background:#fbf8f2;border:1px solid #ddd1c4;border-radius:18px;padding:18px;margin-bottom:18px}
.ww30-step-card h3{margin:0 0 10px}
.ww30-step-card ol,.ww30-step-card ul{margin:10px 0 0 18px;padding:0}
.ww30-step-card textarea{width:100%;min-height:140px;border:1px solid #d4c6b8;border-radius:14px;padding:12px 14px;background:#fff;resize:vertical}
.ww30-check-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
.ww30-check-row input{margin-top:3px;accent-color:var(--olive)}
.ww30-pdf-box{background:linear-gradient(135deg,#f5f0e6,#edf1e8);border:1px solid var(--line);border-radius:18px;padding:18px}
.ww30-pdf-box h3{margin-top:0}
.ww30-complete{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ww30-complete .left{display:flex;gap:12px;align-items:center}
.ww30-complete img{width:64px;height:64px;object-fit:contain}
.ww30-side-note{font-size:.9rem;color:var(--muted)}
.ww30-world-menu .world-option.disabled{opacity:.5;pointer-events:none}
@media (max-width: 1100px){.ww30-home-grid,.ww30-write-grid,.ww30-grade-grid,.ww30-unit-grid,.ww30-task-grid,.ww30-material-list{grid-template-columns:1fr 1fr}.ww30-dark{grid-column:1/-1}.ww30-start-card{grid-template-columns:88px 1fr}}
@media (max-width: 760px){.ww30-home-grid,.ww30-write-grid,.ww30-grade-grid,.ww30-unit-grid,.ww30-task-grid,.ww30-material-list{grid-template-columns:1fr}.ww30-start-card{grid-template-columns:1fr}.ww30-start-card img{justify-self:start}.ww30-quote-card blockquote{font-size:1.6rem}}