/* בגדי כהונה — scoped, uses the app's own variables */
.bkd{max-width:640px;padding-top:6px;padding-bottom:28px}
.bk-sub{margin:2px 2px 12px;color:var(--mut);font:500 .9rem var(--ui)}
.bk-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--stone);border-radius:14px;padding:3px;margin-bottom:14px}
.bk-seg button{border:0;background:transparent;border-radius:11px;min-height:52px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;color:var(--ink2);font-family:var(--ui);cursor:pointer}
.bk-seg button b{font:700 1.05rem var(--ui)}
.bk-seg button span{font:500 .78rem var(--ui);color:var(--mut)}
.bk-seg button[aria-pressed="true"]{background:var(--paper);color:var(--g);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.bk-stage{max-width:270px;margin:0 auto 16px;border-radius:var(--r);overflow:hidden;background:#d9d3c7;border:1px solid var(--line)}
.bk-photo{position:relative;width:100%;line-height:0}
.bk-photo img{width:100%;height:auto;aspect-ratio:1/2;display:block}
.bk-photo svg{position:absolute;inset:0;width:100%;height:100%}
.bk-hit{fill:transparent;cursor:pointer}
.bk-dim{transition:opacity .3s ease;pointer-events:none}
.bk-lh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px}
.bk-lh h2{margin:0;font:600 .82rem var(--ui);color:var(--mut)}
.bk-all{border:1px solid var(--line);background:var(--paper);color:var(--g);border-radius:99px;min-height:36px;padding:0 14px;font:600 .84rem var(--ui);cursor:pointer}
.bk-list{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bk-list button{width:100%;display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:8px 12px;min-height:48px;text-align:start;color:var(--ink);font-family:var(--ui);cursor:pointer}
.bk-n{font:600 .76rem var(--ui);color:var(--mut);min-width:12px;font-variant-numeric:tabular-nums}
.bk-sw{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.22);flex:none}
.bk-nm{font:600 1rem var(--ui);line-height:1.2}
.bk-list button[aria-pressed="true"]{border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g);background:var(--gss)}
.bk-card{padding:16px 18px 14px;margin:0}
.bk-card h3{margin:0;font:700 1.4rem var(--ui);color:var(--g)}
.bk-alt{color:var(--mut);font:500 .86rem var(--ui);margin:2px 0 10px}
.bk-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;font:400 .92rem var(--ui);margin:0 0 12px;padding:10px 0;border-block:1px solid var(--line)}
.bk-meta dt{color:var(--mut)}.bk-meta dd{margin:0}
.bk-card p{margin:0 0 10px;font:400 1rem/1.65 var(--ui);color:var(--ink)}
.bk-note{font:400 .9rem/1.6 var(--ui);color:var(--ink2);border-inline-start:3px solid var(--gold);padding-inline-start:12px;margin-top:12px}
.bk-stones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 4px;padding:8px;border-radius:12px;background:#b58a2c}
.bk-stone{border-radius:8px;padding:8px 4px;text-align:center;line-height:1.25;border:2px solid #e6c768;min-height:58px;display:flex;flex-direction:column;justify-content:center}
.bk-stone b{font:700 .95rem var(--ui)}.bk-stone span{font:500 .76rem var(--ui)}
.bk-foot{color:var(--mut);font:400 .8rem/1.6 var(--ui);margin:16px 2px 0}
.bkd[dir=ltr]{text-align:left}
/* entry at the top of שמות כח */
.bk-top{display:flex;align-items:center;gap:12px;margin:2px 0 14px;padding:8px 12px 8px 10px;min-height:56px;border-radius:16px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.bk-th{flex:none;width:40px;height:40px;border-radius:10px;overflow:hidden;background:#d9d3c7}
.bk-th img{width:100%;height:auto;display:block;transform:translateY(-6%)}
.bk-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bk-tt b{font:700 .98rem var(--ui);color:var(--g)}
.bk-tt small{font:500 .78rem var(--ui);color:var(--mut)}
.bk-top i,.bk-row i{color:var(--mut);display:inline-grid}
.bk-top i svg{width:18px;height:18px}
.bk-top:active{background:var(--gss)}
.bk-rs{font:500 .74rem var(--ui);font-style:normal;color:var(--mut)}
@media (prefers-reduced-motion: reduce){.bk-dim{transition:none}}
body.bk-on #sbF,body.bk-on #swh{display:none!important}