/* Share the Water — big, plain, labelled controls for readers of every age */
.how{list-style:none;counter-reset:how;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:860px;margin:2rem auto 0;padding:0}
.how li{counter-increment:how;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.1rem 1.2rem 3.4rem;position:relative;text-align:left;font-family:var(--ui);box-shadow:var(--shadow)}
.how li::before{content:counter(how);position:absolute;left:1rem;top:1rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--navy);color:#fff;font-weight:600;display:grid;place-items:center;font-size:.95rem}
.how b{display:block;color:var(--navy);font-size:1.08rem}
.how span{display:block;color:var(--ink-2);font-size:1rem;margin-top:.2rem;line-height:1.45}
@media(max-width:760px){.how{grid-template-columns:1fr;max-width:420px}}
.page-head-sm{padding-bottom:0}
.today-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:3rem;align-items:center;max-width:1000px;margin:0 auto}
.tc-fig{margin:0}
.tc-fig img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-lift);display:block;background:var(--paper-2)}
.tc-body .h2{margin:.3rem 0 .4rem}
.fc-kicker{font-family:var(--ui);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);font-weight:600}
.tc-src,.s-src{font-family:var(--ui);color:var(--ink-2);font-size:1.02rem}
.tc-src a{color:var(--teal-d)}
.card-words{font-family:var(--display);font-style:italic;font-size:clamp(1.45rem,2.6vw,1.9rem);line-height:1.4;color:var(--navy);margin:.6rem 0 1rem}
.card-ctx{font-size:1.05rem}
.note-box{margin:1.4rem 0 .4rem}
.note-box label{display:block;font-family:var(--ui);font-weight:600;color:var(--navy);font-size:1.05rem;margin-bottom:.4rem}
.note-box label span{font-weight:400;color:var(--ink-3)}
.note-box textarea{width:100%;font:inherit;font-family:var(--body);font-size:1.1rem;line-height:1.5;padding:.8rem 1rem;border:1.5px solid var(--edge);border-radius:12px;background:var(--white);color:var(--navy);resize:vertical;min-height:5.2rem}
.note-box textarea:focus{outline:3px solid var(--teal-l);outline-offset:1px;border-color:var(--teal-d)}
.note-box .fine{margin-top:.35rem}
.share-acts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}
.share-acts .pill{justify-content:center;min-height:52px;font-size:1.02rem;width:100%}
.share-acts [data-act=share]{grid-column:1/-1;min-height:58px;font-size:1.12rem}
.moods{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1.6rem auto 0;max-width:900px}
.mood{font-family:var(--ui);font-size:1.02rem;font-weight:500;min-height:48px;padding:.6rem 1.15rem;border-radius:999px;border:1.5px solid var(--edge);background:var(--white);color:var(--navy);cursor:pointer}
.mood:hover{border-color:var(--navy)}
.mood.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.mood:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.count{text-align:center;margin:1rem 0 1.6rem}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.6rem}
.s-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:.9rem .9rem 1rem;box-shadow:var(--shadow);display:flex;flex-direction:column}
.s-card[hidden]{display:none}
.s-img img{width:100%;height:auto;border-radius:12px;display:block;background:var(--paper-2)}
.s-card .s-src{margin:.8rem .2rem 0;font-size:.98rem}
.s-card .share-acts{margin-top:auto;padding-top:.8rem}
.s-card .share-acts .pill{min-height:48px;font-size:.98rem}
.share-note{margin-top:2.6rem;line-height:1.7}
.follow-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.4rem;margin-top:2rem}
.follow-grid>[hidden]{display:none}
.follow-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.8rem 1.6rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
.follow-card h3{font-family:var(--display);color:var(--navy);font-size:1.6rem;margin:0}
.follow-card p{margin:0;color:var(--ink-2);font-size:1.05rem}
.follow-card .pill{margin-top:auto}
.fc-main{background:var(--book-water);border:0}
.fc-main p,.fc-main .fine{color:var(--navy)}
.share-toast{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom));transform:translate(-50%,140%);max-width:min(92vw,520px);background:var(--navy);color:#fff;font-family:var(--ui);font-size:1.05rem;line-height:1.45;padding:1rem 1.3rem;border-radius:14px;box-shadow:var(--shadow-lift);z-index:90;transition:transform .35s ease,visibility 0s .35s;text-align:center;visibility:hidden}
.share-toast.show{transform:translate(-50%,0);visibility:visible;transition:transform .35s ease}
body.has-buybar .share-toast{bottom:calc(5.4rem + env(safe-area-inset-bottom))}
@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.follow-grid{grid-template-columns:1fr 1fr}.fc-main{grid-column:1/-1}}
@media(max-width:700px){
  .today-grid{grid-template-columns:1fr;gap:1.6rem}
  .tc-fig{max-width:420px;margin:0 auto}
  .card-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}
  .follow-grid{grid-template-columns:1fr}
  .moods{gap:.5rem}.mood{flex:1 1 calc(50% - .5rem);padding:.6rem .7rem}
}
@media(prefers-reduced-motion:reduce){.share-toast{transition:none}}
/* practice card pages */
.practice-h{margin:.4rem 0 .6rem}
.practice-steps{font-size:1.18rem;line-height:1.65;color:var(--ink-2);margin:0 0 1rem}
.card-words.small{font-size:1.25rem}
#more-wrap{margin-top:2.2rem}
/* for spas & studios */
.maker-name{max-width:560px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.6rem 1.2rem;box-shadow:var(--shadow)}
.maker-name label{display:block;font-family:var(--ui);font-weight:600;color:var(--navy);font-size:1.12rem;margin-bottom:.5rem}
.maker-name input{width:100%;font-family:var(--body);font-size:1.2rem;padding:.85rem 1rem;border:1.5px solid var(--edge);border-radius:12px;color:var(--navy);background:#fff}
.maker-name input:focus{outline:3px solid var(--teal-l);outline-offset:1px;border-color:var(--teal-d)}
.maker-name .fine{margin-top:.5rem}
.maker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin-top:1.8rem}
.maker-card{gap:.6rem}
.maker-cv{width:100%;height:auto;aspect-ratio:1080/1350;border-radius:12px;background:var(--paper-2);display:block}
.cap-l{font-family:var(--ui);font-weight:600;color:var(--navy);font-size:.98rem;margin-top:.4rem}
.cap{width:100%;font-family:var(--ui);font-size:.98rem;line-height:1.5;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink-2);resize:vertical}
.maker-card .share-acts{grid-template-columns:1fr}
.maker-card .share-acts [data-a=feed]{min-height:54px}
.plan{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:1.02rem;margin-top:1.4rem}
.plan th,.plan td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);color:var(--navy)}
.plan th{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.plan td:first-child{white-space:nowrap;color:var(--ink-2)}
.plan a{color:var(--teal-d)}
.partner-notes{margin:2rem 0 0;padding-left:1.2rem;color:var(--ink-2);line-height:1.7}
@media(max-width:1000px){.maker-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.maker-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}
/* reflection journal on teaching pages */
.journal{margin-top:1.6rem;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.3rem 1rem;box-shadow:var(--shadow)}
.journal label{display:block;font-family:var(--ui);font-weight:600;color:var(--navy);font-size:1.08rem;margin-bottom:.5rem}
.journal label span{font-weight:400;color:var(--ink-3)}
.journal textarea{width:100%;min-height:9rem;font-family:var(--body);font-size:1.15rem;line-height:1.6;padding:.9rem 1rem;border:1.5px solid var(--edge);border-radius:12px;background:var(--paper);color:var(--navy);resize:vertical}
.journal textarea:focus{outline:3px solid var(--teal-l);outline-offset:1px;border-color:var(--teal-d)}
.j-acts{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;align-items:center}
.j-acts .pill{min-height:48px}
.j-status{font-family:var(--ui);font-size:.95rem;color:var(--ink-3);margin-left:auto}
@media print{body.print-journal .nav,body.print-journal footer,body.print-journal .buybar,body.print-journal .sec-tint,body.print-journal .ctas,body.print-journal figure,body.print-journal .j-acts{display:none!important}
 body.print-journal .journal{box-shadow:none;border:0;padding:0}body.print-journal .journal textarea{border:1px solid #999;min-height:0;height:auto}}

/* ===== Share page, organized (Nov 2026) ===== */
.wrap-wide{max-width:1360px}
.page-head-short{padding-top:3.4rem;padding-bottom:2.8rem}
.today-share{padding-top:3.5rem}
.today-share .today-grid{max-width:1120px}
.tc-src{margin:.2rem 0 0}
.tc-src a{color:var(--teal-d)}
.note-box textarea{min-height:3.6rem}
/* this time's strip */
.time-strip{max-width:1120px;margin:3rem auto 0;border-top:1px solid var(--line);padding-top:1.8rem}
.ts-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.ts-head h3{font-family:var(--display);font-size:1.4rem;color:var(--navy);margin:0}
.ts-head a{font-family:var(--ui);color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
/* browse bar */
.browse-bar{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:center;margin:0 auto 1rem;max-width:1100px}
.kinds{display:flex;flex-wrap:wrap;gap:.25rem;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:.3rem;box-shadow:var(--shadow)}
.kind{font-family:var(--ui);font-size:1.02rem;font-weight:500;min-height:46px;padding:.55rem 1.15rem;border-radius:999px;border:0;background:transparent;color:var(--navy);cursor:pointer}
.kind:hover{background:var(--paper-2)}
.kind.on{background:var(--navy);color:#fff}
.kind:focus-visible,.feel:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.feel-wrap{display:flex;align-items:center;gap:.6rem;font-family:var(--ui);color:var(--navy);font-weight:600}
.feel{font-family:var(--ui);font-size:1.02rem;min-height:48px;padding:.5rem 2.4rem .5rem 1rem;border:1.5px solid var(--edge);border-radius:999px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2312355b' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 1rem center;color:var(--navy);appearance:none;-webkit-appearance:none;cursor:pointer}
/* groups of tiles */
.group{margin-top:3rem}
.group[hidden]{display:none}
.group-head{display:flex;align-items:baseline;gap:.4rem 1.2rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:.7rem;margin-bottom:1.4rem}
.group-head h3{font-family:var(--display);font-size:1.65rem;color:var(--navy);margin:0}
.group-head p{margin:0;color:var(--ink-2);font-size:1.02rem}
.sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.4rem}
.scard{display:flex;flex-direction:column}
.scard[hidden]{display:none}
.sc-open{border:0;padding:0;background:none;cursor:pointer;border-radius:12px;display:block;transition:transform .2s ease,box-shadow .2s ease}
.sc-open img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:var(--shadow);background:var(--paper-2)}
.sc-open:hover{transform:translateY(-3px)}
.sc-open:hover img{box-shadow:var(--shadow-lift)}
.sc-open:focus-visible{outline:3px solid var(--teal-l);outline-offset:3px}
.sc-meta{margin:.75rem .1rem 0;font-family:var(--ui);line-height:1.35}
.sc-meta span{display:block;font-size:.88rem;color:var(--ink-3)}
.sc-meta b{display:block;color:var(--navy);font-size:1.02rem;font-weight:600}
.sc-acts{display:flex;align-items:center;gap:.9rem;margin-top:.7rem;flex-wrap:wrap}
.sc-acts .pill{min-height:46px;padding-left:1.6rem;padding-right:1.6rem}
.more-link{border:0;background:none;padding:.4rem 0;font-family:var(--ui);font-size:.98rem;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sc-sm .sc-meta{margin-top:.5rem}
.sc-sm .sc-meta b{font-size:.95rem}
.group-more{text-align:center;margin-top:1.6rem}
.group-more[hidden]{display:none}
/* card viewer */
.card-dlg{border:0;padding:0;margin:auto;position:fixed;inset:0;height:fit-content;border-radius:22px;max-width:min(1040px,94vw);width:100%;max-height:92vh;background:var(--paper);box-shadow:0 30px 90px rgba(6,20,40,.35);color:var(--navy)}
.card-dlg::backdrop{background:rgba(12,38,68,.55)}
.dlg-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.2rem;padding:2.2rem;align-items:start}
.dlg-grid .tc-fig img{border-radius:14px}
.dlg-x{position:sticky;top:.8rem;float:right;margin:.8rem .8rem 0 0;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--edge);background:var(--white);font-size:1.7rem;line-height:1;color:var(--navy);cursor:pointer;z-index:2}
.dlg-x:focus-visible{outline:3px solid var(--teal-l)}
.card-dlg .h2{font-size:clamp(1.35rem,2.4vw,1.75rem);margin:.3rem 0 .4rem}
.dlg-more a{color:var(--teal-d)}
@media(max-width:1180px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dlg-grid{grid-template-columns:1fr;padding:1.2rem 1.2rem 1.6rem;gap:1.2rem}.dlg-grid .tc-fig{max-width:340px;margin:0 auto}}
@media(max-width:560px){.sc-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kinds{border-radius:18px;justify-content:center}.kind{padding:.5rem .9rem}.card-dlg{max-height:96vh;border-radius:16px}}

/* ===== Water Year page ===== */
.wy-thesis{font-family:var(--display);font-style:italic;font-size:clamp(1.25rem,2.4vw,1.55rem);color:var(--navy);max-width:640px;margin:1.6rem auto 0}
.wy-thesis small{display:block;font-family:var(--ui);font-style:normal;font-size:.92rem;color:var(--ink-2);margin-top:.4rem}
.wy-now{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:3rem;align-items:center;max-width:1120px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:2.6rem;box-shadow:var(--shadow)}
.wy-now .h2{margin:.3rem 0 .2rem}
.wy-now-inv{font-family:var(--display);font-style:italic;font-size:1.5rem;color:var(--teal-d);margin:0}
.wy-now-dates{font-family:var(--ui);color:var(--ink-2);margin:.5rem 0 0}
.wy-weeks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;margin:1.4rem 0 0}
.wy-weeks li{border:1.5px solid var(--line);border-radius:12px;padding:.7rem .8rem;font-family:var(--ui);background:var(--paper)}
.wy-weeks b{display:block;color:var(--navy);font-size:.95rem}
.wy-weeks span{display:block;color:var(--ink-3);font-size:.88rem;line-height:1.35;margin-top:.2rem}
.wy-weeks li.on{border-color:var(--navy);background:var(--navy)}
.wy-weeks li.on b,.wy-weeks li.on span{color:#fff}
.wy-moon{font-family:var(--ui);color:var(--ink-2);margin:1rem 0 0}
.wy-moon::before{content:"☾ ";color:var(--gold)}
.wy-now .ctas{margin-top:1.4rem}
.wy-now-card{display:block;text-decoration:none;text-align:center}
.wy-now-card img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-lift);background:var(--paper-2)}
.wy-now-card span{display:block;font-family:var(--ui);color:var(--teal-d);margin-top:.6rem;text-decoration:underline;text-underline-offset:3px}
.wy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
.wy-season{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.2rem;box-shadow:var(--shadow)}
.wy-season h3{font-family:var(--display);font-size:1.6rem;color:var(--navy);margin:0 0 .8rem}
.wy-season h3 small{display:block;font-family:var(--ui);font-size:.9rem;color:var(--gold-ink);letter-spacing:.06em;margin-top:.2rem}
.wy-season ol{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.wy-time{border-radius:12px;padding:.8rem .9rem;background:var(--paper);border:1.5px solid transparent;position:relative}
.wy-dates{display:block;font-family:var(--ui);font-size:.85rem;color:var(--ink-3)}
.wy-name{display:block;font-family:var(--display);color:var(--navy);font-size:1.12rem;margin-top:.15rem}
.wy-inv{display:block;font-style:italic;color:var(--ink-2);font-size:1rem}
.wy-pass{display:block;font-family:var(--ui);font-size:.9rem;color:var(--teal-d);margin-top:.35rem;text-decoration:underline;text-underline-offset:3px}
.wy-here{display:none}
.wy-time.now{border-color:var(--navy);background:var(--mist)}
.wy-time.now .wy-here{display:inline-block;position:absolute;top:.6rem;right:.6rem;font-family:var(--ui);font-size:.75rem;font-weight:600;background:var(--navy);color:#fff;border-radius:999px;padding:.15rem .6rem}
.wy-still{text-align:center;margin:2rem auto 0;max-width:640px;font-family:var(--ui);color:var(--ink-2)}
.wy-still span{color:var(--ink-3)}
.wy-rhythm{grid-template-columns:repeat(4,1fr);max-width:1000px}
@media(max-width:1000px){.wy-grid{grid-template-columns:1fr 1fr}.wy-rhythm{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wy-now{grid-template-columns:1fr;padding:1.6rem}.wy-now-card{max-width:300px;margin:0 auto}.wy-weeks{grid-template-columns:1fr 1fr}.wy-grid{grid-template-columns:1fr}.wy-rhythm{grid-template-columns:1fr}}

.sc-meta b{overflow-wrap:normal;word-break:normal}
@media(max-width:560px){.strip .scard:nth-child(n+5){display:none}}

/* ===== Share, v3: find a card for someone, then send it ===== */
/* kind tags: the same three colors as the cards' washes */
.kind-tag{display:inline-block;font-family:var(--ui);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.22rem .65rem;background:#f1e8d8;color:var(--gold-ink)}
.tag-question{background:#dcebf3;color:#1f5366}
.tag-practice{background:#e3ecdc;color:#3f6237}
.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.45rem;vertical-align:-.05rem;background:#e8d9b8}
.dot-question{background:#b9d6e6}.dot-practice{background:#c7dbbb}
/* today */
.today2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3.2rem;align-items:center;max-width:1040px;margin:0 auto}
.today2-card{border:0;padding:0;background:none;cursor:pointer;border-radius:14px}
.today2-card img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:var(--shadow-lift);background:var(--paper-2)}
.today2-card:focus-visible{outline:3px solid var(--teal-l);outline-offset:4px}
.today2-words{font-family:var(--display);font-style:italic;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.45;color:var(--navy);margin:.8rem 0 .6rem}
.today2-acts{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.4rem}
.send-main{min-height:58px;font-size:1.15rem;padding-left:2.4rem;padding-right:2.4rem}
/* who is it for */
.who{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:1080px;margin:0 auto}
.who-b{font-family:var(--ui);font-size:1.08rem;font-weight:500;min-height:54px;padding:.7rem 1.4rem;border-radius:16px;border:1.5px solid var(--edge);background:var(--white);color:var(--navy);cursor:pointer;box-shadow:var(--shadow)}
.who-b:hover{border-color:var(--navy)}
.who-b.on{background:var(--navy);border-color:var(--navy);color:#fff}
.who-b:focus-visible,.kind:focus-visible,.scard:focus-visible{outline:3px solid var(--teal-l);outline-offset:3px}
.kind-row{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;margin:1.6rem auto 0;font-family:var(--ui);color:var(--ink-2)}
.kind-row .kinds{box-shadow:none}
.kind-row .kind{min-height:42px;font-size:.98rem;padding:.45rem 1rem}
/* groups and tiles */
.group-head{justify-content:space-between}
.group-head .more-link{font-size:1.02rem;font-weight:600}
.scard{display:flex;flex-direction:column;text-align:left;border:0;padding:0;background:none;cursor:pointer;color:inherit;font:inherit}
.scard[hidden]{display:none}
.sc-img{display:block;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.sc-img img{width:100%;height:auto;display:block;background:var(--paper-2)}
.scard:hover .sc-img{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.sc-meta{display:block;margin:.75rem .1rem 0}
.sc-words{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.45rem;font-family:var(--display);font-style:italic;font-size:1.06rem;line-height:1.4;color:var(--navy)}
.time-strip .sc-words{font-size:.98rem}
/* send view */
.send{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.6rem;align-items:start;max-width:1040px;margin:0 auto}
.send-fig{margin:0}
.send-fig img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:var(--shadow-lift);background:var(--paper-2)}
.send-h{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3vw,2.2rem);color:var(--navy);margin:.6rem 0 1rem;line-height:1.15}
.send-l{display:block;font-family:var(--ui);font-weight:600;color:var(--navy);font-size:1.02rem;margin:1rem 0 .4rem}
.send-l span{font-weight:400;color:var(--ink-3)}
.send-l textarea{display:block;margin-top:.4rem;width:100%;font-family:var(--body);font-size:1.1rem;line-height:1.5;padding:.75rem 1rem;border:1.5px solid var(--edge);border-radius:12px;background:var(--white);color:var(--navy);resize:vertical;min-height:3.4rem}
.send-l textarea:focus{outline:3px solid var(--teal-l);outline-offset:1px;border-color:var(--teal-d)}
.preview{white-space:pre-wrap;font-family:var(--body);font-size:.98rem;line-height:1.55;color:var(--ink-2);background:var(--white);border:1px dashed var(--edge);border-radius:12px;padding:.9rem 1rem;max-height:11rem;overflow:auto}
.send .send-main{width:100%;margin-top:1.3rem}
.send-hint{font-family:var(--ui);font-size:.95rem;color:var(--ink-3);text-align:center;margin:.55rem 0 0}
.send-alt{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}
.send-alt a,.send-alt button{font-family:var(--ui);font-size:1rem;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:.35rem 0;cursor:pointer}
.thanks{margin-top:1.2rem;background:var(--mist);border-radius:14px;padding:1.1rem 1.2rem;text-align:center}
.thanks[hidden]{display:none}
.thanks-h{font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--navy);margin:0 0 .3rem}
.thanks p{margin:.2rem 0;color:var(--ink-2)}
.thanks-acts{display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.7rem!important}
.send-src{font-family:var(--ui);font-size:.92rem;color:var(--ink-3);margin-top:1.2rem;text-align:center}
.send-src a{color:var(--teal-d)}
.card-dlg .send{padding:2rem 2.2rem 2.2rem;max-width:none}
.card-dlg{max-width:min(1080px,95vw)}
@media(max-width:820px){.today2,.send{grid-template-columns:1fr;gap:1.4rem}.today2-card,.send-fig{max-width:340px;margin:0 auto}.card-dlg .send{padding:1.2rem 1.1rem 1.6rem}}
@media(max-width:560px){.who-b{flex:1 1 100%;font-size:1.05rem}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:1.2rem .9rem}.sc-words{font-size:.98rem}.today2-acts{justify-content:center}.send-main{width:100%}}

.sc-meta .kind-tag{width:fit-content}
.sc-words{max-height:2.85em}
@media(max-width:560px){.who{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.who-b{flex:none;font-size:1rem;padding:.6rem .7rem;min-height:58px;line-height:1.25}}

/* teaching pages: the send panel is wider than the reading column */
.send-wrap{width:min(1040px,calc(100vw - 2rem));margin:2.6rem 0 0 calc(50% - min(520px, 50vw - 1rem));background:var(--white);border:1px solid var(--line);border-radius:22px;padding:2rem;box-shadow:var(--shadow)}
@media(max-width:820px){.send-wrap{padding:1.2rem}}

@media(max-width:820px){.today2,.send{grid-template-columns:minmax(0,1fr)}}
.preview{overflow-wrap:anywhere}
.send-wrap{box-sizing:border-box}

/* ===== home: a door to the cards ===== */
.hero-cards{margin:.9rem 0 0;font-family:var(--ui);font-size:1.05rem}
.hero-cards a{color:var(--teal-d);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.today-home .today{max-width:960px;grid-template-columns:300px 1fr;gap:2.6rem;padding:2.2rem}
.today-home .today blockquote{font-size:1.5rem}
.today-img{display:block;border-radius:12px}
.today-img img{width:100%;height:auto;display:block}
.today-home .today .fine{margin-top:.9rem}
.today-home .today .fine a{color:var(--teal-d)}
.rail-wrap{max-width:1120px;margin:3rem auto 0}
.rail-wrap[hidden]{display:none}
.rail-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.rail-head h3{font-family:var(--display);font-size:1.4rem;color:var(--navy);margin:0}
.rail-btns{display:flex;gap:.5rem}
.rail-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--edge);background:var(--white);color:var(--navy);font-size:1.2rem;cursor:pointer}
.rail-btn:focus-visible,.rail:focus-visible,.rail-card:focus-visible{outline:3px solid var(--teal-l);outline-offset:3px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4.5rem) / 4.4);gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1rem;scrollbar-width:thin}
.rail-card{scroll-snap-align:start;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.rail-card img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);background:var(--paper-2);transition:transform .2s ease}
.rail-card:hover img{transform:translateY(-3px)}
.rail-card .kind-tag{width:fit-content;margin-top:.7rem}
.rail-words{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.85em;margin-top:.4rem;font-family:var(--display);font-style:italic;font-size:1.02rem;line-height:1.4;color:var(--navy)}
.rail-hint{display:none;text-align:center;font-family:var(--ui);color:var(--ink-3);font-size:.95rem;margin:.4rem 0 0}
@media(max-width:820px){.today-home .today{grid-template-columns:1fr;text-align:center;padding:1.4rem}.today-home .today img{max-width:300px;margin:0 auto}.today-home .today .ctas{justify-content:center}
  .rail{grid-auto-columns:62%}.rail-btns{display:none}.rail-hint{display:block}}
.send-ig{border-top:0;padding-top:0;margin-top:.5rem}
.send-ig span{font-family:var(--ui);font-size:.95rem;color:var(--ink-3)}
.welcome{max-width:1040px;margin:0 auto 1.8rem;text-align:center;font-family:var(--body);font-size:1.15rem;color:var(--navy)}
.welcome p{margin:0}
.welcome-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin-top:.7rem!important;font-family:var(--ui);font-size:1rem}
.welcome-links a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}

/* ===== "Stay close to the water": one watercolor panel, like the cards ===== */
.follow-sec{background:var(--paper-2)}
.follow-panel{position:relative;overflow:hidden;max-width:1080px;margin:0 auto;background:url(/assets/brand/paper-hero.webp) center/cover;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-lift);padding:3.4rem 3rem 3rem;text-align:center}
.fp-vine{position:absolute;top:-24px;left:-14px;width:120px;height:auto;pointer-events:none}
.fp-lotus{position:absolute;right:18px;bottom:14px;width:150px;height:auto;opacity:.9;pointer-events:none}
.fp-head .script{font-size:clamp(2.6rem,6vw,3.4rem)}
.fp-head .h2{margin:.2rem 0 0}
.fp-head .divider{margin:1rem auto 0}
.fp-cols{display:flex;justify-content:center;align-items:stretch;margin-top:2.4rem}
.fp-col{position:relative;flex:1 1 0;max-width:400px;padding:.4rem 2.6rem;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.fp-col+.fp-col{border-left:1px solid rgba(200,148,45,.45)}
.fp-col+.fp-col::before{content:"";position:absolute;left:-9px;top:50%;width:17px;height:17px;margin-top:-8px;background:url(/assets/brand/Gold_Heart.svg) center/contain no-repeat,var(--paper);border-radius:50%}
.fp-col h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.75rem;color:var(--navy);margin:0}
.fp-col p{margin:0;color:var(--ink-2);font-size:1.06rem;line-height:1.6;max-width:30ch}
.fp-col .pill{margin-top:auto}
.fp-col p.fine{font-size:.92rem;max-width:32ch}
.fp-fb{margin:2.2rem 0 0;font-family:var(--ui);color:var(--ink-2);font-size:.98rem}
.fp-fb[hidden]{display:none}
.fp-fb a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .follow-panel{padding:2.6rem 1.3rem 2.4rem;border-radius:22px}
  .fp-vine{width:84px}.fp-lotus{width:104px;opacity:.55}
  .fp-cols{flex-direction:column;align-items:center}
  .fp-col{padding:1.8rem .4rem;max-width:none}
  .fp-col+.fp-col{border-left:0;border-top:1px solid rgba(200,148,45,.45)}
  .fp-col+.fp-col::before{left:50%;top:-9px;margin:0 0 0 -8px}
  .fp-col .pill{margin-top:.4rem}
}
.fp-col .pill{white-space:nowrap}

/* =====================================================================
   DESIGN SYSTEM LAYER (Nov 1). One rule for each kind of thing, site-wide.
   Buttons: 3 sizes · Headings: H1, H2, H3, H3-italic · Labels: 1 style
   Surfaces: card (18px) and panel (24px), one border, one shadow
   Widths: reading 720 · standard 1120 · wide 1360
   ===================================================================== */
:root{--r-img:12px;--r-card:18px;--r-panel:24px;--pad-card:1.8rem;--pad-panel:2.6rem}

/* -- Buttons: Large (the one main action), Medium (default), Small -- */
.pill{white-space:nowrap;font-size:1rem;min-height:50px}
.pill.pill-sm{font-size:.95rem;min-height:42px}
.pill.send-main,.send .send-main,.today2 .send-main{font-size:1.15rem;min-height:58px}
.share-acts .pill,.s-card .share-acts .pill,.maker-card .share-acts .pill,.j-acts .pill,.tile-acts .pill,.sc-acts .pill{min-height:42px;font-size:.95rem}
.share-acts [data-act=share]{min-height:50px;font-size:1rem}
.maker-card .share-acts [data-a=feed]{min-height:50px;font-size:1rem}

/* -- Headings -- */
main .h2,main h2.h2{font-family:var(--display);font-weight:700}
main h3:not(.script):not(.h-italic){font-family:var(--display);font-weight:700;font-style:normal;font-size:1.5rem;line-height:1.25}
.fp-col h3,.thanks-h,.tw-card h3,.passage h3,.wy-name{font-family:var(--display)!important;font-style:italic!important;font-weight:500!important}
.fp-col h3,.tw-card h3,.passage h3{font-size:1.75rem!important}

/* -- Labels (the small gold capitals above titles) -- */
.eyebrow,.fc-kicker,.kicker,.lab,.rc .kind,.plan th{font-family:var(--ui)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--gold-ink)!important}
.kind-tag{font-size:.75rem!important;letter-spacing:.08em!important}

/* -- Script accents: page title, section title, small accent -- */
.page-head .script,.hero .script{line-height:1}
.sec-head .script,.current .script,.fp-head .script,.story .script,#amal h2.script,.sec .narrow > .script,.center > .script{font-size:clamp(2.6rem,6vw,3.4rem)!important}
.page-head .script{font-size:clamp(3rem,7vw,4.4rem)!important}

/* -- Surfaces: every card the same, every panel the same -- */
.tile,.rc,.pitch,.oc,.voice,.s-card,.wy-season,.maker-name,.follow-card,.journal,.how li,.st-list,.form,.faq details,.tw-card{border-radius:var(--r-card)!important;border:1px solid var(--line);box-shadow:var(--shadow)}
.today,.wy-now,.follow-panel,.send-wrap,.current,.world,.card-dlg{border-radius:var(--r-panel)!important}
.today,.wy-now,.send-wrap{border:1px solid var(--line);box-shadow:var(--shadow)}
.sc-img,.sc-img img,.today2-card img,.send-fig img,.tc-fig img,.rail-card img,.wy-now-card img,.today img,.today-img{border-radius:var(--r-img)!important}

/* -- Widths -- */
.trade-wrap{max-width:1120px}
.wall-wrap{max-width:1360px}
/* system layer, part 2 */
:root{--r:18px}
main .script{font-size:clamp(2.6rem,6vw,3.4rem)}
.pill.pill-block{font-size:1rem}
.cardgrid a,.cardgrid img{border-radius:var(--r-img)}
.wy-season h3 small{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}

/* phones: the dream picture must never push the page sideways */
@media(max-width:900px){.story{grid-template-columns:minmax(0,1fr)}.story-art{width:100%;max-width:440px}.story-art img{width:100%;height:auto}}
.rv-track{overflow-anchor:none}

/* ===== Home page, Gen Z + Gen X pass (Nov 1) ===== */
/* trust line under the hero buttons */
.hero-trust{margin:1rem 0 0;font-family:var(--ui);font-size:.98rem;color:var(--ink-2)}
.hero-trust .stars{color:var(--gold);letter-spacing:.08em;margin-right:.3rem}
/* the brand line: Made of Water. Filled with Hope. */
.brand-band{position:relative;overflow:hidden;text-align:center;background:url(/assets/brand/paper-hero.webp) center/cover;padding:5rem 1.5rem 4.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bb-vine{position:absolute;top:-30px;left:-10px;width:150px;height:auto;pointer-events:none}
.bb-lotus{position:absolute;right:4%;bottom:10px;width:170px;height:auto;opacity:.9;pointer-events:none}
.bb-line{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.15;color:var(--navy);margin:0}
.bb-sig{margin:1.2rem 0 0;display:flex;justify-content:center;align-items:baseline;gap:.8rem}
.bb-sig .script{font-size:2.4rem!important;color:var(--navy)}
.bb-sig em{font-family:var(--naskh);font-style:normal;font-size:1.3rem;color:var(--teal)}
.bb-send{margin:1.2rem 0 0;font-family:var(--ui);font-size:1rem}
.bb-send a{color:var(--teal-d);font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.brand-band{padding:3.6rem 1.2rem 3.2rem}.bb-vine{width:90px}.bb-lotus{width:110px;opacity:.5}}
/* the Water Year badge above today's card */
.wy-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--ui);font-size:.95rem;font-weight:600;color:var(--navy);background:var(--mist);border:1px solid #c9dfe9;border-radius:999px;padding:.5rem 1.1rem;text-decoration:none!important}
.wy-badge span{color:var(--gold);font-size:1.1rem}
.wy-sub{display:block;margin-top:.8rem}
/* grief door under the swipe row */
.grief-door{text-align:center;margin:2rem 0 0;font-family:var(--ui);font-size:1.02rem}
.grief-door a{color:var(--teal-d);text-decoration:underline;text-underline-offset:4px}
/* springs, in one band */
.springs-band{padding:4rem 0}
.springs-h{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3vw,2rem);color:var(--navy);margin:0}
.springs-line{font-size:1.1rem;color:var(--ink-2);margin:.7rem 0 0}
.springs-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1.6rem;margin:.9rem 0 0;font-family:var(--ui)}
.springs-links a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
/* FAQ */
.faq-more{margin-top:1.6rem}
.more-q[hidden]{display:none}
/* phones: one compact buy row in the book section (the hero already has the buttons) */
@media(max-width:700px){
  #book .fcard .f-meta,#book .price-note,#book .card-notes li:nth-child(n+2){display:none}
  #book .cover{max-width:170px;margin:0 auto}
  #book .card{padding:1.2rem}
}
footer .foot-line{font-family:var(--display);font-style:italic;font-size:1.25rem;color:inherit;margin:.6rem 0 .4rem;opacity:.95}
@media(max-width:700px){
  #book .world{grid-template-columns:minmax(0,1fr)}
  #book .card{min-width:0}
  #amal .story-art{display:none}                 /* the dream picture lives on About Amal Lana */
  .today-home .today img{max-width:240px}
  .today-home .today blockquote{font-size:1.3rem}
}

/* ===== The Water Year as a calendar (Nov 1) ===== */
:root{--s-spring:#dbe8d3;--s-summer:#f2e2bc;--s-autumn:#eed3c2;--s-winter:#d5e5ef;--s-spring-d:#5f7f4f;--s-summer-d:#8a6a1f;--s-autumn-d:#9a5a3c;--s-winter-d:#2f6a8a}
.wy-now{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.wy-now-dates{margin:.4rem 0 0}
/* moon strip: the 28 days of this time */
.moonstrip{display:grid;grid-template-columns:repeat(28,minmax(0,1fr));gap:3px;margin:1.3rem 0 0}
.moonstrip .md{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:46px;border-radius:6px;background:var(--paper-2);font-family:var(--ui);font-size:.68rem;color:var(--ink-3);padding-bottom:3px}
.moonstrip .md.wk{box-shadow:inset 2px 0 0 rgba(200,148,45,.55)}
.moonstrip .md.is-past{background:#ece4d2;color:var(--ink-3)}
.moonstrip .md.is-today{background:var(--navy);color:#fff}
.moonstrip .md b{font-weight:600}
.moonstrip i,.ms-key i{display:inline-block;width:12px;height:12px;border-radius:50%}
.moonstrip .md i{position:absolute;top:6px;left:50%;margin-left:-6px}
.mf{background:radial-gradient(circle at 40% 40%,#fff8e6,#e8c873);box-shadow:0 0 0 1px #c8942d}
.mn{background:#1d2f45;box-shadow:0 0 0 1px #1d2f45}
.mt{background:var(--navy);border-radius:3px!important}
.ms-key{grid-column:1/-1;display:flex;gap:1.2rem;flex-wrap:wrap;margin:.6rem 0 0;font-family:var(--ui);font-size:.85rem;color:var(--ink-3)}
.ms-key span{display:inline-flex;align-items:center;gap:.4rem}
/* weeks, with their dates */
.wy-weeks li b,.wd-weeks li b{font-size:.95rem}
.wy-weeks li span,.wd-weeks li span{font-size:.88rem}
.wy-now-acts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.8rem;margin-top:1.4rem}
/* add to calendar */
.addcal{position:relative}
.addcal summary{list-style:none;cursor:pointer}
.addcal summary::-webkit-details-marker{display:none}
.addcal summary span{font-size:1.1rem;margin-right:.2rem}
.addcal-menu{position:absolute;z-index:20;top:calc(100% + 8px);left:0;min-width:290px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lift);padding:.6rem}
.addcal-menu a{display:block;font-family:var(--ui);font-weight:600;color:var(--navy);padding:.75rem .9rem;border-radius:10px;text-decoration:none}
.addcal-menu a:hover,.addcal-menu a:focus-visible{background:var(--mist)}
.addcal-menu p{font-family:var(--ui);font-size:.85rem;color:var(--ink-3);margin:.3rem .9rem .4rem}
/* the wheel */
.wheel-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.6rem;align-items:center}
.wheel{width:100%;height:auto;display:block;overflow:visible}
.w-seg{cursor:pointer;outline:none}
.w-seg path{stroke:#fff;stroke-width:2;transition:transform .2s ease,filter .2s ease;transform-origin:320px 320px}
.s-spring path{fill:var(--s-spring)}.s-summer path{fill:var(--s-summer)}.s-autumn path{fill:var(--s-autumn)}.s-winter path{fill:var(--s-winter)}.s-still path{fill:#fff;stroke:var(--gold);stroke-width:1.5}
.w-seg:hover path{filter:brightness(.96)}
.w-seg.is-sel path{stroke:var(--navy);stroke-width:3;transform:scale(1.03)}
.w-seg:focus-visible path{stroke:var(--teal-d);stroke-width:3}
.w-seg.is-now path{filter:saturate(1.5) brightness(.93)}
.w-num{font-family:var(--ui);font-size:15px;font-weight:600;fill:var(--navy);pointer-events:none}
.w-label{font-family:var(--display);font-style:italic;font-size:17px;fill:var(--navy);pointer-events:none}
.w-seg.is-sel .w-label{font-weight:700}
.w-month{font-family:var(--ui);font-size:12px;fill:var(--ink-3);letter-spacing:.06em}
.w-tick{stroke:var(--edge);stroke-width:1.2}
.w-today{fill:var(--gold);stroke:#fff;stroke-width:3}
.w-today-line{stroke:var(--gold);stroke-width:2;stroke-dasharray:3 3}
.w-c-kick{font-family:var(--ui);font-size:13px;font-weight:600;letter-spacing:.15em;fill:var(--gold-ink)}
.w-c-name{font-family:var(--display);font-weight:700;font-size:23px;fill:var(--navy)}
.w-c-inv{font-family:var(--display);font-style:italic;font-size:18px;fill:var(--teal-d)}
.w-c-dates{font-family:var(--ui);font-size:14px;fill:var(--ink-2)}
.wheel-key{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:1rem;font-family:var(--ui);font-size:.88rem;color:var(--ink-2)}
.wheel-key span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.4rem;vertical-align:-1px}
.k-spring::before{background:var(--s-spring)}.k-summer::before{background:var(--s-summer)}.k-autumn::before{background:var(--s-autumn)}.k-winter::before{background:var(--s-winter)}.k-today::before{background:var(--gold);border-radius:50%!important}
/* detail panel */
.wy-detail{background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);padding:var(--pad-panel)}
.wd-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wd-name{font-family:var(--display)!important;font-weight:700!important;font-size:clamp(1.6rem,3vw,2.1rem)!important;color:var(--navy);margin:.9rem 0 .2rem}
.wd-inv{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--teal-d);margin:0}
.wd-dates{font-family:var(--ui);color:var(--ink-2);margin:.5rem 0 0;line-height:1.6}
.wd-dates a{color:var(--teal-d)}
.wd-weeks{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;margin:1.2rem 0 0}
.wd-weeks li,.wy-weeks li{border:1.5px solid var(--line);border-radius:12px;padding:.6rem .7rem;font-family:var(--ui);background:var(--paper)}
.wd-weeks b{display:block;color:var(--navy)}
.wd-weeks span{display:block;color:var(--ink-3);margin-top:.15rem}
.wd-weeks li.on{border-color:var(--navy);background:var(--navy)}.wd-weeks li.on b,.wd-weeks li.on span{color:#fff}
.wd-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.2rem}
.wd-card{display:block;text-decoration:none;text-align:center}
.wd-card img{width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow);background:var(--paper-2)}
.wd-card span{display:block;font-family:var(--ui);font-size:.82rem;font-weight:600;color:var(--ink-2);margin-top:.35rem}
.wd-acts{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin:1.3rem 0 0}
.wy-list{margin:2.4rem auto 0;max-width:820px;font-family:var(--ui);color:var(--ink-2)}
.wy-list summary{cursor:pointer;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;text-align:center}
.wy-list ol{margin:1rem 0 0;line-height:1.8}
.wy-list a{color:var(--teal-d)}
/* find your time */
.findtime{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0}
.findtime select{font-family:var(--ui);font-size:1.05rem;min-height:50px;padding:.5rem 2.4rem .5rem 1rem;border:1.5px solid var(--edge);border-radius:999px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2312355b' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 1rem center;color:var(--navy);appearance:none;-webkit-appearance:none}
.findtime select:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.ft-result{margin:2rem auto 0;max-width:560px}
.ft-line{font-family:var(--display);font-size:1.35rem;color:var(--navy);line-height:1.5;margin:0}
.ft-card{display:block;max-width:240px;margin:1.2rem auto 0}
.ft-card img{width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow-lift)}
.ft-acts{display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:wrap;margin:1.2rem 0 0}
@media(max-width:1000px){.wheel-wrap{grid-template-columns:1fr;gap:1.6rem}.wheel-box{max-width:560px;margin:0 auto;width:100%}}
@media(max-width:760px){
  .wy-now{grid-template-columns:1fr}
  .moonstrip{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .moonstrip .md{height:44px;font-size:.78rem}
  .wy-weeks,.wd-weeks{grid-template-columns:1fr 1fr}
  .wd-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
  .wd-card span{font-size:.72rem}
  .w-label{display:none}
  .w-num{font-size:20px}
  .w-month{font-size:16px}
  .w-c-name{font-size:28px}.w-c-inv{font-size:22px}.w-c-kick{font-size:16px}.w-c-dates{font-size:18px}
  .wy-detail{padding:1.4rem}
  .addcal-menu{left:0;right:auto;min-width:260px}
}
.w-c-of{font-family:var(--display);font-style:italic;font-size:16px;fill:var(--ink-2)}
.w-c-name{font-size:26px}
.w-month{font-size:11px}
@media(max-width:760px){.w-c-of{font-size:19px}.w-c-name{font-size:31px}.w-month{font-size:15px}}

/* ---- Water Year, v2: this week first, weeks that explain themselves ---- */
#this-week,#find{scroll-margin-top:84px}
.wy-now{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);grid-template-areas:"text card" "acts card";align-items:start;row-gap:1.6rem}
.wy-now-text{grid-area:text}.wy-now-card{grid-area:card}.wy-now-acts{grid-area:acts}
.wy-now.is-still{grid-template-columns:1fr;grid-template-areas:"text" "acts"}
.wy-now-title{line-height:1.12}
.wy-guide{font-size:1.02rem;line-height:1.6;color:var(--ink-2);max-width:48ch;margin:.8rem 0 0;padding-left:.9rem;border-left:2px solid rgba(200,148,45,.55)}
.ms-cap{font-family:var(--ui);font-size:.88rem;font-weight:600;color:var(--ink-2);margin:1.3rem 0 0}
.moonstrip{margin-top:.5rem}
.moonstrip .md.is-today{background:var(--white)!important;color:var(--navy)!important;box-shadow:inset 0 0 0 2.5px var(--gold)!important}
.moonstrip .md.is-today b{font-weight:700}
.mt{background:var(--white)!important;border-radius:3px!important;box-shadow:inset 0 0 0 2px var(--gold)!important}
.wy-weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:1.5rem 0 0;padding:0}
.wkb{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;text-align:left;font-family:var(--ui);color:var(--navy);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:.75rem .8rem;cursor:pointer;min-height:50px}
.wkb:hover{border-color:var(--navy)}
.wkb:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.wkb b{font-size:.98rem}
.wk-what{font-size:.86rem;color:var(--ink-2);line-height:1.3}
.wk-dates{font-size:.8rem;color:var(--ink-3)}
.wkb.on{background:var(--navy);border-color:var(--navy)}
.wkb.on b,.wkb.on .wk-what,.wkb.on .wk-dates{color:#fff}
.wk-now{position:absolute;top:-.65rem;right:.5rem;font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#fff;border-radius:999px;padding:.12rem .5rem}
.wy-now-card{text-align:center}
.wc-label{font-family:var(--ui);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 .7rem}
.wc-img{display:block}
.wc-img img{width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow-lift);background:var(--paper-2)}
.wy-now-card .wc-send{display:inline-flex;justify-content:center;margin-top:1rem;text-decoration:none;color:#fff}
.wy-now-card .wc-send span{display:inline;margin:0;text-decoration:none;color:inherit}
.wy-now-acts{display:block;margin-top:0}
.wy-now-btns{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.7rem}
.wy-next{margin:.9rem 0 0}
.wd-nav #wd-kicker{flex:1;text-align:center}
.wd-here{font-family:var(--ui);color:var(--navy);background:var(--mist);border-radius:12px;padding:.65rem .9rem;margin:1rem 0 0}
.wd-here a{color:var(--teal-d);font-weight:600}
.w-seg.is-mine path{stroke:var(--gold);stroke-width:3.5;stroke-dasharray:7 4}
.ft-welcome{font-family:var(--ui);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 .4rem}
.ft-small{gap:1.4rem;margin-top:.7rem}
.ft-saved{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--ui);color:var(--ink-2)}
.fp-one .fp-col{max-width:540px}
.fp-one .fp-col p{max-width:42ch}
@media(max-width:760px){
  .wy-now{grid-template-columns:1fr;grid-template-areas:"text" "card" "acts"}
  .wy-weeks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem .55rem}
  .wy-now-card{max-width:320px;margin:0 auto;width:100%}
  .wy-now-card .wc-send{width:100%}
  .wy-now-btns{flex-direction:column;align-items:stretch}
  .wy-now-btns>.pill,.wy-now-btns>.addcal,.wy-now-btns .addcal summary{width:100%!important;max-width:none!important;align-self:stretch;justify-content:center;box-sizing:border-box}
  .addcal-menu{right:0;min-width:0}
  .wy-next{text-align:center}
  .wd-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;max-width:340px;margin-left:auto;margin-right:auto}
  .wd-card span{font-size:.85rem}
  .w-c-inv,.w-c-dates{display:none}
  .w-c-name{font-size:34px}.w-c-of{font-size:22px}.w-c-kick{font-size:17px}
  .w-month{font-size:19px}
  .fp-head .h2{font-size:1.55rem;margin-top:.6rem}
  .wd-nav #wd-kicker{font-size:.72rem;letter-spacing:.08em}
}

/* ---- Water Year, v3: branded and interactive "This week" ---- */
.wy-now{--wash:var(--s-autumn);--wash-d:var(--s-autumn-d);position:relative;isolation:isolate;
  background:radial-gradient(120% 75% at 100% 0%,color-mix(in srgb,var(--wash) 80%,transparent),transparent 62%),
             radial-gradient(90% 60% at 0% 100%,color-mix(in srgb,var(--wash) 55%,transparent),transparent 66%),
             url(/assets/brand/paper-hero.webp) center/cover,#fffdf8!important}
.wy-now.sea-spring{--wash:var(--s-spring);--wash-d:var(--s-spring-d)}
.wy-now.sea-summer{--wash:var(--s-summer);--wash-d:var(--s-summer-d)}
.wy-now.sea-winter{--wash:var(--s-winter);--wash-d:var(--s-winter-d)}
.wn-vine{position:absolute;top:0;right:4px;width:78px;height:auto;transform:scaleX(-1);pointer-events:none;z-index:-1;opacity:.92}
.wn-lotus{position:absolute;right:18px;bottom:12px;width:130px;height:auto;pointer-events:none;z-index:-1;opacity:.9}
.wy-now-title{line-height:1.05;margin:.35rem 0 .3rem!important}
.wt-of{display:block;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.15rem,2vw,1.4rem);color:var(--ink-2);margin-bottom:.15rem}
.wt-name{display:block;font-size:clamp(2.4rem,4.6vw,3.3rem)}
.wn-heart{display:flex;align-items:center;gap:.6rem;max-width:230px;margin:.9rem 0 0}
.wn-heart::before,.wn-heart::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.wn-heart::after{background:linear-gradient(90deg,var(--gold),transparent)}
.ms-cap span{font-weight:400;color:var(--ink-3)}
/* the water line */
.waterline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.6rem 0 0}
.wl-week{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-radius:12px;padding:.15rem .1rem .25rem;transition:background .3s}
.wl-week::before{content:"";position:absolute;left:4px;right:4px;top:27px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8'%3E%3Cpath d='M0 4q6-4 12 0t12 0' fill='none' stroke='%239bcfd7' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x center;opacity:.9;pointer-events:none}
.wl-week.sel{background:color-mix(in srgb,var(--mist) 75%,transparent)}
.wd{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;cursor:pointer;font-family:var(--ui);color:var(--ink-3);min-width:0}
.wd-moon{height:12px;display:flex;align-items:center}
.wd-moon i{width:11px!important;height:11px!important;position:static!important;margin:0!important}
.dr{position:relative;z-index:1;width:13px;height:13px;margin-top:5px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:#fff;border:1.5px solid var(--teal-l);transition:transform .25s,background .25s}
.wd b{font-size:.66rem;font-weight:600;margin-top:2px}
.wd.is-past .dr{background:var(--teal-l);border-color:var(--teal-l)}
.wd.is-today .dr{background:var(--gold);border-color:var(--gold);transform:rotate(-45deg) scale(1.35)}
.wd.is-today b{color:var(--navy);font-weight:700}
.wd.is-today::after{content:"";position:absolute;left:50%;top:24px;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:1.5px solid var(--gold);animation:wlpulse 2.8s ease-out infinite;pointer-events:none}
@keyframes wlpulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.wd:hover .dr{transform:rotate(-45deg) scale(1.25)}
.wd.on b{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.wd.on:not(.is-today) .dr{border-color:var(--navy);border-width:2px}
.wd:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px;border-radius:6px}
.wl-foot{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem 1.2rem;flex-wrap:wrap;margin:.6rem 0 0;font-family:var(--ui);font-size:.9rem}
.wl-note{margin:0;color:var(--ink-2)}
.wl-note b{color:var(--gold-ink)}
.wl-next{margin:0;color:var(--navy)}
.wl-next span{color:var(--ink-3)}
.wl-next span[aria-hidden]{color:var(--gold)}
/* weeks as water, not tabs */
.wkb{background:rgba(255,255,255,.72);overflow:visible}
.wkb b{display:flex;align-items:center;gap:.4rem}
.wkb b::before{content:"";width:9px;height:9px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);border:1.5px solid var(--teal-l);background:#fff;flex:none}
.wkb.on{background:linear-gradient(160deg,#eef7fb,#d6ebf3)!important;border-color:var(--teal)!important}
.wkb.on b,.wkb.on .wk-dates{color:var(--navy)!important}
.wkb.on .wk-what{color:var(--teal-d)!important}
.wkb.on b::before{background:var(--teal);border-color:var(--teal)}
.wkb.on::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(22,138,164,.35);animation:wkrip .9s ease-out 1;pointer-events:none}
@keyframes wkrip{to{box-shadow:0 0 0 12px rgba(22,138,164,0)}}
/* the card that turns over */
.wc-wrap{position:relative;perspective:1400px}
.wc-flip{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);border-radius:var(--r-img)}
.wc-flip.flipped{transform:rotateY(180deg)}
.wc-flip:focus-visible{outline:3px solid var(--teal-l);outline-offset:4px}
.wc-front,.wc-back{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--r-img)}
.wc-front img{display:block;width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow-lift);background:var(--paper-2)}
.wc-turn{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.05rem;box-shadow:var(--shadow)}
.wc-back{position:absolute;inset:0;transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1.4rem 1.3rem;text-align:center;box-shadow:var(--shadow-lift);
  background:radial-gradient(100% 70% at 50% 0%,color-mix(in srgb,var(--wash) 70%,transparent),transparent 70%),url(/assets/brand/paper-hero.webp) center/cover,#fffdf8;border:1px solid var(--line)}
.wb-lab{font-family:var(--ui);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.wb-text{font-family:var(--display);font-style:italic;font-size:1.32rem;line-height:1.45;color:var(--navy)}
.wb-text.wb-long{font-size:1.06rem}
.wb-heart{width:15px;height:15px;background:url(/assets/brand/Gold_Heart.svg) center/contain no-repeat}
.wb-src{font-family:var(--ui);font-size:.82rem;color:var(--ink-2)}
.wb-turn{font-family:var(--ui);font-size:.8rem;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
.wc-hint{font-family:var(--ui);font-size:.82rem;color:var(--ink-3);margin:.6rem 0 0}
.wy-now-card .wc-send{margin-top:.8rem}
.wc-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:.8rem 0 0}
.wc-more [hidden]{display:none}
.wc-more .more-link span{color:var(--teal);margin-right:.2rem}
/* be still for a minute */
.wc-still{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:var(--r-img);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.4rem;
  background:linear-gradient(180deg,rgba(238,247,251,.95),rgba(190,224,233,.95));box-shadow:var(--shadow-lift)}
.wc-still[hidden]{display:none}
.rp{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:1.5px solid rgba(22,138,164,.55);animation:rp 6s ease-out infinite;pointer-events:none}
.rp:nth-child(2){animation-delay:2s}.rp:nth-child(3){animation-delay:4s}
@keyframes rp{0%{transform:scale(.3);opacity:0}15%{opacity:1}100%{transform:scale(5);opacity:0}}
.wc-still.done .rp{animation-play-state:paused;opacity:.25}
.ws-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.7rem}
.ws-h{font-family:var(--display);font-style:italic;font-size:1.45rem;color:var(--navy);margin:0;line-height:1.3}
.ws-t{font-family:var(--ui);font-size:1.6rem;font-weight:600;color:var(--teal-d);margin:0;letter-spacing:.04em}
.ws-btn{font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--navy);background:rgba(255,255,255,.85);border:1.5px solid var(--navy);border-radius:999px;min-height:42px;padding:.4rem 1.3rem;cursor:pointer}
.ws-send{font-family:var(--ui);font-weight:600;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;max-width:22ch;line-height:1.4}
@media(prefers-reduced-motion:reduce){
  .rp,.wd.is-today::after,.wkb.on::after{animation:none!important}
  .rp{transform:scale(2.2);opacity:.6}.rp:nth-child(2){transform:scale(3.4);opacity:.4}.rp:nth-child(3){transform:scale(4.6);opacity:.2}
  .wc-flip{transition:none}
}
@media(max-width:760px){
  .wn-vine{width:56px}
  .wn-lotus{width:84px;opacity:.55;right:10px;bottom:8px}
  .wt-name{font-size:2.3rem}
  .waterline{grid-template-columns:1fr;gap:.35rem}
  .wl-week{padding:.2rem .2rem .3rem}
  .wl-week::before{top:29px}
  .dr{width:16px;height:16px}
  .wd b{font-size:.78rem}
  .wd.is-today::after{top:26px;width:14px;height:14px;margin-left:-7px}
  .wl-foot{flex-direction:column;align-items:flex-start}
}
/* v3 fixes: the old card caption rule must not reach the flip card */
.wy-now-card .wc-flip span,.wy-now-card .wc-more span{margin-top:0;text-decoration:none}
.wy-now-card .wc-front{display:block}
.wy-now-card .wc-turn{display:flex;color:var(--navy)}
.wy-now-card .wc-back{display:flex}
.wy-now-card .wb-lab{display:block;color:var(--gold-ink)}
.wy-now-card .wb-text{display:block;font-family:var(--display);font-style:italic;color:var(--navy)}
.wy-now-card .wb-heart{display:block}
.wy-now-card .wb-src{display:block;font-family:var(--ui);color:var(--ink-2)}
.wy-now-card .wb-turn{display:block;color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
.wy-now-card .wc-more .more-link span{display:inline;color:var(--teal)}
.wd-moon i{border-radius:50%!important}
.wc-still{background:linear-gradient(180deg,#eef7fb,#c6e3ec)}
@media(max-width:760px){.wn-lotus{display:none}.wc-back{padding:1rem .9rem;gap:.5rem}.wb-text{font-size:1.15rem}.wb-text.wb-long{font-size:.98rem}}

/* ---- Free Guides v2: doors, this week, the shelf, the rail ---- */
#this-week,#for-you,.rs-card{scroll-margin-top:84px}
.rs-ask{font-family:var(--ui);font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:1.8rem 0 .8rem}
.rs-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:720px;margin:0 auto}
.rs-door{font-family:var(--ui);font-weight:600;font-size:1rem;color:var(--navy);background:rgba(255,255,255,.85);border:1.5px solid var(--edge);border-radius:999px;min-height:50px;padding:.5rem 1rem;cursor:pointer;transition:background .2s,border-color .2s}
.rs-door:hover{border-color:var(--navy)}
.rs-door:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.rs-door.on{background:linear-gradient(160deg,#eef7fb,#d6ebf3);border-color:var(--teal)}
.rs-bundle-sec{padding-top:2.6rem;padding-bottom:1rem}
.rs-bundle-sec[hidden]{display:none}
.rs-bundle{max-width:1120px;margin:0 auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);padding:2.2rem}
.rb-head .h2{margin:.3rem 0 .2rem}
.rb-intro{font-family:var(--display);font-style:italic;font-size:1.25rem;color:var(--teal-d);margin:0}
.rb-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.rb-item{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.rb-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.rb-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.rb-body{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.1rem;flex:1}
.rb-body h3,.rs-body h3{font-family:var(--display);font-size:1.25rem;color:var(--navy);margin:0;line-height:1.25}
.rb-body p,.rs-body p{margin:0;color:var(--ink-2);font-size:.98rem;line-height:1.5}
.rb-body .rs-acts{margin-top:auto;padding-top:.6rem}
.rb-foot{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;margin:1.3rem 0 0;font-family:var(--ui)}
.rb-saved{color:var(--ink-2)}
.rs-kind{font-family:var(--ui);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.rs-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.rs-send{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--ui);font-weight:600;font-size:.95rem;color:var(--navy);background:none;border:1.5px solid var(--edge);border-radius:999px;min-height:42px;padding:.35rem 1rem;cursor:pointer}
.rs-send:hover,.rs-send[aria-expanded=true]{border-color:var(--navy);background:var(--mist)}
.rs-send:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.rs-send span{color:var(--teal)}
.rs-pop{position:absolute;z-index:80;min-width:230px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lift);padding:.5rem}
.rs-pop[hidden]{display:none}
.rs-pop .rp-h{font-family:var(--ui);font-size:.8rem;color:var(--ink-3);margin:.3rem .7rem .4rem;max-width:26ch}
.rs-pop a,.rs-pop button{display:block;width:100%;text-align:left;font-family:var(--ui);font-weight:600;font-size:.98rem;color:var(--navy);background:none;border:0;padding:.7rem .8rem;border-radius:10px;text-decoration:none;cursor:pointer}
.rs-pop a:hover,.rs-pop button:hover,.rs-pop a:focus-visible,.rs-pop button:focus-visible{background:var(--mist);outline:none}
/* this week, from the water */
.rs-week{--wash:var(--s-autumn);position:relative;isolation:isolate;max-width:1120px;margin:0 auto;border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);padding:2.6rem;
  background:radial-gradient(120% 75% at 100% 0%,color-mix(in srgb,var(--wash) 80%,transparent),transparent 62%),radial-gradient(90% 60% at 0% 100%,color-mix(in srgb,var(--wash) 55%,transparent),transparent 66%),url(/assets/brand/paper-hero.webp) center/cover,#fffdf8}
.rs-week.sea-spring{--wash:var(--s-spring)}.rs-week.sea-summer{--wash:var(--s-summer)}.rs-week.sea-winter{--wash:var(--s-winter)}
.rw-head .h2{line-height:1.05;margin:.35rem 0 .3rem}
.rw-sub{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--teal-d);margin:0}
.rw-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:1.2rem;margin-top:1.6rem;align-items:stretch}
.rw-grid[hidden]{display:none}
.rw-tile{display:flex;flex-direction:column;gap:.6rem;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--r-card);padding:1.2rem 1.2rem 1.3rem}
.rw-lab{font-family:var(--ui);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.rw-img img{display:block;width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow)}
.rw-tile h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.45rem;color:var(--navy);margin:0}
.rw-tile p{margin:0;color:var(--ink-2);line-height:1.6}
.rw-quote{font-family:var(--display);font-style:italic;font-size:1.3rem!important;line-height:1.5!important;color:var(--navy)!important}
.rw-tile .rs-acts{margin-top:auto}
.rw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin:1.5rem 0 0}
/* the shelf */
.rs-shelf{display:grid;gap:1.4rem;max-width:1120px;margin:0 auto}
.rs-group{display:grid;grid-template-columns:200px minmax(0,1fr);gap:1.4rem;align-items:start}
.rs-ghead{padding-top:.6rem}
.rs-ghead h3{font-family:var(--display);font-size:1.6rem;color:var(--navy);margin:.4rem 0 .1rem}
.rs-ghead p{font-family:var(--display);font-style:italic;color:var(--teal-d);margin:0;font-size:1.05rem}
.rs-drop{display:block;width:16px;height:16px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);background:var(--teal-l)}
.rs-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.rs-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:1.1rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.1rem}
.rs-thumb{display:block}
.rs-thumb img{width:100%;height:auto;aspect-ratio:340/440;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);background:var(--paper-2)}
.rs-body{display:flex;flex-direction:column;gap:.35rem}
.rs-inside{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 0!important}
.rs-inside span{font-family:var(--ui);font-size:.8rem;color:var(--teal-d);background:var(--mist);border-radius:999px;padding:.15rem .6rem}
.rs-body .rs-acts{margin-top:auto;padding-top:.6rem}
/* the rail */
.rs-tc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;max-width:1120px;margin:0 auto}
.rs-tc-head .lede{margin:.3rem 0 0}
.rs-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.2rem 2px 1rem;max-width:1120px;margin:0 auto;scrollbar-width:thin}
.rs-tc{flex:0 0 200px;scroll-snap-align:start;text-decoration:none;text-align:center}
.rs-tc img{display:block;width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow);transition:transform .2s}
.rs-tc:hover img{transform:translateY(-3px)}
.rs-tc>span{display:inline-block;margin-top:.55rem;font-family:var(--ui);font-weight:600;color:var(--teal-d)}
.rs-tc-acts{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;max-width:1120px;margin:.4rem auto 0}
/* groups and spaces */
.rs-spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1120px;margin:0 auto}
.rs-space{display:flex;flex-direction:column;gap:.45rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.4rem;text-decoration:none;color:inherit}
.rs-space b{font-family:var(--display);font-size:1.35rem;color:var(--navy)}
.rs-space span{color:var(--ink-2);line-height:1.55}
.rs-space em{font-style:normal;font-family:var(--ui);font-weight:600;color:var(--teal-d);margin-top:auto;padding-top:.4rem}
.rs-space:hover{border-color:var(--teal-l)}
@media(max-width:1000px){.rs-group{grid-template-columns:1fr;gap:.6rem}.rs-ghead{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.rs-ghead h3{margin:0}.rw-grid{grid-template-columns:1fr 1fr}.rw-card{grid-row:span 2}}
@media(max-width:760px){
  .rs-doors{grid-template-columns:1fr 1fr;gap:.5rem}
  .rs-door{font-size:.95rem;min-height:48px;padding:.4rem .6rem}
  .rs-bundle,.rs-week{padding:1.5rem 1.2rem}
  .rb-items{grid-template-columns:1fr}
  .rb-item{display:grid;grid-template-columns:88px minmax(0,1fr)}
  .rb-thumb{aspect-ratio:auto;height:100%}
  .rb-body{padding:.9rem}
  .rw-grid{grid-template-columns:1fr}.rw-card{grid-row:auto}
  .rw-card .rw-img{max-width:240px;margin:0 auto}
  .rs-cards{grid-template-columns:1fr}
  .rs-card{grid-template-columns:76px minmax(0,1fr);gap:.9rem;padding:1rem}
  .rs-tc-head .rail-btns{display:none}
  .rs-tc{flex-basis:62%}
  .rs-spaces{grid-template-columns:1fr}
  .wn-vine{width:56px}
}
/* Free Guides v2.1: shelf tabs and lighter phones */
.rs-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;max-width:1120px;margin:0 auto 1.4rem}
.rs-tabs[hidden]{display:none}
.rs-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;background:rgba(255,255,255,.8);border:1.5px solid var(--line);border-radius:12px;padding:.8rem .9rem;cursor:pointer;font-family:var(--ui);color:var(--navy)}
.rs-tab b{display:flex;align-items:center;gap:.45rem;font-size:1.02rem}
.rs-tab b::before{content:"";width:10px;height:10px;border-radius:50% 0 50% 50%;transform:rotate(-45deg);border:1.5px solid var(--teal-l);background:#fff;flex:none}
.rs-tab span{font-size:.86rem;color:var(--ink-2)}
.rs-tab:hover{border-color:var(--navy)}
.rs-tab:focus-visible{outline:3px solid var(--teal-l);outline-offset:2px}
.rs-tab.on{background:linear-gradient(160deg,#eef7fb,#d6ebf3);border-color:var(--teal)}
.rs-tab.on b::before{background:var(--teal);border-color:var(--teal)}
.rs-tab.on span{color:var(--teal-d)}
.rs-shelf.tabbed .rs-group{grid-template-columns:1fr}
.rs-shelf.tabbed .rs-ghead{display:none}
.rs-group[hidden]{display:none}
@media(max-width:760px){
  .rs-tabs{grid-template-columns:1fr 1fr;gap:.5rem}
  .rs-tab{padding:.65rem .75rem}
  .rs-tab span{font-size:.8rem}
  .rs-card{grid-template-columns:72px minmax(0,1fr)}
  .rs-card .rs-acts{grid-column:1/-1;padding-top:.2rem;flex-wrap:nowrap}
  .rs-body{display:contents}
  .rs-card>.rs-thumb{grid-row:1/span 3}
  .rs-card .rs-kind,.rs-card h3,.rs-card p{grid-column:2}
  .rs-inside{display:none!important}
  .rs-card .rs-acts .pill{flex:1 1 auto;justify-content:center}
  .rw-card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:1rem;align-items:start}
  .rw-card .rw-img{grid-row:1/span 2;grid-column:1;max-width:none;margin:0}
  .rw-card .rw-lab{grid-column:2}
  .rw-card .rs-acts{grid-column:2;margin-top:.4rem}
  .rw-tile{padding:1rem}
  .rw-quote{font-size:1.15rem!important}
  .rs-space{padding:1.1rem}
}
/* Grief through the holidays */
.hg-note{max-width:720px;margin:0 auto 2.4rem}
.hg-times{display:grid;gap:1.2rem;max-width:960px;margin:0 auto}
.hg-time{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.6rem;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.4rem}
.hg-time.is-now{border-color:var(--teal-l);background:linear-gradient(160deg,#fff,#f1f8fb)}
.hg-tthumb img{display:block;width:100%;height:auto;border-radius:var(--r-img);box-shadow:var(--shadow)}
.hg-tbody{display:flex;flex-direction:column;gap:.45rem}
.hg-time h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.6rem;color:var(--navy);margin:0}
.hg-teach{font-family:var(--display);font-style:italic;font-size:1.15rem;line-height:1.55;color:var(--navy);margin:0}
.hg-src{font-family:var(--ui);font-size:.88rem;color:var(--ink-3);margin:0}
.hg-dates{font-weight:600;letter-spacing:.08em;color:var(--ink-3)}
.hg-time.is-now .hg-dates{color:var(--teal-d)}
.hg-tbody .rs-acts{padding-top:.4rem}
.hg-pracs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;max-width:960px;margin:0 auto}
.hg-prac{display:flex;flex-direction:column;gap:.5rem;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:1.4rem}
.hg-prac h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.5rem;color:var(--navy);margin:0}
.hg-prac p{margin:0;color:var(--ink-2);line-height:1.6}
.hg-prac .rs-acts{margin-top:auto;padding-top:.5rem}
.hg-qs{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:1rem;text-align:left}
.hg-qs li{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r-card);padding:1.2rem 1.4rem}
.hg-qs p{font-family:var(--display);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--navy);margin:0 0 .5rem}
.hg-care{max-width:640px;margin:2rem auto 0;text-align:center;font-family:var(--ui);font-size:.95rem;color:var(--ink-2)}
@media(max-width:760px){
  .hg-time{grid-template-columns:84px minmax(0,1fr);gap:1rem;padding:1.1rem}
  .hg-time h3{font-size:1.35rem}.hg-teach{font-size:1.05rem}
  .hg-pracs{grid-template-columns:1fr}
  .hg-prac{padding:1.15rem}
  .hg-qs p{font-size:1.12rem}
  .hg-head .ctas{flex-direction:column;align-items:stretch}
}
.wy-journal{margin:.9rem 0 0;font-family:var(--ui)}
@media(max-width:760px){.wy-journal{text-align:center}}
.safety{font-family:var(--ui);font-size:.85rem;color:var(--ink-3);line-height:1.5}
.hg-pracs+.safety,.sec-head+.safety{max-width:640px;margin:-.6rem auto 1.4rem}
.wy-region{margin:.5rem 0 0}
/* page citations from the printed book */
.lab .pg{font-weight:500;letter-spacing:.04em;text-transform:none;opacity:.8}
.rw-src{font-family:var(--ui);font-size:.82rem!important;color:var(--ink-3)!important;margin-top:-.2rem!important}
/* Waves of Hope tagline */
.woh-tag{font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.65rem);color:var(--teal-d);margin:.2rem 0 .6rem;letter-spacing:.01em}
.woh-left{margin:.4rem 0 1rem;font-size:1.3rem}
/* the series name above the book title (buy box) */
.card .series{font-family:var(--display);font-style:italic;font-size:1.05rem;color:var(--ink-2);margin:0 0 .1rem}
.card .series+h3{margin-top:0}
/* Passage pages: the send card sits in the same column as the teaching, the question and the answer box */
.send-wrap.send-col{width:auto;margin:2rem 0 0;padding:1.6rem;border-radius:16px}
.send-col .send{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:1.6rem}
@media(max-width:820px){.send-wrap.send-col{padding:1.2rem}.send-col .send{grid-template-columns:minmax(0,1fr)}.send-col .send-fig{max-width:300px}}