/* FLAT (2026-11-11, his direction "a book, not an app"): one layer over every page, loaded last. Radius ≤4px, no pills/cards/emoji, Cardo/Frank headings, Alef body, site palette, no orange. */
/* header nav: no rounded hover backgrounds; the current item gets a thin green underline */
.nav a{border-radius:0!important;box-shadow:none!important;background:none!important}
.nav a.on{color:#157a50!important;font-weight:700;box-shadow:inset 0 -2px 0 #1b9561!important}
.nav a:hover{background:none!important;color:#176f99!important}
@media(max-width:860px){.nav.open{border-radius:0!important;box-shadow:0 1px 0 #e3d9c4!important}.nav.open a.on{box-shadow:none!important}.nav.open a{border-bottom:1px solid #efe8d8}}
/* header search (his voice note 7:31 PM): phone = a line magnifier next to ☰ that drops a slim field under the header; desktop = a small box in the bar */
.hs-btn{display:none;background:none;border:0;border-radius:0;color:#1d2b4f;min-width:44px;min-height:44px;padding:0;cursor:pointer;align-items:center;justify-content:center;line-height:0;margin-inline-start:2px}
.hs-btn[aria-expanded=true]{color:#1b9561}
.hs-d{display:none}
.hs{border-top:1px solid #e3d9c4;background:inherit}
.hs[hidden]{display:none!important}
.hs-in{max-width:760px;margin:0 auto;padding:12px 16px 12px}
.hs form{display:flex;align-items:stretch;border:1px solid #cfe3ea;border-radius:3px;background:#fff}
.hs input{flex:1;min-width:0;border:0;border-radius:3px;background:none;font:inherit;font-family:Alef,Heebo,sans-serif;font-size:16px;color:#1d2b4f;padding:10px 12px;outline:none}
.hs form:focus-within{border-color:#1d88bb}
.hs button{border:0;border-radius:0;background:none;color:#176f99;font:inherit;font-family:Alef,Heebo,sans-serif;font-weight:700;font-size:.95rem;padding:0 14px;cursor:pointer;border-inline-start:1px solid #e3eef1}
.hs-by{margin:9px 2px 0;font-family:Alef,Heebo,sans-serif;font-size:.88rem;color:#5a6680}.hs-by a{color:#1d2b4f;text-decoration:none}.hs-by a:hover{color:#176f99}
@media(max-width:899px){.hs-btn{display:inline-flex;min-width:40px;margin:0}.top-in{gap:8px}.brand small{white-space:nowrap}}
@media(max-width:360px){.brand small{white-space:normal}}
@media(min-width:900px){
 .hs-d{display:flex;align-items:center;border:1px solid #d6e4e8;border-radius:3px;background:#fff;height:34px;margin-inline-start:10px;flex:0 1 190px;min-width:120px}
 .hs-d:focus-within{border-color:#1d88bb}
 .hs-d input{flex:1;min-width:0;border:0;background:none;font:inherit;font-family:Alef,Heebo,sans-serif;font-size:.92rem;color:#1d2b4f;padding:0 10px;outline:none;border-radius:3px}
 .hs-d button{border:0;background:none;color:#1d2b4f;padding:0 8px;height:100%;cursor:pointer;line-height:0;border-radius:0}
 .hs{display:none!important}}

/* ===== archive family + shared footer (his words 7:28 PM: bring the archive into the new homepage style) ===== */
/* cards -> typographic rows with hairline dividers, on the page background */
.grid{gap:0!important}
.card{background:none!important;border:0!important;border-top:1px solid #e3d9c4!important;border-radius:0!important;box-shadow:none!important;padding:14px 2px 16px!important;transform:none!important}
.card:hover{background:none!important;box-shadow:none!important}.card:hover h3{color:#176f99}
.card::before,.card::after{display:none!important}
@media(min-width:700px){.grid{column-gap:34px!important}}
.card .meta{gap:0!important;font-size:.84rem!important;font-weight:400!important;color:#176f99!important}
.card .meta>*{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:inherit!important;font-weight:400!important;font-size:inherit!important}
.card .meta>*+*::before{content:"·";margin:0 .45em;color:#8a6a32}
.card .meta .pill:first-child{font-weight:700!important}
.card .meta .vid{color:#157a50!important}
.card h3{font-family:'Frank Ruhl Libre',Cardo,serif;font-weight:500}
.pill{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
/* chips -> plain text links separated by " · " */
.chips{display:block!important;line-height:2;font-size:.95rem;color:#5b6782}
.chips .chip{display:inline!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#1d2b4f!important;font-weight:400!important;text-decoration:none;min-height:0!important}
.chips .chip:hover{text-decoration:underline}
.chips .chip+.chip::before{content:"·";margin:0 .5em;color:#8a6a32;display:inline-block;text-decoration:none}
.chips .chip small,.chip small{background:none!important;color:#6b7690!important;font-weight:400;padding:0!important;border-radius:0!important;font-size:.82em;margin-inline-start:.25em}
.chip{border-radius:3px!important;box-shadow:none!important}
.jump{margin:6px 0 10px}
/* year / section headings: hairline under, Cardo-like serif */
.year h2,.tz-group h2{font-family:'Frank Ruhl Libre',Cardo,serif;font-weight:500;border-bottom:1px solid #c4a165;padding-bottom:6px}
.year h2 small{font-family:Alef,Heebo,sans-serif;font-weight:400;color:#6b7690;font-size:.8rem;background:none!important;padding:0!important;border-radius:0!important}
.book-h{font-family:Alef,Heebo,sans-serif}
/* tzaddikim index: rows, count as a plain number */
.tz{background:none!important;border:0!important;border-top:1px solid #e3d9c4!important;border-radius:0!important;box-shadow:none!important;padding:12px 2px!important;margin:0!important}
.tz:hover{background:none!important}.tz:hover b{color:#176f99}
.tz em{background:none!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;color:#176f99!important;font-style:normal;font-weight:700;font-size:.95rem;box-shadow:none!important}
/* search page */
.search-box input,input[type=search]{border-radius:3px!important;box-shadow:none!important}
.btn{border-radius:3px!important;box-shadow:none!important}
.btn.primary{background:#157a50!important;border-color:#157a50!important}
/* page heads and white blocks */
.page-head{background:none!important;box-shadow:none!important;border-radius:0!important}
.tagnote{background:none!important;border:0!important;border-right:2px solid #c4a165!important;border-radius:0!important;padding:2px 10px 2px 0!important}
/* footer: social links as plain line icons + label, no pill backgrounds */
.soc{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px 0!important;margin-inline-end:16px}
.soc:hover{background:none!important;text-decoration:underline}
.socials{gap:4px 0!important}
/* ===== maamar pages ===== */
/* tabs: plain text, thin green underline under the current one (same as the archive tabs) */
.mv3 .tabs,.tabs{background:rgba(251,250,246,.96)!important;border-bottom:1px solid #d6e4e8!important;gap:0!important;padding:0!important}
.tabs .tab,.mv3 .tab,.mv3 .tab:first-child,.mv3 .tab:last-child{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#1d2b4f!important;font-weight:400!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;min-height:44px}
.tabs .tab+.tab,.mv3 .tab+.tab{margin-inline-start:0!important}
.tabs .tab:hover,.mv3 .tab:hover{background:none!important;color:#176f99!important}
.tabs .tab[aria-selected=true],.mv3 .tab[aria-selected=true]{background:none!important;color:#157a50!important;font-weight:700!important;border-bottom-color:#1b9561!important;box-shadow:none!important}
/* footnotes: plain superscript numbers, flat note box */
a.fnref,.reader a.fnref{background:none!important;border-radius:0!important;padding:0 .1em!important;min-width:0!important;margin:0!important;color:#176f99!important;font-size:1em!important;vertical-align:baseline;line-height:1!important;font-weight:700;padding:0 .2em!important}
a.fnref:hover,.reader a.fnref.on{background:none!important;color:#a40000!important;text-decoration:underline}
.fnotes .fn-n{background:none!important;border-radius:0!important;color:#176f99!important;min-width:1.4em!important}
.fnotes li:target{background:#fbf3df!important;border-radius:0!important}
.fn-pop{border-radius:4px!important;box-shadow:0 6px 20px rgba(20,40,70,.16)!important}
.fn-pop.sheet{border-radius:4px 4px 0 0!important}
.fn-pop .fp-x{border-radius:3px!important;background:none!important}
/* boxes on the maamar page: no rounded white cards */
.m-box,.mv3-card{border-radius:0!important;box-shadow:none!important;background:none!important;border:0!important;border-top:1px solid #c4a165!important;padding-left:2px!important;padding-right:2px!important}
.mv3-card::before{display:none!important}
.reader,section.panel.reader,.panel{border-radius:0!important;box-shadow:none!important}
.reader .orig,.orig{border-radius:0!important;background:none!important;border-right:3px solid #12cde3!important}
.intro,details.intro{border-radius:0!important;background:none!important;border:0!important;border-top:1px solid #e3d9c4!important;border-bottom:1px solid #e3d9c4!important}
.video{border-radius:4px!important;box-shadow:none!important}
.video .play,.video .play span{border-radius:3px!important}
.wa-join{border-radius:0!important;background:none!important;box-shadow:none!important;border:0!important;border-top:1px solid #e3d9c4!important;border-bottom:1px solid #e3d9c4!important}
.wa-join .wa-ic{border-radius:3px!important}
.wa-btn{border-radius:3px!important}
.share-btn{border-radius:3px!important;box-shadow:none!important}
.toc-btn{border-radius:3px!important;box-shadow:0 2px 8px rgba(20,40,70,.18)!important}
.mv3-pn-next,.mv3-pn-prev{border-radius:0!important}
.hv2-cloud,.mv3 .hv2-cloud{display:none!important}
.mv3 .chips .chip,.m-tags .chip{color:#1d2b4f!important}
.mv3 .reader,.reader{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:4px!important;padding-right:4px!important}
.fs-ctl button{border-radius:3px!important;background:none!important}

/* ===== RESEARCH_FIX (2026-11-11, he approved the research PDF's recommendations) ===== */
/* 1) homepage: one still panel for this week's maamar (no carousel, no dots); the room the dots took is given back */
.h3-hero[data-still]{padding-bottom:30px!important}
@media(min-width:760px){.h3-hero[data-still]{padding-bottom:56px!important}}
.h3-hero[data-still] .h3-dots{display:none!important}
/* 2) maamar pages on phone: the text comes up. Sky + arch ~200px, the lesson video a compact row above בקצרה, the tabs right after בקצרה. Same words, same tab order/default. */
@media(max-width:699px){
 .mv3-hero{padding:0 0 8px!important}
 .mv3-crumbs{padding:8px 2px 0!important;font-size:.875rem!important;line-height:1.4}
 .mv3-gate{margin:28px auto 0!important;padding:5px!important;border-radius:50% 50% 10px 10px/90px 90px 10px 10px!important;box-shadow:0 8px 20px rgba(15,94,60,.2)!important}
 .mv3-gate::before{inset:2px!important;border-radius:50% 50% 9px 9px/88px 88px 9px 9px!important}
 .mv3-gate-in.m-head{padding:27px 12px 8px!important;border-radius:50% 50% 7px 7px/86px 86px 7px 7px!important}
 .mv3 .mv3-emblem{width:54px!important;height:54px!important;top:-30px!important;padding:2px!important;box-shadow:0 4px 10px rgba(15,94,60,.25),0 0 0 3px rgba(255,255,255,.85)!important}
 .mv3 .mv3-meta{font-size:.875rem!important;margin:0!important;line-height:1.3}
 .mv3 .mv3-gate-in h1{font-size:clamp(1.65rem,7.6vw,2.1rem)!important;margin:2px 0 2px!important;line-height:1.1!important}
 .mv3 .mv3-gate-in .byline{font-size:.875rem!important;line-height:1.35;margin:0 0 4px!important}
 .mv3 .mv3-gate-in .hv2-orn{display:none}
 .mv3 .share-top{min-height:28px!important;padding:2px 12px 2px 10px!important;font-size:.875rem!important}
 .mv3 .share-top .sh-ic svg{width:15px;height:15px}
 .mv3-page{padding-top:0!important}
 .mv3-top{display:flex!important;flex-direction:column;gap:0!important}
 .mv3-top>.mv3-vid{order:-1;padding:12px 2px 12px!important;border-top:0!important}
 .mv3 .mv3-vid>h2{font-size:.875rem!important;font-family:Alef,Heebo,sans-serif!important;color:#8a6a32!important;font-weight:700;margin:0 0 6px!important}
 .mv3 .mv3-vid>h2::after{display:none}
 .mv3 .mv3-vid .video:not(:has(iframe)){aspect-ratio:auto!important;height:68px;max-width:none;background:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;overflow:visible}
 .mv3 .mv3-vid .video:not(:has(iframe)) button{display:flex;align-items:center;gap:12px;position:relative;inset:auto;height:68px}
 .mv3 .mv3-vid .video:not(:has(iframe)) img{flex:0 0 120px;width:120px;height:68px;border-radius:3px;opacity:1;object-fit:cover}
 .mv3 .mv3-vid .video:not(:has(iframe)) .play{inset:0 0 0 auto;width:120px;right:0}
 .mv3 .mv3-vid .video:not(:has(iframe)) .play span{width:30px;height:30px}
 .mv3 .mv3-vid .video:not(:has(iframe)) .play span::before{border-width:7px 0 7px 11px;margin-left:3px}
 .mv3 .mv3-vid .video:not(:has(iframe)) .vt{position:static;padding:0;background:none;color:#1d2b4f;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}
 .mv3 .mv3-vid .video:has(iframe){margin:0!important}
 .mv3-top>.mv3-sum{padding-top:14px!important}
 .mv3 .tabs{margin-top:10px!important}
 .mv3 .reader{margin-top:4px!important}
 .mv3 .fs-ctl{margin-top:6px!important}
 .mv3 .mv3-crumbs{padding-top:6px!important}
}
/* 3) text contrast, same palette (WCAG AA 4.5:1): green as text / under white text -> #157a50, blue link text on the light paper -> #176f99. Decorative lines, borders and icons keep their colours. */
.h3-more{color:#176f99!important}
.h3-sign-btn,.mv3 .wa-btn,.wa-btn,.h3-search button{background:#157a50!important;border-color:#157a50!important}
.mv3 .wa-btn:hover,.wa-btn:hover,.h3-sign-btn:hover{background:#126b46!important;border-color:#126b46!important}
.mv3 .toc-btn{background:#176f99!important}
.mv3 .toc-btn[aria-expanded=true]{background:#1d2b4f!important}
.year h2 small,.chips .chip small,.chip small{color:#5b6782!important}
/* 4) small tap targets -> at least 24px to the finger, with no visual change: inline links get vertical padding (it does not move the line), tiny ones an invisible hit area */
.crumbs a,.mv3-crumbs a,.byline a,.mv3-meta a,.week-link,.hf-tags a,.h3-quote-src a,.foot-links a,.chips .chip,.m-tags .chip{padding-top:4px!important;padding-bottom:4px!important;margin-top:0!important;margin-bottom:0!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ar-tabs a,.nav a{min-height:24px}
a.fnref,.reader a.fnref{position:relative;display:inline-block}
a.fnref::after{content:"";position:absolute;top:-7px;bottom:-7px;left:-8px;right:-8px}
.fnotes .fn-n a,.fnotes a.fn-back{display:inline-block;min-width:24px;min-height:24px;text-align:center}
.hs-d input{align-self:stretch}
/* homepage "about" (his words 8:25 PM): his photo on the RIGHT, the words beside it on the left; on phone too, side by side */
.h3-about-in{flex-direction:row!important;align-items:center!important;text-align:right!important;justify-content:center}
.h3-about-ph{flex:0 0 auto}
@media(max-width:759px){
 .h3-about{padding-top:28px!important}
 .h3-about-in{gap:14px!important}
 .h3-about-ph{width:52%!important;max-width:220px!important}
 .h3-about-tx{flex:1 1 0;min-width:0}
 .h3-about-tx h2{font-size:clamp(1.35rem,6.2vw,1.7rem)!important;margin:0 0 6px!important}
 .h3-about-tx p{font-size:1rem!important;line-height:1.6!important}
}
@media(min-width:760px){.h3-about-in{gap:36px!important}.h3-about-tx{padding-bottom:0!important}}
/* rec 6: small labels at least 14px (meta lines, counts, crumbs, tag labels, footnote numbers, the five reading tabs). Header tagline and the donate button are left as they are. */
.card .meta,.mv3-pn .meta,.result .meta,.h3-meta,.h3-stream small,.h3-st-n,.h3-tile small,.m-tags-l,.crumbs,.year h2 small,.h3-sign-note,dl.ab-cr dt{font-size:14px!important}
.chips .chip small,.chip small{font-size:14px!important}
a.fnref,.reader a.fnref{font-size:14px!important}
.fnotes .fn-n{font-size:14px!important}
.mv3 .tabs .tab,.tabs .tab{font-size:14px!important}
@media(max-width:400px){.mv3 .tabs.t5 .tab,.tabs.t5 .tab{padding-left:3px!important;padding-right:3px!important;letter-spacing:-.01em}}
/* rec 7: reading time per tab */
.reader .rt{font-family:Alef,Heebo,sans-serif;font-size:14px!important;color:#5b6782!important;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;text-align:right;line-height:1.4}
/* rec 9: desktop reading column ~650px of text (was 722px, up to 84 characters a line) */
@media(min-width:700px){.mv3 .reader{max-width:658px!important}.mv3 .tabs{max-width:658px!important}.mv3 .fs-ctl{max-width:658px!important}}

/* concept marks in the maamar pages + their popover (build/conceptmarks.py, site/concepts.js; 2026-11-11) */
a.cm{color:inherit!important;text-decoration:underline dotted #176f99!important;text-decoration-thickness:1px!important;text-underline-offset:.22em;cursor:help;background:none!important}
a.cm:hover,a.cm[aria-expanded="true"]{color:#176f99!important}
a.cm:focus-visible{outline:2px solid #176f99;outline-offset:2px}
.cm-pop{position:absolute;z-index:70;box-sizing:border-box;max-width:calc(100vw - 24px);background:var(--paper2,#f6fbfd);color:#2b3147;border:1px solid #e3d9c4;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.03);padding:10px 14px 11px;direction:rtl;text-align:right;font-family:Alef,Heebo,sans-serif;font-size:.95rem;line-height:1.6}
.cm-pop[hidden]{display:none}
.cm-pop .cm-t{font-family:Cardo,'Frank Ruhl Libre',serif;font-weight:400;font-size:1.15rem;line-height:1.3;color:#1d2b4f;margin:0 0 4px}
.cm-pop .cm-s{margin:0 0 6px}
.cm-pop .cm-go{color:#176f99;text-decoration:none;font-size:.92rem}
.cm-pop .cm-go:hover{text-decoration:underline}

/* tag page: the line pointing to the concept page (his request 11:50 PM): plain text link, no box/icon */
.tag-musag{margin:.4em 0 0;font-size:1rem;color:#1d2b4f}.tag-musag a{color:#176f99;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;background:none;border:0;padding:0}