/* SmartPlay Muslim Kids v4.0.27 — Manual & Help Center */
:root{--manual-green:#0f7d5d;--manual-soft:#eef9f5;--manual-ink:#17352f;--manual-muted:#6f807a;--manual-line:#dce8e3;--manual-gold:#a97800}
.manual-page{padding-bottom:100px}.manual-shell{max-width:1180px}.manual-hero{position:relative;overflow:hidden;padding:30px 32px;border:1px solid var(--manual-line);border-radius:26px;background:linear-gradient(125deg,#fff 0,#fbfffd 58%,#e9f8f2 100%);box-shadow:0 14px 40px rgba(23,53,47,.06)}
.manual-hero::after{content:"?";position:absolute;right:28px;top:50%;transform:translateY(-50%);width:100px;height:100px;border-radius:30px;background:#0f7d5d;color:#fff;display:grid;place-items:center;font:800 50px Poppins,sans-serif;box-shadow:0 18px 40px rgba(15,125,93,.18)}
.manual-kicker{display:block;color:var(--manual-green);font:800 16px Poppins,sans-serif;letter-spacing:.12em}.manual-hero h1{max-width:760px;margin:7px 0 8px;color:var(--manual-ink);font:800 34px/1.15 Poppins,sans-serif;letter-spacing:-.035em}.manual-hero p{max-width:760px;margin:0;color:var(--manual-muted);font-size:16px;line-height:1.7}.manual-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.manual-actions .btn{min-height:46px}.manual-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:20px;align-items:start}
.manual-toc{position:sticky;top:100px;padding:15px;border:1px solid var(--manual-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(23,53,47,.04)}.manual-toc>b{display:block;margin:2px 4px 10px;font:800 16px Poppins,sans-serif;color:var(--manual-ink)}.manual-toc nav{display:grid;gap:4px}.manual-toc a{padding:9px 10px;border-radius:10px;color:#536a63;text-decoration:none;font-size:16px;font-weight:650;line-height:1.35}.manual-toc a:hover{background:var(--manual-soft);color:var(--manual-green)}
.manual-content{display:grid;gap:14px}.manual-section{scroll-margin-top:100px;padding:22px;border:1px solid var(--manual-line);border-radius:22px;background:#fff;box-shadow:0 9px 26px rgba(23,53,47,.035)}.manual-section-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px}.manual-section-no{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:var(--manual-soft);color:var(--manual-green);display:grid;place-items:center;font:800 16px Poppins,sans-serif}.manual-section h2{margin:0;color:var(--manual-ink);font:800 22px/1.3 Poppins,sans-serif;letter-spacing:-.02em}.manual-section h3{margin:18px 0 7px;color:var(--manual-ink);font:750 17px/1.4 Poppins,sans-serif}.manual-section p,.manual-section li{color:#5e736c;font-size:16px;line-height:1.68}.manual-section p{margin:7px 0}.manual-section ol,.manual-section ul{margin:8px 0 0;padding-left:24px}.manual-section li+li{margin-top:6px}.manual-note{margin-top:13px;padding:12px 14px;border:1px solid #cfe5db;border-radius:14px;background:#f4fbf8;color:#48675d;font-size:16px;line-height:1.6}.manual-note strong{color:var(--manual-green)}.manual-warning{background:#fffaf0;border-color:#eadfbf;color:#715d2c}.manual-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.manual-quick-card{padding:14px;border:1px solid var(--manual-line);border-radius:16px;background:#fbfdfc}.manual-quick-card b{display:block;color:var(--manual-ink);font:750 16px Poppins,sans-serif}.manual-quick-card span{display:block;margin-top:4px;color:#70827c;font-size:16px;line-height:1.5}.manual-path{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0}.manual-path span{padding:7px 10px;border-radius:999px;background:var(--manual-soft);color:var(--manual-green);font-size:16px;font-weight:750}.manual-path i{font-style:normal;color:#9aaba5}.manual-public{min-height:100vh;background:#f7fbf9}.manual-public .manual-public-top{position:sticky;z-index:20;top:0;border-bottom:1px solid var(--manual-line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.manual-public-top .shell{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.manual-public-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.manual-public-brand img{width:185px;max-height:58px;object-fit:contain}.manual-public-top nav{display:flex;gap:8px}.manual-public-main{padding:28px 0 70px}.manual-public .manual-layout{grid-template-columns:230px minmax(0,1fr)}
.manual-print-only{display:none}.manual-faq details{border-top:1px solid #e7eeeb;padding:12px 0}.manual-faq details:first-child{border-top:0}.manual-faq summary{cursor:pointer;color:var(--manual-ink);font:700 16px Poppins,sans-serif}.manual-faq details p{padding-left:2px}
@media(max-width:900px){.manual-layout,.manual-public .manual-layout{grid-template-columns:1fr}.manual-toc{position:static;top:auto}.manual-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-hero{padding:24px}.manual-hero::after{display:none}.manual-hero h1{font-size:29px}}
@media(max-width:600px){.manual-page{padding-bottom:82px}.manual-hero{padding:20px;border-radius:20px}.manual-hero h1{font-size:26px}.manual-actions{display:grid;grid-template-columns:1fr}.manual-actions .btn{width:100%}.manual-section{padding:17px;border-radius:18px}.manual-section-head{gap:10px}.manual-section-no{width:38px;height:38px;flex-basis:38px}.manual-section h2{font-size:20px}.manual-quick-grid{grid-template-columns:1fr}.manual-toc nav{grid-template-columns:1fr 1fr}.manual-public-brand img{width:150px}.manual-public-top nav .btn.ghost{display:none}}
@media print{.spi-sidebar,.spi-work-topbar,.spi-bottom-nav,.manual-toc,.manual-actions,.manual-public-top,.bottom-nav{display:none!important}body.spi-app-shell .page,body.spi-admin-shell .page{margin-left:0!important;padding-top:0!important}.manual-page,.manual-public-main{padding:0!important}.manual-layout,.manual-public .manual-layout{display:block}.manual-content{display:block}.manual-section,.manual-hero{break-inside:avoid;box-shadow:none;margin-bottom:12px}.manual-print-only{display:block}}