.salah-guide{padding-bottom:85px;max-width:1220px}
.salah-guide *{box-sizing:border-box}
.salah-guide section[id]{scroll-margin-top:100px}
.salah-guide a{color:var(--forest-2)}
.salah-guide .salah-kicker{display:block;color:#a27b3b;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.salah-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:26px;align-items:center;margin:16px 0 18px;padding:28px;border-radius:21px;background:linear-gradient(112deg,#173d35,#285c49);color:white;overflow:hidden}
.salah-hero .salah-kicker{color:#e6cf9b}
.salah-hero-copy{padding:8px 12px 8px 14px}
.salah-hero h1{margin:12px 0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1.16;letter-spacing:-.035em}
.salah-hero h1 em{color:#e7cb90;font-style:normal}
.salah-hero p{max-width:630px;color:#e4eee5;font-size:1rem;line-height:1.8}
.salah-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.salah-hero-actions a{padding:12px 16px;border-radius:9px;font-weight:800;text-decoration:none}
.salah-hero-actions a:first-child{background:#e4c78c;color:#173e35}
.salah-hero-actions a:last-child{border:1px solid #dce8d899;color:#eff4ed}
.salah-hero-image{position:relative;overflow:hidden;border-radius:15px;align-self:stretch;min-height:275px;background:#e5e4d8}
.salah-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.salah-hero-image span{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:20px;background:#ffffffd9;color:#365146;font-size:.69rem;font-weight:700}
.salah-anchor-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 55px;padding:0 1px 6px}
.salah-anchor-nav::-webkit-scrollbar{display:none}
.salah-anchor-nav a{flex:none;padding:9px 15px;border:1px solid var(--line);border-radius:100px;background:var(--surface);font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}
.salah-anchor-nav a:hover{border-color:#bd9b5d;background:#f5f0e4}
.salah-section-head{margin-bottom:23px}
.salah-section-head h2{margin:7px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.25}
.salah-section-head p{max-width:770px;margin:0;color:var(--muted);line-height:1.75}
.salah-intro,.salah-wudu,.salah-walk,.salah-words,.salah-faq{margin:65px 0}
.salah-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.salah-intro-grid>div{display:flex;flex-direction:column;gap:10px;min-height:235px;padding:23px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.salah-intro-grid>div>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e6efe7;color:#2a5a45;font-size:1.5rem}
.salah-intro-grid h3{margin:0;font-size:1.18rem}
.salah-intro-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}
.salah-intro-grid a{margin-top:auto;font-size:.8rem;font-weight:800}
.salah-wudu-layout{display:grid;grid-template-columns:minmax(300px,.73fr) minmax(0,1.27fr);gap:22px;align-items:start}
.salah-wudu figure{position:sticky;top:85px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.salah-wudu figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.salah-wudu figcaption{padding:14px 17px;color:var(--muted);font-size:.8rem;line-height:1.6}
.salah-wudu ol{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.salah-wudu li{display:flex;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.salah-wudu-num{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:10px;background:#e7eee5;color:#315e49;font-size:.78rem;font-weight:850}
.salah-wudu li h3{margin:1px 0 5px;font-size:1.03rem}
.salah-wudu li p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.76}
.salah-reference-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.salah-reference-row a{display:inline-flex;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.81rem;font-weight:800;text-decoration:none}
.salah-reference-row a:hover{border-color:#b69962}
.salah-walk-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}
.salah-walk-nav{display:grid;gap:7px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.salah-walk-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:7px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;text-align:left;cursor:pointer}
.salah-walk-nav button img{width:56px;height:50px;flex:none;border-radius:7px;object-fit:cover;background:#e7e7dc}
.salah-walk-nav button span{display:grid;gap:2px;line-height:1.34}
.salah-walk-nav button small{color:#a78347;font-size:.68rem;font-weight:850}
.salah-walk-nav button[aria-current=step]{background:#e8eee7;color:#245540;font-weight:800}
.salah-walk-nav button:hover{background:#f0f2ea}
.salah-walk-stage{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.salah-walk-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.salah-walk-panel[hidden]{display:none}
.salah-walk-image{position:relative;min-height:390px;background:#eeece4}
.salah-walk-image img{display:block;width:100%;height:100%;object-fit:cover}
.salah-walk-image span{position:absolute;bottom:12px;left:12px;padding:6px 10px;border-radius:20px;background:#fffdf0dd;color:#405548;font-size:.68rem;font-weight:800}
.salah-walk-copy{display:flex;flex-direction:column;padding:30px}
.salah-walk-copy h3{margin:10px 0;font-size:clamp(1.5rem,2.4vw,2.2rem)}
.salah-walk-copy p{color:var(--muted);font-size:.93rem;line-height:1.78}
.salah-walk-copy .salah-walk-brief{color:var(--ink);font-size:1.08rem;font-weight:700}
.salah-walk-source{margin-top:auto;padding-top:20px}
.salah-walk-source a{font-size:.82rem;font-weight:800}
.salah-walk-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}
.salah-walk-controls button{padding:9px 13px;border:1px solid #b5c7b6;border-radius:8px;background:#e8eee7;color:#275641;font:inherit;font-size:.83rem;font-weight:800;cursor:pointer}
.salah-walk-controls button:disabled{opacity:.45;cursor:default}
.salah-walk-controls span{color:var(--muted);font-size:.8rem;font-weight:700}
.salah-picture-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}
.salah-picture-strip figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.salah-picture-strip img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 53%}
.salah-picture-strip figcaption{padding:12px 16px;color:var(--muted);font-size:.82rem;font-weight:700}
.salah-words-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.salah-words-grid article{min-height:195px;padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.salah-words-grid article>span{color:#a17c41;font-size:.75rem;font-weight:800}
.salah-words-grid h3{margin:9px 0;font-size:1.14rem}
.salah-words-grid p{color:var(--muted);font-size:.9rem;line-height:1.7}
.salah-words-grid .salah-arabic{color:var(--ink);font-family:serif;font-size:1.7rem}
.salah-words-grid a{font-size:.8rem;font-weight:800}
.salah-times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;margin:60px 0;padding:32px;border-radius:18px;background:#1b493d;color:white}
.salah-times .salah-kicker{color:#e9cf97}
.salah-times h2{margin:8px 0;font-size:clamp(1.6rem,2.7vw,2.3rem)}
.salah-times p{max-width:400px;color:#d8e6db;line-height:1.7}
.salah-rakat-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.salah-rakat-list>div{display:grid;gap:7px;padding:17px 9px;border:1px solid #ffffff45;border-radius:10px;background:#ffffff10;text-align:center}
.salah-rakat-list strong{font-size:1.05rem}
.salah-rakat-list span{color:#e3d09f;font-size:.76rem;font-weight:800}
.salah-faq>div:last-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.salah-faq details{padding:0 19px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.salah-faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;font-weight:800;cursor:pointer;list-style:none}
.salah-faq summary::-webkit-details-marker{display:none}
.salah-faq details[open] summary span{transform:rotate(180deg)}
.salah-faq details p{margin:0 0 18px;color:var(--muted);font-size:.9rem;line-height:1.75}
.salah-scope-note{margin-top:24px;padding:17px 20px;border-left:3px solid #b79962;background:#f2f0e8;color:#526559;font-size:.83rem;line-height:1.7}
.salah-more{margin-top:50px}.salah-more h2{font-size:1.5rem}.salah-more>div{display:flex;flex-wrap:wrap;gap:10px}.salah-more a{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-weight:800;text-decoration:none}
html[data-theme=dark] .salah-scope-note{background:#283a31;color:#d2dfd5}
html[data-theme=dark] .salah-walk-nav button[aria-current=step],html[data-theme=dark] .salah-walk-nav button:hover{background:#315040;color:#e9f1e9}
html[data-theme=dark] .salah-walk-controls button,html[data-theme=dark] .salah-wudu-num,html[data-theme=dark] .salah-intro-grid>div>span{background:#315040;color:#e9f1e9}
@media(max-width:1050px){.salah-intro-grid,.salah-words-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salah-walk-panel{grid-template-columns:1fr}.salah-walk-image{min-height:320px}.salah-rakat-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.salah-hero{grid-template-columns:1fr;padding:20px}.salah-hero-image{min-height:220px;max-height:300px}.salah-anchor-nav{margin-bottom:38px}.salah-intro,.salah-wudu,.salah-walk,.salah-words,.salah-faq{margin:48px 0}.salah-wudu-layout{grid-template-columns:1fr}.salah-wudu figure{position:static;max-width:580px}.salah-walk-layout{grid-template-columns:1fr}.salah-walk-nav{display:flex;overflow:auto;scrollbar-width:none}.salah-walk-nav button{min-width:205px}.salah-times{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.salah-hero h1{font-size:2.35rem}.salah-hero-copy{padding:5px}.salah-hero p{font-size:.91rem}.salah-hero-image{min-height:190px}.salah-intro-grid,.salah-words-grid,.salah-faq>div:last-of-type{grid-template-columns:1fr}.salah-intro-grid>div{min-height:0}.salah-wudu li{padding:15px;gap:12px}.salah-walk-image{min-height:230px}.salah-walk-copy{padding:21px}.salah-picture-strip img{height:130px}.salah-times{padding:22px}.salah-rakat-list{grid-template-columns:repeat(2,minmax(0,1fr))}}