/* ════ LEARN TAB ════ */
    .learn-hero{padding:52px 20px 24px;text-align:center;max-width:480px;margin:0 auto;}
    .learn-hero .flag{width:64px;height:64px;border-radius:18px;margin-bottom:10px;cursor:default;
      user-select:none;-webkit-tap-highlight-color:transparent;display:inline-block;
      box-shadow:0 4px 16px rgba(0,0,0,.4);}
    .learn-hero h1{font-size:1.7rem;font-weight:900;letter-spacing:-.02em;}
    /* ── Logo font: Neulis Semi Bold Italic (falls back to Plus Jakarta Sans) ── */
    .logo-text{
      font-family:'Neulis Neue','Plus Jakarta Sans',sans-serif;
      font-weight:600;
      font-style:italic;
      letter-spacing:-.01em;
    }
    .learn-hero p{color:var(--sub);margin-top:5px;font-size:.9rem;}
    .chapter-list{max-width:480px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:12px;}
    .chapter-card{background:var(--card);border-radius:18px;padding:16px 18px;
      display:flex;align-items:center;gap:14px;cursor:pointer;border:1px solid var(--border);
      transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent;}
    .chapter-card:active{background:var(--card2);transform:scale(.98);}
    .chapter-card.locked{opacity:.45;cursor:default;}
    .chapter-card.locked:active{transform:none;background:var(--card);}
    .ch-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;
      justify-content:center;font-size:1.4rem;flex-shrink:0;}
    .ch-info{flex:1;}
    .ch-info h3{font-size:.95rem;font-weight:700;}
    .ch-info p{font-size:.75rem;color:var(--sub);margin-top:2px;}
    .ch-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
    .badge{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:99px;}
    .badge-ready{background:#1e3a5f;color:#60a5fa;}
    .badge-soon{background:#1c1c3a;color:#818cf8;}
    .ch-chevron{color:#475569;font-size:1.1rem;}
    .ring{width:26px;height:26px;}
    .ring circle{fill:none;stroke-width:3;}
    .ring .track{stroke:#334155;}
    .ring .fill{stroke:var(--correct);stroke-linecap:round;transform:rotate(-90deg);
      transform-origin:center;transition:stroke-dashoffset .5s ease;}
    .section-header{max-width:480px;margin:20px auto 8px;padding:0 20px;
      font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--sub);text-transform:uppercase;}


    /* ── Sproochentest study guide ── */
    .st-badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.72rem;font-weight:700;}
    .st-a2{background:#14532d;color:#86efac;}
    .st-b1{background:#1e3a5f;color:#93c5fd;}
    .st-section-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--sub);text-transform:uppercase;margin:14px 0 8px;}
    .st-detail-body{background:var(--card);border-radius:16px;border:1px solid var(--border);padding:4px 16px;}
    .st-vocab-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #1e293b;}
    .st-vocab-row:last-child{border-bottom:none;}
    .st-vocab-info{flex:1;display:flex;justify-content:space-between;align-items:baseline;min-width:0;}
    .st-lux{font-size:.9rem;font-weight:700;}
    .st-en{font-size:.82rem;color:var(--sub);}
    .st-play-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--border);
      background:var(--card2);color:var(--text);font-size:.72rem;display:flex;align-items:center;justify-content:center;
      cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;}
    .st-play-btn.playing{background:var(--accent);color:#fff;border-color:var(--accent);}
    .st-phrase-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;}
    .st-phrase-row .st-play-btn{margin-top:2px;}
    .st-phrase{flex:1;min-width:0;background:#1a2540;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 12px;font-size:.85rem;line-height:1.4;}
    .st-phrase .ph-lb{font-weight:700;display:block;}
    .st-phrase .ph-en{color:var(--sub);font-size:.78rem;display:block;margin-top:2px;}
    .st-tip{background:#1a2a1a;border-left:3px solid #22c55e;border-radius:0 8px 8px 0;padding:9px 12px;margin-bottom:6px;font-size:.82rem;color:#86efac;line-height:1.4;}
    .prac-choice.disabled{pointer-events:none;}