:root{color-scheme:light;--chrome-text: #1f1f1f;--chrome-muted: #5f6368;--toolbar: #eef2f8;--hover: rgba(68, 71, 70, .08);--blue: #0b57d0;--share: #c2e7ff;--share-text: #001d35;--ink: #1d1d1f;--ink-2: #4a4a4f;--muted: #6e6e73;--hair: #e9e4da;--gold: #a47b35;--gold-ink: #8f6a2c;--gold-soft: #f6f0e3;--page-w: min(1200px, 100vw - 64px);--margin: 64px;--chrome-h: 140px;--serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--sans: "Jost", "Futura", "Century Gothic", -apple-system, "Segoe UI", sans-serif;--ui-font: "Google Sans", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--arabic: "Amiri", serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--chrome-h) + 24px)}body{margin:0;background:linear-gradient(180deg,#e8eff9,#f1f4f9 30%,#f7f6f2 70%,#f8f3e9);color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#c3d6f7}button{font:inherit;color:inherit}.glyph{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon{width:16px;height:16px;flex:none}.nowrap{white-space:nowrap}.flag{width:1.3em;height:.78em;margin-left:.45em;vertical-align:-.02em;color:var(--ink)}.chrome{position:fixed;inset:0 0 auto;z-index:20;background:#f6f8fce0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--chrome-text)}.topbar{display:flex;align-items:center;gap:10px;height:64px;padding:0 16px 0 14px}.doc-icon{width:26px;height:34px;flex:none;margin:0 6px 0 4px}.topbar-mid{min-width:0;flex:1}.title-row{display:flex;align-items:center;gap:8px}.doc-title{overflow:hidden;padding:1px 6px;margin-left:-6px;border:1px solid transparent;border-radius:4px;font-size:18px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}@media (hover: hover){.doc-title:hover{border-color:#747775}}.title-icons{display:flex;color:var(--chrome-muted)}.title-icons .glyph{width:17px;height:17px}.menus{display:flex;margin-left:-7px;color:var(--chrome-muted);font-size:14px;line-height:24px}.menus span{padding:0 7px;border-radius:4px;cursor:default}@media (hover: hover){.menus span:hover{background:var(--hover);color:var(--chrome-text)}}.topbar-end{display:flex;flex:none;align-items:center;gap:12px}.topbar-btn{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:var(--chrome-muted)}.share{display:flex;align-items:center;gap:8px;height:40px;padding:0 20px 0 16px;border:0;border-radius:20px;background:var(--share);color:var(--share-text);font-size:14px;font-weight:500;cursor:pointer;transition:box-shadow .15s}@media (hover: hover){.share:hover{box-shadow:0 1px 2px #0003,0 1px 3px 1px #0000001a}}.share:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.share .glyph{width:18px;height:18px}.avatar{display:grid;width:32px;height:32px;flex:none;place-items:center;border-radius:50%;background:linear-gradient(135deg,#c9a25a,#8a6427);color:#fff;font:500 15px var(--ui-font)}.toolbar-wrap{padding:0 8px}.toolbar{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;overflow:hidden;border-radius:24px;background:var(--toolbar);color:var(--chrome-muted);font-size:14px;white-space:nowrap}.toolbar>.glyph{box-sizing:content-box;padding:4px;border-radius:4px}.toolbar i{width:1px;height:20px;margin:0 6px;background:#c7c7c7}.tb-drop{display:flex;justify-content:space-between;gap:10px;padding:0 6px}.tb-drop:after{content:"▾";font-size:11px}.tb-wide{min-width:92px}.tb-font{min-width:150px;font-family:var(--serif);font-size:16px;color:var(--chrome-text)}.tb-fmt{display:flex;gap:16px;padding:0 8px;font:16px var(--serif);color:var(--chrome-text)}.tb-mode{display:flex;align-items:center;gap:6px;margin-left:auto;padding:0 8px}.ruler{height:26px;margin:6px -8px 0;border-bottom:1px solid #e3e5e8}.ruler-page{width:var(--page-w);height:18px;margin:0 auto;border:1px solid #e3e5e8;background:repeating-linear-gradient(90deg,#9aa0a6 0 1px,transparent 1px 96px) left var(--margin) bottom / 100% 8px no-repeat,repeating-linear-gradient(90deg,#d2d5d9 0 1px,transparent 1px 12px) left var(--margin) bottom / 100% 4px no-repeat,linear-gradient(90deg,#eef0f2 var(--margin),#fff var(--margin) calc(100% - var(--margin)),#eef0f2 calc(100% - var(--margin)))}.outline{display:none}@media (min-width: 1700px){.outline{position:fixed;top:calc(var(--chrome-h) + 28px);left:24px;display:flex;width:200px;flex-direction:column;gap:2px;color:var(--chrome-muted);font-size:14px}}.outline-title{margin:0 0 12px 14px;color:var(--chrome-text);font-size:15px;font-weight:500}.outline a{position:relative;padding:7px 14px;border-radius:16px;color:inherit;text-decoration:none;transition:background .15s,color .15s}@media (hover: hover){.outline a:hover{background:var(--hover)}}.outline a.is-active{background:#d3e3fd;color:#041e49;font-weight:500}.canvas{display:flex;flex-direction:column;align-items:center;gap:24px;padding:calc(var(--chrome-h) + 20px) 16px 72px}.page{position:relative;width:var(--page-w);max-width:100%;padding:var(--margin) var(--margin) 128px;background:#fff;box-shadow:0 1px 2px #3c404314,0 4px 16px #3c40430f;color:var(--ink-2);font:500 14pt/1.5 var(--serif);font-variant-numeric:lining-nums;container-type:inline-size}.page:first-child{background:radial-gradient(ellipse 75% 460px at 50% 0,#d6e4f88c,#d6e4f800 70%),#fff}.running-head{position:absolute;top:44px;right:var(--margin);left:var(--margin);display:flex;justify-content:space-between;margin:0;color:var(--muted);font:500 10px var(--sans);letter-spacing:.2em;text-transform:uppercase}.page-num{position:absolute;right:0;bottom:52px;left:0;color:var(--muted);font:500 8pt var(--sans);letter-spacing:.16em;text-align:center}.page p{margin:0 0 8pt}.label{display:flex;align-items:center;gap:10px;margin:22pt 0 8pt!important;color:var(--gold-ink);font:500 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase}.h1{display:flex;align-items:baseline;gap:14px;margin:40pt 0 14pt;padding-bottom:10pt;border-bottom:1px solid var(--hair);color:var(--ink);font:500 25pt/1.1 var(--serif);letter-spacing:.005em}.running-head+.h1{margin-top:8pt}.h-num{color:var(--gold);font:400 italic 15pt var(--serif);font-variant-numeric:lining-nums}.masthead{margin-bottom:8pt;text-align:center}.bismillah{margin-bottom:18pt!important;color:var(--ink);font:17pt/1.6 var(--arabic)}.portrait{position:relative;width:232px;max-width:64%;margin:14px auto calc(14pt + 12px);padding:7px;border-radius:999px 999px 18px 18px;background:linear-gradient(160deg,#f3dfae,#c9a25a 45%,var(--gold) 70%,#6b4f22);box-shadow:0 22px 44px -18px #50381473,0 0 60px -12px #c9a25a66}.portrait:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid rgba(164,123,53,.4);border-radius:inherit;pointer-events:none}.portrait img{display:block;width:100%;aspect-ratio:516 / 760;border-radius:999px 999px 11px 11px;background:var(--gold-soft);object-fit:cover;object-position:50% 12%}.d-title{margin:0 0 6pt;color:var(--ink);font:500 38pt/1.05 var(--serif);letter-spacing:.005em;text-wrap:balance}.ornament{position:relative;display:block;width:140px;height:1px;margin:18pt auto 0;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent)}.ornament:after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;margin-left:-3.5px;border:1px solid var(--gold);background:#fff;transform:rotate(45deg)}.facts{width:100%;border-collapse:collapse}.facts th,.facts td{padding:9pt 0;border-bottom:1px solid var(--hair);text-align:left;vertical-align:middle}.facts tr:first-child>*{border-top:1px solid var(--hair)}.h1+.facts tr:first-child>*{border-top:0}.facts th{width:34%;padding-right:16px;color:var(--muted);font:500 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase}.facts th .icon{margin-right:12px;color:var(--gold);vertical-align:-3px}.facts td{color:var(--ink);font-size:15pt;line-height:1.3}.comment-inline{color:var(--muted)}.comment{display:none}@media (min-width: 1760px){.facts td{position:relative}.comment-inline{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.comment{position:absolute;top:50%;left:calc(100% + var(--margin) + 28px);display:block;width:232px;padding:12px 16px 14px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #3c40431f,0 4px 14px #3c40431a;color:var(--chrome-text);font:14px/1.4 var(--ui-font);transform:translateY(-50%)}.comment:before{content:"";position:absolute;top:50%;right:100%;width:calc(var(--margin) + 28px);border-top:1px dashed #e6c35c}}.comment-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.comment-head b{display:block;font-weight:500}.comment-head small{display:block;color:var(--chrome-muted);font-size:12px}.avatar-sm{width:28px;height:28px;font-size:13px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.facts+.pair{margin-top:22pt}.pair .label{margin-top:6pt!important}.duo{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--hair);border-radius:12px;background:linear-gradient(180deg,#fffdf8,#fbf7ee);box-shadow:0 1px 2px #3c40430d,0 12px 28px -18px #a47b3573}.duo:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #fcf9f2}.duo-cell{position:relative;overflow:hidden;padding:26px 32px 30px}.duo-cell+.duo-cell{border-left:1px solid var(--hair)}.duo-mark{position:absolute;right:-4px;bottom:-30px;color:transparent;font:italic 500 118pt/1 var(--serif);-webkit-text-stroke:1px rgba(164,123,53,.2);pointer-events:none}.duo-icon{display:grid;width:42px;height:42px;margin-bottom:16px;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold)}.duo-icon .icon{width:20px;height:20px}.duo .label{margin:0 0 6pt!important}.duo-title{display:flex;align-items:center;gap:8px;margin-bottom:4pt!important;color:var(--ink);font:600 21pt/1.15 var(--serif)}.apple{width:20px;height:20px;flex:none;margin-top:-4px;fill:currentColor}.duo-meta{margin-bottom:10pt!important;color:var(--ink);font-size:15pt;line-height:1.35}.duo-focus{position:relative;margin:18pt 0 0!important;padding-top:14pt;border-top:1px solid var(--hair);background:linear-gradient(100deg,#6f4c14,#94692a 45%,#6f4c14);-webkit-background-clip:text;background-clip:text;color:transparent;font:italic 500 15.5pt/1.45 var(--serif)}.journey{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none}.journey li{position:relative;padding-top:22px}.journey li:not(:last-child):after{content:"";position:absolute;top:5px;right:0;left:12px;border-top:1px solid var(--hair)}.journey li:before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.journey li.is-minor:before{top:2px;left:2px;width:7px;height:7px;border:1px solid var(--gold);background:#fff;box-shadow:none}.j-kicker{display:block;min-height:1.6em;color:var(--muted);font:500 11px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase}.j-place{display:block;color:var(--ink);font:500 15pt/1.3 var(--serif);text-wrap:balance}.is-minor .j-place{color:var(--ink-2);font-size:13pt;line-height:19.5pt}.callout{margin:26pt 0 4pt;padding:4pt 22px 12pt;border-radius:4px;background:var(--gold-soft)}.callout p:last-child{margin-bottom:0}.callout-title{margin-bottom:4pt!important;color:var(--ink);font:600 17pt/1.3 var(--serif)}.week th{width:50%;color:var(--ink);font:500 15pt/1.3 var(--serif);letter-spacing:0;text-transform:none}.week-cell{display:flex;align-items:center;gap:16px}.dots{display:inline-flex;gap:5px}.dots i{width:8px;height:8px;border:1px solid #d9cdb5;border-radius:50%}.dots i.on{border-color:var(--gold);background:var(--gold)}.week-n{color:var(--muted);font:italic 500 13pt var(--serif)}.icon-list{margin:0;padding:0;list-style:none}.icon-list li{display:flex;align-items:baseline;gap:12px;margin-bottom:5pt;color:var(--ink)}.icon-list .icon{width:17px;height:17px;color:var(--gold);transform:translateY(2px)}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:12px;font:500 9.5pt/1.5 var(--ui-font);letter-spacing:0;text-transform:none;white-space:nowrap}.chip-status{background:#fff;color:#7a5a14;box-shadow:inset 0 0 0 1px #ead9b4;font:500 11px/2 var(--sans);letter-spacing:.18em;text-transform:uppercase}.chip-place{padding:2px 12px 2px 8px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);color:var(--ink-2);font:italic 500 12.5pt/1.5 var(--serif)}.chip-place .icon{width:14px;height:14px;color:var(--gold)}.pulse{width:6px;height:6px;border-radius:50%;background:#d4a23c;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 4px #d4a23c33}}.connect-sub{margin-bottom:14pt!important;color:var(--muted);font-style:italic}.pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font:500 11px var(--sans);letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transition:background .25s,box-shadow .25s}.pill svg{width:14px;height:14px;fill:currentColor}@media (hover: hover){.pill:hover{background:#000;box-shadow:0 0 0 5px #a47b3538}}.pill:focus-visible{outline:3px solid rgba(164,123,53,.5);outline-offset:3px}.photos{--cols: 4;--gap: 10px;--col: calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc(var(--col) * 2 / 3 - var(--gap) / 2);grid-auto-flow:dense;gap:var(--gap)}.photos button{position:relative;grid-row:span 2;padding:0;overflow:hidden;border:0;border-radius:14px;background:var(--gold-soft);cursor:zoom-in;-webkit-tap-highlight-color:transparent}.photos button:active{opacity:.85}.photos button.is-wide{grid-column:span 2}.photos img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.photos button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000f;pointer-events:none}@media (hover: hover){.photos button:hover img{transform:scale(1.03)}}.photos button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ayah-block{margin-top:44pt;text-align:center}.ayah-block .ornament{margin:0 auto 22pt}.ayah{margin-bottom:6pt!important;color:var(--ink);font:20pt/1.7 var(--arabic);text-wrap:balance}.ayah-en{color:var(--ink);font:italic 14pt/1.45 var(--serif);text-wrap:balance}.ayah-block .label{justify-content:center;margin-top:10pt!important}.toast{position:fixed;bottom:24px;left:24px;z-index:30;padding:14px 18px;border-radius:8px;background:#303134;color:#fff;font-size:14px;box-shadow:0 4px 12px #0003;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s;pointer-events:none}.toast.is-shown{opacity:1;transform:none}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:72px 72px 32px;background:#141416e6}.lightbox img{max-width:100%;max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px);border-radius:4px;object-fit:contain}.lb-bar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;color:#fff;font-size:15px}.lightbox button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}@media (hover: hover){.lightbox button:hover{background:#ffffff1f}}.lightbox .glyph{width:24px;height:24px}.lb-step{position:absolute;top:50%;transform:translateY(-50%)}.lb-prev{left:12px}.lb-next{right:12px}@media (max-width: 1100px){.tb-mode,.tb-fmt+i~*{display:none}}@media (max-height: 560px){:root{--chrome-h: 64px}.toolbar-wrap{display:none}}@media (max-width: 860px){:root{--chrome-h: 56px;--margin: 40px}.topbar{height:56px;padding:0 8px 0 10px;border-bottom:1px solid #e6e7ea}.doc-icon{width:22px;height:28px}.doc-title{font-size:16px}.menus,.title-icons,.topbar-btn,.toolbar-wrap{display:none}.share{padding:0 14px 0 12px}.canvas{gap:10px;padding:calc(var(--chrome-h) + 10px) 0 32px}.page{width:100%;padding:40px var(--margin) 64px;box-shadow:none}.running-head{top:18px}.page-num{bottom:22px}.h1{margin-top:30pt;font-size:23pt}.d-title{font-size:32pt}.callout{padding:2pt 18px 12pt}.toast{right:12px;bottom:16px;left:12px;text-align:center}}@media (max-width: 600px){:root{--margin: 24px}.d-title{font-size:min(32pt,calc((100vw - 48px) / 9))}.facts:not(.week),.facts:not(.week) tbody,.facts:not(.week) tr,.facts:not(.week) th,.facts:not(.week) td{display:block}.facts:not(.week) th{width:auto;padding:12pt 0 3pt;border:0}.facts:not(.week) td{padding:0 0 12pt}.week th{width:auto}.pair{grid-template-columns:1fr;gap:4px}.pair>div+div .label{margin-top:18pt!important}.duo{grid-template-columns:1fr}.duo:after{display:none}.duo-cell{padding:22px 22px 26px}.duo-cell+.duo-cell{border-top:1px solid var(--hair);border-left:0}.duo-title{font-size:19pt}.journey{grid-auto-flow:row;gap:14px}.journey li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;padding:0 0 0 28px}.j-kicker{order:1;min-height:0}.j-kicker:empty{display:none}.journey li:not(:last-child):after{top:22px;right:auto;bottom:-19px;left:5px;border-top:0;border-left:1px solid var(--hair)}.journey li:before{top:8px}.journey li.is-minor:before{top:9.5px}.ayah{font-size:16pt}.photos{--cols: 2;--gap: 8px;grid-auto-flow:row}.photos button{border-radius:10px}.photos button.is-wide{grid-column:auto}.photos.is-odd>button:first-child{grid-column:span 2}.week-cell{flex-direction:column;align-items:flex-start;gap:2px}.lightbox{padding:64px 0 88px}.lightbox img{max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px)}.lb-step{top:auto;bottom:22px;transform:none;background:#ffffff24}.lb-prev{left:20px}.lb-next{right:20px}}@media (max-height: 560px){.lightbox{padding:56px 64px 12px}.lightbox img{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}.lb-step{top:50%;bottom:auto;transform:translateY(-50%)}.lb-prev{left:10px}.lb-next{right:10px}}@media (max-width: 400px){.share span{display:none}.share{width:40px;padding:0;justify-content:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.toast,.photos img{transition:none}.pulse{animation:none}}@media print{.chrome,.outline,.toast,.comment{display:none!important}.canvas{padding:0;gap:0}.page{box-shadow:none;break-after:page}}