:root{
  --cr-bg:#020811;
  --cr-panel:#03121e;
  --cr-panel2:#061a28;
  --cr-line:#164d6e;
  --cr-line2:#0e334b;
  --cr-cyan:#28c8ff;
  --cr-blue:#0785ff;
  --cr-gold:#efbd58;
  --cr-gold2:#ffcf70;
  --cr-text:#f3f7fb;
  --cr-muted:#9fb4c6;
  --cr-serif:Georgia,"Times New Roman",serif;
  --cr-sans:Inter,Arial,sans-serif;
}
html,body.calendar-reference-page{margin:0;background:#01060c;color:var(--cr-text)}
body.calendar-reference-page{overflow-x:hidden}
body.calendar-reference-page #main{max-width:none!important;margin:0!important;padding:0!important;background:#01060c}
/* Step 1 header correction: use the sitewide TOC header exactly.
   Calendar-specific header, search, live-status, navigation, and Support TOC overrides were removed
   so /style.css remains the single visual authority for the main menu/header. */
.cr-loading,.cr-fatal{min-height:70vh;display:grid;place-items:center;color:#c8d8e5;font-family:var(--cr-sans)}
.cr-shell{
  width:min(100%,1660px);
  margin:0 auto;
  display:grid;
  grid-template-columns:205px minmax(720px,1fr) 315px;
  align-items:stretch;
  border-left:1px solid var(--cr-line);
  border-right:1px solid var(--cr-line);
  background:#020912;
  box-shadow:0 0 60px rgba(0,0,0,.55);
}
.cr-left{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:855px;
  border-right:1px solid var(--cr-line);
  background:#03101a;
  overflow:hidden;
}
.cr-left-top{
  min-height:235px;
  position:relative;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(180deg,rgba(1,7,12,.12),rgba(1,8,14,.42) 45%,#03101a 100%),
    url('/assets/calendar/reference/approved-sidebar-top-art.webp') center/cover no-repeat;
}
.cr-left-top:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,9,15,.15),transparent 55%,rgba(2,9,15,.35));
  pointer-events:none;
}
.cr-left-copy{position:relative;z-index:2;padding:0 18px 26px;text-transform:uppercase}
.cr-left-copy strong{
  display:block;color:#f3ca72;font:500 27px/1.03 var(--cr-serif);letter-spacing:.065em;
  text-shadow:0 2px 8px #000;
}
.cr-left-copy span{
  display:block;margin-top:13px;color:#d9e5ee;font:700 9px/1.7 var(--cr-sans);
  letter-spacing:.16em
}
.cr-left-nav{display:grid;gap:5px;padding:14px 9px;background:linear-gradient(#03101a,#020b13)}
.cr-local-link{
  width:100%;min-height:52px;display:flex;align-items:center;gap:12px;
  padding:9px 10px;border:1px solid transparent;border-radius:3px;background:transparent;
  color:#f2f6f9;text-align:left;font:650 12px/1.25 var(--cr-sans);cursor:pointer
}
.cr-local-link:hover{background:#071c2b}
.cr-local-link.active{
  border-color:#108de0;background:linear-gradient(90deg,#0b64ae,#073b67);
  box-shadow:0 0 18px rgba(15,127,226,.24)
}
.cr-nav-icon{
  width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;
  border:1px solid #cf9c3e;border-radius:2px;color:#edb756;font-size:15px
}
.cr-local-link.active .cr-nav-icon{border-color:#57c8ff;color:#78e0ff}
.cr-left-bottom{
  flex:1;min-height:245px;position:relative;display:flex;align-items:flex-end;
  padding:22px 18px;
  background:
    linear-gradient(180deg,#020b13 0%,rgba(2,9,15,.46) 24%,rgba(2,9,15,.18) 65%,rgba(2,9,15,.72) 100%),
    url('/assets/calendar/reference/approved-sidebar-bottom-art.webp') center/cover no-repeat;
  box-sizing:border-box
}
.cr-left-bottom blockquote{
  margin:0;color:#edca7c;font:italic 15px/1.45 var(--cr-serif);text-shadow:0 2px 8px #000
}
.cr-left-bottom cite{
  display:block;margin-top:10px;color:#d7e6ee;font:normal 11px/1.3 var(--cr-serif)
}
.cr-center{min-width:0;padding:10px;background:#020a12}
.cr-right{
  min-width:0;padding:10px 10px 12px 0;border-left:1px solid var(--cr-line);
  background:#020912
}
.cr-hero{
  min-height:202px;position:relative;overflow:hidden;border:1px solid #174a67;background:#020811;
}
.cr-hero-art{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,5,10,.82) 0%,rgba(0,5,10,.28) 28%,rgba(0,5,10,.2) 60%,rgba(0,5,10,.68) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42)),
    var(--month-art) center 52%/cover no-repeat;
  filter:saturate(.95) contrast(1.04)
}
.cr-hero-art:after{
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(circle at 15% 18%,rgba(243,207,125,.65) 0 1px,transparent 1.4px),
    radial-gradient(circle at 24% 34%,rgba(170,200,225,.45) 0 1px,transparent 1.4px),
    radial-gradient(circle at 77% 17%,rgba(220,207,161,.5) 0 1px,transparent 1.4px);
  background-size:130px 110px,180px 140px,210px 180px;
  opacity:.6
}
.cr-eclipse{
  position:absolute;z-index:2;left:7%;top:34px;width:126px;aspect-ratio:1;border-radius:50%;
  background:#010507;
  box-shadow:0 0 0 1px rgba(250,194,86,.95),0 0 13px 3px rgba(246,174,59,.45),0 0 38px 7px rgba(231,131,24,.16)
}
.cr-hero-copy{
  position:relative;z-index:4;min-height:202px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:20px 150px 18px;text-align:center;box-sizing:border-box
}
.cr-kicker{
  display:block;color:#e3b65b;font:800 9px/1.2 var(--cr-sans);
  text-transform:uppercase;letter-spacing:.26em
}
.cr-hero h1{
  margin:2px 0 0;color:#efc46e;font:500 clamp(46px,4.7vw,74px)/.92 var(--cr-serif);
  letter-spacing:.085em;text-transform:uppercase;text-shadow:0 3px 24px #000;white-space:nowrap
}
.cr-hero-rule{width:240px;height:1px;margin:6px 0;background:linear-gradient(90deg,transparent,#d3a552,transparent)}
.cr-hero-copy>strong{
  color:#f1e4c3;font:700 11px/1.3 var(--cr-sans);letter-spacing:.27em;text-transform:uppercase
}
.cr-hero-copy .cr-hebrew{margin-top:6px;color:#e6edf2;font:700 18px/1.1 Arial,sans-serif}
.cr-controls{
  margin-top:7px;border:1px solid #164a68;background:#03111c
}
.cr-control-row{
  display:grid;grid-template-columns:86px 40px 40px auto 72px 105px 136px;
  align-items:center;justify-content:start;gap:6px;padding:7px;
  border-bottom:1px solid #143d57
}
.cr-control-row button,.cr-control-row select,.cr-display summary{
  min-height:36px;border:1px solid #1d5677;border-radius:3px;background:#051725;
  color:#e9f2f8;padding:6px 10px;font:700 10px/1.2 var(--cr-sans);box-sizing:border-box
}
.cr-control-row button,.cr-display summary{cursor:pointer}
.cr-control-row button:hover,.cr-display summary:hover{border-color:#2c94c9;background:#08243a}
.cr-year{width:86px;text-align:center}
.cr-segment{display:flex;border:1px solid #1d5677;border-radius:3px;overflow:hidden}
.cr-segment button{min-width:74px;border:0;border-radius:0;background:#04131f}
.cr-segment button[aria-pressed=true]{background:#0a6dcc;box-shadow:inset 0 0 0 1px #38a9ff}
.cr-display{position:relative}
.cr-display summary{list-style:none;display:flex;align-items:center;justify-content:center}
.cr-display summary::-webkit-details-marker{display:none}
.cr-display>div{
  position:absolute;z-index:50;right:0;top:40px;width:205px;padding:12px;border:1px solid #245d7b;
  background:#051725;box-shadow:0 18px 50px rgba(0,0,0,.65)
}
.cr-display label{display:flex;align-items:center;gap:8px;min-height:34px;color:#d2e0e9;font:12px var(--cr-sans)}
.cr-month-strip{display:flex;overflow-x:auto;gap:1px;padding:6px;background:#020c15;scrollbar-color:#285675 #020a12}
.cr-month-strip button{
  flex:1 0 70px;min-height:31px;border:1px solid #184763;border-radius:2px;background:#041522;
  color:#cddbe4;font:700 9px/1.2 var(--cr-sans);cursor:pointer;white-space:nowrap
}
.cr-month-strip button:hover{border-color:#2b86bb}
.cr-month-strip button.active{
  color:#fff;border-color:#35a6ef;background:linear-gradient(#0c72bf,#075391);box-shadow:0 0 12px rgba(17,139,229,.25)
}
.cr-grid-wrap{margin-top:7px;border:1px solid #174a67;background:#020b13}
.cr-weekdays{
  display:grid;grid-template-columns:repeat(7,1fr);min-height:28px;border-bottom:1px solid #255f7e;background:#061a28
}
.cr-weekdays span{display:grid;place-items:center;color:#b5cad9;font:800 8px/1 var(--cr-sans)}
.cr-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#123a52;gap:1px}
.cr-day{
  position:relative;min-height:77px;padding:4px;border:0;background:linear-gradient(180deg,#04111c,#020a12);
  color:#edf6fb;text-align:left;overflow:hidden;cursor:pointer;box-sizing:border-box
}
.cr-day.blank{background:#01070d;cursor:default}
button.cr-day:hover{background:linear-gradient(180deg,#071c2c,#04111c)}
.cr-day.selected{
  z-index:2;background:radial-gradient(circle at 53% 55%,rgba(26,120,255,.32),#041727 63%);
  box-shadow:inset 0 0 0 2px #2da2ff,0 0 13px 2px rgba(33,144,255,.72)
}
.cr-day.event:not(.selected){box-shadow:inset 0 0 0 1px rgba(213,160,63,.42)}
.cr-day-num{position:absolute;left:7px;top:6px;color:#f5f8fb;font:700 15px/1 var(--cr-sans)}
.cr-civil{position:absolute;right:5px;top:6px;color:#7595aa;font:700 6px/1 var(--cr-sans)}
.cr-moon{position:absolute;left:50%;top:16px;width:45px;height:45px;transform:translateX(-50%);filter:drop-shadow(0 0 8px rgba(163,195,217,.22))}
.cr-moon img{display:block;width:100%;height:100%;object-fit:contain}
.cr-hebrew-day{
  position:absolute;left:0;right:0;top:59px;text-align:center;color:#e2ebf1;font:700 9px/1 Arial,sans-serif
}
.cr-event-label{
  position:absolute;left:50%;bottom:3px;transform:translateX(-50%);max-width:90%;
  padding:1px 4px;border-radius:2px;background:rgba(138,95,29,.68);color:#ffd67f;
  font:700 6px/1.3 var(--cr-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cr-day.selected .cr-event-label{background:#0d70c3;color:#fff}
.cr-sabbath{
  position:absolute;right:4px;bottom:3px;padding:1px 3px;border-radius:2px;background:#0b536d;color:#c5f1ff;font:800 6px/1 var(--cr-sans)
}
.cr-day.today:after{
  content:"TODAY";position:absolute;right:3px;top:15px;padding:1px 3px;border:1px solid #60cdaa;color:#9cf4d4;font:800 5px/1 var(--cr-sans)
}
.cr-legend{display:flex;gap:22px;padding:7px 10px;color:#9fb5c5;font:9px var(--cr-sans)}
.cr-legend span{display:flex;align-items:center;gap:6px}.cr-legend i{width:7px;height:7px;border-radius:50%}.cr-legend .gold{background:#d9a94d}.cr-legend .blue{background:#1d9cff}
.cr-month-studies{margin-top:7px;border-top:1px solid #164a68}
.cr-month-studies>header{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.cr-month-studies h2{margin:0;color:#e9bd62;font:800 9px/1 var(--cr-sans);text-transform:uppercase;letter-spacing:.17em}
.cr-month-studies header button{border:0;background:none;color:#a8c2d1;font:9px var(--cr-sans);cursor:pointer}
.cr-study-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cr-study-card{
  min-height:112px;display:grid;grid-template-columns:42% 1fr;border:1px solid #1b5877;border-radius:4px;
  overflow:hidden;background:linear-gradient(145deg,#061827,#03101a)
}
.cr-study-card img{width:100%;height:100%;min-height:112px;object-fit:cover}
.cr-study-card>div{padding:8px 8px 7px}
.cr-study-card h3{margin:0;color:#f0d399;font:600 13px/1.1 var(--cr-serif)}
.cr-study-card strong{display:block;margin-top:3px;color:#e8b95f;font:700 8px var(--cr-sans)}
.cr-study-card p{margin:5px 0;color:#9fb5c5;font:8px/1.35 var(--cr-sans)}
.cr-study-card button,.cr-catalog-card button,.cr-year-card button{
  border:0;background:none;color:#efbd58;padding:0;font:700 8px var(--cr-sans);cursor:pointer
}
.cr-empty{padding:25px;color:#92aaba;font:12px var(--cr-sans)}
.cr-right{position:relative}
.cr-preview,.cr-preview-empty,.cr-right-art-only{
  min-height:830px;position:sticky;top:10px;border:1px solid #185678;border-radius:6px;background:#03111c;overflow:hidden
}
.cr-preview-close{
  position:absolute;z-index:8;right:8px;top:8px;width:34px;height:31px;border:1px solid #2b607e;border-radius:3px;background:rgba(3,15,24,.78);color:#e6f1f7;font-size:18px;cursor:pointer
}
.cr-preview-hero{
  position:relative;min-height:200px;display:flex;align-items:center;gap:13px;padding:30px 14px 18px;
  background:
    linear-gradient(180deg,rgba(1,7,12,.15),rgba(2,9,15,.8)),
    var(--preview-art) center/cover no-repeat;
  box-sizing:border-box
}
.cr-preview-hero:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,#03111c);pointer-events:none}
.cr-preview-hero>*{position:relative;z-index:2}
.cr-preview-emblem{
  width:73px;height:73px;flex:0 0 73px;border:2px solid #dfa83f;border-radius:50%;overflow:hidden;
  box-shadow:0 0 18px rgba(231,164,50,.25)
}
.cr-preview-emblem img{width:100%;height:100%;object-fit:cover}
.cr-preview-hero h2{
  margin:4px 0 3px;color:#f1d59b;font:500 28px/.98 var(--cr-serif);text-transform:uppercase
}
.cr-preview-hero strong{color:#d5b56e;font:600 9px var(--cr-serif);text-transform:uppercase}
.cr-preview-hero.ordinary{align-items:flex-end}
.cr-preview-body{padding:16px}
.cr-preview-body>p{margin:0 0 18px;color:#d4dde4;font:14px/1.5 var(--cr-serif)}
.cr-overlap{display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px;border-bottom:1px solid #153e55}
.cr-overlap button{border:1px solid #244f68;background:#071925;color:#cbdbe5;padding:5px 7px;font:8px var(--cr-sans);cursor:pointer}
.cr-overlap button.active{border-color:#d5a64e;color:#f3ca75}
.cr-scripture{
  display:flex;gap:10px;align-items:flex-start;padding:13px 0 16px;border-top:1px solid #314552;border-bottom:1px solid #314552
}
.cr-scripture>span{color:#d6a345;font-size:20px}
.cr-scripture b{display:block;color:#d7aa53;font:700 10px var(--cr-sans);text-transform:uppercase;letter-spacing:.14em}
.cr-scripture a{display:block;margin-top:5px;color:#e4edf3;text-decoration:none;font:13px var(--cr-serif)}
.cr-gold{
  width:100%;min-height:42px;margin:15px 0 10px;border:1px solid #f7d077;border-radius:3px;
  background:linear-gradient(#ffd87f,#d49435);color:#211407;font:700 12px var(--cr-serif);cursor:pointer;
  box-shadow:0 0 18px rgba(224,156,40,.15)
}
.cr-sky{border:1px solid #1f5b7b;border-radius:3px;background:#061724}
.cr-sky summary{min-height:40px;display:flex;align-items:center;padding:0 11px;color:#d7e2e9;font:11px var(--cr-serif);cursor:pointer}
.cr-sky>div{padding:0 11px 11px;color:#9fb4c3;font:10px/1.5 var(--cr-sans)}
.cr-preview-landscape{
  height:118px;margin:14px 13px 0;border:1px solid #163f57;background:
    linear-gradient(180deg,transparent,rgba(1,8,13,.34)),
    url('/assets/calendar/reference/approved-right-landscape.webp') center/cover no-repeat
}
.cr-right-tagline{
  padding:10px 15px 18px;color:#9eb0bc;text-align:right;font:700 8px/1.45 var(--cr-serif);
  text-transform:uppercase;letter-spacing:.14em
}
.cr-preview-empty{display:grid;place-items:center;padding:24px;color:#9eb4c4;text-align:center;font:13px/1.5 var(--cr-serif);box-sizing:border-box}
.cr-preview-open{border:1px solid #34779b;background:#061a28;color:#fff;padding:8px 13px;cursor:pointer}
.cr-right-art-only{background:
  linear-gradient(180deg,rgba(2,9,15,.45),rgba(2,9,15,.9)),
  url('/assets/calendar/reference/approved-right-landscape.webp') center/cover no-repeat}
.cr-right-art-only>div{height:70%}.cr-right-art-only p{padding:18px;color:#e3bd69;text-align:center;font:18px var(--cr-serif);text-transform:uppercase;letter-spacing:.1em}
.cr-reading{min-height:800px;padding:34px;border:1px solid #174a67;background:
  radial-gradient(circle at 80% 0,rgba(24,99,139,.14),transparent 34%),
  #03111c;box-sizing:border-box}
.cr-reading>header{max-width:900px;padding-bottom:22px;border-bottom:1px solid #19455f}
.cr-reading>header h1,.cr-reading>header h2{margin:7px 0;color:#f0c56c;font:500 clamp(34px,4vw,54px)/1 var(--cr-serif)}
.cr-reading>header p{color:#b8c9d5;font:15px/1.6 var(--cr-serif)}
.cr-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cr-catalog-card{display:grid;grid-template-columns:42% 1fr;min-height:190px;border:1px solid #1b5877;background:#061827}
.cr-catalog-card img{width:100%;height:100%;object-fit:cover}
.cr-catalog-card>div{padding:16px}.cr-catalog-card h2{margin:4px 0;color:#f2d59a;font:600 22px var(--cr-serif)}
.cr-catalog-card span,.cr-catalog-card strong{color:#e4b45c;font:800 9px var(--cr-sans)}
.cr-catalog-card p{color:#afc1ce;font:12px/1.5 var(--cr-serif)}
.cr-reading-nav{display:flex;flex-wrap:wrap;gap:6px;padding:18px 0}
.cr-reading-nav a{border:1px solid #245975;background:#061825;color:#d9e8f1;padding:7px 9px;text-decoration:none;font:10px var(--cr-sans)}
.cr-reading>section{max-width:900px;padding:25px 0;border-bottom:1px solid #173e56;scroll-margin-top:80px}
.cr-reading>section h2{margin:4px 0 8px;color:#e9c272;font:600 28px/1.1 var(--cr-serif)}
.cr-reading>section p{color:#bac9d4;font:14px/1.65 var(--cr-serif)}
.cr-section-num{color:#d6a950;font:800 9px var(--cr-sans);letter-spacing:.18em}
.cr-pending{margin-top:12px;padding:9px 11px;border:1px solid #2a4859;background:#071722;color:#8fa5b3;font:9px/1.4 var(--cr-sans);text-transform:uppercase;letter-spacing:.06em}
.cr-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cr-topic-grid article{padding:20px;border:1px solid #1d526e;background:#061826}
.cr-topic-grid h2{margin:5px 0 8px;color:#edc46e;font:600 25px var(--cr-serif)}
.cr-topic-grid p{color:#afc0cc;font:13px/1.55 var(--cr-serif)}
.cr-year-reading{padding-top:22px}
.cr-year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.cr-year-card{border:1px solid #1b5877;background:#061826;overflow:hidden}
.cr-year-card img{width:100%;height:105px;object-fit:cover;filter:brightness(.55) saturate(.8)}
.cr-year-card>div{padding:13px}.cr-year-card span{color:#d8a94d;font:800 8px var(--cr-sans);text-transform:uppercase}
.cr-year-card h3{margin:4px 0;color:#efd18e;font:600 20px var(--cr-serif)}
.cr-year-card p,.cr-year-card small{display:block;color:#aabcc8;font:10px/1.45 var(--cr-sans)}
.cr-year-card button{margin-top:10px}
.cr-back{margin-bottom:12px;border:1px solid #255b79;background:#061927;color:#dbeaf3;padding:8px 11px;cursor:pointer}
.cr-study-head{
  display:flex;align-items:center;gap:18px;max-width:none!important;padding:22px!important;
  background:linear-gradient(90deg,rgba(2,9,15,.9),rgba(2,9,15,.48)),var(--study-art) center/cover no-repeat
}
.cr-study-head h1{margin:3px 0!important}.cr-study-head strong{color:#e0b35b;font:11px var(--cr-sans)}
.cr-study-emblem{width:95px;height:95px;border:2px solid #d6a443;border-radius:50%;overflow:hidden;flex:0 0 95px}
.cr-study-emblem img{width:100%;height:100%;object-fit:cover}
.cr-study-contents{margin:15px 0;border:1px solid #1e5470;background:#061724}
.cr-study-contents summary{padding:12px;color:#dfeaf1;cursor:pointer;font:12px var(--cr-sans)}
.cr-study-contents nav{display:grid;padding:0 12px 12px}.cr-study-contents a{padding:8px;border-top:1px solid #173a4e;color:#c9d8e2;text-decoration:none;font:11px var(--cr-sans)}
.cr-study-scriptures{display:grid;gap:6px;margin-top:12px}.cr-study-scriptures a{border:1px solid #235875;background:#061725;color:#e3edf3;padding:9px;text-decoration:none;font:11px var(--cr-sans)}
.cr-dialog{width:min(540px,calc(100vw - 30px));padding:0;border:1px solid #2b6687;background:#03111c;color:#eaf3f8}
.cr-dialog::backdrop{background:rgba(0,4,8,.78)}
.cr-dialog header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #1c4962}
.cr-dialog h2{margin:0;color:#edc46f;font:600 24px var(--cr-serif)}
.cr-dialog header button{border:1px solid #2d5e79;background:#071925;color:#fff;width:34px;height:34px}
.cr-dialog form>label,.cr-dialog [data-gregorian],.cr-dialog [data-biblical]{display:grid;gap:7px;margin:12px 14px;color:#b7c9d5;font:11px var(--cr-sans)}
.cr-dialog label{display:grid;gap:5px}
.cr-dialog input,.cr-dialog select,.cr-dialog footer button{min-height:40px;border:1px solid #285a75;background:#061826;color:#edf5f9;padding:7px}
.cr-dialog footer{display:flex;justify-content:flex-end;gap:7px;padding:14px}.cr-dialog-status{min-height:17px;margin:0 14px;color:#e2b860;font:10px var(--cr-sans)}
@media(max-width:899px) and (min-width:768px){
  .cr-shell{grid-template-columns:190px minmax(650px,1fr) 300px}
  .cr-control-row{grid-template-columns:80px 38px 38px auto 64px 92px 125px;gap:4px}
  .cr-hero-copy{padding-left:135px;padding-right:110px}
  .cr-eclipse{left:5%;width:112px}
  .cr-preview-hero h2{font-size:24px}
}
@media(max-width:899px){
  .cr-shell{display:block;border:0}
  .cr-left{min-height:0;border:0;border-bottom:1px solid var(--cr-line);position:relative}
  .cr-left-top,.cr-left-bottom{display:none}
  .cr-left-nav{display:flex;overflow-x:auto;padding:7px}
  .cr-local-link{width:auto;min-width:max-content;min-height:44px;padding:7px 11px}
  .cr-nav-icon{display:none}
  .cr-center{padding:8px}
  .cr-right{padding:0;border:0}
  .cr-preview,.cr-preview-empty{
    position:fixed;z-index:120;right:0;top:70px;bottom:0;width:min(460px,92vw);min-height:0;height:calc(100vh - 70px);
    overflow-y:auto;border-radius:0;box-shadow:-30px 0 80px rgba(0,0,0,.65)
  }
  .cr-right-art-only{display:none}
  .cr-control-row{grid-template-columns:80px 40px 40px auto 70px 100px 130px}
  .cr-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .cr-left-nav{gap:4px}.cr-local-link{font-size:10px}
  .cr-center{padding:6px}
  .cr-hero{min-height:175px}
  .cr-hero-copy{min-height:175px;padding:20px 38px 15px 105px;align-items:flex-start;text-align:left}
  .cr-eclipse{left:14px;top:39px;width:78px}
  .cr-hero h1{font-size:38px;white-space:normal}
  .cr-hero-rule{width:150px}.cr-hero-copy>strong{font-size:8px}.cr-hero-copy .cr-hebrew{font-size:15px}
  .cr-control-row{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}
  .cr-year{grid-column:2;grid-row:1;width:100%}.cr-control-row>[data-action=prev]{grid-column:1;grid-row:1}.cr-control-row>[data-action=next]{grid-column:3;grid-row:1}
  .cr-segment{grid-column:1/3;grid-row:2}.cr-segment button{flex:1}.cr-control-row>[data-action=today]{grid-column:3;grid-row:2}
  .cr-control-row>[data-action=find]{grid-column:1/3;grid-row:3}.cr-display{grid-column:3;grid-row:3}.cr-display summary{font-size:0}.cr-display summary:before{content:"⚙";font-size:15px}
  .cr-month-strip button{flex-basis:78px}
  .cr-weekdays span{font-size:7px}.cr-day{min-height:92px}.cr-day-num{font-size:12px}.cr-moon{top:22px;width:37px;height:37px}.cr-hebrew-day{top:62px;font-size:8px}.cr-event-label{bottom:5px;font-size:5px}
  .cr-study-cards{grid-template-columns:1fr}.cr-study-card{min-height:120px}
  .cr-preview,.cr-preview-empty{left:0;right:0;top:0;width:100vw;height:100dvh;min-height:100dvh;z-index:200}
  .cr-preview-hero{min-height:230px}.cr-preview-emblem{width:80px;height:80px;flex-basis:80px}.cr-preview-hero h2{font-size:28px}
  .cr-catalog,.cr-topic-grid,.cr-year-grid{grid-template-columns:1fr}
  .cr-reading{padding:22px 14px}.cr-reading>header h1,.cr-reading>header h2{font-size:36px}
  .cr-catalog-card{grid-template-columns:115px 1fr}.cr-catalog-card img{min-height:180px}
}
@media(max-width:430px){
  .cr-local-link{padding-inline:8px}
  .cr-grid{min-width:390px}.cr-grid-wrap{overflow-x:auto}
  .cr-day{min-height:100px}.cr-weekdays{min-width:390px}
}
@media(prefers-reduced-motion:reduce){
  .calendar-reference-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Approved desktop frame spacing from the locked reference. */
@media(min-width:1440px){
  .cr-shell{width:100%;max-width:1900px;margin:0 auto}
}
.cr-day.selected .cr-event-label:before{content:"";display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#f1bd52;vertical-align:1px}
.cr-location-button{min-height:34px;margin:0 0 8px;border:1px solid #2d6b8e;border-radius:3px;background:#071b2a;color:#cce8f6;padding:6px 9px;font:700 9px var(--cr-sans);cursor:pointer}
.cr-dialog-copy{margin:12px 14px;color:#aabecb;font:11px/1.5 var(--cr-sans)}
.cr-dialog label span{color:#7e98aa;font-size:9px}

/* Exact approved desktop baseline geometry. Original S3 was captured at 1648 × 928 CSS-equivalent. */
.cr-section-bar{display:none}
@media(min-width:1440px){
  .cr-shell{grid-template-columns:225px minmax(0,1fr) 410px!important}
  .cr-left{min-height:866px}
  .cr-center{padding:0 10px 0!important}
  .cr-right{padding:0 10px 0 0!important}
  .cr-hero{min-height:207px!important}
  .cr-hero-copy{min-height:207px!important;padding:20px 175px 18px!important}
  .cr-eclipse{left:6.2%!important;top:36px!important;width:136px!important}
  .cr-control-row{grid-template-columns:90px 40px 40px auto 72px 108px 140px!important;padding:4px 7px!important;gap:6px!important}
  .cr-control-row button,.cr-control-row select,.cr-display summary{min-height:30px!important;padding:4px 9px!important}
  .cr-month-strip{padding:4px 6px!important}
  .cr-month-strip button{min-height:25px!important;padding:4px 8px!important}
  .cr-weekdays{min-height:30px!important}
  .cr-day{min-height:73px!important}
  .cr-day-num{font-size:16px!important}
  .cr-moon{top:14px!important;width:52px!important;height:52px!important}
  .cr-hebrew-day{top:57px!important}
  .cr-study-card{min-height:150px!important}
  .cr-study-card img{min-height:150px!important}
  .cr-preview,.cr-preview-empty,.cr-right-art-only{min-height:804px!important;top:0!important}
  .cr-preview-hero{min-height:216px!important}
}
@media(max-width:899px){
  .cr-section-bar{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--cr-line);background:#03111c}
  .cr-section-bar span{color:#83b8d4;font:800 9px var(--cr-sans);letter-spacing:.14em;text-transform:uppercase}
  .cr-section-bar button{min-height:36px;border:1px solid #255c7b;background:#061926;color:#eef7fb;padding:6px 10px}
  .cr-left-nav{display:none!important}
  .cr-left.sections-open .cr-left-nav{display:grid!important;grid-template-columns:1fr 1fr;padding:7px}
  .cr-left.sections-open .cr-local-link{min-width:0;width:100%}
}

/* Decorative eclipse now comes directly from the isolated approved hero-art crop. */
.cr-eclipse{display:none!important}
.cr-hero-art{background-position:center!important;background-size:cover!important;filter:none!important}

@media(min-width:1440px){
  .cr-left-top{min-height:330px!important}
  .cr-hero{min-height:176px!important}
  .cr-hero-copy{min-height:176px!important;padding-top:12px!important;padding-bottom:10px!important}
  .cr-hero-art{background-position:left center!important}
}

.cr-preview-back{
  position:absolute;z-index:9;left:8px;top:8px;min-width:34px;height:31px;border:1px solid #2b607e;border-radius:3px;
  background:rgba(3,15,24,.78);color:#e6f1f7;padding:0 9px;font:700 11px var(--cr-sans);cursor:pointer
}
.cr-preview-back span{display:none}
.cr-day.selected .cr-moon img{
  filter:sepia(.25) saturate(2.2) hue-rotate(164deg) brightness(1.28) drop-shadow(0 0 9px #138eff)
}
.cr-day.event:not(.selected) .cr-moon img{
  filter:sepia(.5) saturate(1.35) brightness(1.08) drop-shadow(0 0 5px rgba(227,173,73,.38))
}
@media(max-width:767px){
  .cr-preview-back{position:absolute;left:10px;top:10px;min-width:126px;height:38px}
  .cr-preview-back span{display:inline}
  .cr-preview-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important}
  .cr-preview-hero{padding-top:54px!important}
}
/* MAJOR REFERENCE FIDELITY CORRECTION 2026-09-25 */
.cr-month-caption{
  position:absolute;left:7px;bottom:4px;color:#9db5c7;
  font:600 6px/1 var(--cr-serif);white-space:nowrap
}
.cr-preview-hero{
  background:
    linear-gradient(180deg,rgba(1,7,12,.06),rgba(2,9,15,.62)),
    var(--preview-art) center 42%/cover no-repeat!important
}
.cr-preview-emblem{width:86px!important;height:86px!important;flex-basis:86px!important}
.cr-preview-hero h2{font-size:34px!important;letter-spacing:.01em}
.cr-preview-body>p{font-size:15px!important;line-height:1.52!important}
.cr-scripture a{font-size:14px!important}
.cr-gold{min-height:48px!important;font-size:14px!important}
.cr-study-card h3{font-size:15px!important}
.cr-study-card strong{font-size:9px!important}
.cr-study-card p{font-size:9px!important}
.cr-study-card button{font-size:9px!important}
.cr-day.selected .cr-moon img{
  filter:sepia(.82) saturate(7.5) hue-rotate(164deg) brightness(1.28)
         drop-shadow(0 0 7px #1996ff) drop-shadow(0 0 14px rgba(25,150,255,.78))!important
}
.cr-day.event:not(.selected) .cr-moon img{
  filter:sepia(.18) saturate(1.18) brightness(1.08)
         drop-shadow(0 0 5px rgba(227,173,73,.22))!important
}
@media(min-width:1440px){
  .cr-left-top{min-height:288px!important}
  .cr-local-link{min-height:57px!important;font-size:13px!important}
  .cr-left-nav{gap:4px!important;padding:12px 9px!important}
  .cr-hero{min-height:160px!important}
  .cr-hero-copy{min-height:160px!important;padding:8px 168px 7px!important}
  .cr-hero-art{
    background:var(--month-art) center 50%/cover no-repeat!important;
    filter:none!important
  }
  .cr-eclipse{display:none!important}
  .cr-kicker{font-size:10px!important}
  .cr-hero h1{font-size:68px!important}
  .cr-hero-copy>strong{font-size:11px!important}
  .cr-hero-copy .cr-hebrew{font-size:17px!important;margin-top:3px!important}
  .cr-day{min-height:78px!important}
  .cr-day-num{left:8px!important;top:7px!important;font-size:18px!important;font-family:var(--cr-serif)!important;font-weight:700!important}
  .cr-civil{right:6px!important;top:7px!important;font-size:7px!important}
  .cr-moon{left:62%!important;top:12px!important;width:56px!important;height:56px!important}
  .cr-hebrew-day{
    left:8px!important;right:auto!important;top:auto!important;bottom:16px!important;
    text-align:left!important;font-size:10px!important
  }
  .cr-event-label{
    left:auto!important;right:5px!important;bottom:4px!important;transform:none!important;
    max-width:58%!important;font-size:6.5px!important;padding:2px 5px!important
  }
  .cr-sabbath{right:5px!important;bottom:4px!important}
  .cr-study-card{min-height:142px!important}
  .cr-study-card img{min-height:142px!important}
  .cr-study-card>div{padding:11px 10px 9px!important}
  .cr-preview-hero{min-height:220px!important;padding:30px 17px 18px!important;gap:15px!important}
  .cr-preview-body{padding:18px!important}
  .cr-preview-landscape{height:126px!important}
}
/* COMPACT DESKTOP: preserve the approved three-region composition on Brandon's 1024 CSS-px browser window. */
@media(min-width:900px) and (max-width:1439px){
  .cr-shell{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:150px minmax(0,1fr) 285px!important;border-left:1px solid var(--cr-line)!important;border-right:1px solid var(--cr-line)!important}
  .cr-left{display:flex!important;min-height:720px!important;border-right:1px solid var(--cr-line)!important;border-bottom:0!important;overflow:hidden!important;background:#03101a!important}
  .cr-section-bar{display:none!important}
  .cr-left-top{display:flex!important;min-height:190px!important}
  .cr-left-copy{padding:0 11px 18px!important}
  .cr-left-copy strong{font-size:20px!important;line-height:1.03!important}
  .cr-left-copy span{margin-top:9px!important;font-size:7px!important;line-height:1.55!important}
  .cr-left-nav{display:grid!important;overflow:visible!important;padding:8px 6px!important;gap:3px!important;background:linear-gradient(#03101a,#020b13)!important}
  .cr-local-link{width:100%!important;min-width:0!important;min-height:44px!important;padding:7px 7px!important;font-size:9px!important}
  .cr-nav-icon{display:grid!important;width:20px!important;height:20px!important;flex-basis:20px!important;font-size:12px!important}
  .cr-left-bottom{display:flex!important;min-height:220px!important;padding:16px 11px!important}
  .cr-left-bottom blockquote{font-size:11px!important;line-height:1.35!important}
  .cr-left-bottom cite{font-size:8px!important}
  .cr-center{min-width:0!important;padding:0 6px!important}
  .cr-right{display:block!important;min-width:0!important;padding:0 6px 0 0!important;border-left:1px solid var(--cr-line)!important}
  .cr-preview,.cr-preview-empty,.cr-right-art-only{position:sticky!important;z-index:auto!important;left:auto!important;right:auto!important;top:0!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:720px!important;overflow:hidden!important;border-radius:6px!important;box-shadow:none!important}
  .cr-hero{min-height:132px!important}
  .cr-hero-copy{min-height:132px!important;padding:7px 102px 6px!important}
  .cr-kicker{font-size:7px!important}
  .cr-hero h1{font-size:48px!important}
  .cr-hero-rule{width:175px!important;margin:3px 0!important}
  .cr-hero-copy>strong{font-size:8px!important}
  .cr-hero-copy .cr-hebrew{font-size:13px!important;margin-top:2px!important}
  .cr-controls{margin-top:5px!important}
  .cr-control-row{grid-template-columns:58px 30px 30px auto 50px 78px 100px!important;gap:3px!important;padding:4px!important}
  .cr-control-row button,.cr-control-row select,.cr-display summary{min-height:28px!important;padding:4px 6px!important;font-size:8px!important}
  .cr-year{width:58px!important}
  .cr-segment button{min-width:49px!important}
  .cr-month-strip{padding:4px!important;gap:1px!important}
  .cr-month-strip button{flex:1 0 46px!important;min-height:25px!important;padding:3px 4px!important;font-size:7px!important}
  .cr-grid-wrap{margin-top:5px!important}
  .cr-weekdays{min-height:25px!important}
  .cr-weekdays span{font-size:7px!important}
  .cr-day{min-height:62px!important}
  .cr-day-num{left:5px!important;top:5px!important;font-size:14px!important}
  .cr-civil{right:4px!important;top:5px!important;font-size:5px!important}
  .cr-moon{left:58%!important;top:12px!important;width:42px!important;height:42px!important}
  .cr-hebrew-day{left:5px!important;right:auto!important;top:auto!important;bottom:14px!important;text-align:left!important;font-size:8px!important}
  .cr-month-caption{left:5px!important;bottom:4px!important;font-size:5px!important}
  .cr-event-label{right:3px!important;left:auto!important;bottom:3px!important;transform:none!important;max-width:58%!important;font-size:5px!important;padding:1px 3px!important}
  .cr-sabbath{right:3px!important;bottom:3px!important;font-size:5px!important}
  .cr-legend{padding:5px 7px!important;font-size:7px!important;gap:14px!important}
  .cr-month-studies>header{height:24px!important}
  .cr-month-studies h2{font-size:7px!important}
  .cr-study-cards{gap:4px!important}
  .cr-study-card{min-height:108px!important;grid-template-columns:43% 1fr!important}
  .cr-study-card img{min-height:108px!important}
  .cr-study-card>div{padding:6px!important}
  .cr-study-card h3{font-size:11px!important}
  .cr-study-card strong{font-size:7px!important}
  .cr-study-card p{font-size:7px!important;line-height:1.25!important;margin:3px 0!important}
  .cr-study-card button{font-size:7px!important}
  .cr-preview-hero{min-height:158px!important;padding:24px 11px 12px!important;gap:9px!important}
  .cr-preview-emblem{width:58px!important;height:58px!important;flex-basis:58px!important}
  .cr-preview-hero h2{font-size:22px!important}
  .cr-preview-hero strong{font-size:7px!important}
  .cr-preview-body{padding:12px!important}
  .cr-preview-body>p{font-size:11px!important;line-height:1.4!important;margin-bottom:12px!important}
  .cr-scripture{padding:9px 0 11px!important}
  .cr-scripture b{font-size:8px!important}
  .cr-scripture a{font-size:10px!important}
  .cr-gold{min-height:36px!important;margin:10px 0 8px!important;font-size:10px!important}
  .cr-sky summary{min-height:34px!important;font-size:9px!important}
  .cr-sky>div{font-size:8px!important}
  .cr-preview-landscape{height:94px!important;margin:10px 9px 0!important}
  .cr-right-tagline{padding:8px 10px 12px!important;font-size:6px!important}
  .cr-preview-back{left:6px!important;top:6px!important;min-width:28px!important;height:27px!important;padding:0 7px!important;font-size:9px!important}
  .cr-preview-close{right:6px!important;top:6px!important;width:28px!important;height:27px!important;font-size:15px!important}
}
/* REFERENCE PROPORTION PASS: scale the 1200px approved composition into 1024px without changing the three-region hierarchy. */
@media(min-width:900px) and (max-width:1439px){
  .cr-shell{grid-template-columns:130px minmax(0,1fr) 260px!important}
  .cr-left-copy{padding-left:10px!important;padding-right:8px!important}
  .cr-left-copy strong{font-size:18px!important}
  .cr-left-copy span{font-size:6.5px!important}
  .cr-local-link{font-size:8.5px!important;padding-left:6px!important;padding-right:4px!important}
  .cr-nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
  .cr-hero-copy{padding-left:95px!important;padding-right:95px!important}
  .cr-hero h1{font-size:58px!important}
  .cr-hero-rule{width:205px!important}
  .cr-moon{width:46px!important;height:46px!important;top:10px!important}
  .cr-preview-emblem{width:62px!important;height:62px!important;flex-basis:62px!important}
  .cr-preview-hero h2{font-size:28px!important}
  .cr-preview-body>p{font-size:12px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-preview-emblem{width:68px!important;height:68px!important;flex-basis:68px!important}
  .cr-preview-hero h2{font-size:32px!important}
  .cr-preview-hero{background-position:center 46%!important}
}
/* STEP 2 HERO MASTER — reusable text-free 4K artwork with live month typography */
.cr-hero{
  min-height:220px!important;
  border-color:#1b5b7d!important;
  box-shadow:inset 0 0 42px rgba(0,0,0,.18);
}
.cr-hero-art{
  background-image:var(--month-art)!important;
  background-repeat:no-repeat!important;
  background-position:center 50%!important;
  background-size:cover!important;
  filter:none!important;
}
.cr-hero-copy{
  min-height:220px!important;
  padding-top:22px!important;
  padding-bottom:20px!important;
}
.cr-hero h1{
  color:#f2c66f!important;
  text-shadow:0 3px 20px rgba(0,0,0,.95),0 0 18px rgba(218,164,66,.12)!important;
}
@media(min-width:1440px){
  .cr-hero{min-height:250px!important}
  .cr-hero-copy{min-height:250px!important;padding:28px 220px 22px!important}
  .cr-kicker{font-size:11px!important;letter-spacing:.28em!important}
  .cr-hero h1{font-size:82px!important;line-height:.9!important;margin-top:5px!important}
  .cr-hero-rule{width:300px!important;margin:9px 0 8px!important}
  .cr-hero-copy>strong{font-size:12px!important}
  .cr-hero-copy .cr-hebrew{font-size:20px!important;margin-top:6px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-hero{min-height:180px!important}
  .cr-hero-copy{min-height:180px!important;padding:14px 110px 12px!important}
  .cr-hero h1{font-size:64px!important}
  .cr-hero-rule{width:230px!important;margin:5px 0!important}
  .cr-hero-copy>strong{font-size:9px!important}
  .cr-hero-copy .cr-hebrew{font-size:15px!important}
}
@media(max-width:767px){
  .cr-hero{min-height:190px!important}
  .cr-hero-copy{min-height:190px!important}
}
/* STEP 2B HERO TYPOGRAPHY + CYAN CELESTIAL EFFECT */
.cr-hero .cr-kicker{
  color:#f8c968!important;
  text-shadow:
    0 1px 0 rgba(91,48,6,.95),
    0 0 7px rgba(255,205,91,.52),
    0 0 15px rgba(255,175,47,.20)!important;
}
.cr-hero h1{
  color:#f4c86e!important;
  background:linear-gradient(180deg,#fff7d8 0%,#ffe399 18%,#f6c45d 48%,#d58a24 72%,#8d4b0c 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.55px rgba(255,241,195,.34)!important;
  text-shadow:
    0 2px 0 rgba(161,92,14,.95),
    0 4px 0 rgba(93,47,5,.88),
    0 7px 10px rgba(0,0,0,.82),
    0 0 5px rgba(255,239,184,.82),
    0 0 12px rgba(255,203,95,.68),
    0 0 24px rgba(255,164,42,.44),
    0 0 42px rgba(255,137,27,.24),
    0 0 52px rgba(52,211,255,.10)!important;
  filter:drop-shadow(0 3px 2px rgba(0,0,0,.55));
}
.cr-hero-rule{
  position:relative!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(35,190,229,.16) 9%,
    rgba(42,205,245,.56) 25%,
    #35d7ff 42%,
    #eafbff 50%,
    #35d7ff 58%,
    rgba(42,205,245,.56) 75%,
    rgba(35,190,229,.16) 91%,
    transparent 100%)!important;
  box-shadow:0 0 5px rgba(46,218,255,.66),0 0 14px rgba(28,182,255,.30)!important;
}
.cr-hero-rule::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:6px;height:6px;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#effdff;
  border:1px solid #44dfff;
  box-shadow:0 0 6px #5ce7ff,0 0 14px rgba(42,205,255,.72);
}
.cr-hero-copy>strong{
  color:#fff8e8!important;
  font-weight:850!important;
  letter-spacing:.34em!important;
  text-shadow:0 1px 0 rgba(54,35,12,.92),0 2px 5px rgba(0,0,0,.86)!important;
}
.cr-hero-copy .cr-hebrew{
  color:#fffefa!important;
  font-weight:850!important;
  text-shadow:0 1px 0 rgba(38,27,14,.90),0 2px 5px rgba(0,0,0,.88)!important;
}
.cr-eclipse{
  display:block!important;
  z-index:3!important;
  left:8.1%!important;
  top:43%!important;
  width:18.5%!important;
  max-width:338px!important;
  min-width:170px!important;
  aspect-ratio:1!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(83,221,255,.20)!important;
  background:transparent!important;
  box-shadow:
    0 0 9px rgba(44,210,255,.18),
    0 0 24px rgba(24,161,255,.12)!important;
  pointer-events:none!important;
  mix-blend-mode:screen;
}
.cr-eclipse::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  padding:2px;
  background:conic-gradient(from 0deg,
    transparent 0deg 205deg,
    rgba(63,217,255,0) 216deg,
    rgba(63,217,255,.44) 238deg,
    #8cecff 254deg,
    #f2fdff 266deg,
    #56dfff 278deg,
    rgba(52,201,255,.45) 294deg,
    rgba(52,201,255,0) 316deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 4px rgba(93,232,255,.90)) drop-shadow(0 0 12px rgba(43,183,255,.52));
  animation:crMoonOrbit 8s linear infinite;
}
.cr-eclipse::after{
  content:"";
  position:absolute;
  left:50%;top:-6px;
  width:7px;height:7px;
  margin-left:-3.5px;
  border-radius:50%;
  background:#eefdff;
  box-shadow:0 0 7px #65e8ff,0 0 16px rgba(50,194,255,.88);
  transform-origin:3.5px calc(50% + 6px);
  animation:crMoonSpark 8s linear infinite;
}
@keyframes crMoonOrbit{to{transform:rotate(360deg)}}
@keyframes crMoonSpark{to{transform:rotate(360deg)}}
@media(min-width:900px) and (max-width:1439px){
  .cr-eclipse{left:7.4%!important;width:19%!important;min-width:145px!important;max-width:220px!important}
}
@media(max-width:899px){
  .cr-eclipse{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .cr-eclipse::before,.cr-eclipse::after{animation:none!important}
}
/* STEP 2B FINAL POLISH — brighter metallic face, preserve 3D depth */
.cr-hero h1{
  background:linear-gradient(180deg,#fffaf0 0%,#ffeab2 17%,#ffd173 43%,#edae45 68%,#bc741e 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:
    0 1px 0 rgba(255,243,205,.44),
    0 2px 0 rgba(171,99,17,.95),
    0 4px 0 rgba(96,49,6,.86),
    0 7px 10px rgba(0,0,0,.78),
    0 0 6px rgba(255,242,199,.90),
    0 0 14px rgba(255,207,105,.76),
    0 0 28px rgba(255,166,50,.48),
    0 0 46px rgba(255,137,25,.24),
    0 0 58px rgba(50,213,255,.12)!important;
}
.cr-hero-copy>strong{color:#fffdf6!important}
.cr-hero-copy .cr-hebrew{color:#ffffff!important;font-size:1.06em}
/* STEP 2C — restrained title edge glow; remove cyan lunar overlay */
.cr-eclipse,
.cr-eclipse::before,
.cr-eclipse::after{
  display:none!important;
  content:none!important;
  animation:none!important;
  box-shadow:none!important;
}
.cr-hero h1{
  position:relative!important;
  display:inline-block!important;
  background:linear-gradient(180deg,#fff8df 0%,#f9df9b 18%,#efbd58 50%,#c97f22 78%,#96500c 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.35px rgba(255,239,194,.42)!important;
  filter:none!important;
  text-shadow:
    0 1px 0 rgba(255,242,202,.34),
    0 2px 0 rgba(155,88,13,.88),
    0 4px 0 rgba(81,40,4,.72),
    0 5px 8px rgba(0,0,0,.66)!important;
}
.cr-hero h1::after{
  content:attr(data-title);
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.35px rgba(255,205,102,.88);
  text-shadow:
    0 0 3px rgba(255,219,135,.80),
    0 0 7px rgba(242,171,55,.48),
    0 0 12px rgba(222,134,31,.24);
}
.cr-hero .cr-kicker{
  text-shadow:0 1px 0 rgba(68,37,5,.85),0 0 4px rgba(255,198,85,.24)!important;
}
/* STEP 2D — reference typography: no glow, restrained dimensional gold */
.cr-hero .cr-kicker{
  color:#e9bd69!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.27em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.75)!important;
}
.cr-hero h1{
  position:relative!important;
  display:inline-block!important;
  margin-top:3px!important;
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  color:#efc778!important;
  background:linear-gradient(180deg,#fff7dc 0%,#f7dfa5 20%,#e9bb68 54%,#c9822c 82%,#9b5819 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.25px rgba(255,246,220,.36)!important;
  filter:none!important;
  text-shadow:
    0 1px 0 rgba(255,248,220,.32),
    0 2px 0 rgba(159,95,25,.82),
    0 3px 1px rgba(84,43,8,.72),
    0 4px 2px rgba(0,0,0,.68)!important;
}
.cr-hero h1::after{
  content:none!important;
  display:none!important;
}
.cr-hero-rule{
  position:relative!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent 0%,rgba(213,166,77,.16) 7%,#cfa251 23%,#e8bf6b 50%,#cfa251 77%,rgba(213,166,77,.16) 93%,transparent 100%)!important;
  box-shadow:none!important;
}
.cr-hero-rule::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:7px!important;height:7px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  background:#dcb15f!important;
  border:1px solid #f2d18a!important;
  box-shadow:0 1px 0 rgba(82,45,10,.65)!important;
}
.cr-hero-copy>strong{
  color:#f7f4ef!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:600!important;
  letter-spacing:.32em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.80)!important;
}
.cr-hero-copy .cr-hebrew{
  color:#ffffff!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(0,0,0,.82)!important;
}
/* STEP 2E — crisp reference typography: remove dimensional/shadow treatment */
.cr-hero h1{
  font-family:"Times New Roman",Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:.045em!important;
  color:#efc878!important;
  background:linear-gradient(180deg,#fff7df 0%,#f6dda0 30%,#e8b965 68%,#cc8b36 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.22px rgba(255,247,222,.38)!important;
  text-shadow:none!important;
  filter:none!important;
}
.cr-hero h1::after{content:none!important;display:none!important}
.cr-hero .cr-kicker{
  text-shadow:none!important;
}
.cr-hero-copy>strong,
.cr-hero-copy .cr-hebrew{
  text-shadow:none!important;
}
/* STEP 3 LEFT SIDEBAR — unified reference artwork, wider rail, larger typography */
.cr-left{
  background:
    linear-gradient(180deg,rgba(1,8,14,.12) 0%,rgba(1,8,14,.28) 48%,rgba(1,8,14,.12) 100%),
    url('/assets/calendar/reference/toc-calendar-left-sidebar-master.webp') center top/cover no-repeat!important;
}
.cr-left::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(1,8,14,.08),rgba(1,8,14,.15) 38%,rgba(1,8,14,.30) 62%,rgba(1,8,14,.08));
}
.cr-left-top,
.cr-left-nav,
.cr-left-bottom{
  position:relative;
  z-index:1;
}
.cr-left-top{
  background:none!important;
}
.cr-left-top::after{display:none!important}
.cr-left-nav{
  background:linear-gradient(180deg,rgba(2,12,20,.30),rgba(2,12,20,.60) 50%,rgba(2,12,20,.26))!important;
}
.cr-left-bottom{
  background:none!important;
}
.cr-left-copy strong{
  font-size:31px!important;
  line-height:1.01!important;
  letter-spacing:.07em!important;
}
.cr-left-copy span{
  font-size:10px!important;
  line-height:1.6!important;
  letter-spacing:.17em!important;
}
.cr-local-link{
  min-height:60px!important;
  font-size:13.5px!important;
  gap:13px!important;
  padding:10px 12px!important;
}
.cr-nav-icon{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
  font-size:16px!important;
}
.cr-left-bottom blockquote{
  font-size:16px!important;
  line-height:1.48!important;
}
.cr-left-bottom cite{
  font-size:11px!important;
}
@media(min-width:1440px){
  .cr-shell{grid-template-columns:260px minmax(0,1fr) 410px!important}
  .cr-left{min-height:900px!important}
  .cr-left-top{min-height:315px!important}
  .cr-left-nav{padding:14px 10px 16px!important;gap:7px!important}
  .cr-left-bottom{min-height:300px!important;padding:28px 22px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-shell{grid-template-columns:165px minmax(0,1fr) 260px!important}
  .cr-left-top{min-height:220px!important}
  .cr-left-copy{padding:0 12px 20px!important}
  .cr-left-copy strong{font-size:22px!important}
  .cr-left-copy span{font-size:7px!important}
  .cr-left-nav{padding:10px 7px!important;gap:5px!important}
  .cr-local-link{min-height:48px!important;font-size:9.5px!important;padding:8px 7px!important}
  .cr-nav-icon{width:21px!important;height:21px!important;flex-basis:21px!important;font-size:12px!important}
  .cr-left-bottom{min-height:250px!important;padding:18px 12px!important}
  .cr-left-bottom blockquote{font-size:12px!important}
}
/* STEP 3B LEFT SIDEBAR ALIGNMENT — move copy/navigation down to reveal the upper fortress artwork */
@media(min-width:1440px){
  .cr-left{min-height:1035px!important}
  .cr-left-top{min-height:390px!important}
  .cr-left-copy{padding:0 22px 28px!important}
  .cr-left-nav{padding-top:16px!important;padding-bottom:18px!important}
  .cr-left-bottom{min-height:330px!important;padding:30px 22px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-left{min-height:830px!important}
  .cr-left-top{min-height:275px!important}
  .cr-left-copy{padding:0 12px 22px!important}
  .cr-left-nav{padding-top:11px!important;padding-bottom:13px!important}
  .cr-left-bottom{min-height:270px!important}
}
/* STEP 3C — reference left rail structure: separate top and bottom images */
.cr-left{
  background:#03101a!important;
}
.cr-left::after{display:none!important}
.cr-left-top{
  flex:0 0 auto!important;
  min-height:0!important;
  height:250px!important;
  background:
    linear-gradient(180deg,rgba(2,8,14,.06),rgba(2,8,14,.16)),
    url('/assets/calendar/reference/toc-calendar-left-top-640.webp') center 42%/cover no-repeat!important;
  border-bottom:0!important;
}
.cr-left-copy{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  padding:19px 22px 17px!important;
  background:linear-gradient(180deg,#03101a 0%,#03111b 100%)!important;
  text-transform:uppercase!important;
}
.cr-left-copy strong{
  display:block!important;
  font-size:30px!important;
  line-height:1.02!important;
}
.cr-left-copy span{
  display:block!important;
  margin-top:13px!important;
  font-size:9.5px!important;
  line-height:1.65!important;
}
.cr-left-nav{
  flex:0 0 auto!important;
  padding:10px 10px 14px!important;
  gap:6px!important;
  background:#03111b!important;
}
.cr-left-bottom{
  flex:1 1 auto!important;
  min-height:360px!important;
  align-items:flex-end!important;
  padding:28px 22px!important;
  background:
    linear-gradient(180deg,rgba(2,8,14,.02) 0%,rgba(2,8,14,.08) 48%,rgba(1,6,10,.44) 100%),
    url('/assets/calendar/reference/toc-calendar-left-bottom-640.webp') center 50%/cover no-repeat!important;
}
@media(min-width:1440px){
  .cr-shell{grid-template-columns:260px minmax(0,1fr) 410px!important}
  .cr-left{min-height:1040px!important}
  .cr-left-top{height:255px!important}
  .cr-left-copy{padding:20px 22px 18px!important}
  .cr-left-nav{padding:10px 10px 16px!important}
  .cr-left-bottom{min-height:365px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-shell{grid-template-columns:165px minmax(0,1fr) 260px!important}
  .cr-left{min-height:830px!important}
  .cr-left-top{height:175px!important}
  .cr-left-copy{padding:14px 12px 12px!important}
  .cr-left-copy strong{font-size:21px!important}
  .cr-left-copy span{margin-top:8px!important;font-size:7px!important;line-height:1.55!important}
  .cr-left-nav{padding:6px 7px 10px!important}
  .cr-left-bottom{min-height:275px!important;padding:18px 12px!important}
}
/* STEP 4 — calendar submenu spacing/layout matched to reference */
@media(min-width:1700px){
  .cr-controls{
    margin-top:8px!important;
    border:0!important;
    background:transparent!important;
  }
  .cr-control-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:4px 12px 8px!important;
    border:0!important;
    background:transparent!important;
  }
  .cr-control-row button,
  .cr-control-row select,
  .cr-display summary{
    min-height:42px!important;
    height:42px!important;
    padding:7px 12px!important;
    border-radius:5px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  .cr-year{
    width:136px!important;
    flex:0 0 136px!important;
    margin-right:16px!important;
  }
  .cr-control-row>[data-action=prev],
  .cr-control-row>[data-action=next]{
    width:61px!important;
    flex:0 0 61px!important;
    padding:0!important;
    font-size:22px!important;
  }
  .cr-control-row>[data-action=prev]{margin-right:16px!important}
  .cr-control-row>[data-action=next]{margin-right:52px!important}
  .cr-segment{
    width:222px!important;
    flex:0 0 222px!important;
    height:42px!important;
    margin-right:40px!important;
    border-radius:5px!important;
  }
  .cr-segment button{
    flex:1 1 50%!important;
    min-width:0!important;
    height:40px!important;
  }
  .cr-control-row>[data-action=today]{
    width:147px!important;
    flex:0 0 147px!important;
    margin-right:16px!important;
  }
  .cr-control-row>[data-action=find]{
    width:183px!important;
    flex:0 0 183px!important;
    margin-right:17px!important;
  }
  .cr-display{
    width:210px!important;
    flex:0 0 210px!important;
  }
  .cr-display summary{width:100%!important}
  .cr-month-strip{
    display:flex!important;
    gap:1px!important;
    padding:0!important;
    margin:0 4px!important;
    min-height:42px!important;
    border:1px solid #184763!important;
    border-radius:4px!important;
    background:#020c15!important;
    overflow:hidden!important;
  }
  .cr-month-strip button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:40px!important;
    height:40px!important;
    padding:4px 6px!important;
    border-radius:0!important;
    font-size:10.5px!important;
  }
  .cr-grid-wrap{margin-top:9px!important}
  .cr-weekdays{min-height:34px!important}
  .cr-weekdays span{font-size:9px!important}
}
/* STEP 4B — expand calendar submenu controls to reference-scale spacing */
@media(min-width:1440px){
  .cr-controls{
    margin-top:10px!important;
    border:1px solid #164a68!important;
    background:#03111c!important;
  }
  .cr-control-row{
    display:grid!important;
    grid-template-columns:
      minmax(132px,1.05fr)
      66px
      66px
      minmax(230px,1.8fr)
      minmax(150px,1.22fr)
      minmax(205px,1.55fr)
      minmax(235px,1.85fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:12px 14px 14px!important;
    border-bottom:1px solid #143d57!important;
    background:#03111c!important;
  }
  .cr-control-row button,
  .cr-control-row select,
  .cr-display summary{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    height:54px!important;
    padding:10px 16px!important;
    border-radius:5px!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .cr-year,
  .cr-control-row>[data-action=prev],
  .cr-control-row>[data-action=next],
  .cr-control-row>[data-action=today],
  .cr-control-row>[data-action=find],
  .cr-display{
    width:auto!important;
    flex:none!important;
    margin:0!important;
  }
  .cr-control-row>[data-action=prev],
  .cr-control-row>[data-action=next]{
    padding:0!important;
    font-size:24px!important;
  }
  .cr-segment{
    width:auto!important;
    height:54px!important;
    margin:0!important;
    border-radius:5px!important;
  }
  .cr-segment button{
    min-width:0!important;
    height:52px!important;
    font-size:13px!important;
  }
  .cr-display{width:auto!important}
  .cr-display summary{width:100%!important}
  .cr-month-strip{
    display:flex!important;
    gap:5px!important;
    padding:7px 8px!important;
    margin:0!important;
    min-height:64px!important;
    border:0!important;
    border-radius:0!important;
    background:#020c15!important;
    overflow:hidden!important;
  }
  .cr-month-strip button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:50px!important;
    height:50px!important;
    padding:7px 10px!important;
    border-radius:4px!important;
    font-size:12.5px!important;
  }
  .cr-grid-wrap{margin-top:11px!important}
  .cr-weekdays{min-height:46px!important}
  .cr-weekdays span{font-size:11px!important}
}
/* STEP 4C — APPLY expanded submenu at the actual desktop breakpoint */
@media(min-width:900px) and (max-width:1439px){
  .cr-controls{
    margin-top:9px!important;
    border:1px solid #164a68!important;
    background:#03111c!important;
  }
  .cr-control-row{
    display:grid!important;
    grid-template-columns:
      1.08fr
      .56fr
      .56fr
      1.72fr
      1.08fr
      1.52fr
      1.78fr!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px 12px!important;
    border-bottom:1px solid #143d57!important;
    background:#03111c!important;
  }
  .cr-control-row button,
  .cr-control-row select,
  .cr-display summary{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    padding:8px 10px!important;
    border-radius:5px!important;
    font-size:11.5px!important;
    line-height:1!important;
  }
  .cr-year,
  .cr-control-row>[data-action=prev],
  .cr-control-row>[data-action=next],
  .cr-control-row>[data-action=today],
  .cr-control-row>[data-action=find],
  .cr-display{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    flex:none!important;
  }
  .cr-control-row>[data-action=prev],
  .cr-control-row>[data-action=next]{
    padding:0!important;
    font-size:22px!important;
  }
  .cr-segment{
    width:auto!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    border-radius:5px!important;
  }
  .cr-segment button{
    flex:1 1 50%!important;
    min-width:0!important;
    height:44px!important;
    font-size:11.5px!important;
  }
  .cr-display{width:auto!important}
  .cr-display summary{width:100%!important}
  .cr-month-strip{
    display:flex!important;
    gap:4px!important;
    padding:7px 8px!important;
    margin:0!important;
    min-height:58px!important;
    border:0!important;
    border-radius:0!important;
    background:#020c15!important;
    overflow:hidden!important;
  }
  .cr-month-strip button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:44px!important;
    height:44px!important;
    padding:6px 8px!important;
    border-radius:4px!important;
    font-size:11px!important;
  }
  .cr-grid-wrap{margin-top:10px!important}
  .cr-weekdays{min-height:40px!important}
  .cr-weekdays span{font-size:9.5px!important}
}
/* STEP 5 — slightly enlarge calendar grid, with extra vertical breathing room */
@media(min-width:1440px){
  .cr-weekdays{min-height:50px!important}
  .cr-weekdays span{font-size:11.5px!important}
  .cr-day{min-height:92px!important}
  .cr-day-num{
    left:9px!important;
    top:8px!important;
    font-size:20px!important
  }
  .cr-moon{
    left:62%!important;
    top:14px!important;
    width:62px!important;
    height:62px!important
  }
  .cr-hebrew-day{
    left:9px!important;
    bottom:18px!important;
    font-size:10.5px!important
  }
  .cr-month-caption{
    left:9px!important;
    bottom:5px!important;
    font-size:6.5px!important
  }
  .cr-event-label{
    right:6px!important;
    bottom:5px!important;
    font-size:7px!important
  }
}
@media(min-width:900px) and (max-width:1439px){
  .cr-weekdays{min-height:44px!important}
  .cr-weekdays span{font-size:10px!important}
  .cr-day{min-height:76px!important}
  .cr-day-num{
    left:6px!important;
    top:6px!important;
    font-size:16px!important
  }
  .cr-moon{
    left:60%!important;
    top:12px!important;
    width:52px!important;
    height:52px!important
  }
  .cr-hebrew-day{
    left:6px!important;
    bottom:15px!important;
    font-size:8.5px!important
  }
  .cr-month-caption{
    left:6px!important;
    bottom:4px!important;
    font-size:5.5px!important
  }
  .cr-event-label{
    right:4px!important;
    bottom:4px!important;
    font-size:5.5px!important
  }
}
/* STEP 6 — right preview title rendering: wrap cleanly without clipping */
.cr-preview-title-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
.cr-preview-title-wrap h2{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.cr-preview-title-wrap.long-title h2{
  font-size:27px!important;
  line-height:.94!important;
  letter-spacing:0!important;
}
@media(min-width:900px) and (max-width:1439px){
  .cr-preview-title-wrap.long-title h2{
    font-size:23px!important;
    line-height:.95!important;
  }
  .cr-preview-hero{
    gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
/* STEP 6B — guarantee long right-preview titles stay inside panel */
.cr-preview.feast .cr-preview-title-wrap.long-title h2{
  width:100%!important;
  max-width:100%!important;
  font-size:22px!important;
  line-height:.92!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(min-width:900px) and (max-width:1439px){
  .cr-preview.feast .cr-preview-title-wrap.long-title h2{
    font-size:19px!important;
    line-height:.94!important;
    letter-spacing:-.018em!important;
  }
}
/* Scripture references in Calendar teaching always route to TOC Bible Study */
.cr-scripture-inline{
  color:#e5be6a!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
}
.cr-scripture-inline:hover{color:#f2d28c!important}
/* Post-biblical feast/observance study classification */
.cr-post-biblical-note{
  margin:14px 0;
  padding:14px 16px;
  border:1px solid #245975;
  background:#061725;
}
.cr-post-biblical-note strong{color:#e4b45c;font:800 10px var(--cr-sans);text-transform:uppercase;letter-spacing:.08em}
.cr-post-biblical-note p{margin:7px 0 0;color:#b9c9d4;font:12px/1.55 var(--cr-serif)}

/* STEP 23 — center lunar artwork inside every calendar day cell */
.cr-day > .cr-moon{
  left:50%!important;
  transform:translateX(-50%)!important;
}

/* STEP 26 — feast-day outline tuned down from full selected-state brightness */
.cr-day.event:not(.selected){
  z-index:1;
  box-shadow:
    inset 0 0 0 2px #dca63c,
    0 0 9px 1px rgba(220,166,60,.42)!important;
}

/* STEP 27 — Biblical / Gregorian / Hybrid calendar view controls */
.cr-calendar-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-bottom:1px solid #164b69;background:linear-gradient(180deg,#061a28,#04131f)}
.cr-calendar-mode>span{color:#9fb8c9;font:800 8px/1 var(--cr-sans);letter-spacing:.08em;text-transform:uppercase}
.cr-calendar-mode>div{display:flex;gap:4px}
.cr-calendar-mode button{min-width:82px;min-height:30px;padding:5px 12px;border:1px solid #245f80;border-radius:3px;background:#061522;color:#b9cfdd;font:800 9px/1 var(--cr-sans);cursor:pointer}
.cr-calendar-mode button[aria-pressed="true"]{border-color:#32a8ff;background:linear-gradient(#0d77c8,#07548f);color:#fff;box-shadow:0 0 10px rgba(27,151,239,.28)}
.cr-calendar-mode button:hover{background:#0a2234}
.cr-gregorian-strip button{min-width:42px}
.cr-hybrid-strip button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:39px!important;line-height:1!important}
.cr-hybrid-strip button span{font:800 8px/1 var(--cr-sans)}
.cr-hybrid-strip button small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91adbf;font:700 5.5px/1.1 var(--cr-serif)}
.cr-hybrid-strip button.active small{color:#d9effc}
.cr-display-note{display:block;padding:5px 3px;color:#9fb8c9;font:700 8px/1.3 var(--cr-sans)}
.cr-gregorian-emblem{display:grid!important;place-content:center;text-align:center;background:linear-gradient(180deg,#0b2740,#061521)!important;border:1px solid #2d7aa4!important;color:#e9f5fb}
.cr-gregorian-emblem span{color:#7cc9f4;font:800 10px/1 var(--cr-sans);letter-spacing:.12em}
.cr-gregorian-emblem b{margin-top:4px;font:700 30px/1 var(--cr-serif)}
.cr-day.mode-gregorian .cr-month-caption{color:#8aa9bd}
.cr-day.mode-gregorian .cr-event-label{max-width:74%!important}
@media(min-width:900px) and (max-width:1439px){.cr-calendar-mode{padding:5px 7px}.cr-calendar-mode button{min-width:68px;min-height:27px;padding:4px 8px;font-size:8px}.cr-calendar-mode>span{font-size:7px}}
@media(max-width:899px){.cr-calendar-mode{align-items:flex-start;flex-direction:column}.cr-calendar-mode>div{width:100%}.cr-calendar-mode button{flex:1;min-width:0}}

/* STEP 31 — civil festival display option + Biblical/Hebrew mode label */
.cr-calendar-mode button[data-calendar-mode="biblical"]{min-width:108px}
.cr-civil-event-label{
  position:absolute;left:5px;top:5px;max-width:66%;padding:2px 4px;border-radius:2px;
  background:rgba(79,72,142,.86);border:1px solid rgba(160,149,255,.55);color:#e8e3ff;
  font:800 6px/1.2 var(--cr-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cr-day.civil-event:not(.selected){box-shadow:inset 0 0 0 1px rgba(130,115,220,.34)}
.cr-day.civil-event.event:not(.selected){box-shadow:inset 0 0 0 2px #dca63c,0 0 9px 1px rgba(220,166,60,.42)!important}
@media(min-width:900px) and (max-width:1439px){.cr-calendar-mode button[data-calendar-mode="biblical"]{min-width:92px}.cr-civil-event-label{font-size:5px;left:4px;top:4px;max-width:62%}}

/* STEP 32 — Understanding the Calendar published study header */
.cr-understanding-study>header{display:block!important;width:100%;max-width:900px!important;height:auto!important;min-height:0!important;grid-template-columns:none!important;position:static!important}
.cr-understanding-study>header .cr-kicker,.cr-understanding-study>header h1,.cr-understanding-study>header p{position:static!important;width:auto!important;max-width:none!important}
.cr-understanding-study>header h1{margin:7px 0 14px!important}
.cr-understanding-study>header p{margin:0 0 12px!important}

/* STEP 33 — Prophetic Timeline/The Sabbath · Section 1 publication */
.cr-local-link[data-section="prophecy"]{font-size:10px;line-height:1.25}
.cr-prophetic-sabbath>header{max-width:900px}
.cr-prophetic-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:18px 0 8px}
.cr-prophetic-nav a{display:flex;align-items:center;min-height:42px}
.cr-prophetic-nav a.active{border-color:#c89c43;background:linear-gradient(180deg,#10283a,#0a1b28);color:#f1cc7d}
.cr-prophetic-sabbath>section{position:relative}
.cr-prophetic-sabbath>section h2{max-width:860px}
.cr-prophetic-reserved{opacity:.72}
.cr-section-reserved{margin-top:12px;padding:10px 12px;border:1px solid #23465a;background:#061722;color:#8ca4b3;font:9px/1.45 var(--cr-sans);letter-spacing:.04em;text-transform:uppercase}
.cr-inline-study-link{color:#8ddcff;text-decoration:none;border-bottom:1px solid rgba(141,220,255,.35)}
.cr-inline-study-link:hover{color:#d8f4ff;border-bottom-color:#8ddcff}

.cr-word-illustration{max-width:860px;margin:20px 0 24px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}
.cr-word-visual-head{display:flex;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #234b60;background:linear-gradient(90deg,rgba(8,53,78,.72),rgba(8,25,38,.76))}
.cr-word-visual-head>span{color:#f0c66f;font:700 46px/1 "Times New Roman",serif}
.cr-word-visual-head strong{display:block;color:#f2f6f8;font:800 18px/1 var(--cr-sans);letter-spacing:.17em}
.cr-word-visual-head small{display:block;margin-top:6px;color:#96b7c9;font:700 8px/1 var(--cr-sans);letter-spacing:.18em}
.cr-letter-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#173c50}
.cr-letter-visuals article{min-height:190px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#061824}
.cr-letter-visuals svg{width:86px;height:54px;fill:none;stroke:#d7aa50;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cr-letter-visuals b{margin-top:4px;color:#f1cf82;font:700 30px/1.1 "Times New Roman",serif}
.cr-letter-visuals strong{margin-top:5px;color:#eaf3f8;font:800 11px/1 var(--cr-sans);text-transform:uppercase;letter-spacing:.1em}
.cr-letter-visuals span{margin-top:7px;color:#9bb0bd;font:10px/1.35 var(--cr-sans)}
.cr-visual-flow{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 15px;border-top:1px solid #1b465c;border-bottom:1px solid #1b465c;background:#04111a}
.cr-visual-flow span{color:#e1bc69;font:800 8px/1 var(--cr-sans);letter-spacing:.12em}
.cr-visual-flow i{color:#55bce8;font-style:normal}
.cr-word-tool-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}
.cr-word-tool-links a,.cr-word-tool-single{display:block;padding:9px 10px;border:1px solid #235875;background:#061725;color:#dceaf1;text-decoration:none;font:10px/1.3 var(--cr-sans)}
.cr-word-tool-links a:hover,.cr-word-tool-single:hover{border-color:#4ca8d3;color:#fff}

.cr-moedim-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}
.cr-moedim-compare article{padding:18px 20px;text-align:center;background:#061824}
.cr-moedim-compare>i{display:grid;place-items:center;padding:0 12px;background:#04111a;color:#58bfe9;font:normal 24px/1 var(--cr-sans)}
.cr-moedim-compare small{display:block;color:#82a8bb;font:800 8px/1 var(--cr-sans);letter-spacing:.12em}
.cr-moedim-compare strong{display:block;margin-top:9px;color:#efc66e;font:700 27px/1.1 var(--cr-serif)}
.cr-moedim-compare article:last-child strong{font-size:35px}
.cr-moedim-compare span{display:block;margin-top:9px;color:#c0d0d8;font:11px/1.4 var(--cr-sans)}
.cr-feast-ribbon{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:13px;border-top:1px solid #1d465b;background:#04131e}
.cr-feast-ribbon span{padding:5px 7px;border:1px solid rgba(215,170,80,.4);background:rgba(215,170,80,.07);color:#e9c777;font:800 7px/1 var(--cr-sans);letter-spacing:.06em;text-transform:uppercase}
.cr-word-tool-single{margin:0 12px 12px;text-align:center}

@media(max-width:760px){
  .cr-prophetic-nav{grid-template-columns:1fr}
  .cr-letter-visuals{grid-template-columns:1fr}
  .cr-letter-visuals article{min-height:150px}
  .cr-moedim-compare{grid-template-columns:1fr}
  .cr-moedim-compare>i{padding:8px;transform:rotate(90deg)}
  .cr-word-tool-links{grid-template-columns:1fr}
}

/* STEP 34 — Prophetic Timeline/The Sabbath · Section 2 publication */
.cr-shabbat-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;background:#173c50;gap:1px}
.cr-shabbat-compare article{padding:18px 20px;text-align:center;background:#061824}
.cr-shabbat-compare>i{display:grid;place-items:center;padding:0 12px;background:#04111a;color:#58bfe9;font:normal 24px/1 var(--cr-sans)}
.cr-shabbat-compare small{display:block;color:#82a8bb;font:800 8px/1 var(--cr-sans);letter-spacing:.12em}
.cr-shabbat-compare strong{display:block;margin-top:8px;color:#efc66e;font:700 35px/1.1 "Times New Roman",serif}
.cr-shabbat-compare span{display:block;margin-top:8px;color:#c0d0d8;font:11px/1.4 var(--cr-sans)}
.cr-sabbath-pattern{max-width:860px;margin:20px 0 24px;padding:14px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:stretch;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.cr-pattern-step{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:14px 10px;border:1px solid #21485d;background:#061824;text-align:center}
.cr-pattern-step strong{color:#f0c66f;font:800 11px/1 var(--cr-sans);letter-spacing:.12em}
.cr-pattern-step span{margin-top:8px;color:#edf3f6;font:700 15px/1.15 var(--cr-serif)}
.cr-pattern-step small{margin-top:7px;color:#91aebe;font:8px/1.35 var(--cr-sans);letter-spacing:.05em;text-transform:uppercase}
.cr-sabbath-pattern>i{display:grid;place-items:center;color:#58bfe9;font:normal 18px/1 var(--cr-sans)}
.cr-pattern-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}
.cr-pattern-tools a{display:block;padding:9px 10px;border:1px solid #235875;background:#061725;color:#dceaf1;text-decoration:none;text-align:center;font:10px/1.3 var(--cr-sans)}
.cr-pattern-tools a:hover{border-color:#4ca8d3;color:#fff}
@media(max-width:760px){.cr-shabbat-compare{grid-template-columns:1fr}.cr-shabbat-compare>i{padding:8px;transform:rotate(90deg)}.cr-sabbath-pattern{grid-template-columns:1fr}.cr-sabbath-pattern>i{transform:rotate(90deg)}.cr-pattern-tools{grid-column:auto;grid-template-columns:1fr}}

/* STEP 35 — approved covenant illustration + simplified vertical Sabbath pattern */
.cr-covenant-image{max-width:860px;margin:20px 0 24px;border:1px solid #24556d;background:#071722;box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}
.cr-covenant-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#ead9b9}
.cr-covenant-image .cr-word-tool-links{margin:0;border-top:1px solid #1d465b}

.cr-sabbath-pattern{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;max-width:620px!important;padding:14px!important}
.cr-sabbath-pattern>.cr-pattern-step{min-height:88px!important;display:grid!important;grid-template-columns:110px 1fr 140px!important;align-items:center!important;text-align:left!important;padding:12px 16px!important}
.cr-sabbath-pattern>.cr-pattern-step strong{margin:0!important;font-size:14px!important}
.cr-sabbath-pattern>.cr-pattern-step span{margin:0!important;color:#edf3f6!important;font:700 13px/1.35 var(--cr-serif)!important}
.cr-sabbath-pattern>.cr-pattern-step small{margin:0!important;text-align:right!important;font-size:8px!important}
.cr-sabbath-pattern>i{height:18px!important;display:grid!important;place-items:center!important;transform:none!important;color:#e1b65d!important;font:normal 17px/1 var(--cr-sans)!important}
.cr-sabbath-pattern>.cr-pattern-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:4px!important;width:100%!important}

@media(max-width:760px){
  .cr-sabbath-pattern{max-width:100%!important}
  .cr-sabbath-pattern>.cr-pattern-step{grid-template-columns:1fr!important;text-align:center!important;gap:6px!important}
  .cr-sabbath-pattern>.cr-pattern-step small{text-align:center!important}
  .cr-sabbath-pattern>.cr-pattern-tools{grid-template-columns:1fr!important}
}

/* STEP 36 — Sabbath, Covenant, and Israel */
.cr-hebrew-reference{max-width:860px;margin:18px 0 22px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);overflow:hidden}
.cr-hebrew-reference>div:first-child{display:flex;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid #1d465b}
.cr-hebrew-reference>div:first-child span{color:#f0c66f;font:700 38px/1 "Times New Roman",serif}
.cr-hebrew-reference>div:first-child strong{color:#edf3f6;font:800 12px/1 var(--cr-sans);letter-spacing:.11em}
.cr-hebrew-reference .cr-word-tool-links{margin:0}

/* STEP 37 — Prophetic Timeline horizontal visual */
.cr-prophetic-timeline-visual{max-width:900px;margin:20px 0 24px;padding:16px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);overflow:hidden}
.cr-timeline-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;min-width:0}
.cr-timeline-track>i{display:none}
.cr-timeline-track article{width:auto;min-width:0;min-height:128px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #214b61;background:#061824}
.cr-timeline-track article span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d1a24b;border-radius:50%;color:#efc66e;font:800 10px/1 var(--cr-sans)}
.cr-timeline-track article strong{margin-top:9px;color:#edf3f6;font:800 10px/1.25 var(--cr-sans);letter-spacing:.045em}
.cr-timeline-track article small{margin-top:8px;color:#91adbc;font:9px/1.35 var(--cr-sans)}
.cr-timeline-track article:nth-of-type(4),.cr-timeline-track article:nth-of-type(6){border-color:#8a6c34;background:linear-gradient(180deg,#102131,#081724)}
.cr-timeline-track article:last-of-type{border-color:#397d9d;background:linear-gradient(180deg,#0a2636,#071a27)}
@media(max-width:760px){.cr-prophetic-timeline-visual{padding:12px}.cr-timeline-track{grid-template-columns:1fr 1fr}.cr-timeline-track article{min-height:118px}}
@media(max-width:500px){.cr-timeline-track{grid-template-columns:1fr}}

/* STEP 38 — Signs of the Times: America & Israel, Revelation 12, Two Witnesses */
.cr-prophetic-image{max-width:900px;margin:20px 0 24px;border:1px solid #24556d;background:#061722;box-shadow:0 16px 34px rgba(0,0,0,.22);overflow:hidden}
.cr-prophetic-image img{display:block;width:100%;height:auto;background:#071722}
.cr-wide-prophetic-image{max-width:980px}
.cr-section-word-links{max-width:900px;margin:18px 0 22px}
.cr-toc-teachings{max-width:900px;margin:24px 0 8px;padding:18px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d)}
.cr-toc-teachings>.cr-kicker{display:block;margin-bottom:12px}
.cr-toc-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cr-toc-reference-grid a{display:block;min-height:92px;padding:13px 14px;border:1px solid #214b61;background:#061824;color:#edf3f6;text-decoration:none}
.cr-toc-reference-grid a:hover{border-color:#4ca8d3;background:#082034}
.cr-toc-reference-grid small{display:block;color:#d6aa54;font:800 7px/1.2 var(--cr-sans);letter-spacing:.09em}
.cr-toc-reference-grid strong{display:block;margin-top:7px;color:#e8f0f4;font:700 12px/1.35 var(--cr-serif)}
@media(max-width:760px){.cr-toc-reference-grid{grid-template-columns:1fr}.cr-toc-teachings{padding:13px}}


/* STEP 38A — native prophetic infographics; replaces awkward SVG renders */
.cr-ekev-panel{max-width:900px;margin:20px 0 24px;padding:20px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.cr-ekev-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid #1f4d64}
.cr-ekev-heading>div:first-child{display:flex;align-items:baseline;gap:14px}
.cr-ekev-heading span{color:#efc467;font:700 44px/1 "Times New Roman",serif}
.cr-ekev-heading small,.cr-ekev-total small,.cr-ekev-values small,.cr-ekev-history small{color:#91adbc;font:800 8px/1.2 var(--cr-sans);letter-spacing:.11em}
.cr-ekev-total{text-align:right}
.cr-ekev-total strong{display:block;margin-top:4px;color:#f1c66d;font:800 34px/1 var(--cr-sans)}
.cr-ekev-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.cr-ekev-values article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #214b61;background:#061824}
.cr-ekev-values span{color:#edf3f6;font:700 24px/1 "Times New Roman",serif}
.cr-ekev-values strong{color:#edf3f6;font:800 15px/1 var(--cr-sans)}
.cr-ekev-history{display:grid;grid-template-columns:1fr 180px 1fr;align-items:stretch;gap:10px;margin-top:14px}
.cr-ekev-history>article{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;border:1px solid #214b61;background:#061824;text-align:center}
.cr-ekev-history>article strong{margin-top:7px;color:#edf3f6;font:800 30px/1 var(--cr-sans)}
.cr-ekev-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#e8b95d;text-align:center}
.cr-ekev-bridge span{font:400 28px/1 var(--cr-sans)}
.cr-ekev-bridge strong{font:800 11px/1 var(--cr-sans);letter-spacing:.08em}
.cr-ekev-bridge small{color:#e8b95d}
.cr-beginning-timeline{max-width:900px;margin:20px 0 24px;padding:20px;border:1px solid #24556d;background:linear-gradient(180deg,#071c2a,#04121d);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.cr-beginning-timeline h3{margin:0 0 20px;color:#efc467;font:800 18px/1.15 var(--cr-serif);letter-spacing:.025em}
.cr-beginning-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;position:relative}
.cr-beginning-track::before{content:"";position:absolute;left:4%;right:4%;top:25px;height:1px;background:#2e6c89;z-index:0}
.cr-beginning-track article{position:relative;z-index:1;min-width:0;padding:0 6px 10px;text-align:center}
.cr-beginning-track article span{width:50px;height:50px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid #2c637e;border-radius:50%;background:#061824;color:#e8b95d;font:800 10px/1 var(--cr-sans)}
.cr-beginning-track article strong{display:block;color:#edf3f6;font:800 9px/1.3 var(--cr-sans);letter-spacing:.04em}
.cr-beginning-track article small{display:block;margin-top:7px;color:#91adbc;font:8px/1.35 var(--cr-sans)}
.cr-beginning-track .cr-beginning-emphasis span{border-color:#d2a64e;background:#102131}
.cr-beginning-track .cr-beginning-emphasis strong{color:#efc467}
@media(max-width:760px){.cr-ekev-heading{align-items:flex-start}.cr-ekev-values{grid-template-columns:1fr}.cr-ekev-history{grid-template-columns:1fr}.cr-ekev-bridge span{transform:rotate(90deg)}.cr-beginning-track{grid-template-columns:1fr 1fr}.cr-beginning-track::before{display:none}.cr-beginning-track article{padding:8px}.cr-beginning-track article span{margin-bottom:8px}}
@media(max-width:500px){.cr-ekev-heading{display:block}.cr-ekev-total{text-align:left;margin-top:12px}.cr-beginning-track{grid-template-columns:1fr}}

/* STEP 38B — inline TOC publication source references */
.cr-toc-source-references{max-width:900px;margin:12px 0 24px;padding:14px 16px;border-left:3px solid #d6aa54;border-top:1px solid #214b61;border-right:1px solid #214b61;border-bottom:1px solid #214b61;background:#061824}
.cr-toc-source-references>span{display:block;margin-bottom:10px;color:#d6aa54;font:800 8px/1 var(--cr-sans);letter-spacing:.14em}
.cr-toc-source-references>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cr-toc-source-references a{display:block;min-width:0;padding:11px 12px;border:1px solid #214b61;background:#071c2a;color:#edf3f6;text-decoration:none}
.cr-toc-source-references a:hover{border-color:#4ca8d3;background:#082337}
.cr-toc-source-references a small{display:block;color:#91adbc;font:800 7px/1.25 var(--cr-sans);letter-spacing:.08em}
.cr-toc-source-references a strong{display:block;margin-top:6px;color:#edf3f6;font:700 11px/1.35 var(--cr-serif)}
@media(max-width:760px){.cr-toc-source-references>div{grid-template-columns:1fr}.cr-toc-source-references{padding:12px}}

/* STEP 39 — Christian observance of the Sabbath */
.cr-christian-sabbath-framework{max-width:900px;margin:20px 0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cr-christian-sabbath-framework article{min-width:0;min-height:132px;padding:14px 12px;border:1px solid #214b61;background:linear-gradient(180deg,#071c2a,#061824);display:flex;flex-direction:column;justify-content:center;text-align:center}
.cr-christian-sabbath-framework article span{color:#d6aa54;font:800 7px/1.2 var(--cr-sans);letter-spacing:.12em}
.cr-christian-sabbath-framework article strong{display:block;margin-top:9px;color:#edf3f6;font:700 12px/1.3 var(--cr-serif)}
.cr-christian-sabbath-framework article small{display:block;margin-top:9px;color:#91adbc;font:8px/1.35 var(--cr-sans)}
.cr-toc-source-references.cr-two-source>div{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.cr-christian-sabbath-framework{grid-template-columns:1fr 1fr}.cr-toc-source-references.cr-two-source>div{grid-template-columns:1fr}}
@media(max-width:500px){.cr-christian-sabbath-framework{grid-template-columns:1fr}}

/* STEP 40 — section return navigation */
.cr-section-return-nav{max-width:900px;margin:28px 0 6px;padding-top:15px;border-top:1px solid #173b4e;display:flex;justify-content:flex-end}
.cr-section-return-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #285d78;background:#061824;color:#dceaf1;text-decoration:none;font:800 9px/1 var(--cr-sans);letter-spacing:.06em;text-transform:uppercase}
.cr-section-return-nav a:hover{border-color:#d6aa54;color:#f0c66f;background:#082034}
@media(max-width:760px){.cr-section-return-nav{justify-content:center}.cr-section-return-nav a{width:100%;justify-content:center}}


/* STEP 41 — Hebrew readability, feast-to-feast preview navigation, and feast-study heading scale */
.cr-preview-feast-nav{
  position:absolute;z-index:9;top:8px;width:34px;height:31px;border:1px solid #2b607e;border-radius:3px;
  background:rgba(3,15,24,.82);color:#edf6fb;padding:0;font:700 20px/1 var(--cr-serif);cursor:pointer
}
.cr-preview-feast-nav:hover,.cr-preview-feast-nav:focus-visible{border-color:#d6aa54;color:#f1cc7d;outline:none;background:rgba(7,29,43,.94)}
.cr-preview-feast-prev{left:8px}
.cr-preview-feast-next{right:8px}

.cr-biblical-strip button{font-size:11px!important;letter-spacing:.01em}
.cr-hybrid-strip button small{font-size:7.5px!important;line-height:1.12!important}
.cr-hebrew-day{font-size:11px!important;line-height:1.05!important}

.cr-study-reader>header h1,.cr-feast-catalog>header h1,.cr-post-biblical-catalog>header h1{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.03!important}
.cr-study-reader>section h2{font-size:23px!important;line-height:1.17!important}

@media(min-width:1440px){
  .cr-biblical-strip button{font-size:11.5px!important}
  .cr-hybrid-strip button small{font-size:8px!important}
  .cr-hebrew-day{font-size:12px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-biblical-strip button{font-size:9px!important}
  .cr-hybrid-strip button small{font-size:7px!important}
  .cr-hebrew-day{font-size:10px!important}
  .cr-study-reader>header h1,.cr-feast-catalog>header h1,.cr-post-biblical-catalog>header h1{font-size:34px!important}
  .cr-study-reader>section h2{font-size:23px!important}
}
@media(max-width:899px){
  .cr-preview-feast-nav{top:10px;width:38px;height:38px;font-size:24px}
  .cr-preview-feast-prev{left:10px}
  .cr-preview-feast-next{right:10px}
  .cr-biblical-strip button{font-size:9.5px!important}
  .cr-hybrid-strip button small{font-size:7px!important}
  .cr-hebrew-day{font-size:10.5px!important}
  .cr-study-reader>header h1,.cr-feast-catalog>header h1,.cr-post-biblical-catalog>header h1{font-size:30px!important}
  .cr-study-reader>section h2{font-size:21px!important}
}


/* STEP 43 — right feast preview: preserve feast artwork and prevent title clipping */
.cr-preview.feast .cr-preview-hero{
  min-width:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(2,8,13,.08) 0%,rgba(2,9,15,.24) 42%,#03111c 100%),
    var(--preview-art) var(--preview-position,center 46%)/100% auto no-repeat!important;
  background-color:#03111c!important;
}
.cr-preview.feast .cr-preview-title-wrap{
  min-width:0!important;
  width:0!important;
  flex:1 1 0!important;
  overflow:visible!important;
}
.cr-preview.feast .cr-preview-title-wrap h2{
  width:100%!important;
  max-width:100%!important;
  margin:5px 0 5px!important;
  font-size:30px!important;
  line-height:.96!important;
  letter-spacing:-.015em!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance;
}
.cr-preview.feast .cr-preview-title-wrap.long-title h2{
  font-size:25px!important;
  line-height:.98!important;
  letter-spacing:-.02em!important;
}
.cr-preview.feast .cr-preview-emblem img{
  object-position:center!important;
}
@media(min-width:900px) and (max-width:1439px){
  .cr-preview.feast .cr-preview-hero{
    min-height:172px!important;
    padding:34px 10px 14px!important;
    gap:8px!important;
  }
  .cr-preview.feast .cr-preview-emblem{
    width:62px!important;
    height:62px!important;
    flex-basis:62px!important;
  }
  .cr-preview.feast .cr-preview-title-wrap h2{
    font-size:24px!important;
    line-height:.98!important;
  }
  .cr-preview.feast .cr-preview-title-wrap.long-title h2{
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:-.018em!important;
  }
  .cr-preview.feast .cr-preview-title-wrap strong{font-size:7px!important;line-height:1.2!important}
}
@media(max-width:899px){
  .cr-preview.feast .cr-preview-hero{
    min-height:210px!important;
    padding:56px 14px 18px!important;
    background-size:100% auto!important;
  }
  .cr-preview.feast .cr-preview-title-wrap h2{font-size:28px!important}
  .cr-preview.feast .cr-preview-title-wrap.long-title h2{font-size:23px!important}
}


/* STEP 44 — Biblical | Hebrew Months context study */
.cr-local-link[data-section="months"]{font-size:9px;line-height:1.18}
.cr-months-study>header{display:block!important;width:100%;max-width:900px!important;height:auto!important;min-height:0!important;grid-template-columns:none!important;position:static!important}
.cr-months-study>header .cr-kicker,.cr-months-study>header h1,.cr-months-study>header p{position:static!important;width:auto!important;max-width:none!important}
.cr-months-study>header h1{margin:7px 0 14px!important}
.cr-months-study>header p{margin:0 0 12px!important}
.cr-months-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cr-months-nav a{display:flex;align-items:center;min-height:38px}
.cr-months-study>section h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cr-month-hebrew{color:#f1cf83;font:700 .92em/1 "Times New Roman",serif}
.cr-months-study>section h3{margin:20px 0 8px;color:#e3b75c;font:800 10px/1.2 var(--cr-sans);letter-spacing:.1em;text-transform:uppercase}
.cr-month-context-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:720px;margin:14px 0 18px}
.cr-month-context-meta p{margin:0!important;padding:11px 13px;border:1px solid #214b61;background:#061824}
.cr-month-context-meta strong{display:block;color:#8fb2c5;font:800 8px/1.2 var(--cr-sans);letter-spacing:.08em;text-transform:uppercase}
.cr-month-context-meta span{display:block;margin-top:6px;color:#edf3f6;font:700 13px/1.2 var(--cr-serif)}
.cr-month-context-copy{color:#bac9d4;font:14px/1.65 var(--cr-serif)}
.cr-month-context-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 4px}
.cr-month-context-links a{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #8b6b31;background:#0c1d28;color:#efc66e;text-decoration:none;font:800 9px/1.2 var(--cr-sans)}
.cr-month-context-links a:hover{border-color:#d6aa54;background:#10283a;color:#ffe0a1}
@media(max-width:760px){.cr-months-nav{grid-template-columns:1fr 1fr}.cr-month-context-meta{grid-template-columns:1fr}}
@media(max-width:500px){.cr-months-nav{grid-template-columns:1fr}}

/* STEP 44B — richer month history and modern Israel context */
.cr-months-study>section>h3{margin-top:24px}
.cr-month-context-copy p{margin:0 0 11px!important}
.cr-modern-month-context{
  max-width:860px;margin:20px 0 8px;padding:15px 17px;
  border-left:3px solid #3c8db5;border-top:1px solid #214b61;border-right:1px solid #214b61;border-bottom:1px solid #214b61;
  background:linear-gradient(180deg,#071c2a,#061824)
}
.cr-modern-month-context h3{margin:0 0 10px!important;color:#7fd0f3!important}
.cr-modern-month-context p{margin:0 0 11px!important;color:#c4d2da!important;font:14px/1.62 var(--cr-serif)!important}
.cr-modern-month-context p:last-child{margin-bottom:0!important}


/* STEP 45 — final left-menu context: Shabbat | Sabbath */
.cr-local-link[data-section="sabbath"]{font-size:9px;line-height:1.18}
.cr-sabbath-study>header{display:block!important;width:100%;max-width:900px!important;height:auto!important;min-height:0!important;grid-template-columns:none!important;position:static!important}
.cr-sabbath-study>header .cr-kicker,.cr-sabbath-study>header h1,.cr-sabbath-study>header p{position:static!important;width:auto!important;max-width:none!important}
.cr-sabbath-study>header h1{margin:7px 0 14px!important}
.cr-sabbath-study>header p{margin:0 0 12px!important}
.cr-sabbath-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cr-sabbath-nav a{display:flex;align-items:center;min-height:40px}
.cr-sabbath-study>section h2{max-width:850px}
.cr-shabbat-connected{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 6px;max-width:860px}
.cr-shabbat-connected a{display:block;min-height:86px;padding:13px 14px;border:1px solid #214b61;background:#061824;color:#edf3f6;text-decoration:none}
.cr-shabbat-connected a:hover{border-color:#d6aa54;background:#082034}
.cr-shabbat-connected strong{display:block;color:#efc66e;font:800 11px/1.25 var(--cr-sans);letter-spacing:.035em}
.cr-shabbat-connected span{display:block;margin-top:7px;color:#9db3bf;font:10px/1.4 var(--cr-serif)}
@media(min-width:900px) and (max-width:1439px){
  .cr-left-top{min-height:175px!important}
  .cr-left-bottom{min-height:188px!important}
  .cr-left-nav{gap:2px!important}
  .cr-local-link{min-height:40px!important}
  .cr-local-link[data-section="months"],.cr-local-link[data-section="sabbath"],.cr-local-link[data-section="prophecy"]{font-size:7.8px!important;line-height:1.16!important}
}
@media(max-width:760px){.cr-sabbath-nav{grid-template-columns:1fr}.cr-shabbat-connected{grid-template-columns:1fr}}


/* STEP 46 — right feast hero fills its image area; Passover emblem uses the actual lamb asset */
.cr-preview.feast .cr-preview-hero{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:25 / 12!important;
  padding:30px 12px 10px!important;
  gap:9px!important;
  background:
    linear-gradient(180deg,rgba(2,8,13,.05) 0%,rgba(2,9,15,.18) 42%,rgba(3,17,28,.72) 100%),
    var(--preview-art) center center/100% 100% no-repeat!important;
  background-color:#03111c!important;
}
.cr-preview.feast .cr-preview-emblem img{
  object-fit:cover!important;
  object-position:var(--emblem-position,center)!important;
}
@media(min-width:1440px){
  .cr-preview.feast .cr-preview-hero{padding:34px 16px 12px!important;gap:12px!important}
}
@media(min-width:900px) and (max-width:1439px){
  .cr-preview.feast .cr-preview-hero{
    min-height:0!important;
    aspect-ratio:25 / 12!important;
    padding:31px 10px 9px!important;
    gap:8px!important;
  }
}
@media(max-width:899px){
  .cr-preview.feast .cr-preview-hero{
    min-height:0!important;
    aspect-ratio:25 / 12!important;
    padding:52px 14px 13px!important;
    background-size:100% 100%!important;
  }
}


/* STEP 47 — right-side landscape visibility + restrained Calendar motion */
.cr-preview-landscape{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(4,13,20,.02),rgba(2,10,16,.08)),
    url('/assets/calendar/reference/approved-right-landscape.webp') center 54%/cover no-repeat!important;
  filter:brightness(1.62) saturate(1.18) contrast(1.04)!important;
  box-shadow:inset 0 0 20px rgba(0,0,0,.12),0 0 16px rgba(30,123,170,.06)!important;
}

.cr-motion-ready .cr-motion-reveal{
  opacity:0;
  translate:0 18px;
  filter:blur(4px);
  transition:
    opacity .68s cubic-bezier(.2,.72,.2,1),
    translate .72s cubic-bezier(.2,.72,.2,1),
    filter .62s ease;
  transition-delay:var(--cr-motion-delay,0ms);
  will-change:opacity,translate,filter;
}
.cr-motion-ready .cr-motion-reveal.is-visible{
  opacity:1;
  translate:0 0;
  filter:none;
}
.cr-preview.feast .cr-preview-hero.cr-preview-motion-enter{
  animation:crPreviewSoftIn .46s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes crPreviewSoftIn{
  from{opacity:.7;transform:scale(1.012);filter:brightness(.9)}
  to{opacity:1;transform:scale(1);filter:none}
}

.cr-local-link,
.cr-month-strip button,
.cr-reading-nav a,
.cr-catalog-card,
.cr-study-card,
.cr-topic-grid article,
.cr-shabbat-connected a,
.cr-month-context-links a,
.cr-section-return-nav a,
.cr-control-row button,
.cr-calendar-mode button{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease!important;
}
.cr-local-link:hover,
.cr-reading-nav a:hover,
.cr-section-return-nav a:hover{
  transform:translateX(2px);
}
.cr-catalog-card:hover,
.cr-study-card:hover,
.cr-topic-grid article:hover,
.cr-shabbat-connected a:hover,
.cr-month-context-links a:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.2),0 0 14px rgba(41,170,225,.06);
}
.cr-month-strip button:hover,
.cr-control-row button:hover,
.cr-calendar-mode button:hover{
  transform:translateY(-1px);
}
.cr-preview-feast-nav{
  transition:transform .2s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease!important;
}
.cr-preview-feast-nav:hover{transform:translateY(-1px);box-shadow:0 0 14px rgba(49,174,236,.16)}

@media(prefers-reduced-motion:reduce){
  .cr-motion-ready .cr-motion-reveal,
  .cr-motion-ready .cr-motion-reveal.is-visible{
    opacity:1!important;
    translate:0 0!important;
    filter:none!important;
    transition:none!important;
  }
  .cr-preview.feast .cr-preview-hero.cr-preview-motion-enter{animation:none!important}
  .cr-local-link,.cr-month-strip button,.cr-reading-nav a,.cr-catalog-card,.cr-study-card,.cr-topic-grid article,.cr-shabbat-connected a,.cr-month-context-links a,.cr-section-return-nav a,.cr-control-row button,.cr-calendar-mode button,.cr-preview-feast-nav{transition:none!important}
}


/* STEP 48 — image-only motion; normal content load; universal left-menu typography */
.cr-local-link,
.cr-local-link[data-section="months"],
.cr-local-link[data-section="prophecy"],
.cr-local-link[data-section="sabbath"]{
  font-family:var(--cr-sans)!important;
  font-size:13.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(min-width:900px) and (max-width:1439px){
  .cr-local-link,
  .cr-local-link[data-section="months"],
  .cr-local-link[data-section="prophecy"],
  .cr-local-link[data-section="sabbath"]{
    min-height:40px!important;
    font-size:8.8px!important;
    font-weight:650!important;
    line-height:1.22!important;
    letter-spacing:0!important;
    padding:7px 6px!important;
  }
}

/* Retire the broad content/page-load reveal pass. */
.cr-motion-ready .cr-motion-reveal,
.cr-motion-ready .cr-motion-reveal.is-visible,
.cr-motion-reveal,
.cr-motion-reveal.is-visible{
  opacity:1!important;
  translate:0 0!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.cr-preview.feast .cr-preview-hero.cr-preview-motion-enter{animation:none!important}

/* Main Calendar hero: Home-page-style scroll depth plus slow atmosphere breathing. */
.cr-image-motion-ready .cr-hero{overflow:hidden!important}
.cr-image-motion-ready .cr-hero-art{
  inset:-9px!important;
  transform:translate3d(var(--cr-image-x,0px),var(--cr-image-y,0px),0) scale(1.035)!important;
  transform-origin:56% 44%!important;
  animation:crCalendarHeroBreathe 10.5s ease-in-out infinite alternate;
  will-change:transform,filter;
}
@keyframes crCalendarHeroBreathe{
  0%{filter:saturate(.96) contrast(1.04) brightness(.98)}
  55%{filter:saturate(1.04) contrast(1.05) brightness(1.045)}
  100%{filter:saturate(1) contrast(1.04) brightness(1.01)}
}

/* Left rail artwork: slow opposing background drift, no movement of menu text. */
.cr-image-motion-ready .cr-left-top{
  background-position:center calc(42% + var(--cr-bg-y,0px))!important;
  animation:crCalendarSideGlow 11.5s ease-in-out infinite alternate;
  will-change:background-position,filter;
}
.cr-image-motion-ready .cr-left-bottom{
  background-position:center calc(50% + var(--cr-bg-y,0px))!important;
  animation:crCalendarSideGlow 13s ease-in-out 1s infinite alternate;
  will-change:background-position,filter;
}
@keyframes crCalendarSideGlow{
  0%{filter:brightness(.98) saturate(.98)}
  55%{filter:brightness(1.055) saturate(1.045)}
  100%{filter:brightness(1.01) saturate(1.01)}
}

/* Right-side imagery uses the same slow depth/brightness language. */
.cr-image-motion-ready .cr-preview-landscape{
  background-position:center calc(54% + var(--cr-bg-y,0px))!important;
  animation:crCalendarRightGlow 10.8s ease-in-out infinite alternate;
  will-change:background-position,filter;
}
.cr-image-motion-ready .cr-right-art-only{
  background-position:center calc(50% + var(--cr-bg-y,0px))!important;
  animation:crCalendarRightArtGlow 12.5s ease-in-out infinite alternate;
  will-change:background-position,filter;
}
.cr-image-motion-ready .cr-preview.feast .cr-preview-hero{
  background-position:center calc(50% + var(--cr-bg-y,0px))!important;
  animation:crCalendarFeastHeroGlow 9.5s ease-in-out infinite alternate;
  will-change:background-position,filter;
}
@keyframes crCalendarRightGlow{
  0%{filter:brightness(1.55) saturate(1.15) contrast(1.04)}
  55%{filter:brightness(1.70) saturate(1.22) contrast(1.04)}
  100%{filter:brightness(1.60) saturate(1.18) contrast(1.04)}
}
@keyframes crCalendarRightArtGlow{
  0%{filter:brightness(.96) saturate(.98)}
  55%{filter:brightness(1.055) saturate(1.04)}
  100%{filter:brightness(1.01) saturate(1.01)}
}
@keyframes crCalendarFeastHeroGlow{
  0%{filter:brightness(.98) saturate(.99)}
  55%{filter:brightness(1.04) saturate(1.035)}
  100%{filter:brightness(1.01) saturate(1.01)}
}

/* Keep interaction polish, but remove any entrance/loading feel. */
.cr-local-link,
.cr-month-strip button,
.cr-reading-nav a,
.cr-catalog-card,
.cr-study-card,
.cr-topic-grid article,
.cr-shabbat-connected a,
.cr-month-context-links a,
.cr-section-return-nav a,
.cr-control-row button,
.cr-calendar-mode button,
.cr-preview-feast-nav{
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease,background-color .20s ease,color .20s ease!important;
}

@media(prefers-reduced-motion:reduce){
  .cr-image-motion-ready .cr-hero-art,
  .cr-image-motion-ready .cr-left-top,
  .cr-image-motion-ready .cr-left-bottom,
  .cr-image-motion-ready .cr-preview-landscape,
  .cr-image-motion-ready .cr-right-art-only,
  .cr-image-motion-ready .cr-preview.feast .cr-preview-hero{
    animation:none!important;
    transform:none!important;
    background-position:center!important;
  }
}

/* STEP 48B — keep ambient brightness on image-only layers, never on menu text */
.cr-image-motion-ready .cr-left-bottom,
.cr-image-motion-ready .cr-right-art-only,
.cr-image-motion-ready .cr-preview.feast .cr-preview-hero{
  animation:none!important;
  filter:none!important;
}

/* STEP 49 — SEO-visible Calendar hero image layer */
.cr-hero-image{
  position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);
  object-fit:cover;object-position:center 50%;z-index:0;display:block;
  transform:translate3d(var(--cr-image-x,0px),var(--cr-image-y,0px),0) scale(1.035);
  transform-origin:56% 44%;animation:crCalendarHeroBreathe 10.5s ease-in-out infinite alternate;
  will-change:transform,filter
}
.cr-hero-art{z-index:1;background:
  linear-gradient(90deg,rgba(0,5,10,.82) 0%,rgba(0,5,10,.28) 28%,rgba(0,5,10,.2) 60%,rgba(0,5,10,.68) 100%),
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.42))!important;
  transform:none!important;animation:none!important;filter:none!important
}
.cr-hero-copy,.cr-eclipse{z-index:2}
@media(prefers-reduced-motion:reduce){.cr-hero-image{animation:none!important;transform:none!important}}
.cr-gold{display:flex;align-items:center;justify-content:center;text-decoration:none}
.cr-catalog-card a[data-study],.cr-study-card a[data-study],.cr-view-all{color:#efbd56;text-decoration:none;font:800 9px var(--cr-sans)}
.cr-catalog-card a[data-study]:hover,.cr-study-card a[data-study]:hover,.cr-view-all:hover{color:#ffe09a}

/* STEP 50 — visible topical guide for base Calendar SEO and discovery */
.cr-calendar-seo-guide{
  margin:18px 0 4px;padding:24px 26px 26px;border:1px solid #1b5877;
  background:linear-gradient(180deg,#061827,#04121e);box-sizing:border-box
}
.cr-calendar-seo-guide h2{margin:6px 0 12px;color:#f0cd82;font:600 27px/1.08 var(--cr-serif)}
.cr-calendar-seo-guide>p{max-width:900px;margin:0 0 18px;color:#b8c8d3;font:14px/1.62 var(--cr-serif)}
.cr-calendar-seo-guide nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cr-calendar-seo-guide nav a{display:block;padding:13px 14px;border:1px solid #214b61;background:#071b29;color:#e8f1f6;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.cr-calendar-seo-guide nav a:hover{transform:translateY(-2px);border-color:#d6aa54;background:#0a2232}
.cr-calendar-seo-guide nav strong{display:block;color:#efc66e;font:800 10px/1.25 var(--cr-sans)}
.cr-calendar-seo-guide nav span{display:block;margin-top:6px;color:#9db2bf;font:10px/1.4 var(--cr-serif)}
@media(max-width:760px){.cr-calendar-seo-guide{padding:19px 18px}.cr-calendar-seo-guide nav{grid-template-columns:1fr}.cr-calendar-seo-guide h2{font-size:23px}}


/* STEP 51 — larger Hebrew date labels + recurring later/civil observances */
.cr-day .cr-hebrew-day{
  left:9px!important;right:auto!important;top:auto!important;bottom:22px!important;
  text-align:left!important;color:#f4f8fb!important;
  font-family:Arial,sans-serif!important;font-size:15px!important;font-weight:800!important;line-height:1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.92),0 0 5px rgba(166,216,245,.18)!important
}
.cr-day .cr-month-caption{
  left:9px!important;bottom:6px!important;color:#c8d7e1!important;
  font-family:var(--cr-serif)!important;font-size:9.5px!important;font-weight:700!important;line-height:1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important
}
.cr-later-event-label{
  position:absolute;right:6px;bottom:5px;z-index:4;max-width:58%;
  padding:2px 5px;border:1px solid rgba(255,226,83,.82);border-radius:2px;
  background:rgba(112,83,6,.90);color:#ffe66a;
  font:800 7px/1.25 var(--cr-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  box-shadow:0 0 7px rgba(255,214,57,.16)
}
.cr-day.later-event:not(.selected):not(.event){
  z-index:1;
  box-shadow:inset 0 0 0 2px #f1d34d,0 0 8px 1px rgba(241,211,77,.32)!important
}
.cr-day.later-event.event:not(.selected){
  box-shadow:inset 0 0 0 2px #f1d34d,0 0 9px 1px rgba(241,211,77,.34)!important
}
.cr-day.selected .cr-later-event-label{background:#8d6f0b;color:#fff1a6;border-color:#ffe267}
.cr-legend .later{background:#f1d34d!important;border-radius:2px!important}

@media(min-width:900px) and (max-width:1439px){
  .cr-day .cr-hebrew-day{left:6px!important;bottom:19px!important;font-size:12px!important}
  .cr-day .cr-month-caption{left:6px!important;bottom:5px!important;font-size:8px!important}
  .cr-later-event-label{right:4px;bottom:4px;max-width:56%;font-size:5.8px;padding:1px 3px}
}
@media(max-width:899px){
  .cr-day .cr-hebrew-day{left:6px!important;bottom:19px!important;font-size:12px!important}
  .cr-day .cr-month-caption{left:6px!important;bottom:5px!important;font-size:8px!important}
  .cr-later-event-label{right:4px;bottom:4px;max-width:56%;font-size:6px;padding:1px 3px}
}

/* STEP 51B — normalize legacy civil-event positioning into the unified yellow observance marker */
.cr-later-event-label.cr-civil-event-label,
.cr-later-event-label{
  left:auto!important;
  top:auto!important;
  right:6px!important;
  bottom:5px!important;
  max-width:58%!important;
}
.cr-day:has(.cr-sabbath) .cr-later-event-label{right:20px!important}
@media(min-width:900px) and (max-width:1439px){
  .cr-later-event-label.cr-civil-event-label,.cr-later-event-label{left:auto!important;top:auto!important;right:4px!important;bottom:4px!important;max-width:56%!important}
  .cr-day:has(.cr-sabbath) .cr-later-event-label{right:16px!important}
}
@media(max-width:899px){
  .cr-later-event-label.cr-civil-event-label,.cr-later-event-label{left:auto!important;top:auto!important;right:4px!important;bottom:4px!important;max-width:56%!important}
  .cr-day:has(.cr-sabbath) .cr-later-event-label{right:16px!important}
}

/* STEP 52 — restore original bright Calendar hero while retaining image motion */
.cr-hero-art{
  background:none!important;
  box-shadow:none!important;
}
@keyframes crCalendarHeroBreathe{
  0%{filter:saturate(1.02) contrast(1.02) brightness(1.04)}
  55%{filter:saturate(1.08) contrast(1.025) brightness(1.10)}
  100%{filter:saturate(1.05) contrast(1.02) brightness(1.07)}
}
@media(prefers-reduced-motion:reduce){
  .cr-hero-image{filter:saturate(1.04) contrast(1.02) brightness(1.07)!important}
}

/* ===== MOBILE LAUNCH AUDIT V1 ===== */
@media(max-width:760px){
  .cr-calendar-mode button{min-height:42px!important}
  .cr-control-row button,
  .cr-control-row select{min-height:42px!important}
  .cr-month-strip button{min-height:40px!important}
  .cr-preview-feast-nav{min-width:42px!important;min-height:42px!important}
  .cr-months-nav a,
  .cr-month-context-links a{min-height:42px!important}
}
/* ===== MOBILE LAUNCH AUDIT V1 END ===== */

/* Mobile calendar details must never obscure the grid after closing. */
.cr-mobile-preview-back{display:none}
@media(max-width:899px){
 .cr-preview-empty{position:static!important;width:auto!important;height:auto!important;min-height:0!important;padding:16px!important;box-shadow:none!important;gap:12px}
 .cr-preview{top:68px!important;bottom:0!important;height:calc(100dvh - 68px)!important;min-height:0!important;max-height:calc(100dvh - 68px);overflow-y:auto!important}
 .cr-mobile-preview-back{display:block;position:relative;z-index:5;min-height:44px;margin:10px 54px 10px 12px;padding:10px 14px;background:#082039;border:1px solid #4ab4d8;color:#fff}
 .cr-preview-feast-nav{top:64px!important}
}
/* Phone reading and tool layout; the calendar alone scrolls horizontally. */
@media(max-width:700px){
 .cr-center{min-width:0;max-width:100%}
 .cr-hero{height:auto!important;min-height:0!important;background:#04121d!important}
 .cr-hero-image{position:static!important;display:block!important;width:100%!important;height:auto!important;transform:none!important;animation:none!important;filter:none!important}
 .cr-hero-art,.cr-eclipse{display:none!important}
 .cr-hero-copy{position:static!important;min-height:0!important;height:auto!important;padding:20px!important;text-align:left!important;align-items:flex-start!important;background:none!important}
 .cr-hero h1{font-size:36px!important;white-space:normal!important}
 .cr-control-row{grid-template-columns:44px minmax(0,1fr) 64px!important}
 .cr-control-row button,.cr-control-row select,.cr-display summary{min-height:44px!important}
 .cr-control-row select{font-size:16px!important}
 .cr-display>div{right:0!important;left:auto!important;width:260px!important;max-width:calc(100vw - 40px)}
 .cr-display label{min-height:44px;display:flex;align-items:center;gap:10px;font-size:14px}
 .cr-month-strip{overflow-x:auto!important}
 .cr-month-strip button{flex:0 0 86px!important;min-height:44px!important}
 .cr-grid-wrap{overflow-x:auto!important;max-width:100%;overscroll-behavior-x:contain}
 .cr-grid,.cr-weekdays{min-width:700px!important}
 .cr-weekdays span{font-size:12px!important}
 .cr-day{display:flex!important;flex-direction:column;align-items:center;gap:5px;min-height:150px!important;height:auto!important;padding:10px 6px 24px!important}
 .cr-day-num,.cr-civil,.cr-moon,.cr-hebrew-day,.cr-month-caption,.cr-event-label,.cr-later-event-label{position:static!important;transform:none!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
 .cr-day-num{font-size:18px!important;align-self:flex-start}
 .cr-moon{width:40px!important;height:40px!important;flex:none}
 .cr-hebrew-day{font-size:16px!important}
 .cr-civil,.cr-month-caption,.cr-event-label,.cr-later-event-label{font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere}
 .cr-legend{min-width:0!important;flex-wrap:wrap;font-size:12px!important}
 .cr-study-card,.cr-catalog-card{grid-template-columns:1fr!important}
 .cr-study-card img,.cr-catalog-card img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9;object-fit:cover}
 .cr-study-card>div,.cr-catalog-card>div{padding:16px!important}
 .cr-study-card h3,.cr-catalog-card h3{font-size:22px!important}
 .cr-study-card p,.cr-catalog-card p{font-size:15px!important;line-height:1.55!important}
 .cr-study-card strong,.cr-catalog-card strong{font-size:13px!important}
 .cr-study-card a,.cr-catalog-card a{display:inline-flex;align-items:center;min-height:44px;font-size:14px!important}
 .cr-center header{height:auto!important;min-height:0!important;position:static!important;flex-wrap:wrap;gap:12px}
 .cr-reading h1,.cr-reading h2,.cr-reading h3{overflow-wrap:anywhere}
}

@media(max-width:700px){
 .cr-day .cr-hebrew-day{font-size:16px!important}
 .cr-day .cr-month-caption,.cr-day .cr-civil,.cr-day .cr-later-event-label{font-size:12px!important;max-width:100%!important}
 .cr-preview.feast .cr-preview-hero{display:block!important;background:none!important;height:auto!important;min-height:0!important;padding:0 16px 16px!important}
 .cr-preview.feast .cr-preview-hero:before,.cr-preview.feast .cr-preview-hero:after{display:none!important}
 .cr-preview.feast .cr-preview-emblem{width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:0!important;margin:0 0 16px!important}
 .cr-preview.feast .cr-preview-emblem img{border-radius:0!important;object-fit:contain!important}
 .cr-preview.feast .cr-preview-title-wrap{width:100%!important;padding:0!important}
}
@media(max-width:700px){
 .cr-center .cr-study-head{display:block!important;background:none!important;padding:0!important}
 .cr-study-head:before,.cr-study-head:after{display:none!important}
 .cr-study-head .cr-study-emblem{width:100%!important;height:auto!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;margin:0 0 18px!important}
 .cr-study-head .cr-study-emblem img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
 .cr-study-head>div:last-child{padding:0 14px 18px!important}
 .cr-study-head h1{font-size:32px!important}
 .cr-grid-wrap:before{content:'Swipe calendar left or right to see all seven days';display:block;position:sticky;left:0;padding:10px;color:#b6d7e9;font:12px/1.5 Arial,sans-serif}
}

@media(max-width:700px){
 .cr-preview-back,.cr-preview-close{min-height:44px!important;height:44px!important;font-size:14px!important}
 .cr-preview-close{min-width:44px!important}
}

/* MOBILE PERFORMANCE V3: decorative hero motion is disabled on phones so the LCP image paints once. */
@media(max-width:899px){
  .cr-hero-image{animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}
}
