/* Step by Step Salah v115 — Original learning additions. No external media. */
.sbs115-page{--ink:#35255c;--violet:#5b3c91;--gold:#c68d3f;--cream:#fffaf2;--teal:#157a80;color:var(--ink)}
.sbs115-page *, .sbs115-page *::before,.sbs115-page *::after{box-sizing:border-box}
.sbs115-page .wrap{max-width:1100px;margin:0 auto;padding:0 22px}
.sbs115-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(44px,8vw,94px) 0 64px;background:linear-gradient(124deg,#2a194b 0%,#503376 56%,#78548a 100%);color:#fff9f0}
.sbs115-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.8;background:radial-gradient(circle at 82% 23%,#f7c882 0 2px,transparent 3px),radial-gradient(circle at 89% 42%,#fff3cc 0 1px,transparent 2px),radial-gradient(circle at 69% 15%,#f0d8ff 0 1px,transparent 2px),radial-gradient(circle at 78% 70%,#efcf9d 0 2px,transparent 3px),radial-gradient(ellipse at 90% 45%,#ad80c14a 0 14%,transparent 56%)}
.sbs115-hero::after{content:"";position:absolute;z-index:-1;right:8%;bottom:-85px;width:340px;height:340px;border:2px solid #ddbb7f88;border-radius:46% 46% 0 0;box-shadow:0 0 0 14px #ffffff08,0 0 0 29px #ead7ad1e,0 0 0 48px #eedac80a;transform:rotate(18deg)}
.sbs115-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;color:#eed3a0}
.sbs115-hero h1{margin:13px 0 13px;max-width:760px;font-family:Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1.08;letter-spacing:-.03em;color:#fff6e8}
.sbs115-hero p{max-width:670px;color:#f3e9f6;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.72}
.sbs115-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.sbs115-pills span{font-size:.83rem;padding:7px 13px;border:1px solid #fff6d166;border-radius:30px;background:#ffffff13;color:#fff9ea}
.sbs115-main{background:linear-gradient(180deg,#fcf7f0,#f3f9f6 55%,#fff9f1);padding:34px 0 68px}
.sbs115-section{margin:0 0 40px}
.sbs115-section h2{font-family:Georgia,serif;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.2;color:#35215d;margin:0 0 11px}
.sbs115-section>p{max-width:780px;color:#4e4563;line-height:1.75;margin:0 0 22px}
.sbs115-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sbs115-card{position:relative;border:1px solid #ded3e8;border-radius:21px;padding:24px;background:#fffdfa;box-shadow:0 12px 28px #4f316d0d;min-width:0;overflow:hidden}
.sbs115-card::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#a486ce,#edc476,#76c5ba)}
.sbs115-card h3{font-family:Georgia,serif;font-size:1.35rem;line-height:1.25;color:#38245b;margin:12px 0}
.sbs115-card p,.sbs115-card li{font-size:.95rem;line-height:1.65;color:#4c4960}
.sbs115-card .mini{font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6a5189}
.sbs115-card a{font-weight:800;color:#4c2d9b;text-decoration:underline;text-underline-offset:3px}
.sbs115-card a:hover,.sbs115-card a:focus{color:#187e87}
.sbs115-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;color:#583d80;background:linear-gradient(135deg,#fff5ce,#e4f5f0);border:1px solid #efdab4;font-weight:900;font-size:1.28rem}
.sbs115-note{padding:19px 23px;border-radius:18px;border:1px solid #bcdfd8;border-left:5px solid #19928d;background:#eef8f3;color:#36565b;line-height:1.7}
.sbs115-note a{color:#35215d;font-weight:700;text-decoration:underline}
.sbs115-step{display:inline-block;font-size:.77rem;font-weight:800;color:#715289;background:#efe7fa;border-radius:999px;padding:4px 11px;margin-bottom:9px}
.sbs115-card details{border-top:1px solid #eee1e7;margin-top:17px;padding-top:14px}
.sbs115-card details summary{cursor:pointer;font-weight:800;color:#51367b}
.sbs115-card details p{margin:10px 0 0}
.sbs115-page a:focus-visible,.sbs115-page button:focus-visible,.sbs115-page input:focus-visible,.sbs115-page summary:focus-visible{outline:3px solid #d0810d;outline-offset:4px}
.sbs115-progress{background:#efe5fb;border-radius:18px;padding:19px 22px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.sbs115-progress output{font-weight:900;font-size:1.1rem}
.sbs115-progress button,.sbs115-action{display:inline-block;cursor:pointer;border:0;border-radius:999px;background:#4c3380;color:white;padding:11px 19px;font-weight:800;text-decoration:none!important}
.sbs115-progress button{background:#fff;color:#5a3a81;border:1px solid #ccb6dd}
.sbs115-check{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:12px;background:#f4eee2;font-size:.9rem;font-weight:800;color:#3c3552}
.sbs115-check input{width:21px;height:21px;accent-color:#458b83}
.sbs115-sources{border-top:1px solid #dfd4e9;padding-top:22px;color:#5e5369;font-size:.87rem;line-height:1.6}
.sbs115-quote{border-left:4px solid #ddb572;background:#fff2dd;border-radius:0 16px 16px 0;padding:17px 22px;margin:20px 0;color:#513e58}
.sbs115-small-nav{padding:15px 0 28px;font-weight:800}
.sbs115-small-nav a{color:#edd5ff;text-decoration:underline}
.sbs115-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px}
.sbs115-royal .sbs115-hero{background:linear-gradient(125deg,#161338 0%,#342059 56%,#53416d 100%)}
.sbs115-royal .sbs115-main{background:linear-gradient(#fffaf3,#faf8fa)}
.sbs115-royal .sbs115-card{background:#fff}
.sbs115-sky{display:block;height:105px;border-radius:14px;background:radial-gradient(circle at 65% 22%,#f9e3a3 0 12px,transparent 13px),linear-gradient(160deg,#2f375f,#5d69a0 55%,#a0cccb);margin:0 0 14px;position:relative;overflow:hidden}
.sbs115-sky::before{content:"";position:absolute;bottom:-28px;left:-8%;right:-8%;height:79px;border-radius:50% 50% 0 0;background:#77a28e;box-shadow:0 10px 0 #417a7a}
.sbs115-sky--dawn{background:linear-gradient(160deg,#9e6b9c,#e5a790 60%,#ffe2a5)}
.sbs115-sky--dawn::before{background:#9eaf87}
.sbs115-sky--garden{background:linear-gradient(155deg,#5e89b6,#8ed9d2)}
.sbs115-sky--garden::before{background:#81ae74}
.sbs115-sky--stars{background:radial-gradient(circle at 65% 24%,#fbe2a4 0 18px,transparent 20px),linear-gradient(135deg,#232b5c,#5d4b8c)}
.sbs115-sky--stars::before{background:#53678a}
.sbs115-link-panel{margin:24px 0;padding:22px;border-radius:17px;background:linear-gradient(130deg,#38235e,#664480);color:#fff}
.sbs115-link-panel h3{margin:0 0 10px;color:#fff;font-family:Georgia,serif}
.sbs115-link-panel p{color:#f4ebf8}
.sbs115-link-panel a{color:#ffe8ad;text-decoration:underline;font-weight:800}
.sbs115-inline-related{margin:25px auto;padding:24px;border-radius:18px;border:1px solid #d9cfdd;background:#fffaf2;max-width:1100px;box-shadow:0 9px 22px #5737710d}
.sbs115-inline-related h2{margin:0 0 9px!important;font-family:Georgia,serif;color:#35235e;font-size:1.4rem!important}
.sbs115-inline-related p{margin:0 0 10px;color:#4d475c}
.sbs115-inline-related .links{display:flex;flex-wrap:wrap;gap:12px}
.sbs115-inline-related a{display:inline-block;padding:8px 12px;border:1px solid #e0cdec;border-radius:999px;background:#fff;color:#52377b;font-weight:800;text-decoration:none}
.sbs115-inline-related a:hover{text-decoration:underline}
@media(max-width:780px){.sbs115-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbs115-split{grid-template-columns:1fr}}
@media(max-width:540px){.sbs115-grid{grid-template-columns:1fr}.sbs115-hero{padding:50px 0 44px}.sbs115-hero::after{right:-160px;width:270px;height:270px}.sbs115-card{padding:21px}.sbs115-main{padding-top:26px}}
@media print{.sbs115-hero{padding:25px 0 22px;color:#1d1636;background:white!important}.sbs115-hero h1,.sbs115-hero p{color:#211936}.sbs115-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbs115-card{break-inside:avoid;box-shadow:none}.sbs115-card details:not([open])> :not(summary){display:block}.sbs115-progress button,.sbs115-check,.sbs115-link-panel,.sbs115-small-nav,.sbs115-page .sbs115-no-print{display:none!important}}

.sbs115-newroute{margin:14px 0 0!important;font-size:.96rem;font-weight:800}.sbs115-newroute a{color:#f4ce72!important;text-decoration:underline;text-underline-offset:4px}