.article-library-page{background:#f8f4ec}.library-hero{padding:150px 0 75px;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(201,155,77,.22),transparent 25%),linear-gradient(135deg,#061923,#103947)}
.library-hero h1{margin:0;font-family:'Rubik',sans-serif;font-size:clamp(3rem,6vw,5.7rem);line-height:1}.library-hero p{max-width:680px;color:rgba(255,255,255,.7);font-size:1.08rem}
.weekly-feature{margin-top:28px;padding:20px 23px;display:none;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(240,216,159,.32);border-radius:18px;background:rgba(240,216,159,.1)}.weekly-feature.visible{display:flex}.weekly-feature span{color:#f0d89f;font-size:.75rem;font-weight:800}.weekly-feature strong{display:block;font-family:'Rubik',sans-serif;font-size:1.35rem}.weekly-feature a{padding:9px 15px;border-radius:999px;color:#071c27;background:#f0d89f;font-weight:800}
.library-controls{max-width:560px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-controls input,.library-controls select{height:54px;padding:0 17px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;background:rgba(255,255,255,.08)}.library-controls select{color-scheme:dark}.library-controls select option{color:#071c27;background:#fff}
.weekly-grid{padding:70px 0 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.weekly-card{position:relative;padding:25px;display:flex;flex-direction:column;border:1px solid rgba(7,28,39,.1);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(7,28,39,.06)}.weekly-card.this-week{grid-column:span 2;min-height:470px;padding-top:290px;border:2px solid #c99b4d;background-color:#fffdf7;background-image:linear-gradient(to bottom,transparent 215px,rgba(7,28,39,.54) 265px,#fffdf7 266px),var(--article-thumb);background-size:100% 266px;box-shadow:0 22px 58px rgba(153,111,43,.24)}.weekly-card.this-week:before{content:'המאמר של הפרשה הנוכחית';z-index:2;position:absolute;top:18px;left:18px;padding:7px 14px;border-radius:999px;color:#071c27;background:#f0d89f;font-size:.78rem;font-weight:900;box-shadow:0 8px 22px rgba(7,28,39,.18)}.weekly-card.this-week h2{font-size:clamp(1.8rem,3vw,2.45rem)}.weekly-card.this-week p{max-width:720px;font-size:1rem}.weekly-card span{color:#987130;font-size:.73rem;font-weight:800}.weekly-card h2{margin:10px 0;color:#071c27;font-family:'Rubik',sans-serif;font-size:1.55rem;line-height:1.2}.weekly-card p{color:#667b82;font-size:.86rem}.weekly-card a{margin-top:auto;color:#86632d;font-weight:800}
.article-page{background:#f7f2e8}.article-mast{padding:130px 0 58px;color:#fff;background:linear-gradient(145deg,#071c27,#123d4b)}.article-mast-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:55px;align-items:center}.article-mast-copy{min-width:0}.article-mast-visual{min-height:330px;border:1px solid rgba(240,216,159,.22);border-radius:26px 70px 26px 26px;background:var(--article-visual) center/cover no-repeat;box-shadow:0 24px 60px rgba(0,0,0,.25)}.article-mast .article-kicker{color:#f0d89f;font-weight:800}.article-mast h1{max-width:860px;margin:10px 0 13px;font-family:'Rubik',sans-serif;font-size:clamp(2.65rem,5vw,4.7rem);line-height:1.05;text-wrap:balance}.article-mast p{max-width:760px;color:rgba(255,255,255,.65)}.article-hook{margin-top:18px;padding-right:18px;border-right:2px solid #f0d89f;font-size:1.08rem}
.article-layout{padding:60px 0 90px;display:grid;grid-template-columns:minmax(0,760px) 250px;gap:65px;align-items:start}.article-content{padding:45px 52px;border:1px solid rgba(7,28,39,.08);border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(7,28,39,.08)}.article-content p{margin:0 0 1.25em;color:#304b55;font-size:1.08rem;line-height:1.95}.article-content p:first-child{color:#071c27;font-size:1.22rem;font-weight:600}.article-side{position:sticky;top:100px}.article-side a{display:block;margin-bottom:11px;padding:13px 15px;border:1px solid rgba(7,28,39,.1);border-radius:12px;color:#49636c;background:rgba(255,255,255,.6)}.article-side strong{display:block;margin-bottom:15px;color:#071c27}.article-nav{padding-top:25px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(7,28,39,.1)}
@media(max-width:820px){.weekly-grid{grid-template-columns:1fr 1fr}.weekly-card.this-week{grid-column:1/-1}.article-mast-grid,.article-layout{grid-template-columns:1fr}.article-mast-visual{min-height:280px;order:-1}.article-side{position:static}.library-controls{grid-template-columns:1fr}}
@media(max-width:560px){.library-hero{padding:120px 0 52px}.weekly-feature{align-items:flex-start;flex-direction:column}.weekly-grid{padding:42px 0 90px;grid-template-columns:1fr}.weekly-card,.weekly-card.this-week{grid-column:auto;min-height:0;padding-top:190px;background-size:100% 166px;background-image:linear-gradient(to bottom,transparent 120px,rgba(7,28,39,.54) 165px,#fff 166px),var(--article-thumb)}.weekly-card.this-week{background-color:#fffdf7;background-image:linear-gradient(to bottom,transparent 120px,rgba(7,28,39,.5) 165px,#fffdf7 166px),var(--article-thumb)}.weekly-card.this-week:before{top:12px;left:12px;font-size:.7rem}.weekly-card h2,.weekly-card.this-week h2{font-size:clamp(1.35rem,7vw,1.65rem);text-wrap:balance}.article-mast{padding:110px 0 42px}.article-mast-grid{gap:27px}.article-mast-visual{min-height:210px;border-radius:20px 45px 20px 20px}.article-mast h1{font-size:clamp(2.15rem,11vw,3.15rem);line-height:1.08}.article-content{padding:28px 20px}.article-content p{font-size:1rem}.article-nav{flex-direction:column}}
.weekly-card{--article-thumb:url('../assets/article-couples/communication.webp');padding-top:215px;overflow:hidden;background-color:#fff;background-image:linear-gradient(to bottom,transparent 145px,rgba(7,28,39,.58) 190px,#fff 191px),var(--article-thumb);background-repeat:no-repeat;background-size:100% 191px;background-position:top center}.weekly-card.this-week{background-color:#fffdf7;background-image:linear-gradient(to bottom,transparent 145px,rgba(7,28,39,.5) 190px,#fffdf7 191px),var(--article-thumb)}
@media(max-width:560px){.weekly-card,.weekly-card.this-week{grid-column:auto;min-height:0;padding-top:190px;background-size:100% 166px;background-image:linear-gradient(to bottom,transparent 120px,rgba(7,28,39,.54) 165px,#fff 166px),var(--article-thumb)}.weekly-card.this-week{background-color:#fffdf7;background-image:linear-gradient(to bottom,transparent 120px,rgba(7,28,39,.5) 165px,#fffdf7 166px),var(--article-thumb)}}

/* The article artwork, title and card body are one clear, accessible link. */
.weekly-card-stretched-link{
  position:absolute;
  inset:0;
  z-index:2;
  margin:0!important;
  border-radius:inherit;
}
.weekly-card>a:not(.weekly-card-stretched-link){
  position:relative;
  z-index:3;
}
.weekly-card:has(.weekly-card-stretched-link){
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.weekly-card:has(.weekly-card-stretched-link):hover{
  transform:translateY(-4px);
  border-color:rgba(153,113,48,.36);
  box-shadow:0 20px 46px rgba(7,28,39,.13);
}
.weekly-card-stretched-link:focus-visible{
  outline:3px solid #c99b4d;
  outline-offset:-5px;
}
@media(prefers-reduced-motion:reduce){
  .weekly-card:has(.weekly-card-stretched-link){transition:none}
}