/* book-pw.css — Perlow–Wiesner layer on the shared Family Book kit (book.css). 25 Oct 2026.
   Family identity: deep green cloth with gold; burgundy accent as on the other two books. */
body.bk-skin{--bk-cloth:#1f3b2e;--bk-cloth2:#112219;--bk-accent:#6d1a2a}
.bk-bar .wrap{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bk-bar .wrap::-webkit-scrollbar{display:none}
.bk-bar a{white-space:nowrap}
.bk-placesline{font:400 13px/1.6 var(--bk-body);letter-spacing:.18em;text-transform:uppercase;color:var(--bk-muted);margin:0}
.bk-chead .bk-candle{margin-bottom:6px}
.bk-sec{margin:38px 0 0}
.bk-h{font:400 27px/1.2 var(--bk-head);color:var(--bk-ink);text-align:center;margin:0 0 14px}
.bk-h::after{content:"";display:block;width:46px;height:2px;background:var(--bk-gold);margin:12px auto 0}
.bk-remember .bk-h::after{background:#9a948a}
.bk-h .count{font:600 13px var(--bk-body);color:var(--bk-muted);vertical-align:4px;margin-left:6px}
.bk-gen{font:600 13px/1.3 var(--bk-body);letter-spacing:.2em;text-transform:uppercase;color:var(--bk-accent);margin:28px 0 10px;border-bottom:1px solid var(--bk-rule);padding-bottom:6px}
.bk-plist{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.bk-plist{grid-template-columns:1fr 1fr}}
.bk-person{background:var(--bk-paper);border:1px solid var(--bk-rule);border-left:3px solid var(--bk-gold);border-radius:3px;padding:12px 14px;font:16px/1.5 var(--bk-body)}
.bk-person h4{font:600 18px/1.3 var(--bk-head);margin:0 0 4px}
.bk-person h4 a{color:var(--bk-ink);text-decoration:none}.bk-person h4 a:hover{color:var(--bk-accent);text-decoration:underline}
.bk-person .heb{font-family:"Noto Serif Hebrew","SBL Hebrew","Times New Roman",serif;font-weight:400;font-size:16px;color:var(--bk-ink2);margin-left:4px}
.bk-person .rel{margin:0 0 4px;font-style:italic;color:var(--bk-muted);font-size:15px}
.bk-person .facts{margin:0 0 4px;color:var(--bk-ink2);font-size:15px}
.bk-person .note{margin:0;font-size:15.5px}
.bk-person .more{white-space:nowrap}
.bk-person.lv{border-left-color:var(--bk-rule)}
.bk-sibs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bk-sibs li{background:var(--bk-paper);border:1px solid var(--bk-rule);border-top:3px solid var(--bk-gold);padding:14px 10px;text-align:center;border-radius:3px}
.bk-sibs .nm{display:block;font:400 20px/1.2 var(--bk-head)}.bk-sibs .nm a{color:var(--bk-ink)}
.bk-sibs .rl{display:block;font:italic 14px/1.4 var(--bk-body);color:var(--bk-muted);margin-top:4px}
.bk-coll{columns:2 260px;column-gap:28px;padding-left:18px;font:16px/1.55 var(--bk-body)}
.bk-coll li{break-inside:avoid;margin-bottom:4px}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.bk-tile{margin:0;background:var(--bk-paper);border:1px solid var(--bk-rule);border-radius:3px;overflow:hidden}
.bk-tile img{display:block;width:100%;height:170px;object-fit:cover;background:#efe7d6}
.bk-tile figcaption{padding:8px 10px 10px;font:italic 14px/1.45 var(--bk-body);color:var(--bk-ink2)}
.bk-tile .cap{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bk-tile .bk-cred,.bk-fig .bk-cred{display:block;font:normal 12px/1.4 var(--bk-body);color:var(--bk-muted);margin-top:4px}
.bk-placelist{columns:2 260px;column-gap:28px;padding-left:18px;font:16px/1.55 var(--bk-body)}
.bk-links{text-align:center;margin:16px 0}.bk-links .btn{margin:4px}
.bk-cite li{margin-bottom:6px}.bk-cite strong{color:var(--bk-ink2)}
.bk-chart{padding:8px}
.bk-ped{font-family:var(--bk-body)}
.bk-ped .ln{fill:none;stroke:#b9a77f;stroke-width:1.2}
.bk-ped .nd rect{fill:#fffdf6;stroke:#cdbb93;stroke-width:1}
.bk-ped .nd.g1 rect{stroke:#2f6b4f;stroke-width:1.6}
.bk-ped .nd.g2 rect{stroke:#a06a1c;stroke-width:1.4}
.bk-ped .nd.g3 rect{stroke:#7d5aa6;stroke-dasharray:4 3}
.bk-ped .n{font-size:13.5px;font-weight:600;fill:#2a211c}
.bk-ped .d{font-size:11.5px;fill:#6b5f55}
.bk-ped a:hover rect{fill:#f6ecd4}
.bk-names li{display:flow-root}
.bk-names .rm-ph{float:left;width:52px;height:64px;object-fit:cover;margin:2px 12px 4px 0;border:1px solid #cfc8bc;filter:grayscale(1)}
.bk-names b a{color:#2b2b2b}
.bk-index{list-style:none;padding:0;margin:0;columns:2 300px;column-gap:30px;font:15.5px/1.5 var(--bk-body)}
.bk-index li{break-inside:avoid;padding:3px 0}
.bk-index .ix-l{font:400 26px/1 var(--bk-head);color:var(--bk-gold);padding:16px 0 4px;border-bottom:1px solid var(--bk-rule);margin-bottom:4px}
.bk-index .ix-c{font-size:13px;color:var(--bk-muted)}
.bk-pager .toc{color:var(--bk-muted)}
.bk-ann-meta b{color:var(--bk-ink)}
.home-book{background:linear-gradient(160deg,var(--bk-cloth),var(--bk-cloth2));color:#ead9b0;text-align:center;padding:34px 18px;border-top:2px solid var(--bk-gold);border-bottom:2px solid var(--bk-gold)}
.home-book h2{font:400 clamp(26px,4vw,38px)/1.15 var(--bk-head);color:var(--bk-gold2);margin:0 0 8px}
.home-book p{margin:0 auto 16px;max-width:640px;font:italic 18px/1.5 var(--bk-body)}
.home-book a{display:inline-block;background:var(--bk-gold);color:var(--bk-cloth2);font:600 16px/1 var(--bk-body);padding:13px 22px;border-radius:3px;text-decoration:none;margin:4px}
.home-book a.ghost{background:transparent;color:var(--bk-gold2);border:1px solid var(--bk-gold)}
@media(max-width:600px){.bk-h{font-size:23px}.bk-tile img{height:140px}.bk-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* long source URLs wrap on phones */
.bk-skin .bk-prose a,.bk-skin .pe a,.bk-skin .bk-cite a,.bk-skin main a{overflow-wrap:anywhere;word-break:break-word}

/* contrast fixes over the site's older stylesheets */
body.bk-skin .bk-cover h1{color:var(--bk-gold2,#e9d39a)}
body.bk-skin .bk-cover .bk-sub{color:#ead9b0}
body.bk-skin .fx-hero .btn.ghost,body.bk-skin .hero-actions .btn.ghost{color:#fff;border-color:rgba(255,255,255,.75);background:rgba(0,0,0,.18)}
body.bk-skin .hero-actions .btn.ghost:hover{background:rgba(255,255,255,.14)}
body.bk-skin .fx-hero h1,body.bk-skin .fx-hero h2{color:#fff}
body.bk-skin .home-book h2,body.bk-skin .home-book h3{color:var(--bk-gold2,#e9d39a)}
@media (min-width:900px){body.bk-skin .top .nav{gap:0;flex-wrap:wrap}body.bk-skin .top .nav a{padding-left:7px;padding-right:7px}}