/* ישיבת קלוד – צורת הדף */
.ycl{
  --paper:#ECEEEA; --ink:#1C221F; --ink2:#3E4944; --rule:#B9C0BA;
  --gold:#9A7A2A; --lit:#DCE3F2; --litline:#2E3A6B;
  --he:"Frank Ruhl Libre","David Libre","Times New Roman",serif;
  --rashi:"Noto Rashi Hebrew","Frank Ruhl Libre","Times New Roman",serif;
  --de:"Spectral",Georgia,"Times New Roman",serif;
  box-sizing:border-box;
  width:auto; max-width:1600px;
  background:var(--paper); color:var(--ink);
  font-family:var(--he); line-height:1.7; text-align:right;
  padding:24px 22px 32px; margin:16px auto 32px;
}
/* let the daf own the page: hide the theme title and the narrow theme column */
body.single-ycl_daf .page-header{display:none}
body.single-ycl_daf .site-main{max-width:none;width:100%;margin:0;padding:0}
body.single-ycl_daf .page-content{margin:0;padding:0}
@media (min-width:821px){.ycl{margin-left:24px;margin-right:24px}}
@media (min-width:1648px){.ycl{margin-left:auto;margin-right:auto}}
.ycl *,.ycl *::before,.ycl *::after{box-sizing:inherit}
.ycl p{margin:0 0 10px}
.ycl h2{font-family:var(--he);font-size:18px;font-weight:700;margin:0 0 8px;color:var(--ink);letter-spacing:0;text-transform:none}

.ycl-brand{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gold);margin:0 0 4px !important}
.ycl-runhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:6px}
.ycl-perek{font-size:15px;color:var(--ink2)}
.ycl-masechet{font-weight:900;font-size:26px}
.ycl-daf{font-weight:700;font-size:20px;color:var(--gold)}
.ycl-preface{font-size:15px;color:var(--ink2);margin:10px 0 18px !important;max-width:70ch}

.ycl-page{display:grid;grid-template-columns:.9fr 1.7fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:14px}
.ycl-col{padding:16px 18px}
.ycl-col+.ycl-col{border-right:1px solid var(--rule)}
.ycl-colname{font-size:13px;color:var(--ink2);font-weight:500}
.ycl-unit{padding:6px 8px;margin:0 -8px 10px;border-right:3px solid transparent;transition:background-color .15s}
.ycl-mid .ycl-unit{border-right:0;border-left:3px solid transparent}
.ycl-unit.is-lit{background:var(--lit);border-color:var(--litline)}
.ycl-unit:focus-visible{outline:2px solid var(--litline);outline-offset:2px}
.ycl-rashi{font-family:var(--rashi);font-size:14.5px;line-height:1.75;text-align:justify}
.ycl-tos{font-size:15px;line-height:1.75;text-align:justify}
.ycl-tos b{color:var(--gold);font-weight:700}
.ycl-dh{font-weight:600}
.ycl-de{direction:ltr;text-align:justify;font-family:var(--de);font-size:17px;line-height:1.75;hyphens:auto}
.ycl-he{font-size:17px;text-align:justify;border-top:1px dotted var(--rule);margin-top:8px;padding-top:8px}
.ycl mark{background:none;color:inherit;border-bottom:1px dotted var(--gold);padding:0}
.ycl .opener{display:inline-block;font-weight:600;font-size:2.1em;line-height:1;padding:4px 8px 6px;margin:2px 0 0 10px;border:2px solid var(--ink);float:left;box-shadow:3px 3px 0 var(--gold)}
.ycl .fn{font-size:.82em;color:var(--ink2);border-top:1px solid var(--rule);margin-top:8px;padding-top:6px}

.ycl-paired{display:none}
.ycl-band{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}
.ycl-band>section{padding:16px 18px}
.ycl-band>section+section{border-right:1px solid var(--rule)}
.ycl-gloss{margin:0;padding:0;list-style:none;font-size:15px}
.ycl-gloss li{display:grid;grid-template-columns:9.5em 1fr;gap:10px;padding:3px 0;border-bottom:1px dotted var(--rule);margin:0}
.ycl-gde{direction:ltr;text-align:left;font-family:var(--de);font-style:italic}
.ycl-question{font-size:17px;max-width:62ch}
.ycl-tzari,.ycl-hint{color:var(--ink2);font-size:15px}
.ycl-next{margin-top:18px !important;font-size:16px}
.ycl-next strong{color:var(--gold)}
.ycl-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:15px;padding:8px 0}
.ycl-nav-top{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--rule);margin:8px 0 4px}
.ycl-nav-bottom{border-top:2px solid var(--ink);margin-top:18px;padding-top:12px}
.ycl-nav a{color:var(--litline);text-decoration:none;padding:6px 10px;border:1px solid var(--rule);background:var(--paper);min-height:40px;display:inline-flex;align-items:center;gap:6px}
.ycl-nav a:hover,.ycl-nav a:focus-visible{border-color:var(--litline);outline:none}
.ycl-nav .is-empty{color:var(--ink2);font-size:13px;padding:6px 10px}
.ycl-nav-index select{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:6px 8px;min-height:40px;max-width:52vw}
.ycl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ycl-swipe-hint{display:none;width:100%;margin:6px 0 0 !important;font-size:13px;color:var(--ink2);text-align:center}
@media (hover:none) and (pointer:coarse){.ycl-swipe-hint{display:block}}
.ycl.is-leaving{opacity:.35;transition:opacity .18s}
.ycl .sub{display:block;font-size:13px;letter-spacing:.06em;color:var(--ink2);margin-bottom:6px;font-weight:600}
.ycl-de em{font-style:italic}
.ycl-he em{font-style:normal;font-weight:600}
.ycl-colophon{font-size:13px;color:var(--ink2);margin-top:20px !important;max-width:80ch}

@media (max-width:820px){
  .ycl{padding:16px 14px 24px}
  .ycl-page{display:none}
  .ycl-paired{display:block}
  .ycl-pair{border-top:1px solid var(--rule);padding:14px 0}
  .ycl-pair .ycl-de{text-align:left}
  .ycl-pair details{margin-top:8px;font-size:15px}
  .ycl-pair details.ycl-r{font-family:var(--rashi);font-size:14.5px}
  .ycl-pair summary{cursor:pointer;font-family:var(--he);font-size:14px;color:var(--ink2)}
  .ycl-band{grid-template-columns:1fr}
  .ycl-band>section{padding:14px 0}
  .ycl-band>section+section{border-right:0;border-top:1px solid var(--rule)}
  .ycl-gloss li{grid-template-columns:8em 1fr}
  .ycl-nav{font-size:14px}
  .ycl-nav a{padding:6px 8px}
  .ycl-nav-index{order:3;width:100%}
  .ycl-nav-index select{width:100%;max-width:none}
}
@media (prefers-reduced-motion:reduce){.ycl-unit,.ycl.is-leaving{transition:none}}