/* Live613 — shared stylesheet */
:root{
  --parchment:#faf6ee; --parchment-deep:#f1e9d8; --card:#fffdf7;
  --ink:#1a2238; --ink-soft:#3d4763; --ink-faint:#6b7391;
  --gold:#b08d2e; --gold-soft:#c9a955; --gold-deep:#8f6f1f;
  --line:#e8dfc9;
  --maxw:64rem; --readw:46rem;
  --shadow:0 14px 34px rgba(26,34,56,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ink); background:var(--parchment);
  background-image:radial-gradient(ellipse 120% 70% at 50% -8%, #fffdf7 0%, var(--parchment) 52%, var(--parchment-deep) 100%);
  background-attachment:fixed;
  min-height:100vh; min-height:100dvh; display:flex; flex-direction:column;
  line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-deep); text-decoration:none}
a:hover{color:var(--ink)}
img{max-width:100%; display:block}
.wrap{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 1.4rem}
.narrow{max-width:var(--readw)}

/* ---------- header ---------- */
.site-head{position:sticky; top:0; z-index:40;
  background:rgba(250,246,238,.82); backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line)}
.site-head .bar{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 0}
.brand{display:flex; align-items:baseline; gap:.05em; font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600; font-size:1.6rem; letter-spacing:.01em; color:var(--ink); line-height:1}
.brand .b-live{color:var(--ink)}
.brand .b-613{color:var(--gold); font-weight:700; letter-spacing:.02em}
.nav-links{display:flex; align-items:center; gap:.2rem; flex-wrap:wrap}
.nav-links a{font-size:.74rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-soft);
  padding:.5rem .7rem; border-radius:6px}
.nav-links a:hover,.nav-links a.here{color:var(--gold-deep)}
.nav-links a.cta{color:#fffdf7; background:var(--ink); margin-left:.3rem}
.nav-links a.cta:hover{background:var(--gold-deep); color:#fffdf7}
.bh{font-family:'Frank Ruhl Libre',Georgia,serif; font-size:.85rem; color:var(--ink-faint)}
.navtoggle{display:none}

/* ---------- hero ---------- */
.hero{text-align:center; padding:3.4rem 0 2.6rem}
.hero .eyebrow{display:inline-flex; align-items:center; gap:.8rem; font-size:.7rem; font-weight:500;
  letter-spacing:.3em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:1.4rem}
.hero .eyebrow::before,.hero .eyebrow::after{content:""; width:2.6rem; height:1px}
.hero .eyebrow::before{background:linear-gradient(90deg,transparent,var(--gold-soft))}
.hero .eyebrow::after{background:linear-gradient(90deg,var(--gold-soft),transparent)}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:clamp(2.7rem,7vw,4.7rem); line-height:1.04; letter-spacing:.01em; margin-bottom:1.1rem}
.hero h1 .g{color:var(--gold)}
.hero .lede{font-size:clamp(1.02rem,2.2vw,1.2rem); font-weight:300; color:var(--ink-soft);
  max-width:40rem; margin:0 auto 2rem; line-height:1.7}
.hero .hebrew{font-family:'Frank Ruhl Libre',Georgia,serif; font-size:1.5rem; color:var(--gold);
  letter-spacing:.04em; margin-bottom:.5rem}
.btnrow{display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap}
.btn{display:inline-block; font-size:.82rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
  padding:.85rem 1.7rem; border-radius:2rem; border:1px solid transparent; cursor:pointer; transition:.15s}
.btn-primary{background:var(--ink); color:#fffdf7}
.btn-primary:hover{background:var(--gold-deep); color:#fffdf7}
.btn-ghost{background:transparent; color:var(--ink); border-color:var(--gold-soft)}
.btn-ghost:hover{border-color:var(--gold); color:var(--gold-deep)}

/* ---------- generic section ---------- */
section{padding:2.6rem 0}
.sec-head{text-align:center; max-width:38rem; margin:0 auto 2rem}
.sec-head .kicker{font-size:.7rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold-deep); font-weight:600}
.sec-head h2{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:clamp(2rem,4.5vw,2.9rem);
  line-height:1.1; margin:.5rem 0 .6rem}
.sec-head p{color:var(--ink-soft); font-weight:300; font-size:1.02rem}
.rule{width:5rem; height:1px; background:var(--gold-soft); margin:0 auto; position:relative}
.rule::after{content:"\2726"; position:absolute; top:50%; left:50%; transform:translate(-50%,-52%);
  background:var(--parchment); padding:0 .6rem; color:var(--gold); font-size:.7rem}

/* ---------- pillars grid ---------- */
.grid{display:grid; gap:1.1rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.tile{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1.5rem 1.4rem;
  box-shadow:var(--shadow); display:flex; flex-direction:column}
.tile .ic{width:2.6rem; height:2.6rem; border-radius:10px; display:grid; place-items:center;
  background:linear-gradient(160deg,#fbf4e2,#f0e4c6); color:var(--gold-deep); margin-bottom:.9rem}
.tile .ic svg{width:1.4rem; height:1.4rem}
.tile h3{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:1.4rem; margin-bottom:.35rem}
.tile p{font-size:.92rem; font-weight:300; color:var(--ink-soft); line-height:1.6; flex:1}
.tile .more{margin-top:.9rem; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-deep)}
.tile a.more:hover{color:var(--ink)}

/* ---------- 613 feature band ---------- */
.band{background:linear-gradient(150deg,#1a2238,#232d4a 60%,#2b2340); color:#f4eede}
.band .wrap{padding-top:3rem; padding-bottom:3rem}
.band-inner{display:grid; grid-template-columns:1.1fr 1fr; gap:2.4rem; align-items:center}
.band .kicker{color:var(--gold-soft)}
.band h2{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:clamp(2.1rem,4.5vw,3rem);
  line-height:1.08; margin:.4rem 0 .8rem; color:#fbf7ee}
.band p{color:#cdd0dd; font-weight:300; line-height:1.7; margin-bottom:1.3rem}
.countbox{display:flex; gap:1.6rem; flex-wrap:wrap}
.countbox .c{text-align:center}
.countbox .c b{font-family:'Cormorant Garamond',Georgia,serif; font-size:2.6rem; font-weight:600; color:var(--gold-soft); display:block; line-height:1}
.countbox .c span{font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:#aeb4c6}
.tablets{aspect-ratio:1/1; max-width:20rem; margin:0 auto; width:100%}

/* ---------- steps / mentor ---------- */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; counter-reset:s}
.step{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1.4rem}
.step::before{counter-increment:s; content:counter(s); font-family:'Cormorant Garamond',serif; font-weight:700;
  font-size:1.1rem; color:var(--gold-deep); width:2rem; height:2rem; border:1px solid var(--gold-soft);
  border-radius:50%; display:grid; place-items:center; margin-bottom:.8rem}
.step h3{font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:600; margin-bottom:.3rem}
.step p{font-size:.9rem; font-weight:300; color:var(--ink-soft)}

/* ---------- CTA band ---------- */
.cta-band{text-align:center; background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.cta-band h2{font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(2rem,4.5vw,2.8rem); margin-bottom:.6rem}
.cta-band p{color:var(--ink-soft); font-weight:300; max-width:34rem; margin:0 auto 1.6rem}

/* ---------- library / listing (shared with content hub) ---------- */
h1.page{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:2.5rem; margin-bottom:.35rem}
.page-sub{color:var(--ink-soft); font-weight:300; font-size:1rem; margin-bottom:1.8rem}
.searchbar{display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:1.1rem}
.searchbar input{flex:1 1 14rem; font:inherit; font-size:.95rem; padding:.68rem .95rem; border:1px solid var(--gold-soft);
  border-radius:9px; background:var(--card); color:var(--ink); outline:none}
.searchbar input:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,169,85,.18)}
.typefilters{display:flex; gap:.45rem; flex-wrap:wrap; margin-bottom:1.6rem}
.typefilters button{font:inherit; font-size:.72rem; letter-spacing:.13em; text-transform:uppercase; cursor:pointer;
  padding:.44rem 1rem; border-radius:2rem; border:1px solid var(--gold-soft); background:transparent; color:var(--ink-soft); transition:.12s}
.typefilters button.on{background:var(--gold); border-color:var(--gold); color:#fffdf7}
.count{font-size:.8rem; color:var(--ink-soft); margin-bottom:1rem}
.cards{display:grid; gap:1rem}
.card{background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1.15rem 1.3rem}
.card .kind{font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-deep)}
.card h2{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:1.45rem; margin:.25rem 0 .3rem}
.card h2 a{color:var(--ink)} .card h2 a:hover{color:var(--gold-deep)}
.card .meta{font-size:.76rem; color:var(--ink-soft); margin-bottom:.5rem}
.card p.desc{font-size:.92rem; font-weight:300; line-height:1.6; color:var(--ink-soft); margin-bottom:.7rem}
.tags{display:flex; gap:.4rem; flex-wrap:wrap}
.tags a{font-size:.72rem; padding:.22rem .7rem; border:1px solid var(--gold-soft); border-radius:2rem; color:var(--ink-soft)}
.tags a:hover{border-color:var(--gold); color:var(--gold-deep)}

/* ---------- article / prose ---------- */
article.post h1{font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; font-size:2.5rem; line-height:1.12; margin-bottom:.5rem}
article.post .meta{font-size:.82rem; color:var(--ink-soft); margin-bottom:1.7rem}
.prose{font-weight:300; line-height:1.8; font-size:1.04rem; max-width:var(--readw)}
.prose p,.prose ul,.prose ol,.prose blockquote{margin-bottom:1.1rem}
.prose h2,.prose h3{font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; margin:1.6rem 0 .6rem}
.prose blockquote{border-left:3px solid var(--gold-soft); padding-left:1rem; color:var(--ink-soft); font-style:italic}
.prose li{margin:.3rem 0 .3rem 1.2rem}
.media-box{margin:0 0 1.6rem} .media-box audio{width:100%}
.videowrap{position:relative; padding-top:56.25%; border-radius:12px; overflow:hidden; background:#000}
.videowrap iframe,.videowrap video{position:absolute; inset:0; width:100%; height:100%; border:0}
.backlink{display:inline-block; margin-top:1.6rem; font-size:.85rem}

/* ---------- 613 explorer ---------- */
.explorer-head{display:grid; gap:.6rem; margin-bottom:1.4rem}
.stat-row{display:flex; gap:1.4rem; flex-wrap:wrap; margin-bottom:1.2rem}
.stat-row .s b{font-family:'Cormorant Garamond',serif; font-size:1.5rem; color:var(--gold-deep)}
.stat-row .s span{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); margin-left:.35rem}
.catfilters{display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:1.4rem}
.catfilters button{font:inherit; font-size:.72rem; letter-spacing:.06em; cursor:pointer; padding:.36rem .8rem;
  border-radius:2rem; border:1px solid var(--line); background:var(--card); color:var(--ink-soft)}
.catfilters button.on{background:var(--gold); border-color:var(--gold); color:#fffdf7}
.mlist{display:grid; gap:.55rem}
.mitzvah{background:var(--card); border:1px solid var(--line); border-radius:11px; overflow:hidden}
.mitzvah>summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:.9rem; padding:.85rem 1.1rem}
.mitzvah>summary::-webkit-details-marker{display:none}
.mitzvah .num{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.05rem; color:var(--gold-deep);
  min-width:2.6rem; text-align:center}
.mitzvah .sm{flex:1; font-size:.98rem; color:var(--ink)}
.mitzvah .pn{font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; padding:.2rem .55rem; border-radius:2rem}
.mitzvah .pn.positive{background:#eef4e8; color:#4c6a2f; border:1px solid #cfe0bd}
.mitzvah .pn.negative{background:#f7ece9; color:#9a4b3b; border:1px solid #e6cabf}
.mitzvah .body{padding:0 1.1rem 1rem 4.6rem; font-size:.9rem; font-weight:300; color:var(--ink-soft); line-height:1.65}
.mitzvah .body .src{display:inline-block; margin-top:.5rem; font-size:.78rem; color:var(--gold-deep)}
.mitzvah .body .cat{font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-faint)}
.noresult{text-align:center; color:var(--ink-soft); padding:2rem 0; font-weight:300}

/* ---------- 613 BOARD (fun explorer) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.board-hero{background:linear-gradient(135deg,#1a2238 0%,#2b2340 55%,#3a2b1e 100%);color:#f4eede;
  border-radius:20px; padding:2rem 1.8rem; margin:1.4rem 0 1.6rem; position:relative; overflow:hidden}
.board-hero::after{content:"תרי\05F4ג"; position:absolute; right:-.3rem; bottom:-2.4rem;
  font-family:'Frank Ruhl Libre',serif; font-size:9rem; color:rgba(201,169,85,.10); pointer-events:none}
.board-hero .kicker{color:var(--gold-soft); font-size:.7rem; letter-spacing:.28em; text-transform:uppercase; font-weight:600}
.board-hero h1{font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(2.2rem,5.5vw,3.4rem);
  line-height:1.05; margin:.4rem 0 .5rem; color:#fbf7ee}
.board-hero p{color:#cdd0dd; font-weight:300; max-width:38rem; line-height:1.6}
.spotlight{background:rgba(255,253,247,.06); border:1px solid rgba(201,169,85,.3); border-radius:14px;
  padding:1.1rem 1.3rem; margin-top:1.3rem; display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; position:relative; z-index:1}
.spotlight .sp-n{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:2.4rem; color:var(--gold-soft); line-height:1; min-width:3rem; text-align:center}
.spotlight .sp-txt{flex:1 1 14rem}
.spotlight .sp-txt .lab{font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-soft)}
.spotlight .sp-txt .sm{font-family:'Cormorant Garamond',serif; font-size:1.35rem; color:#fbf7ee; line-height:1.2; margin-top:.15rem}
.spotlight .sp-txt .src{font-size:.8rem; color:#aeb4c6; margin-top:.25rem}
.spotlight .sp-txt .src a{color:var(--gold-soft)}
.dice{font:inherit; cursor:pointer; border:1px solid var(--gold-soft); background:transparent; color:#fbf7ee;
  border-radius:2rem; padding:.6rem 1.1rem; font-size:.8rem; letter-spacing:.05em; white-space:nowrap; transition:.15s}
.dice:hover{background:var(--gold); border-color:var(--gold); color:#1a2238}
.dice .d{font-size:1.1rem; margin-right:.35rem}

.board-controls{display:flex; gap:.7rem; flex-wrap:wrap; align-items:center; margin-bottom:.5rem}
.board-controls .searchbar{flex:1 1 16rem; margin-bottom:0}
.legend{display:flex; gap:1rem; flex-wrap:wrap; align-items:center; margin:.9rem 0 .4rem; font-size:.8rem; color:var(--ink-soft)}
.legend .dot{display:inline-block; width:.8rem; height:.8rem; border-radius:3px; vertical-align:-1px; margin-right:.35rem}
.legend .dot.pos{background:#7fa65a; border:1px solid #5f8440}
.legend .dot.neg{background:#cf9384; border:1px solid #b06d5c}
.board-count{font-size:.82rem; color:var(--ink-soft); margin:.3rem 0 1rem}

.board{display:grid; grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:6px; margin-bottom:1.4rem}
.t613{aspect-ratio:1; border-radius:10px; cursor:pointer; position:relative; display:grid; place-items:center;
  font-family:'Cormorant Garamond',serif; font-weight:600; font-size:.98rem; transition:transform .12s, box-shadow .12s, opacity .18s;
  border:1px solid; padding:0; line-height:1}
.t613.pos{background:linear-gradient(160deg,#eef4e4,#dbe9c8); border-color:#bcd39c; color:#456029}
.t613.neg{background:linear-gradient(160deg,#f7ebe6,#eed3ca); border-color:#e0b6aa; color:#8a4535}
.t613:hover,.t613:focus{transform:translateY(-3px) scale(1.12); box-shadow:0 8px 18px rgba(26,34,56,.22); z-index:2; outline:none}
.t613:focus-visible{box-shadow:0 0 0 3px var(--gold)}
.t613.dim{opacity:.1; pointer-events:none; transform:none}
.board-empty{text-align:center; color:var(--ink-soft); padding:2rem 0; font-weight:300; grid-column:1/-1}

/* modal */
.m613-back{position:fixed; inset:0; background:rgba(20,27,46,.55); backdrop-filter:blur(3px);
  display:none; align-items:center; justify-content:center; z-index:100; padding:1.2rem}
.m613-back.open{display:flex}
.m613{background:var(--card); border-radius:18px; max-width:32rem; width:100%; padding:1.8rem; position:relative;
  box-shadow:0 30px 70px rgba(20,27,46,.4); border:1px solid var(--line)}
.m613 .close{position:absolute; top:.9rem; right:1rem; background:none; border:0; font-size:1.5rem; line-height:1;
  color:var(--ink-soft); cursor:pointer}
.m613 .close:hover{color:var(--ink)}
.m613 .m-n{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1rem; color:var(--gold-deep); letter-spacing:.02em}
.m613 .m-badge{display:inline-block; font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600;
  padding:.22rem .6rem; border-radius:2rem; margin-left:.5rem; vertical-align:1px}
.m613 .m-badge.positive{background:#eef4e8; color:#4c6a2f; border:1px solid #cfe0bd}
.m613 .m-badge.negative{background:#f7ece9; color:#9a4b3b; border:1px solid #e6cabf}
.m613 h3{font-family:'Cormorant Garamond',serif; font-weight:500; font-size:1.9rem; line-height:1.15; margin:.6rem 0 .7rem}
.m613 .m-meta{font-size:.9rem; color:var(--ink-soft); margin-bottom:.4rem}
.m613 .m-meta a{color:var(--gold-deep)}
.m613 .m-nav{display:flex; gap:.5rem; margin-top:1.4rem; align-items:center}
.m613 .m-nav button{font:inherit; cursor:pointer; border:1px solid var(--gold-soft); background:transparent; color:var(--ink);
  border-radius:2rem; padding:.5rem .9rem; font-size:.8rem; transition:.12s}
.m613 .m-nav button:hover{border-color:var(--gold); color:var(--gold-deep)}
.m613 .m-nav .spacer{flex:1}
.m613 .m-ask{display:block; text-align:center; margin-top:1.1rem; background:var(--ink); color:#fffdf7;
  border-radius:2rem; padding:.7rem 1rem; font-size:.82rem; letter-spacing:.06em}
.m613 .m-ask:hover{background:var(--gold-deep); color:#fffdf7}
@media (max-width:480px){
  .board{grid-template-columns:repeat(auto-fill,minmax(38px,1fr)); gap:5px}
  .t613{font-size:.85rem; border-radius:8px}
  .m613 h3{font-size:1.5rem}
}

/* ---------- 613 page v2 (hero + ten + calendar + lookup) ---------- */
.s13-hero{display:grid; grid-template-columns:1.05fr .95fr; gap:2rem; align-items:center; margin:1.4rem 0 1rem}
.s13-hero .kicker{color:var(--gold-deep); font-size:.7rem; letter-spacing:.28em; text-transform:uppercase; font-weight:600}
.s13-hero h1{font-family:'Cormorant Garamond',serif; font-weight:500; font-size:clamp(2.4rem,5.5vw,3.7rem); line-height:1.04; margin:.4rem 0 .8rem}
.s13-hero h1 .g{color:var(--gold)}
.s13-hero p{color:var(--ink-soft); font-weight:300; line-height:1.7; font-size:1.03rem}
.s13-hero .figwrap{position:relative}
.s13-hero img{width:100%; border-radius:16px; box-shadow:0 20px 44px rgba(26,34,56,.28); border:1px solid var(--line)}
.s13-hero figcaption{font-size:.72rem; color:var(--ink-faint); text-align:center; margin-top:.5rem; font-style:italic}
.s13-stats{display:flex; gap:1.6rem; flex-wrap:wrap; margin:.4rem 0 0}
.s13-stats .s b{font-family:'Cormorant Garamond',serif; font-size:1.7rem; color:var(--gold-deep)}
.s13-stats .s span{font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); margin-left:.35rem}

.ten{margin:2.4rem 0}
.ten-intro{max-width:42rem}
.ten-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem; margin-top:1.3rem}
.ten-card{display:flex; gap:.9rem; align-items:flex-start; background:var(--card); border:1px solid var(--line);
  border-radius:12px; padding:.85rem 1rem}
.ten-card .rn{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.5rem; color:var(--gold);
  min-width:1.9rem; line-height:1.1}
.ten-card .tc-t{font-weight:500; font-size:.98rem; color:var(--ink)}
.ten-card .tc-s{font-size:.78rem; color:var(--ink-soft); font-weight:300}

/* tear-off calendar */
.calwrap{display:flex; flex-direction:column; align-items:center; margin:1rem 0 0}
.cal{width:min(23rem,100%); background:#fffdf7; border-radius:12px; position:relative;
  box-shadow:0 18px 40px rgba(26,34,56,.20); border:1px solid var(--line); overflow:hidden;
  transform:rotate(-1deg)}
.cal .rings{height:26px; background:linear-gradient(#e9dfca,#dccdaa); display:flex; justify-content:center; gap:2.6rem; align-items:flex-end}
.cal .rings i{width:12px; height:26px; background:radial-gradient(circle at 50% 65%, #7c7358 40%, #4a4636 60%, transparent 62%);
  position:relative; top:-8px}
.cal .chead{background:#a8432f; color:#fff5ec; text-align:center; padding:.55rem .8rem;
  font-size:.74rem; letter-spacing:.24em; text-transform:uppercase; font-weight:600}
.cal .chead .dow{display:block; font-size:1.05rem; letter-spacing:.18em; margin-bottom:.05rem}
.cal .cbody{padding:1.3rem 1.4rem 1.5rem; text-align:center; position:relative}
.cal .cnum{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:3.6rem; line-height:1; color:var(--ink)}
.cal .cnum small{display:block; font-size:.6rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-deep); font-weight:600; margin-top:.3rem}
.cal .ctxt{font-family:'Cormorant Garamond',serif; font-size:1.5rem; line-height:1.22; color:var(--ink); margin:.9rem 0 .5rem; min-height:2.4em}
.cal .cbadge{font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; font-weight:600; padding:.2rem .6rem; border-radius:2rem}
.cal .cbadge.positive{background:#eef4e8; color:#4c6a2f; border:1px solid #cfe0bd}
.cal .cbadge.negative{background:#f7ece9; color:#9a4b3b; border:1px solid #e6cabf}
.cal .csrc{font-size:.82rem; color:var(--ink-soft); margin-top:.7rem}
.cal .csrc a{color:var(--gold-deep)}
.cal .perf{height:14px; background:
  radial-gradient(circle at 6px -3px, transparent 6px, #fffdf7 7px) repeat-x;
  background-size:12px 14px; border-top:1px dashed #d9cca9}
.cal.flip .cbody{animation:calflip .45s ease}
@keyframes calflip{0%{opacity:0; transform:translateY(-10px) rotateX(35deg)}100%{opacity:1; transform:none}}
.cal-actions{display:flex; gap:.7rem; margin-top:1.1rem; align-items:center; flex-wrap:wrap; justify-content:center}
.cal-actions .dice{background:var(--ink); color:#fffdf7; border-color:var(--ink)}
.cal-actions .dice:hover{background:var(--gold-deep); border-color:var(--gold-deep); color:#fffdf7}
.cal-actions .opencal{font-size:.82rem}

/* lookup / search */
.lookup{margin:2.6rem 0 1rem}
.lk-results{display:grid; gap:.6rem; margin-top:1rem}
.lk-card{display:flex; gap:.9rem; align-items:flex-start; background:var(--card); border:1px solid var(--line);
  border-radius:11px; padding:.8rem 1rem}
.lk-card .lk-n{font-family:'Cormorant Garamond',serif; font-weight:700; font-size:1.15rem; color:var(--gold-deep); min-width:2.4rem; text-align:center}
.lk-card .lk-t{font-size:1rem; color:var(--ink)}
.lk-card .lk-m{font-size:.78rem; color:var(--ink-soft); margin-top:.15rem}
.lk-card .lk-m a{color:var(--gold-deep)}
.lk-hint{color:var(--ink-soft); font-weight:300; font-size:.95rem; padding:.6rem 0}
@media (max-width:760px){
  .s13-hero{grid-template-columns:1fr}
  .s13-hero .figwrap{order:-1}
  .ten-grid{grid-template-columns:1fr}
}

/* ---------- form ---------- */
.formcard{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:1.8rem; box-shadow:var(--shadow); max-width:38rem; margin:0 auto}
.field{margin-bottom:1.1rem}
.field label{display:block; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:.4rem}
.field input,.field select,.field textarea{width:100%; font:inherit; font-size:.98rem; padding:.7rem .9rem;
  border:1px solid var(--gold-soft); border-radius:9px; background:#fff; color:var(--ink); outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,169,85,.18)}
.field textarea{min-height:7rem; resize:vertical}
.field.row{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.form-note{font-size:.8rem; color:var(--ink-soft); font-weight:300; margin-top:.4rem}
.form-msg{display:none; padding:.9rem 1.1rem; border-radius:9px; margin-bottom:1.1rem; font-size:.92rem}
.form-msg.ok{display:block; background:#eef4e8; color:#3f5a28; border:1px solid #cfe0bd}
.form-msg.err{display:block; background:#f7ece9; color:#8a3f30; border:1px solid #e6cabf}

/* ---------- footer ---------- */
main{flex:1}
.site-foot{background:#151b2e; color:#aeb4c6; padding:2.4rem 0 1.6rem; margin-top:2rem}
.site-foot .cols{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:1.6rem; margin-bottom:1.6rem}
.site-foot .brand{color:#f4eede; margin-bottom:.5rem}
.site-foot .brand .b-live{color:#f4eede}
.site-foot p{font-size:.86rem; font-weight:300; line-height:1.6; color:#9aa1b6}
.site-foot h4{font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:#cdd0dd; margin-bottom:.7rem}
.site-foot a{color:#aeb4c6; display:block; font-size:.88rem; padding:.18rem 0}
.site-foot a:hover{color:var(--gold-soft)}
.site-foot .base{border-top:1px solid #2a3149; padding-top:1rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem; font-size:.74rem; color:#7c8199}
.site-foot .base a{display:inline}

/* ---------- responsive ---------- */
@media (max-width:820px){
  .band-inner{grid-template-columns:1fr; gap:1.6rem}
  .tablets{max-width:15rem}
  .grid-3,.grid-4,.steps,.site-foot .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .nav-links{gap:0}
  .nav-links a{padding:.4rem .45rem; letter-spacing:.1em}
  .nav-links a.cta{padding:.4rem .7rem}
  .grid-3,.grid-4,.steps,.site-foot .cols,.field.row{grid-template-columns:1fr}
  .hero{padding:2.4rem 0 1.8rem}
  h1.page{font-size:1.9rem}
  article.post h1{font-size:1.9rem}
  .mitzvah .body{padding-left:1.1rem}
  .bh{display:none}
}