@import "https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#243044;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#243044;--muted:#7d827e;--blue:#2d5bd1;--line:#ded9cd;background:#f5f2eb;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #87a6ff}.app-shell{width:min(100%,760px);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));margin:0 auto}.topbar{align-items:center;gap:12px;padding:8px 0 28px;display:flex}.brand-mark{color:#fff;background:var(--blue);border-radius:13px;place-items:center;width:43px;height:43px;font-family:Frank Ruhl Libre,serif;font-size:18px;display:grid;box-shadow:0 8px 18px #2d5bd133}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:-.03em;font-size:19px}h2{color:var(--ink);letter-spacing:-.04em;font-size:24px}.page-selector{background:#fffdf8;border:1px solid #ddd5c5;border-radius:15px;gap:8px;margin-bottom:16px;padding:13px 15px;display:flex;box-shadow:0 8px 20px #6654380d}.page-select-label{flex:1;min-width:0}.page-select-label:first-child{flex:2}.page-select-label select{width:100%;color:var(--ink);cursor:pointer;background:#f8f3e8;border:1px solid #cfc3aa;border-radius:9px;padding:9px 30px 9px 11px;font:700 12px Manrope,sans-serif}.reading-hint{color:#727a7b;margin-bottom:12px;font-size:12px;line-height:1.5}.daf-card{background:linear-gradient(135deg,#fdfbf4,#f3eddd);border:1px solid #ddd5c5;border-radius:22px;padding:22px 18px 14px;overflow:hidden;box-shadow:0 16px 35px #66543812}.daf-heading{color:#9a8d73;justify-content:space-between;padding:0 5px 15px;font-family:Frank Ruhl Libre,serif;font-size:15px;display:flex}.page-label{font-size:19px;font-weight:700}.scan-frame{background:#fff;border:1px solid #cfc3aa;max-width:620px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 20px #6654381c}.daf-scan{width:100%;height:auto;display:block}.scan-overlays{position:absolute;inset:0}.scan-masks{z-index:2;pointer-events:none;position:absolute;inset:0}.scan-mask{background:#fff;position:absolute}.scan-mask-top{top:0;left:0;right:0}.scan-mask-right{top:0;bottom:0;right:0}.scan-mask-bottom{bottom:0;left:0;right:0}.scan-mask-left{top:0;bottom:0;left:0}.scan-zone{cursor:pointer;mix-blend-mode:multiply;background:0 0;border:0;border-radius:2px;padding:0;display:block;position:absolute}.scan-zone:not(.selected).hovered{background:#87a6ff3d}.scan-zone:focus-visible{outline-offset:-2px;outline:2px solid #87a6ff}.scan-zone.selected,.scan-zone.selected:hover{background:#f4d35e66}.selection-popover{z-index:3;color:#fff;background:linear-gradient(145deg,#172a4b,#0d1b34);border:1px solid #ffffff2b;border-radius:12px;width:min(280px,100% - 16px);max-height:38%;padding:11px 13px;position:absolute;overflow:auto;box-shadow:0 10px 24px #172a4b55}.selection-popover h2{color:#fff;font-size:13px}.selection-popover .panel-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.language-toggle{color:#fff;cursor:pointer;background:#ffffff18;border:1px solid #ffffff3d;border-radius:7px;flex:none;min-width:32px;padding:5px 7px;font-size:10px;font-weight:800}.language-toggle:hover:not(:disabled){background:#ffffff2c}.language-toggle:disabled{cursor:wait;opacity:.65}.selection-popover .selected-text{color:#fff;margin:8px 0 10px;font-size:clamp(14px,2.5vw,18px);line-height:1.4}.selection-popover .selected-text.english{font-family:Manrope,sans-serif;font-size:12px;line-height:1.55}.selection-popover .source-link{font-size:10px}.translation-error{margin:8px 0 10px;font-size:12px;line-height:1.5}.daf-columns{columns:2 270px;column-fill:balance;direction:rtl;column-gap:24px}.segment{color:#302c27;text-align:right;cursor:pointer;break-inside:avoid;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;margin:0 0 10px;padding:8px 27px 8px 8px;font-family:Frank Ruhl Libre,Georgia,serif;font-size:clamp(18px,3.9vw,24px);font-weight:600;line-height:1.65;transition:background .16s,border-color .16s;position:relative}.segment:hover{background:#fff9}.segment.selected{background:#f4e4a97a;border-color:#c7a84c;box-shadow:inset 0 0 0 1px #fff8}.segment-ref{color:#b09b6f;font-family:Manrope,sans-serif;font-size:9px;font-weight:800;position:absolute;top:7px;right:5px}.selection-panel{color:#fff;background:linear-gradient(145deg,#172a4b,#0d1b34);border-radius:20px;margin-top:18px;padding:22px;box-shadow:0 18px 40px #1a34591f}.selection-panel h2{color:#fff;font-size:20px}.panel-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.toggle{color:#b8c9ec;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.selected-text{color:#fff;margin:25px 0 20px;font-family:Frank Ruhl Libre,Georgia,serif;font-size:clamp(22px,5vw,31px);line-height:1.7}.selected-text.english{font-family:Manrope,sans-serif;font-size:15px;line-height:1.7}.source-link{color:#9fbaff;font-size:12px;font-weight:700;text-decoration:none}.source-link:hover{color:#fff}.footer-note{color:#8e928e;text-align:center;padding:22px 4px 0;font-size:10px}.footer-note a{color:inherit}.loading-note,.error-note{color:var(--muted);text-align:center;padding:30px 12px;font-size:13px}.error-note{color:#9a4f45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-link{color:inherit;text-decoration:none}.language-nav{flex-wrap:wrap;gap:10px;margin-inline-start:auto;font-size:11px;display:flex}.language-nav a,.reader-context a,.guide-page a{color:#2452a4;text-underline-offset:3px}.reader-context{border:1px solid var(--line);background:#fffdf8;border-radius:15px;margin-top:24px;padding:18px}.reader-context h2{letter-spacing:-.02em;font-size:18px}.reader-context p,.guide-page p{margin:12px 0;font-size:13px;line-height:1.75}.reader-context>a,.daf-navigation{font-size:12px}.daf-navigation{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.guide-page h1{font-size:clamp(22px,4vw,30px);line-height:1.4}.guide-page h2{letter-spacing:-.02em;margin-top:28px;font-size:20px}.guide-page .language-nav{margin:0 0 22px;font-size:13px}.guide-page .reader-note{border-inline-start:3px solid var(--blue);background:#fffdf8;padding:14px}.tractate-links,.daf-links,.guide-card-list,.resource-links{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.tractate-links li{flex:220px}.tractate-links a,.daf-links a{border:1px solid var(--line);background:#fffdf8;border-radius:9px;padding:12px;font-size:13px;display:block}.guide-card-list li{border:1px solid var(--line);background:#fffdf8;border-radius:12px;flex:280px;padding:16px}.guide-card-list a{font-size:15px;font-weight:800}.guide-card-list p{margin-bottom:0}.guide-page .reader-button{color:#fff;background:var(--blue);border-radius:9px;margin:12px 0;padding:12px 18px;text-decoration:none;display:inline-block}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:11px;display:flex}.article-page .article-intro{font-size:15px;line-height:1.8}.article-summary{color:var(--ink);background:#eef4ff;border:1px solid #c8d5ee;border-radius:12px;padding:16px;font-weight:700}.study-steps{padding-inline-start:24px}.study-steps li,.resource-links li{margin:9px 0;font-size:13px;line-height:1.7}.resource-links{padding-inline-start:20px;list-style:outside;display:block}.related-guides{border:1px solid var(--line);background:#fffdf8;border-radius:14px;margin-top:30px;padding:18px}.related-guides h2{margin-top:0}.related-guides>a{font-size:15px;font-weight:800}a:focus-visible{outline-offset:3px;outline:3px solid #87a6ff}@media (width<=520px){.app-shell{padding-inline:15px}.page-selector{flex-direction:column;gap:9px}.daf-card{padding-inline:11px}.daf-columns{columns:1}.segment{font-size:22px}.selection-popover{width:auto;max-width:none;right:8px;left:8px!important}}@media (prefers-reduced-motion:reduce){.segment{transition:none}}