:root{--str-navy:#102a43;--str-ink:#183b56;--str-cream:#fffaf0;--str-paper:#fff;--str-coral:#d94f45;--str-coral-dark:#a8322c;--str-sky:#dff3fb;--str-mint:#e8f5ed;--str-line:#cbd5df;--str-muted:#52697d}
.str{background:var(--str-cream);color:var(--str-ink);font-family:"Tajawal",system-ui,sans-serif;line-height:1.85;overflow:hidden}.str *{box-sizing:border-box}.str a{color:#075985;text-underline-offset:4px}.str h1,.str h2,.str h3{color:var(--str-navy);line-height:1.25}.str h1{font-size:clamp(2.3rem,6vw,4.9rem);max-width:13ch;margin:.25rem 0 1rem}.str h2{font-size:clamp(1.75rem,4vw,3rem);margin:.25rem 0 1rem}.str h3{font-size:1.3rem}.str p{max-width:75ch}.str-breadcrumb{max-width:1180px;margin:auto;padding:1rem 1.2rem;display:flex;gap:.6rem;flex-wrap:wrap;font-size:.92rem}.str-hero{max-width:1180px;margin:1rem auto 3rem;padding:clamp(1.5rem,5vw,4.5rem);background:var(--str-navy);border-radius:34px;display:grid;grid-template-columns:1.35fr .8fr;gap:2rem;position:relative}.str-hero,.str-hero h1{color:#fff}.str-hero h1{max-width:14ch}.str-lead{font-size:1.18rem;color:#edf6ff}.str-kicker{font-weight:800;letter-spacing:.08em;color:#075985}.str-hero .str-kicker{color:#9fdbf4}.str-hero ul{display:flex;gap:1rem;flex-wrap:wrap;padding:0;list-style:none;color:#dfeef7}.str-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}.str-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.7rem 1.25rem;border-radius:999px;font-weight:800;text-decoration:none}.str-btn--coral{background:var(--str-coral);color:#fff!important}.str-btn--coral:hover{background:var(--str-coral-dark)}.str-btn--ghost{border:2px solid #9fdbf4;color:#fff!important}.str-board{background:#fff;color:var(--str-ink);border-radius:24px;padding:1.5rem;box-shadow:0 20px 60px #071a2c66;align-self:center;transform:rotate(-1deg)}.str-board>p{font-weight:800;border-bottom:2px dashed var(--str-line);padding-bottom:.75rem}.str-board>div{display:inline-grid;margin:.4rem}.str-board span,.str-board dt{font-size:.76rem;color:var(--str-muted)}.str-board strong{font-size:1.6rem;color:var(--str-navy)}.str-board dl{border-top:2px dashed var(--str-line);padding-top:.75rem}.str-board dd{margin:0;font-weight:700}.str>section{max-width:1180px;margin:0 auto 4rem;padding:clamp(1.25rem,4vw,3.25rem)}.str-answer{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;background:var(--str-sky);border-radius:28px}.str-answer aside{background:#fff;padding:1rem 1.2rem;border-right:5px solid var(--str-coral);border-radius:12px}.str-finder{background:var(--str-navy);color:#fff;border-radius:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.str-finder h2,.str-finder .str-kicker{color:#fff}.str-finder form{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.str-finder label{font-weight:700}.str-finder select{display:block;width:100%;min-height:48px;border-radius:10px;border:2px solid transparent;padding:.55rem;margin-top:.25rem;background:#fff;color:#102a43}.str-finder select:focus{outline:3px solid #f8cc5e;outline-offset:2px}.str-result{grid-column:1/-1;background:#fff;color:var(--str-ink);border-radius:18px;padding:1.25rem}.str-result>span{font-weight:800;color:var(--str-coral-dark)}.str-result ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none;counter-reset:rank}.str-result li{background:var(--str-cream);padding:1rem;border-radius:12px;counter-increment:rank}.str-result li:before{content:"0" counter(rank);font-weight:900;color:var(--str-coral)}.str-result b,.str-result small{display:block}.str-comparison header{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.str-table-wrap{overflow:auto;border:1px solid var(--str-line);border-radius:16px;background:#fff}.str table{width:100%;border-collapse:collapse;min-width:900px}.str caption{text-align:right;font-weight:800;padding:1rem;background:var(--str-sky)}.str th,.str td{padding:.85rem;border-bottom:1px solid var(--str-line);vertical-align:top}.str thead th{background:var(--str-navy);color:#fff}.str tbody th{color:var(--str-navy)}.str-warning{background:#fff1ef;border-right:5px solid var(--str-coral);padding:1rem;border-radius:10px}.str-cards{background:#fff;border-radius:30px}.str-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.str-card-grid article{border:1px solid var(--str-line);border-radius:18px;padding:1.3rem;background:linear-gradient(145deg,#fff,#f8fbfd)}.str-card-grid article:first-child{grid-column:span 2}.str-card-grid article>div{display:flex;justify-content:space-between;gap:1rem;color:var(--str-coral-dark);font-weight:800}.str-card-grid ul{padding-right:1.2rem}.str-duration>div,.str-scenarios>div,.str-entry>div,.str-pitfalls>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.str-duration article,.str-scenarios article,.str-entry article,.str-pitfalls article{background:#fff;border-radius:16px;padding:1.25rem;border:1px solid var(--str-line)}.str-duration span,.str-scenarios span{color:var(--str-coral-dark);font-weight:900}.str-scenarios>div,.str-pitfalls>div{grid-template-columns:repeat(2,1fr)}.str-method{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;background:var(--str-mint);border-radius:28px}.str-method ol{list-style:none;padding:0;margin:0}.str-method li{display:grid;grid-template-columns:50px 1fr;gap:1rem;border-bottom:1px solid #afcab9;padding:.8rem}.str-method li>span{font-weight:900;color:var(--str-coral-dark)}.str-entry{background:var(--str-sky);border-radius:28px}.str-related{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem}.str-related nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.str-related a{background:#fff;border:1px solid var(--str-line);border-radius:12px;padding:1rem;font-weight:800}.str-sources{background:#fff;border-radius:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.str-sources ul{list-style:none;padding:0;margin:0}.str-sources li{border-bottom:1px solid var(--str-line);padding:.8rem 0}.str-sources a,.str-sources span{display:block}.str-sources a{font-weight:800}.str-sources span{font-size:.9rem;color:var(--str-muted)}.str-faq details{background:#fff;border:1px solid var(--str-line);border-radius:12px;margin:.7rem 0;padding:.2rem 1rem}.str-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:var(--str-navy)}.str-faq summary:focus{outline:3px solid var(--str-coral);outline-offset:3px}.str-final{background:var(--str-coral-dark);color:#fff;border-radius:28px;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center}.str-final h1,.str-final h2,.str-final .str-kicker,.str-final a{color:#fff}.str-final>div:last-child{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.str-btn--light{background:#fff;color:var(--str-coral-dark)!important}.str-review{padding:4rem 1rem}.str-review .str-final{margin:auto}
@media(max-width:800px){.str-hero,.str-answer,.str-finder,.str-comparison header,.str-method,.str-related,.str-sources,.str-final{grid-template-columns:1fr}.str-hero{border-radius:0;margin-top:0}.str-card-grid,.str-duration>div,.str-scenarios>div,.str-entry>div,.str-pitfalls>div{grid-template-columns:1fr}.str-card-grid article:first-child{grid-column:auto}.str-result ol{grid-template-columns:1fr}.str>section{margin-bottom:2rem}.str-related nav{grid-template-columns:1fr}}
@media(max-width:480px){.str-finder form{grid-template-columns:1fr}.str h1{font-size:2.2rem}.str-hero,.str>section{padding:1.2rem}.str-board{transform:none}.str-actions{align-items:stretch}.str-actions .str-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.str *{scroll-behavior:auto!important;transition:none!important}}