/* Fridays: partners page, v2 "Place Card". It reads like a sponsorship deck: the promise, the four tiers compared, what you get with dates,
   the ten Fridays as a pick list, the partner wall (illustrative), questions, one call to action. base.css owns the system; this file places it.
   Order: 1 hero face  2 promise  3 tiers  4 what you get  5 pick list  6 partner wall  7 FAQ  8 close
   Classes are single-class (.partners-*, .tier*, .gets-*, .pick-*, .wall-*, .faq-*) so they never fight base rules. */

.partners-main{padding-bottom:0}
.partners-section-head{max-width:var(--measure)}
.partners-section-head h2{max-width:20ch}
.partners-section-head .lead{margin-top:var(--s3);color:var(--sage)}
.face .partners-section-head .lead{color:var(--mist)}

/* 1 hero face ------------------------------------------------------------------------------------------------------ */
.partners-hero{padding-block:clamp(56px,8vw,112px);--lamp-x:82%}
.partners-hero-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s7);align-items:center}
.partners-hero-copy{grid-column:1 / 8;min-width:0}
.partners-title{margin-top:var(--s4);max-width:14ch}
.partners-lead{margin-top:var(--s5);max-width:44ch;color:var(--mist)}
.partners-hero-actions{margin-top:var(--s6)}
.partners-facts{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line)}
.partners-fact{padding-right:var(--s6);margin-right:var(--s6);border-right:1px solid var(--line)}
.partners-fact:last-child{border-right:0;margin-right:0;padding-right:0}
.partners-fact dt{font-size:var(--fs-small);line-height:1.4;color:var(--mist)}
.partners-fact dd{margin:var(--s1) 0 0;font-family:var(--font-display);font-size:1.5rem;line-height:1.2;color:var(--cotton);white-space:nowrap}

/* the place card: what "carries your name" looks like, on paper */
.partners-card-wrap{grid-column:9 / 13;min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.partners-card{position:relative;padding:var(--s6) var(--s6) var(--s7);background:var(--cotton);color:var(--myrtle);border-radius:var(--r-print);box-shadow:var(--elev-1)}
.partners-card::before{content:"";position:absolute;inset:8px;border:1px solid var(--edge);pointer-events:none}
.partners-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.partners-card-seal .seal{--seal:28px;color:var(--myrtle)}
.partners-card-n{font-size:var(--fs-small);font-weight:500;color:var(--sage)}
.partners-card-parasha{margin-top:var(--s6);font-family:var(--font-display);font-size:2.25rem;line-height:1.1}
.partners-card-parasha span{margin-left:.3em;color:var(--sage)}
.partners-card-given{margin-top:var(--s6);font-size:var(--fs-small);color:var(--sage)}
.partners-card-name{margin-top:var(--s1);padding-bottom:var(--s2);font-family:var(--font-display);font-size:1.75rem;line-height:1.15;color:var(--sage);border-bottom:2px dotted var(--gilt-deep)}
.partners-card-when{margin-top:var(--s4);font-size:var(--fs-small);line-height:1.5;color:var(--sage)}
.partners-card-cap{display:flex;align-items:flex-start;gap:var(--s1);font-size:var(--fs-small);line-height:1.5;color:var(--mist)}
.partners-card-cap .mark{margin-top:.55em}
@media (max-width:1099px){
  .partners-hero-copy{grid-column:1 / 9}
  .partners-card-wrap{grid-column:9 / 13}
}
@media (max-width:899px){
  .partners-hero-copy,.partners-card-wrap{grid-column:1 / -1}
  .partners-card-wrap{max-width:26rem}
  .partners-title{max-width:12ch}
}
@media (max-width:599px){
  .partners-hero{padding-block:48px}
  .partners-hero-inner{row-gap:var(--s6)}
  .partners-hero-actions .btn{flex:1 1 100%}
  .partners-facts{grid-template-columns:minmax(0,1fr);margin-top:var(--s6);padding-top:0;border-top:0}
  .partners-fact{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);margin:0;padding:var(--s3) 0;border-right:0;border-top:1px solid var(--line)}
  .partners-fact dd{font-size:1.375rem}
  .partners-card{padding:var(--s5) var(--s5) var(--s6)}
  .partners-card-parasha{margin-top:var(--s5);font-size:2rem}
}

/* 2 audience ---------------------------------------------------------------------------------------------------------- */
.partners-audience{margin-top:var(--s9)}
.partners-audience-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s6);align-items:start}
.partners-audience-head{grid-column:1 / 7;min-width:0}
.partners-audience-line{margin-top:var(--s4);max-width:44ch;color:var(--myrtle)}
.partners-host{margin-top:var(--s4);max-width:44ch;color:var(--sage);font-size:var(--fs-ui)}
.audience-figures{grid-column:8 / 13;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.audience-figure{display:flex;flex-direction:column;padding:var(--s5) var(--s4);background:var(--white);border-radius:var(--r-face);box-shadow:var(--elev-1);border-top:3px solid var(--gilt-deep)}
.audience-n{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 1.6vw,3.5rem);line-height:1;font-variant-numeric:lining-nums}
.audience-l{margin-top:var(--s3);color:var(--sage);font-size:var(--fs-small);line-height:1.4}
@media (max-width:1099px){.partners-audience-head{grid-column:1 / -1}.audience-figures{grid-column:1 / -1}}
@media (max-width:599px){.partners-audience{margin-top:var(--s8)}.audience-figures{gap:var(--s2)}.audience-figure{padding:var(--s4) var(--s3)}.audience-n{font-size:2.25rem}}

/* 3 tiers: a real table from 900px, stacked per tier below ------------------------------------------------------------ */
.tiers-sheet{padding:var(--s5) var(--s6) var(--s6)}
.tiers-table{width:100%;table-layout:fixed;text-align:left}
.tiers-corner{width:11rem}
.tiers-head{padding:var(--s4) var(--s4) var(--s4) 0;vertical-align:bottom;text-align:left;border-bottom:2px solid var(--myrtle)}
.tiers-head + .tiers-head,.tiers-cell + .tiers-cell{padding-left:var(--s5)}
.tier-title{font-size:1.625rem;line-height:1.15}
.tiers-rowhead{padding:var(--s5) var(--s4) var(--s5) 0;vertical-align:top;text-align:left;font-size:var(--fs-small);font-weight:500;line-height:1.4;color:var(--sage)}
.tiers-cell{padding:var(--s5) var(--s4) var(--s5) 0;vertical-align:top;font-size:1rem;line-height:1.55}
.tiers-cell + .tiers-cell,.tiers-head + .tiers-head{border-left:1px solid var(--edge)}
.tiers-head + .tiers-head{border-left-color:var(--edge)}
.tiers-row + .tiers-row .tiers-rowhead,.tiers-row + .tiers-row .tiers-cell{border-top:1px solid var(--edge)}
.tiers-cell > p{margin:0}
.tier-gives{font-size:1rem;line-height:1.55}
.tier-cost-line{font-weight:500;font-size:1.0625rem;line-height:1.4}
.tier-note{margin-top:var(--s2)!important;color:var(--sage);font-size:var(--fs-small);line-height:1.5}
.tier-note-ink{margin-top:0!important;color:var(--myrtle);font-size:1rem}
.tier-gets li,.tier-examples li{position:relative;padding-left:20px}
.tier-gets li + li,.tier-examples li + li{margin-top:var(--s3)}
.tier-gets li::before,.tier-examples li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;background:var(--gilt-deep);transform:rotate(45deg)}
.tier-examples li{font-size:var(--fs-small);line-height:1.5;color:var(--sage)}
.tier-examples li::before{background:transparent;border:1.5px solid var(--sage)}
.tiers-shared .tiers-rowhead,.tiers-shared .tiers-cell{background:var(--linen)}
.tiers-shared .tiers-rowhead{padding-left:var(--s4)}
.tiers-shared .tier-gets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s6)}
.tiers-shared .tier-gets li + li{margin-top:0}
.tiers-shared .tiers-cell{padding-left:var(--s5);border-left:0}
.partners-after-tiers{margin-top:var(--s6);text-align:left}
.pick-end{margin-top:var(--s6)}

@media (max-width:899px){
  .tiers-sheet{padding:0;background:none;box-shadow:none;border-radius:0}
  /* one grid: --t is the tier, --r the row, so the cells fall into tier order and each tier reads as a card */
  .tiers-table{display:grid;grid-template-columns:minmax(0,1fr)}
  .tiers-table thead,.tiers-table tbody,.tiers-table tr{display:contents}
  .tiers-corner,.tiers-rowhead{display:none}
  .tiers-head{order:calc(var(--t) * 10);margin-top:var(--s5);padding:var(--s5) var(--s5) var(--s3);background:var(--white);border:0;border-top:2px solid var(--myrtle);border-radius:var(--r-print) var(--r-print) 0 0;box-shadow:var(--elev-1)}
  .tiers-head:nth-of-type(1){margin-top:0}
  .tiers-cell{order:calc(var(--t) * 10 + var(--r));display:block;padding:var(--s2) var(--s5);background:var(--white);border:0;box-shadow:var(--elev-1);clip-path:inset(0 -40px 0 -40px)}
  .tiers-cell + .tiers-cell,.tiers-head + .tiers-head{padding-left:var(--s5);border-left:0}
  .tiers-cell::before{content:attr(data-label);display:block;margin-bottom:var(--s2);font-size:var(--fs-small);font-weight:500;color:var(--sage)}
  .tiers-row + .tiers-row .tiers-cell{border-top:0}
  .tiers-eg .tiers-cell{padding-bottom:var(--s5);border-radius:0 0 var(--r-print) var(--r-print)}
  .tiers-row.tiers-shared{display:contents}
  .tiers-shared .tiers-cell{order:100;margin-top:var(--s5);padding:var(--s5);background:var(--linen);border-radius:var(--r-print);box-shadow:none;clip-path:none}
  .tiers-shared .tier-gets{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .partners-after-tiers .btn{width:100%}
  /* phones: the examples are on the home page and in the application; keep the table to what decides a yes */
  .tiers-eg .tiers-cell{display:none}
  .tiers-excl .tiers-cell{padding-bottom:var(--s5);border-radius:0 0 var(--r-print) var(--r-print)}
}

/* 4 what you get, with dates ----------------------------------------------------------------------------------------- */
.partners-gets{border-radius:0;margin-top:var(--s9);padding-block:var(--s9);--lamp-x:20%}
.partners-gets .partners-section-head{margin-bottom:var(--s7)}
.gets-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s6);counter-reset:gets}
.gets-item{position:relative;padding-top:var(--s5);border-top:1px solid var(--line);counter-increment:gets}
.gets-mark{position:absolute;left:0;top:-6px;--mk:11px;margin:0;color:var(--gilt);background:var(--gilt);border-color:var(--gilt);box-shadow:0 0 12px rgba(232,196,128,.45)}
.gets-title{font-size:1.625rem;line-height:1.15;color:var(--cotton)}
.gets-body{margin-top:var(--s2);max-width:34ch;font-size:1rem;line-height:1.55;color:var(--mist)}
@media (max-width:899px){.gets-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
  .partners-gets{margin-top:var(--s8);padding-block:var(--s8)}
  .gets-list{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .gets-body{max-width:none}
}

/* 5 pick list: a row per Friday. The bar under the time is as long as the daylight (--m comes from tokens.css). --------- */
.pick{border-bottom:1px solid var(--edge)}
.pick-row{display:grid;grid-template-columns:9rem minmax(0,1fr) 10rem 11rem;column-gap:var(--s6);align-items:center;padding:var(--s5) var(--s4);border-top:1px solid var(--edge);
  transition:background-color 160ms var(--ease-set)}
.pick-row:hover,.pick-row:focus-within{background:var(--linen)}
.pick-n{display:flex;flex-wrap:wrap;align-items:center;font-size:var(--fs-small);font-weight:500;color:var(--sage)}
.pick-stage{display:inline-flex;align-items:center;margin-right:var(--s2)}
.pick-stage:has(.menorah){flex-basis:100%;margin:0 0 var(--s2)}
.pick-stage .candle{margin:0 .2em 0 .1em;color:var(--sage)}
.pick-stage .menorah{gap:3px;margin-right:var(--s1);color:var(--sage)}
.pick-stage .menorah .light{width:5px;height:5px}
.pick-date{margin-top:var(--s1);font-family:var(--font-display);font-size:2.25rem;line-height:1;white-space:nowrap}
.pick-tag{margin-top:var(--s2);font-size:var(--fs-small);font-weight:500;color:var(--myrtle)}
.pick-parasha{font-size:1.625rem;line-height:1.15}
.pick-parasha span{margin-left:.3em;color:var(--sage)}
.pick-holiday{margin-top:var(--s1);font-size:var(--fs-small);font-weight:500;color:var(--held)}
.pick-theme{margin-top:var(--s1);max-width:54ch;font-size:var(--fs-small);line-height:1.5;color:var(--sage)}
.pick-hour{font-size:var(--fs-ui);font-weight:500;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.pick-hour-label{display:block;margin-bottom:2px;font-size:var(--fs-small);font-weight:400;color:var(--sage)}
.pick-daylight{display:block;height:2px;margin-top:var(--s2);background:var(--gilt-deep);width:calc(var(--m,60) / 120 * 100%);min-width:12%;transform-origin:left center}
.pick-go{justify-self:end;text-align:right}
.pick-row{position:relative;cursor:pointer}
.pick-link{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;font-weight:500;white-space:nowrap;text-decoration:none;color:var(--myrtle)}
.pick-link::after{content:"";position:absolute;inset:0;z-index:1}
.pick-link:focus-visible{outline:none}
.pick-row:has(.pick-link:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}
.pick-chevron{width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform 160ms var(--ease-set)}
.pick-row:hover .pick-chevron,.pick-row:focus-within .pick-chevron,.wall-slot:hover .pick-chevron,.wall-slot:focus-within .pick-chevron{transform:translateX(4px) rotate(45deg)}
.pick-row:hover .pick-link span:first-child,.pick-row:focus-within .pick-link span:first-child{text-decoration:underline;text-underline-offset:5px}
.pick-past{font-size:var(--fs-small);color:var(--sage)}
.pick-row[data-state="past"]{color:var(--sage)}
.pick-row[data-state="past"] .pick-link{display:none}
.pick-row[data-state="past"] .pick-date,.pick-row[data-state="past"] .pick-parasha{color:var(--sage)}
.pick-row[data-state="next"]{background:var(--linen);box-shadow:inset 3px 0 0 var(--myrtle)}
.pick-row[data-state="next"] .candle,.pick-row[data-state="past"] .candle,.pick-row:hover .candle,.pick-row:focus-within .candle{background:var(--myrtle);border-color:var(--myrtle)}
.pick-row[data-state="next"] .menorah .light,.pick-row[data-state="past"] .menorah .light,.pick-row:hover .menorah .light,.pick-row:focus-within .menorah .light{background:var(--myrtle);border-color:var(--myrtle)}
@media (max-width:899px){
  .pick-row{grid-template-columns:7rem minmax(0,1fr) auto;column-gap:var(--s4);row-gap:var(--s3);align-items:start;
    grid-template-areas:"when what what" "when hour go"}
  .pick-when{grid-area:when}
  .pick-what{grid-area:what}
  .pick-hour-wrap{grid-area:hour;align-self:center;max-width:9rem}
  .pick-go{grid-area:go;align-self:center}
  .pick-date{font-size:2rem}
}
@media (max-width:599px){
  .pick-row{grid-template-columns:5.5rem minmax(0,1fr);padding:var(--s4) var(--s3);column-gap:var(--s3);row-gap:var(--s1);
    grid-template-areas:"when what" "when hour" "go go"}
  .pick-when{display:flex;flex-direction:column}
  .pick-stage:has(.menorah){margin-bottom:var(--s1)}
  .pick-date{font-size:1.75rem}
  .pick-parasha{font-size:1.375rem}
  .pick-holiday,.pick-theme{display:none}
  .pick-hour-wrap{justify-self:start;text-align:left;max-width:none}
  .pick-hour{display:flex;gap:var(--s2);align-items:baseline}
  .pick-hour-label{display:inline;margin:0}
  .pick-daylight{display:none}
  .pick-go{justify-self:start;text-align:left;margin-top:0}
  .pick-link{min-height:36px}
}

/* 6 partner wall: ten Fridays, each Available until a partner is approved; a named partner fills the card ------------------------------------------ */
.partners-wall{margin-top:var(--s9)}
.wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4);margin-top:var(--s7)}
.wall-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:12.5rem;padding:var(--s5);background:var(--white);border-top:3px solid var(--gilt-deep);border-radius:var(--r-face);box-shadow:var(--elev-1);
  transition:transform 160ms var(--ease-set),box-shadow 160ms var(--ease-set)}
.wall-slot:hover,.wall-slot:focus-within{transform:translateY(-2px)}
.wall-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.wall-pill{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);background:var(--myrtle);color:var(--cotton);font-size:.8125rem;font-weight:500;line-height:1.5}
.wall-pill.is-examples{background:var(--linen);color:var(--myrtle)}
.wall-next{font-size:var(--fs-small);font-weight:500;color:var(--held)}
.wall-friday{margin-top:var(--s4);font-size:var(--fs-small);font-weight:500;color:var(--sage)}
.wall-parasha{margin-top:var(--s1);font-family:var(--font-display);font-size:1.5rem;line-height:1.15}
.wall-open{display:flex;align-items:center;gap:var(--s2);margin-top:auto;padding-top:var(--s4);min-height:44px;font-size:var(--fs-small);font-weight:500;color:var(--myrtle);text-decoration:none}
.wall-open::after{content:"";position:absolute;inset:0}
.wall-open:focus-visible{outline:none}
.wall-slot:has(.wall-open:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.wall-slot:hover .wall-open span:first-child{text-decoration:underline;text-underline-offset:5px}
.wall-names{margin-top:var(--s3);width:100%}
.wall-name{padding-block:var(--s2);font-family:var(--font-display);font-size:1.375rem;line-height:1.2}
.wall-name + .wall-name{border-top:1px solid var(--edge)}
.wall-role{display:block;margin-top:2px;font-family:var(--font-text);font-size:var(--fs-small);line-height:1.4;color:var(--sage)}
.wall-status{display:flex;align-items:center;margin-top:2px;font-family:var(--font-text);font-size:var(--fs-small);font-weight:500;line-height:1.4}
.wall-slot.has-partners{grid-column:span 2;min-height:0}
.has-partners .wall-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5)}
.has-partners .wall-name:nth-child(2){border-top:0}
.wall-note{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s3);margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--edge)}
.wall-note-title{grid-column:1 / 5;font-size:var(--fs-h3)}
.wall-note p{grid-column:5 / 12;max-width:var(--measure);font-size:var(--fs-lead);line-height:1.5}
@media (max-width:1099px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){
  .wall-note-title,.wall-note p{grid-column:1 / -1}
}
@media (max-width:599px){
    .partners-wall{margin-top:var(--s8)}
  .has-partners .wall-names{grid-template-columns:minmax(0,1fr)}
  .has-partners .wall-name:nth-child(2){border-top:1px solid var(--edge)}
  .wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
  .wall-slot{min-height:10.5rem;padding:var(--s4)}
  .wall-parasha{font-size:1.375rem}
}

/* 7 FAQ ------------------------------------------------------------------------------------------------------------------ */
.faq-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--s6);align-items:start}
.faq-title{grid-column:1 / 5;max-width:12ch}
.faq{grid-column:5 / 13;min-width:0;border-bottom:1px solid var(--edge)}
.faq-item{border-top:1px solid var(--edge)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:64px;padding:var(--s3) 0;
  font-family:var(--font-display);font-size:1.375rem;line-height:1.25;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.faq-q::after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border:1.5px solid var(--myrtle);transform:rotate(45deg);transition:transform 200ms var(--ease-set),background-color 200ms var(--ease-set)}
.faq-item[open] > .faq-q::after{background:var(--myrtle);transform:rotate(225deg)}
.faq-a{max-width:var(--measure);padding-bottom:var(--s5);color:var(--sage)}
@media (max-width:899px){.faq-title,.faq{grid-column:1 / -1}.faq-title{max-width:none}}

/* 8 close ---------------------------------------------------------------------------------------------------------------- */
.partners-close{margin-top:var(--s9);margin-bottom:var(--s9);padding-block:clamp(56px,8vw,112px);text-align:center;--lamp-x:50%}
.partners-close-inner{display:flex;flex-direction:column;align-items:center}
.partners-close-seal .seal{--seal:88px}
.partners-close-title{margin-top:var(--s5);max-width:14ch}
.partners-close-body{margin-top:var(--s4);max-width:38ch;color:var(--mist)}
.partners-close-actions{margin-top:var(--s6);justify-content:center}
@media (max-width:599px){
  .partners-close{margin-top:var(--s8);margin-bottom:var(--s8);padding-block:56px}
  .partners-close-seal .seal{--seal:72px}
  .partners-close-actions .btn:not(.btn-quiet){flex:1 1 100%}
}