/* Article-specific editorial treatment: no changes to other public routes. */
.journal-habit-page{--habit-ink:#193e32;--habit-paper:#f7f5ee;--habit-muted:#59665c;background:var(--habit-paper);color:var(--habit-ink)}
.journal-habit-page .journal-header{background:var(--habit-paper);height:80px;border-bottom:1px solid #193e3224}
.journal-habit-page .journal-header .shell{max-width:1320px}.journal-habit-page .conversion-dock{display:none}
.habit-reading-progress{position:fixed;top:80px;left:0;right:0;height:3px;z-index:65;pointer-events:none}
.habit-reading-progress progress{display:block;width:100%;height:3px;border:0;background:transparent;appearance:none}.habit-reading-progress progress::-webkit-progress-bar{background:transparent}.habit-reading-progress progress::-webkit-progress-value{background:#49694b}.habit-reading-progress progress::-moz-progress-bar{background:#49694b}
.habit-hero{position:relative;isolation:isolate;min-height:650px;overflow:hidden;background:#e4dbc8}.habit-hero-image{position:absolute;inset:0;z-index:-2}.habit-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.habit-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eee7d7f0 0%,#eee7d7cd 25%,#eee7d73b 57%,transparent 75%)}
.habit-hero-content{padding-block:28px 72px;max-width:1320px}.habit-breadcrumbs{display:flex;gap:14px;font-size:11px;margin-bottom:45px;letter-spacing:.03em}.habit-breadcrumbs a{text-decoration:none}.habit-breadcrumbs a:hover{text-decoration:underline}.habit-eyebrow{font:600 10px/1.5 'Instrument Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}.habit-eyebrow>span{font-weight:400;letter-spacing:.07em;margin-left:8px}
.habit-hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(64px,6.4vw,94px);line-height:.96;letter-spacing:-.035em;margin:0 0 23px;max-width:650px}.habit-hero h1 em{font-weight:400;color:#3d5941}.habit-hero-deck{font-size:15px;line-height:1.7;max-width:300px;margin:0 0 27px}.habit-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.habit-hero-actions>a:last-child{font-size:12px;text-underline-offset:5px}.habit-hero-actions .journal-button{padding:15px 20px;font-size:12px;gap:22px}.habit-image-note{position:absolute;right:5%;bottom:27px;color:#f8f6ee;background:#183728dd;padding:11px 16px;font-size:11px;letter-spacing:.02em}.habit-image-note span{display:block;font-size:9px;opacity:.8;margin-top:5px}
.habit-meta{display:flex;align-items:center;gap:30px;border-bottom:1px solid #193e322c;padding-block:23px;font-size:11px;line-height:1.6}.habit-meta>div{display:flex;align-items:center;gap:12px}.habit-meta img{border-radius:8px}.habit-meta p{margin:0;color:var(--habit-muted)}.habit-meta>a{margin-left:auto;text-underline-offset:4px}.habit-meta>div a{text-decoration:none;font-weight:600}
.habit-reading-layout{display:grid;grid-template-columns:230px minmax(0,740px);justify-content:space-between;gap:65px;padding-block:70px 20px;align-items:start;scroll-margin-top:100px}.habit-toc{top:115px;padding-top:8px}.habit-toc nav{border-left:0;padding-left:0;gap:0}.habit-toc nav a{display:flex;align-items:baseline;gap:15px;padding:12px 0;border-bottom:1px solid #193e321c;font-size:11px;line-height:1.55;transition:color .2s,padding .2s}.habit-toc nav a>span{width:15px;flex-shrink:0;font-size:10px;color:#697561}.habit-toc nav a[aria-current]{color:#173f32;font-weight:600;padding-left:5px}.habit-toc-note{font:italic 26px/1.2 'Instrument Serif',Georgia,serif;color:#66705d;margin-top:32px}
.habit-prose{font-size:17px;line-height:1.85;color:#303e33;max-width:740px}.habit-prose p{margin:0 0 22px}.habit-prose a{text-decoration-thickness:1px;text-underline-offset:4px}.habit-answer{padding:0 0 38px;border-bottom:1px solid #193e3235;margin-bottom:52px}.habit-answer .habit-eyebrow{color:#67735f;font-size:10px;margin-bottom:16px}.habit-answer h2{font-family:'Instrument Serif',Georgia,serif;font-size:40px;line-height:1.15;font-weight:400;letter-spacing:-.02em;max-width:600px;margin:0 0 22px}.habit-answer>p:last-child{margin:0;font-size:19px;line-height:1.8;color:#213f32}
.habit-section{margin-bottom:52px;scroll-margin-top:112px}.habit-section-heading{display:flex;gap:20px;align-items:baseline;margin-bottom:24px}.habit-section-heading>span{font:400 19px 'Instrument Serif',Georgia,serif;color:#89907a}.habit-section-heading h2{font:400 35px/1.14 'Instrument Serif',Georgia,serif;letter-spacing:-.015em;margin:0;color:#183f32}.habit-prose .journal-table{margin:28px 0;border-top:1px solid #193e323b;border-bottom:1px solid #193e323b;overflow:visible}.habit-prose table{table-layout:fixed;min-width:0;font-size:13px;line-height:1.65}.habit-prose caption{text-align:left;font-size:11px;color:#53604f;padding:17px 0}.habit-prose th,.habit-prose td{padding:16px 12px;border-color:#193e3220;overflow-wrap:anywhere}.habit-prose th:first-child{width:21%}.habit-prose thead th{background:#e9ecdf;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.habit-prose tbody th{font-weight:600;color:#193e32}.habit-prose tbody tr:last-child>*{border-bottom:0}
.habit-planner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:60px;background:#193e32;color:#f5f1e5;padding:54px;max-width:1200px;margin-block:20px 80px;scroll-margin-top:105px}.habit-planner-intro h2{font:400 66px/.98 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0 0 25px;color:#f7f4ea}.habit-planner-intro>p:not(.habit-eyebrow){font-size:15px;line-height:1.75;max-width:290px}.habit-planner-intro .habit-planner-scope{font-size:12px!important;color:#d4dccf;padding-top:24px;border-top:1px solid #d7dfd04a;margin-top:30px}.habit-planner-intro>a{display:inline-block;margin-top:14px;font-size:11px;color:#f5f1e5;text-underline-offset:5px;min-height:30px}
.habit-workspace{background:#f7f5ee;color:#193e32;padding:30px 32px;min-width:0}.habit-workspace fieldset{border:0;padding:0;margin:0;min-width:0}.habit-workspace legend{font:400 29px/1.2 'Instrument Serif',Georgia,serif;padding:0 0 22px}.habit-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.habit-fields label>span{display:block;font-size:10px;letter-spacing:.04em;margin-bottom:9px}.habit-fields select{width:100%;max-width:100%;border:0;border-bottom:1px solid #667862;background:transparent;border-radius:0;color:#193e32;padding:8px 22px 10px 0;font:13px 'Instrument Sans',sans-serif;min-height:44px}.habit-plan-output{padding:24px 0 20px;margin-top:12px}.habit-plan-output .habit-eyebrow{font-size:9px;margin-bottom:12px;color:#626e5b}.habit-plan-output #habit-sentence{font:400 29px/1.22 'Instrument Serif',Georgia,serif;margin:0 0 13px}.habit-plan-output>p:last-child{font-size:11px;line-height:1.7;color:#5d6759;margin:0;max-width:390px}.habit-week-heading{display:flex;gap:10px;justify-content:space-between;font-size:10px;line-height:1.5;margin-block:4px 12px}.habit-week-heading output{white-space:nowrap;color:#5a6a51}.habit-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.habit-day{position:relative;cursor:pointer}.habit-day input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.habit-day>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;border:1px solid #193e3240;transition:background .18s,color .18s,transform .18s}.habit-day small{font-size:9px;font-weight:400;line-height:1.2}.habit-day b{font:400 27px/1.5 'Instrument Serif',Georgia,serif}.habit-day .habit-day-check{font-size:11px;height:14px;line-height:14px;opacity:0}.habit-day input:checked+span{background:#193e32;color:#f7f5ee}.habit-day input:checked+span .habit-day-check{opacity:1}.habit-day input:focus-visible+span{outline:2px solid #193e32;outline-offset:3px}.habit-day:hover>span{transform:translateY(-2px)}
.habit-actions{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.habit-actions button{appearance:none;border:0;border-bottom:1px solid #193e32;background:transparent;padding:8px 0;color:#193e32;font:500 11px 'Instrument Sans',sans-serif;cursor:pointer;min-height:42px}.habit-actions #habit-reset{margin-left:auto;color:#626c5f;border-bottom-color:transparent;font-size:10px}.habit-feedback{font-size:11px;line-height:1.5;min-height:17px;margin:12px 0 0}.habit-session-note{font-size:10px;line-height:1.6;color:#687160;margin:9px 0 0;padding-top:14px;border-top:1px solid #193e3220}.habit-workspace :focus-visible,.habit-hero :focus-visible{outline:2px solid currentColor;outline-offset:4px}
.habit-afterword{display:grid;grid-template-columns:230px minmax(0,740px);gap:65px;justify-content:space-between;padding-bottom:80px}.habit-afterword-label h2{font:400 45px/1.06 'Instrument Serif',Georgia,serif;margin:0}.habit-afterword-label em{font-weight:400}.habit-afterword .journal-prose{font-size:14px;line-height:1.85}.habit-afterword .journal-prose h2{font-size:32px;line-height:1.2}.habit-afterword #questions,.habit-afterword #sources{scroll-margin-top:115px}.habit-afterword .journal-faq{border-color:#193e322b}.habit-afterword .journal-faq summary{font-size:15px;padding-block:20px;min-height:44px;cursor:pointer}.habit-source-list{padding-left:22px}.habit-source-list li{padding:13px 0 18px 6px;border-bottom:1px solid #193e3220;font-size:13px}.habit-source-list li::marker{font-size:11px;color:#728068}.habit-source-list li>a{font-weight:500;text-underline-offset:4px}.habit-source-list li>span{display:block;font-size:11px;line-height:1.7;color:#626c5c;margin-top:8px}.habit-update-note{border-left:2px solid #839473;padding-left:17px;font-size:11px;color:#5e6c5d}.journal-habit-page .journal-final{background:#e6eadc;color:#193e32;border-top:1px solid #193e3220;padding-block:65px}.journal-habit-page .journal-final h2{font-size:65px;line-height:1.05;max-width:680px;margin-inline:auto;color:#193e32}.journal-habit-page .journal-final .journal-button{margin-top:10px}.journal-habit-page .journal-footer{padding-bottom:35px}
@keyframes habit-enter{from{transform:translateY(12px);opacity:.15}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){.habit-hero h1{animation:habit-enter .65s ease-out both}.habit-hero-deck,.habit-hero-actions{animation:habit-enter .65s .1s ease-out both}.journal-habit-page{scroll-behavior:smooth}}
@media(min-width:1600px){.habit-hero{min-height:740px}.habit-hero-content{padding-top:38px}.habit-hero h1{font-size:105px}}
@media(max-width:1050px){.habit-reading-layout,.habit-afterword{grid-template-columns:190px minmax(0,1fr);gap:35px}.habit-planner{padding:36px;gap:30px;grid-template-columns:1fr 1.6fr}.habit-planner-intro h2{font-size:55px}.habit-workspace{padding:25px}.habit-fields{grid-template-columns:1fr;gap:15px}.habit-hero h1{font-size:76px}.habit-hero{min-height:610px}.habit-meta{gap:20px}.habit-meta>a{max-width:150px}}
@media(max-width:760px){.journal-habit-page .journal-header{height:72px}.habit-reading-progress{top:72px}.habit-hero{min-height:620px}.habit-hero-image img{object-position:66% center}.habit-hero::after{background:linear-gradient(90deg,#eee7d7f2 0%,#eee7d7bd 45%,#eee7d728 100%),linear-gradient(0deg,#d7c7ad40,transparent)}.habit-hero-content{padding-block:20px 75px}.habit-breadcrumbs{margin-bottom:39px;font-size:10px}.habit-hero h1{font-size:clamp(59px,12vw,82px);max-width:460px}.habit-hero .habit-eyebrow{font-size:9px;letter-spacing:.1em}.habit-hero-deck{font-size:14px;max-width:255px}.habit-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.habit-image-note{font-size:9px;bottom:17px;right:18px;padding:8px 10px}.habit-image-note span{font-size:8px}.habit-meta{flex-wrap:wrap;gap:12px 20px;font-size:10px;padding-block:20px}.habit-meta>div{width:100%}.habit-meta>a{max-width:none;margin-left:auto}.habit-reading-layout{display:block;padding-block:30px 0}.habit-toc{position:static;width:100%;padding:0 0 25px;margin-bottom:30px;border-bottom:1px solid #193e3230}.habit-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.habit-toc nav a{font-size:10px;padding:9px 0;gap:8px}.habit-toc-note{display:none}.habit-toc .habit-eyebrow{margin-bottom:10px}.habit-prose{font-size:16px;line-height:1.85}.habit-answer h2{font-size:35px}.habit-answer>p:last-child{font-size:17px}.habit-answer{margin-bottom:37px;padding-bottom:30px}.habit-section-heading{gap:14px;margin-bottom:20px}.habit-section-heading h2{font-size:31px}.habit-section{margin-bottom:38px}.habit-prose table{font-size:11px;line-height:1.65}.habit-prose th,.habit-prose td{padding:13px 7px}.habit-prose thead th{font-size:9px}.habit-prose caption{font-size:10px}.habit-planner{display:block;padding:30px 22px;margin-block:12px 50px}.habit-planner-intro h2{font-size:55px}.habit-planner-intro h2 br{display:none}.habit-planner-intro>p:not(.habit-eyebrow){max-width:none;font-size:14px}.habit-planner-intro .habit-planner-scope{margin-top:20px;padding-top:17px;font-size:11px!important}.habit-planner-intro>a{margin-bottom:24px}.habit-workspace{padding:23px 18px}.habit-workspace legend{font-size:28px}.habit-fields{grid-template-columns:1fr;gap:16px}.habit-plan-output #habit-sentence{font-size:28px}.habit-days{gap:4px}.habit-day>span{min-height:72px}.habit-day b{font-size:23px}.habit-day small{font-size:8px}.habit-week-heading{flex-direction:column;gap:5px}.habit-actions{gap:13px}.habit-actions button{font-size:10px}.habit-afterword{display:block;padding-bottom:45px}.habit-afterword-label{margin-bottom:35px}.habit-afterword-label h2{font-size:43px}.habit-afterword-label h2 br{display:none}.habit-afterword .journal-prose h2{font-size:30px}.journal-habit-page .journal-final{padding-block:46px}.journal-habit-page .journal-final h2{font-size:45px}.habit-afterword .journal-share{gap:18px}.journal-habit-page .journal-footer{padding-bottom:35px}}
@media(max-width:360px){.habit-hero h1{font-size:56px}.habit-planner{padding:25px 16px}.habit-workspace{padding:20px 13px}.habit-days{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){.journal-habit-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.journal-habit-page{background:white!important;color:black!important}.journal-habit-page .journal-header,.habit-hero,.habit-meta,.habit-reading-layout,.habit-afterword,.journal-final,.journal-footer,.habit-reading-progress,.habit-actions,.habit-session-note,.habit-planner-intro>a{display:none!important}.journal-habit-page main,.habit-story{margin:0!important;padding:0!important}.habit-planner.shell{display:block!important;max-width:none;width:100%;margin:0;padding:0;background:white!important;color:black!important}.habit-planner-intro h2{font-size:35px;color:black!important}.habit-planner-intro h2 br{display:none}.habit-planner-intro .habit-planner-scope{color:black!important;max-width:none!important;margin-top:10px;padding-top:10px}.habit-workspace{padding:20px 0;background:white!important;color:black!important}.habit-fields{display:none}.habit-plan-output #habit-sentence{font-size:28px}.habit-days{grid-template-columns:repeat(7,1fr)}.habit-day>span{border:1px solid black!important;min-height:85px}.habit-day input:checked+span{background:white!important;color:black!important}.habit-day input:checked+span .habit-day-check{opacity:1}.habit-feedback{display:none}#habit-controls{break-inside:avoid}.habit-planner-intro .habit-eyebrow::before{content:'Deen Over Dunya · ';}.habit-workspace::after{content:'Optional routine worksheet · deenoverdunya.ca/blog/build-a-daily-quran-habit/';display:block;margin-top:25px;font-size:10px}}
.journal-habit-page .journal-final p,.journal-habit-page .journal-final .store-proof,.journal-habit-page .journal-final .journal-kicker,.journal-habit-page .journal-final .journal-compatibility{color:#536348;opacity:1}
.journal-habit-page .journal-final .journal-button{background:#193e32;color:#fffaf0}
/* Keep anchor and focus jumps deterministic, including keyboard and browser-assisted scrolling. */
html:has(.journal-habit-page){scroll-behavior:auto}