.ram-page{max-width:1240px;padding-bottom:90px;scroll-behavior:smooth}.ram-page .breadcrumbs{margin-bottom:20px}.ram-page [id]{scroll-margin-top:95px}
.ram-hero{position:relative;display:flex;align-items:center;min-height:410px;overflow:hidden;padding:clamp(30px,5vw,68px);border-radius:24px;background:radial-gradient(circle at 82% 31%,#286c5a 0,transparent 32%),linear-gradient(115deg,#102e2a 7%,#1e5146 65%,#12342f);color:#fff9e9;box-shadow:0 22px 52px #133c342b}.ram-hero:after{position:absolute;inset:0;content:"";background-image:radial-gradient(#e9d49b80 1px,transparent 1.5px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent 40%,#000 100%);pointer-events:none}.ram-hero-copy{position:relative;z-index:2;max-width:690px}.ram-eyebrow,.ram-kicker{color:#aa8142;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ram-eyebrow{color:#ead498}.ram-hero h1{margin:18px 0 14px;font-size:clamp(3.3rem,8vw,7rem);line-height:1;letter-spacing:-.055em}.ram-hero h1 span{color:#dcb96f}.ram-hero p{max-width:53ch;margin:0;color:#e3eee7;font-size:clamp(1.04rem,1.55vw,1.28rem);line-height:1.8}.ram-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.ram-primary,.ram-secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:45px;padding:10px 19px;border-radius:9px;font-size:.85rem;font-weight:800;transition:transform .18s,background .18s}.ram-primary:hover,.ram-secondary:hover{transform:translateY(-2px)}.ram-primary{background:#e9c881;color:#193d34}.ram-primary:hover{background:#f5da9d}.ram-secondary{border:1px solid #ffffff60;color:#fff9e9}.ram-secondary:hover{background:#ffffff18}.ram-hero-art{position:absolute;inset:0 0 0 auto;width:43%;pointer-events:none}.ram-crescent{position:absolute;right:7%;top:4%;color:#e0c884;font-family:Georgia,serif;font-size:clamp(17rem,31vw,31rem);font-weight:400;line-height:1;transform:rotate(-14deg);opacity:.85;text-shadow:0 0 45px #f8df902e}.ram-star{position:absolute;color:#f2d999}.ram-star-a{top:15%;left:13%;font-size:1.7rem}.ram-star-b{bottom:16%;right:8%;font-size:2.3rem}.ram-star-c{top:56%;left:4%;font-size:1rem}.ram-hero-stamp{position:absolute;z-index:2;right:34px;bottom:25px;display:grid;text-align:right;color:#e8d198;font-family:Georgia,serif;font-size:1.2rem}.ram-hero-stamp small{font-family:inherit;font-size:.7rem;letter-spacing:.13em}
.ram-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 12px;color:var(--forest-2);font-size:.79rem;font-weight:800}.ram-topline a{color:var(--forest-2);text-decoration:underline;text-underline-offset:3px}.ram-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ram-date-grid>div{display:grid;align-content:center;gap:7px;min-height:112px;padding:19px 24px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.ram-date-grid small{color:var(--muted);font-size:.75rem;font-weight:750}.ram-date-grid strong{font-size:clamp(1.05rem,1.85vw,1.45rem);line-height:1.4}.ram-date-grid .ram-date-accent{border-color:#cdbb8f;background:#f6f0df}.ram-date-accent strong{color:#1d5944}.ram-date-accent span{color:#746c53;font-size:.74rem}.ram-date-note{margin:12px 1px 28px;color:var(--muted);font-size:.77rem;line-height:1.65}.ram-quick-nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 70px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.ram-quick-nav a{padding:9px 13px;border-radius:7px;color:var(--ink);font-size:.78rem;font-weight:700}.ram-quick-nav a:hover,.ram-quick-nav a:focus-visible{background:var(--soft);color:var(--forest-2)}
.ram-section{margin-top:70px}.ram-section-heading{max-width:780px;margin-bottom:26px}.ram-section-heading h2{margin:8px 0 8px;color:var(--ink);font-size:clamp(1.95rem,3.3vw,2.85rem);line-height:1.2;letter-spacing:-.028em}.ram-section-heading>p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.8}.ram-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ram-pillar{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.ram-pillar>span{color:#a88b55;font-family:Georgia,serif;font-size:2rem}.ram-pillar h3{margin:19px 0 8px;font-size:1.12rem}.ram-pillar p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.75}.ram-verse{display:flex;align-items:center;gap:22px;margin:16px 0 0;padding:25px 30px;border-left:4px solid #ad8d56;border-radius:0 12px 12px 0;background:var(--soft)}.ram-verse>span{color:#b39864;font-family:Georgia,serif;font-size:4rem;line-height:.7}.ram-verse p{flex:1;margin:0;color:var(--forest-2);font-size:1.2rem;font-weight:750;line-height:1.6}.ram-verse cite{color:var(--muted);font-size:.7rem;font-style:normal;white-space:nowrap}
.ram-routine{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ram-routine article{display:flex;gap:13px;min-height:205px;padding:23px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.ram-routine-no{color:#ad8d56;font-family:Georgia,serif;font-size:1.35rem}.ram-routine h3{margin:2px 0 10px;font-size:1rem}.ram-routine p{margin:0 0 13px;color:var(--muted);font-size:.79rem;line-height:1.65}.ram-routine small{color:#a17f49;font-size:.68rem;font-weight:750}
.ram-dashboard{padding:34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--soft),var(--surface))}.ram-dashboard .ram-section-heading{margin-bottom:24px}.ram-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ram-tool{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.ram-tool-head{display:flex;align-items:center;gap:11px}.ram-tool-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e8efdf;color:#2d684e;font-size:1.45rem}.ram-tool h3{margin:0;font-size:1.1rem}.ram-tool>p{min-height:52px;margin:13px 0 17px;color:var(--muted);font-size:.78rem;line-height:1.7}.ram-progress{display:flex;justify-content:space-between;gap:12px;font-size:.73rem;font-weight:750}.ram-progress span:last-child{color:var(--muted)}.ram-progress-bar{height:7px;overflow:hidden;margin:8px 0 17px;border-radius:8px;background:var(--soft)}.ram-progress-bar span{display:block;width:0;height:100%;border-radius:inherit;background:#278162;transition:width .2s}.ram-fast-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.ram-fast-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);font:inherit;font-size:.75rem;cursor:pointer}.ram-fast-grid button:hover{border-color:#2a7959}.ram-fast-grid button[aria-pressed=true]{border-color:#24694d;background:#24694d;color:#fff}.ram-text-button{margin-top:14px;padding:0;border:0;background:none;color:var(--forest-2);font:inherit;font-size:.72rem;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ram-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ram-tool label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:700}.ram-tool input{width:100%;height:39px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.ram-tool input:focus{outline:2px solid #5eae82;outline-offset:1px}.ram-plan-result{display:grid;gap:5px;margin-top:17px;padding:15px;border-radius:10px;background:var(--soft)}.ram-plan-result small,.ram-time-result small,.ram-tasbih-count small{color:var(--muted);font-size:.72rem}.ram-plan-result strong{color:var(--forest-2);font-size:1.65rem}.ram-plan-result span{color:var(--muted);font-size:.75rem}.ram-tool-link{display:inline-block;margin-top:14px;color:var(--forest-2);font-size:.76rem;font-weight:800}.ram-iftar>label{max-width:200px}.ram-time-result{display:grid;gap:4px;margin-top:16px;padding:19px;border-radius:11px;background:#f5f0e3}.ram-time-result strong{color:#235945;font-size:1.5rem}.ram-tool-note{display:block;margin-top:12px;color:var(--muted);font-size:.7rem}.ram-tasbih-count{display:grid;place-items:center;gap:3px;min-height:114px;border-radius:11px;background:var(--soft)}.ram-tasbih-count strong{color:var(--forest-2);font-family:Georgia,serif;font-size:3.3rem;line-height:1}.ram-tasbih-actions{display:flex;gap:8px;margin-top:12px}.ram-tasbih-actions button{flex:1;min-height:40px;border:1px solid #266c50;border-radius:8px;background:#266c50;color:#fff;font:inherit;font-size:.81rem;font-weight:800;cursor:pointer}.ram-tasbih-actions button+button{flex:0 0 auto;padding:0 16px;background:var(--surface);color:var(--forest-2)}
.ram-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ram-practice-grid a{position:relative;min-height:205px;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface);transition:transform .2s,border-color .2s}.ram-practice-grid a:hover{transform:translateY(-3px);border-color:#7da58d}.ram-practice-grid a>span{color:#a8844e;font-size:1.6rem}.ram-practice-grid h3{margin:17px 0 9px;font-size:1rem}.ram-practice-grid p{margin:0;color:var(--muted);font-size:.79rem;line-height:1.65}.ram-practice-grid b{position:absolute;top:22px;right:22px;color:#789883;font-size:1rem}
.ram-night{position:relative;overflow:hidden;padding:45px;border-radius:20px;background:linear-gradient(140deg,#112e2b,#194a40);color:#f5f6e8}.ram-night .ram-section-heading{position:relative;z-index:1}.ram-night .ram-kicker{color:#e6ca86}.ram-night .ram-section-heading h2{color:#fff9e8}.ram-night .ram-section-heading p{color:#d5e5db}.ram-night-pattern{position:absolute;top:-110px;right:40px;color:#e1c6841f;font-family:Georgia,serif;font-size:25rem;line-height:1;transform:rotate(-12deg)}.ram-night-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ram-night-grid article{padding:22px;border:1px solid #ffffff35;border-radius:12px;background:#ffffff12}.ram-night-grid article>span{color:#e4cc91}.ram-night-grid h3{margin:14px 0 9px;font-size:.99rem}.ram-night-grid p{margin:0;color:#d7e5d8;font-size:.78rem;line-height:1.7}.ram-dua{position:relative;margin-top:15px;padding:22px 26px;border:1px solid #dcc69380;border-radius:12px;background:#ebd9aa16}.ram-dua div{display:grid;gap:9px}.ram-dua small{color:#dfcfab;font-size:.74rem}.ram-dua p{margin:3px 0;color:#fff9ec;font-family:Georgia,serif;font-size:clamp(1.28rem,2.1vw,1.85rem);line-height:1.8}.ram-dua span{color:#f1e6c6;font-size:.87rem}
.ram-rulings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ram-rulings-grid article{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.ram-rulings-grid h3{margin:0 0 8px;font-size:1rem}.ram-rulings-grid p{margin:0 0 12px;color:var(--muted);font-size:.81rem;line-height:1.75}.ram-rulings-grid small{color:#a17f49;font-size:.72rem;font-weight:750}.ram-faq{display:grid;gap:8px;max-width:920px}.ram-faq details{padding:0 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.ram-faq summary{padding:17px 25px 17px 0;color:var(--ink);font-size:.88rem;font-weight:750;cursor:pointer}.ram-faq p{margin:0;padding:0 0 18px;color:var(--muted);font-size:.81rem;line-height:1.75}.ram-source-links{display:flex;flex-wrap:wrap;gap:8px}.ram-source-links a{padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--forest-2);font-size:.77rem;font-weight:700}.ram-source-links a:hover{border-color:#70a081}.ram-disclaimer{max-width:900px;margin-top:20px;padding:14px 18px;border-left:3px solid #b69a65;background:var(--soft);color:var(--muted);font-size:.77rem;line-height:1.7}
html[data-theme=dark] .ram-date-grid .ram-date-accent,html[data-theme=dark] .ram-time-result{border-color:#756849;background:#393a2c}html[data-theme=dark] .ram-date-accent strong,html[data-theme=dark] .ram-time-result strong{color:#b9e3c8}html[data-theme=dark] .ram-tool-head>span{background:#304d3d;color:#d0efd6}
html[dir=rtl] .ram-hero-art{right:auto;left:0;transform:scaleX(-1)}html[dir=rtl] .ram-hero-stamp{right:auto;left:34px;text-align:left}html[dir=rtl] .ram-practice-grid b{right:auto;left:22px}html[dir=rtl] .ram-night-pattern{right:auto;left:40px}html[dir=rtl] .ram-verse,html[dir=rtl] .ram-disclaimer{border-left:0;border-right:4px solid #ad8d56;border-radius:12px 0 0 12px}html[dir=rtl] .ram-disclaimer{border-right-width:3px}
@media(max-width:1000px){.ram-routine,.ram-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ram-hero-art{opacity:.6}}
@media(max-width:700px){.ram-page{padding-inline:13px}.ram-hero{min-height:350px;padding:33px 26px}.ram-hero-art{width:65%;opacity:.4}.ram-hero-stamp{display:none}.ram-date-grid{grid-template-columns:1fr 1fr}.ram-date-grid .ram-date-accent{grid-column:1/-1}.ram-date-grid>div{min-height:90px}.ram-pillar-grid,.ram-night-grid{grid-template-columns:1fr}.ram-pillar{min-height:0}.ram-tools-grid{grid-template-columns:1fr}.ram-dashboard{padding:22px}.ram-night{padding:28px 20px}.ram-rulings-grid{grid-template-columns:1fr}.ram-verse{flex-wrap:wrap;gap:10px}.ram-verse cite{width:100%}.ram-quick-nav{margin-bottom:45px}.ram-section{margin-top:50px}}
@media(max-width:460px){.ram-hero{min-height:320px;padding:27px 20px}.ram-hero h1{font-size:3.6rem}.ram-hero-actions{gap:8px}.ram-primary,.ram-secondary{padding:8px 12px;gap:8px;font-size:.76rem}.ram-date-grid{grid-template-columns:1fr}.ram-date-grid .ram-date-accent{grid-column:auto}.ram-date-grid>div{min-height:75px;padding:14px 18px}.ram-topline{align-items:start;flex-direction:column}.ram-routine,.ram-practice-grid{grid-template-columns:1fr}.ram-routine article,.ram-practice-grid a{min-height:0}.ram-dashboard{padding:15px}.ram-tool{padding:18px}.ram-fast-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ram-fields{grid-template-columns:1fr 1fr}.ram-fields label:last-child{grid-column:1/-1}.ram-verse{padding:19px}.ram-verse p{font-size:1.04rem}}
.ram-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:30px;min-height:460px}.ram-hero-stamp{display:none}.ram-hero-schedule{position:relative;z-index:3;align-self:center;min-width:0;padding:24px;border:1px solid #e3d4a861;border-radius:17px;background:linear-gradient(145deg,#ffffff26,#ffffff12);box-shadow:0 18px 40px #071f1d33;backdrop-filter:blur(12px)}.ram-schedule-heading{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #ffffff30}.ram-schedule-heading>div{display:grid;gap:4px}.ram-schedule-heading strong{color:#fff9eb;font-size:1.05rem}.ram-schedule-heading small{color:#e2d8b8;font-size:.72rem}.ram-schedule-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #e5cf9d80;border-radius:11px;color:#f7da96;font-size:1.55rem}.ram-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}.ram-schedule-fields label{display:grid;gap:7px;min-width:0;color:#e9dfc9;font-size:.7rem;font-weight:750}.ram-schedule-fields input{width:100%;min-width:0;height:43px;padding:8px 9px;border:1px solid #ffffff68;border-radius:8px;background:#ffffffec;color:#17372f;font:inherit;font-size:.89rem}.ram-schedule-fields input:focus{outline:2px solid #f1d792;outline-offset:2px}.ram-schedule-countdown{display:grid;gap:3px;padding:15px 17px;border-radius:11px;background:#e7ca86;color:#17392f}.ram-schedule-countdown span{font-size:.7rem;font-weight:800}.ram-schedule-countdown strong{font-family:Georgia,serif;font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums}.ram-hero-schedule>p{min-height:17px;margin:10px 0 0;color:#f6e5ba;font-size:.74rem;font-weight:700}.ram-schedule-footnote{display:block;margin-top:9px;color:#c6d9ce;font-size:.67rem;line-height:1.5}.ram-fast{grid-column:1/-1}.ram-fast-grid{grid-template-columns:repeat(15,minmax(0,1fr))}.ram-fast-grid button{max-height:46px}
html[dir=rtl] .ram-hero-schedule{direction:rtl}
@media(max-width:1000px){.ram-hero{grid-template-columns:1fr;gap:32px;padding-block:42px}.ram-hero-copy{max-width:660px}.ram-hero-schedule{width:min(100%,470px);justify-self:start}.ram-hero-art{width:60%}}
@media(max-width:700px){.ram-hero{gap:28px;min-height:0;padding:30px 24px}.ram-hero-schedule{width:100%}.ram-fast-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:460px){.ram-hero{padding:25px 18px}.ram-hero-schedule{padding:18px}.ram-schedule-fields{grid-template-columns:1fr 1fr}.ram-fast-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ram-schedule-location{display:grid;gap:3px;margin-top:15px;color:#f6e7be;font-size:.76rem;font-weight:800;line-height:1.45}.ram-schedule-location small{color:#d1dfd5;font-size:.63rem;font-weight:500;overflow-wrap:anywhere}.ram-schedule-settings{margin-top:14px;border-top:1px solid #ffffff32}.ram-schedule-settings summary{padding-top:11px;color:#f3d996;font-size:.75rem;font-weight:750;cursor:pointer}.ram-settings-content{display:grid;gap:10px;padding-top:12px}.ram-settings-content label{display:grid;gap:5px;color:#e7e3d4;font-size:.7rem;font-weight:700}.ram-settings-content select,.ram-settings-content input{width:100%;min-width:0;height:37px;padding:6px 9px;border:1px solid #ffffff7a;border-radius:7px;background:#f8f8ef;color:#193c31;font:inherit;font-size:.77rem}.ram-settings-content select:focus,.ram-settings-content input:focus{outline:2px solid #eed48e;outline-offset:2px}.ram-custom-place{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ram-custom-place[hidden]{display:none}.ram-settings-content>button{min-height:38px;border:0;border-radius:7px;background:#e7ca86;color:#1a4135;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.ram-settings-content>button:hover{background:#f2d89d}.ram-settings-content>small{color:#c9dacc;font-size:.65rem;line-height:1.55}.ram-schedule-footnote{margin-top:14px}

/* Keep the introduction and the sahri and iftar card compact. */
.ram-hero{grid-template-columns:minmax(0,1fr) minmax(280px,315px);gap:22px;min-height:0;padding:25px 34px;border-radius:18px}
.ram-hero h1{margin:7px 0 8px;font-size:clamp(2.8rem,5vw,4.8rem)}
.ram-hero-copy>p{max-width:45ch;font-size:.94rem;line-height:1.65}
.ram-hero-actions{margin-top:17px}
.ram-hero-schedule{padding:15px;border-radius:13px}
.ram-schedule-heading{gap:9px;padding-bottom:9px}
.ram-schedule-heading strong{font-size:.89rem}
.ram-schedule-heading small{font-size:.65rem}
.ram-schedule-icon{width:31px;height:31px;border-radius:8px;font-size:1.2rem}
.ram-schedule-location{margin-top:9px;font-size:.7rem}
.ram-schedule-location small{font-size:.57rem}
.ram-schedule-fields{gap:7px;margin:12px 0 0}
.ram-time-tile{min-width:0;padding:9px;border:1px solid #ffffff36;border-radius:9px;background:#ffffff13}
.ram-time-tile label{display:grid;gap:5px;color:#f2e7ca;font-size:.64rem;font-weight:750;line-height:1.35}
.ram-time-tile input{height:34px;padding:5px 6px;font-size:.78rem}
.ram-time-countdown{display:grid;gap:3px;margin-top:8px}
.ram-time-countdown span{color:#d9e7d9;font-size:.61rem;font-weight:700}
.ram-time-countdown strong{color:#f8d994;font-family:Georgia,serif;font-size:1.3rem;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.ram-hero-schedule>p{min-height:0;margin-top:9px;font-size:.66rem;line-height:1.4}
.ram-schedule-settings{margin-top:9px}
.ram-schedule-settings summary{padding-top:8px;font-size:.69rem}
@media(max-width:1000px){.ram-hero{grid-template-columns:1fr;gap:17px;padding:26px}.ram-hero-schedule{width:min(100%,430px)}}
@media(max-width:700px){.ram-hero{gap:15px;min-height:0;padding:22px}.ram-hero-schedule{width:100%}}
@media(max-width:460px){.ram-hero{padding:20px 16px}.ram-hero h1{font-size:3rem}.ram-hero-copy>p{font-size:.87rem}.ram-hero-actions{margin-top:13px}.ram-hero-schedule{padding:13px}.ram-time-tile{padding:7px}.ram-time-tile label{font-size:.59rem}.ram-time-tile input{font-size:.72rem}.ram-time-countdown strong{font-size:1.16rem}}