.exercise-container[data-astro-cid-nu2o5pt4]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;max-width:1000px;width:100%;margin:0 auto}h1[data-astro-cid-nu2o5pt4]{text-align:center;color:var(--primary-color);margin-bottom:20px;font-size:2.5em}h2[data-astro-cid-nu2o5pt4]{color:var(--primary-color);margin:30px 0 20px;font-size:1.8em}.intro-section[data-astro-cid-nu2o5pt4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:15px;margin-bottom:30px}.intro-text[data-astro-cid-nu2o5pt4]{font-size:1.1em;line-height:1.6;margin:0}.navigation-buttons[data-astro-cid-nu2o5pt4]{display:flex;gap:15px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.nav-btn[data-astro-cid-nu2o5pt4]{padding:15px 30px;border-radius:12px;font-weight:600;font-size:1.1em;text-decoration:none;transition:all .3s ease;display:inline-block}.nav-btn[data-astro-cid-nu2o5pt4].primary{background:var(--primary-color);color:#fff}.nav-btn[data-astro-cid-nu2o5pt4].secondary{background:#4fd1c5;color:#fff}.nav-btn[data-astro-cid-nu2o5pt4]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.clock-container[data-astro-cid-nu2o5pt4]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;align-items:center}@media(max-width:768px){.clock-container[data-astro-cid-nu2o5pt4]{grid-template-columns:1fr}}.clock-face[data-astro-cid-nu2o5pt4]{max-width:400px;width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}.clock-controls[data-astro-cid-nu2o5pt4]{display:flex;flex-direction:column;gap:20px}.time-display[data-astro-cid-nu2o5pt4]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:25px;border-radius:15px;text-align:center}.digital-time[data-astro-cid-nu2o5pt4]{font-size:3em;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.written-time[data-astro-cid-nu2o5pt4]{font-size:1.3em;font-weight:600;color:#4fd1c5;font-style:italic;margin:5px 0;padding:5px 15px;background:#4fd1c51a;border-radius:8px;display:inline-block}.swedish-time[data-astro-cid-nu2o5pt4]{font-size:1.8em;font-weight:600;color:#2d3748;margin:10px 0}.english-time[data-astro-cid-nu2o5pt4]{font-size:1.2em;color:#718096;font-style:italic}.explanation-text[data-astro-cid-nu2o5pt4]{margin-top:10px;padding:8px 16px;background:#667eea;color:#fff;border-radius:20px;display:inline-block;font-size:.9em}.slider-controls[data-astro-cid-nu2o5pt4]{display:flex;flex-direction:column;gap:15px}.slider-group[data-astro-cid-nu2o5pt4]{display:flex;flex-direction:column;gap:8px}.slider-group[data-astro-cid-nu2o5pt4] label[data-astro-cid-nu2o5pt4]{font-weight:600;color:#2d3748;display:flex;justify-content:space-between}.slider-with-buttons[data-astro-cid-nu2o5pt4]{display:flex;gap:10px;align-items:center}.slider-with-buttons[data-astro-cid-nu2o5pt4] input[data-astro-cid-nu2o5pt4][type=range]{flex:1}.increment-btn[data-astro-cid-nu2o5pt4]{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1em;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:50px}.increment-btn[data-astro-cid-nu2o5pt4]:hover{background:#5568d3;transform:scale(1.05)}.increment-btn[data-astro-cid-nu2o5pt4]:active{transform:scale(.95)}input[data-astro-cid-nu2o5pt4][type=range]{width:100%;height:8px;border-radius:5px;background:#e2e8f0;outline:none;-webkit-appearance:none}input[data-astro-cid-nu2o5pt4][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:all .2s}input[data-astro-cid-nu2o5pt4][type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #667eea80}.speak-btn[data-astro-cid-nu2o5pt4]{padding:15px 30px;background:#4fd1c5;color:#fff;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease}.speak-btn[data-astro-cid-nu2o5pt4]:hover{background:#38b2ac;transform:translateY(-2px);box-shadow:0 5px 15px #4fd1c566}.rules-section[data-astro-cid-nu2o5pt4]{margin-top:50px}.rule-card[data-astro-cid-nu2o5pt4]{background:#f8fafc;border-radius:15px;padding:25px;margin-bottom:25px;border-left:5px solid var(--primary-color)}.rule-header[data-astro-cid-nu2o5pt4] h3[data-astro-cid-nu2o5pt4]{color:var(--primary-color);margin:0 0 10px;font-size:1.5em}.rule-description[data-astro-cid-nu2o5pt4]{color:#4a5568;font-size:1.1em;margin:0 0 15px}.warning-box[data-astro-cid-nu2o5pt4]{background:#fff5f5;border:2px solid #fc8181;color:#c53030;padding:15px;border-radius:10px;font-weight:600;margin-top:10px}.examples-grid[data-astro-cid-nu2o5pt4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.example-card[data-astro-cid-nu2o5pt4]{background:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 8px #0000000d;position:relative;transition:all .3s ease}.example-card[data-astro-cid-nu2o5pt4]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.example-time[data-astro-cid-nu2o5pt4]{font-size:1.5em;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.example-swedish[data-astro-cid-nu2o5pt4]{font-size:1.1em;font-weight:600;color:#2d3748;margin:8px 0}.example-english[data-astro-cid-nu2o5pt4]{font-size:.9em;color:#718096;font-style:italic}.example-speak-btn[data-astro-cid-nu2o5pt4]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.2em;cursor:pointer;opacity:.6;transition:all .2s}.example-speak-btn[data-astro-cid-nu2o5pt4]:hover{opacity:1;transform:scale(1.2)}.cta-section[data-astro-cid-nu2o5pt4]{text-align:center;margin-top:50px;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff}.cta-section[data-astro-cid-nu2o5pt4] h2[data-astro-cid-nu2o5pt4]{color:#fff;margin-top:0}.cta-button[data-astro-cid-nu2o5pt4]{display:inline-block;padding:18px 40px;background:#fff;color:var(--primary-color);text-decoration:none;border-radius:12px;font-size:1.3em;font-weight:700;transition:all .3s ease;margin-top:15px}.cta-button[data-astro-cid-nu2o5pt4]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #0000004d}