:root{--paper:#f5f1e7;--ink:#18243b;--yellow:#ffda62;--blue:#2d5b9a;--red:#d6573f}.practical{max-width:1480px;margin:auto;padding:24px 4% 65px}.hero-practical{padding:28px 0 26px;border-bottom:3px solid var(--ink);margin-bottom:24px}.hero-practical h1{font-size:clamp(32px,4vw,54px);margin:10px 0;line-height:1.5}.hero-practical p{color:#596171;max-width:730px;font-size:14px;line-height:2}.eyebrow,.unit-kicker{font:700 11px/1.5 "AWAPHs Arabic", Arial,sans-serif;letter-spacing:1.6px;color:var(--blue)}.hero-practical a{font-size:12px;text-underline-offset:5px}.reader-meta{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0 24px;font-size:12px}.reader-meta label{display:flex;gap:12px;align-items:center}.reader-meta progress{width:100px;accent-color:var(--blue)}.motion{padding:10px 16px;border:1px solid #b5bbc5;background:transparent;border-radius:8px;font-size:12px}.reader-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:35px;align-items:start}.contents{position:sticky;top:20px;max-height:85vh;overflow:auto;padding-inline-end:16px;border-inline-end:1px solid #cbd0d7}.contents label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.contents input{width:100%;min-width:0;border:1px solid #c4cad2;border-radius:8px;padding:12px;background:#fffcf7;font:inherit;font-size:12px}.contents nav{display:block;margin-top:15px}.toc-item{display:flex;gap:11px;align-items:start;width:100%;text-align:start;padding:14px 10px;border-bottom:1px solid #dce0e5;border-radius:5px;font-size:11px;line-height:1.8}.toc-number{font:bold 12px "AWAPHs Arabic", Arial;color:#758094;padding-top:4px}.toc-item small{display:block;font:11px/1.5 "AWAPHs Arabic", Arial;color:#657184;margin-top:4px;text-align:left}.toc-item[aria-current=step]{background:var(--ink);color:white}.toc-item[aria-current=step] small,.toc-item[aria-current=step] .toc-number{color:#c8d8ed}.reader-body{min-width:0;scroll-margin-top:20px}.unit-head{margin:10px 0 22px}.unit-head h2{font-size:clamp(24px,3vw,36px);line-height:1.7;margin:10px 0 3px;max-width:900px}.unit-head>p{font:17px/1.7 "AWAPHs Arabic", Arial;color:#6a7280;text-align:right;margin:0}.source-box{background:white;border:1px solid #d0d5dd;border-right:4px solid var(--blue);padding:18px 22px;border-radius:8px}.source-label{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:12px;color:var(--blue)}.quote{font:17px/1.85 Georgia,'Times New Roman',serif;margin:15px 0;color:#293447;text-align:left;white-space:pre-line;overflow-wrap:anywhere}.source-full summary{font-size:11px;cursor:pointer;color:#657184;padding:8px 0}.source-full img{display:block;width:100%;height:auto;margin:20px 0;background:white}.original{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.85 Georgia,serif;padding:15px;background:#f5f6fa;margin-top:10px}.source-ar-note{font-size:13px}.visual-lesson{margin:30px 0;border:2px solid var(--ink);box-shadow:5px 5px 0 #18243b;background:white;border-radius:12px;overflow:hidden}.scene-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 28px 16px}.scene-head h3{font-size:21px;margin:7px 0 2px;line-height:1.8}.scene-head p{font:13px/1.5 "AWAPHs Arabic", Arial;color:#69768a;text-align:right;margin:0}#frame{font:700 15px monospace;color:var(--blue);white-space:nowrap}.scene-layout{display:grid;grid-template-columns:1.1fr 1fr;direction:ltr;border-top:1px solid #d4dae2;border-bottom:1px solid #d4dae2}.stage-wrap{background:#f8f6ef;min-width:0}#stage svg{display:block;width:100%;height:auto;min-height:280px}.scene-copy{direction:rtl;align-self:center;padding:28px}.scene-copy h4{font-size:19px;line-height:1.8;margin:0 0 12px}.scene-copy p{font-size:14px;line-height:2.2;margin:0;color:#384359}.scene-en{border-top:1px solid #e0e4ea;margin-top:22px;padding-top:18px;font-family:"AWAPHs Arabic", Arial,sans-serif}.scene-en h4{font-size:16px;line-height:1.5;margin-bottom:8px;color:var(--blue)}.scene-en p{font:15px/1.8 "AWAPHs Arabic", Arial;color:#566075}.play-row{display:flex;gap:15px;align-items:center;padding:14px 20px;direction:rtl;border-top:1px solid #e4e1d7}.play-row button{padding:10px 20px;background:var(--ink);color:white;border-radius:6px;font-size:12px;white-space:nowrap}.play-row span{font-size:10px;color:#687082}.scene-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 24px 10px}.scene-step{display:flex;align-items:center;gap:10px;padding:13px 12px;text-align:right;border:1px solid #d0d7e2;border-radius:8px;font-size:11px;line-height:1.8}.scene-step b{font:800 18px "AWAPHs Arabic", Arial;color:#8792a5}.scene-step.active{background:var(--yellow);border-color:var(--ink)}.scene-step.active b{color:var(--ink)}.caption{font-size:10px;line-height:1.9;color:#727c8d;margin:12px 24px 20px}.takeaway{margin:32px 0 20px;padding:18px 24px;border-right:3px solid var(--blue);background:#eaf0f7;border-radius:8px}.takeaway-ar{font-size:14px;line-height:2.2;margin:14px 0}.takeaway-en{font:15px/1.8 "AWAPHs Arabic", Arial;color:#566075;margin:0;border-top:1px solid #ccd7e5;padding-top:14px}.note{padding:15px 20px;border:1px solid #dcb687;border-right:4px solid #bf713a;border-radius:8px;background:#fff5e8;margin-top:16px}.note summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.9}.note p{font-size:12px;line-height:2;margin:15px 0}.note a{font:13px "AWAPHs Arabic", Arial}.reader-controls{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.reader-controls button{border:1px solid #b8c0cc;padding:13px 20px;border-radius:8px;min-height:48px;background:white;font-size:12px}.reader-controls #mark{background:var(--ink);border-color:var(--ink);color:white;margin-inline:auto}.reader-controls button:disabled{opacity:.35}#storage{margin:0}.study-notice{font-size:11px;line-height:2;color:#657184;max-width:1000px;margin:40px auto 0;padding-top:20px;border-top:1px solid #ccd2db}.practical-footer{margin:0 4%;padding:25px 0;border-top:2px solid var(--ink);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.lesson-card{padding:32px;background:white;border:2px solid var(--ink);box-shadow:5px 5px var(--ink);text-decoration:none;border-radius:10px}.lesson-card:hover{background:#eaf0f7}.lesson-card .number{font:900 50px Impact,"AWAPHs Arabic", Arial;color:var(--blue)}.lesson-card h2{font-size:27px}.lesson-card p{font-size:14px;color:#657184}.lesson-card b{font-size:12px}.float{animation:float 2.5s ease-in-out infinite;animation-delay:var(--delay,0s)}.clearance{animation:clearance 2.8s linear infinite;animation-delay:var(--delay,0s)}.drying{animation:dry 2s ease-out both;transform-box:fill-box;transform-origin:center}.air-pulse,.spray-pulse{animation:pulse 1.8s ease-in-out infinite}.dash{animation:dash 2s linear infinite}.coat{animation:coat 1s ease-out both}.draw-line{stroke-dasharray:350;stroke-dashoffset:350;animation:draw 1.5s forwards}.lining{transition:stroke-width .6s}.hidden-particle{opacity:.1}.spotlight{animation:pulse 2s infinite}.still *{animation:none!important;transition:none!important}.still .draw-line{stroke-dashoffset:0}.still .drying{opacity:.3}@keyframes float{50%{transform:translateY(-6px)}}@keyframes clearance{0%{transform:translateY(30px);opacity:0}25%{opacity:1}100%{transform:translateY(-140px);opacity:0}}@keyframes dry{to{transform:scale(.3);opacity:.25}}@keyframes pulse{50%{opacity:.4}}@keyframes dash{to{stroke-dashoffset:-34}}@keyframes coat{from{opacity:0;stroke-width:1}to{opacity:1;stroke-width:12}}@keyframes draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.draw-line{stroke-dashoffset:0}.drying{opacity:.3}}@media(min-width:1300px){.scene-copy{padding:35px}.scene-copy p{font-size:15px}}@media(max-width:1100px){.reader-grid{grid-template-columns:190px minmax(0,1fr);gap:20px}.scene-layout{grid-template-columns:1fr}.stage-wrap{display:grid;grid-template-columns:1fr}.scene-copy{padding:24px}.scene-en{margin-top:18px}.scene-layout #stage{max-width:560px;margin:auto;width:100%}.scene-head{padding:20px}.scene-steps{padding:18px 18px 8px;gap:8px}}@media(max-width:750px){.reader-grid{grid-template-columns:1fr}.contents{position:static;max-height:210px;border:1px solid #cbd0d7;padding:14px;border-radius:8px}.contents nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.toc-item{font-size:10px}.practical{padding:18px 5% 45px}.hero-practical{padding:10px 0 20px}.hero-practical h1{font-size:34px}.hero-practical p{font-size:12px}.topbar{flex-wrap:wrap}.topbar nav{gap:16px;flex-wrap:wrap}.scene-head h3{font-size:18px}.scene-step{display:block;padding:10px 6px;text-align:center;font-size:10px}.scene-step b{display:block;margin-bottom:5px}.quote{font-size:16px;line-height:1.8}.source-box{padding:16px}.cards{grid-template-columns:1fr}.reader-controls #mark{order:3;flex-basis:100%}.reader-controls button:not(#mark){flex:1}.scene-layout #stage svg{min-height:0}.unit-head h2{font-size:27px}.reader-meta{gap:10px}}