/* מדריך האספן (שם זמני): tokens → base → components. Direction A "בודקים לפני שקונים", 8.10.2026 */
/* fonts: "KP Head" = Rubik Black 900 (11.10.2026, Mor picked it over Secular One: "מה שאתה חושב"; declared as weight 400 so every existing --fd rule keeps matching the one face), "KP Text" = IBM Plex Sans Hebrew 400/700, "KP Pixel" = Silkscreen (Latin digits only). OFL, subset by fonts.py; Secular One kept in dev/fonts-archive */
@font-face{font-family:"KP Head";src:url(../fonts/kp-head-hebrew.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"KP Head";src:url(../fonts/kp-head-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"KP Head Fallback";src:local("Arial"),local("ArialMT"),local("Arial Hebrew");size-adjust:119%;ascent-override:78.6%;descent-override:21.0%;line-gap-override:0%}
@font-face{font-family:"KP Text";src:url(../fonts/kp-text-400-hebrew.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"KP Text";src:url(../fonts/kp-text-400-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"KP Text";src:url(../fonts/kp-text-700-hebrew.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"KP Text";src:url(../fonts/kp-text-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"KP Text Fallback";src:local("Arial"),local("ArialMT"),local("Arial Hebrew");size-adjust:103%;ascent-override:99.5%;descent-override:26.7%;line-gap-override:0%}
@font-face{font-family:"KP Pixel";src:url(../fonts/kp-pixel.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-005A}


:root{
  --ink:#15171f; --ink-2:#2d313c; --muted:#585e6b; --line:#e2e4e9; --line-2:#cfd3db; --soft:#f3f4f6; --paper:#fff;
  --spot:#c6f250; --spot-hover:#b6e63a; --spot-ink:#1D1440;
  --ok:#1d7349; --bad:#b42318;
  --f:"KP Text","KP Text Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif; --fd:"KP Head","KP Head Fallback",system-ui,Arial,sans-serif; --px:"KP Pixel",ui-monospace,Menlo,monospace;
  --cond:100%; --r:6px; --gut:clamp(1rem,4vw,2rem); --max:76rem;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--f);font-stretch:100%}
img{max-inline-size:100%;block-size:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
h1,h2,h3{font-family:var(--f);font-weight:800;font-stretch:var(--cond);line-height:1.1;margin:0;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.375rem,1.6rem + 3.4vw,3.75rem)}
h2{font-size:clamp(1.6875rem,1.3rem + 1.5vw,2.375rem)}
h3{font-size:1.25rem;line-height:1.2}
p{margin:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:2px}
.wrap{inline-size:min(100% - 2*var(--gut),var(--max));margin-inline:auto}
.vh{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;inset-inline-start:var(--s4);inset-block-start:-100px;background:var(--ink);color:#fff;padding:var(--s3) var(--s4);z-index:20;border-radius:var(--r)}
.skip:focus{inset-block-start:var(--s2)}
.num{font-variant-numeric:tabular-nums;font-stretch:var(--cond);font-weight:700}
.muted{color:var(--muted)}
.tag-sample{display:inline-block;font-size:.75rem;font-weight:600;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--r);padding:0 var(--s2);line-height:1.6;vertical-align:middle}

/* rarity marks = the level of a guide (● מתחילים ◆ מתקדמים ★ אספנים) */
.rar{display:inline-block;inline-size:.62em;block-size:.62em;background:currentColor;flex:none;vertical-align:.05em}
.rar-c{border-radius:50%}
.rar-u{transform:rotate(45deg) scale(.84)}
.rar-r{inline-size:.8em;block-size:.8em;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);vertical-align:-.02em}

/* header */
.top{border-block-end:1px solid var(--line);background:var(--paper)}
.top .wrap{display:flex;align-items:center;gap:var(--s4);min-block-size:60px}
.logo{display:inline-flex;align-items:center;gap:var(--s2);text-decoration:none;font-weight:800;font-stretch:var(--cond);font-size:1.375rem;line-height:1}
.logo svg{inline-size:22px;block-size:30px;flex:none}
.nav{display:none;margin-inline-start:auto;gap:var(--s5)}
.nav a{text-decoration:none;font-weight:600;font-size:1rem;padding-block:var(--s2)}
.nav a:hover{text-decoration:underline}
.top-tools{display:flex;gap:var(--s2);margin-inline-start:auto}
.icon-btn{display:inline-grid;place-items:center;min-inline-size:44px;min-block-size:44px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);cursor:pointer;padding:0}
.icon-btn svg{inline-size:20px;block-size:20px}
@media (min-width:1024px){.nav{display:flex}.top-tools{margin-inline-start:var(--s5)}.menu-btn{display:none}}

/* hero */
.hero{padding-block:var(--s6) var(--s7)}
.hero-grid{display:grid;grid-template-areas:"h" "l" "sh" "s" "r" "k"}
.hero-grid>div:first-child{display:contents}
.hero h1{grid-area:h}.hero .lede{grid-area:l}.hero .search{grid-area:s}.hero .routes{grid-area:r}.hero .key{grid-area:k}.shelf-wrap{grid-area:sh}
.hero h1{max-inline-size:14ch}
.hero .lede{margin-block-start:var(--s4);font-size:1.125rem;max-inline-size:36ch;color:var(--ink-2)}
.search{display:flex;gap:var(--s2);margin-block-start:var(--s5);max-inline-size:34rem}
.search label{flex:1;display:block}
.search input{inline-size:100%;min-block-size:52px;border:1px solid var(--line-2);border-radius:var(--r);padding-inline:var(--s4);font:inherit;font-size:1rem;color:var(--ink);background:var(--paper)}
.search input::placeholder{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-block-size:52px;padding-inline:var(--s5);border-radius:var(--r);border:1px solid transparent;font:700 1.0625rem/1.2 var(--f);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn-spot{background:var(--spot);color:var(--spot-ink);border:1.5px solid var(--ink)}
.btn-spot:hover{background:var(--spot-hover)}
.btn-line{border-color:var(--ink);color:var(--ink);background:var(--paper)}
.btn svg{inline-size:18px;block-size:18px}

.routes{list-style:none;margin:var(--s5) 0 0;padding:0;border-block-start:1px solid var(--ink);max-inline-size:38rem}
.routes li{border-block-end:1px solid var(--line)}
.routes a{display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;column-gap:var(--s3);padding-block:var(--s4);text-decoration:none}
.routes .rar{font-size:1.25rem;justify-self:center}
.routes strong{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.375rem;line-height:1.15}
.routes span.d{display:block;color:var(--muted);font-size:.9375rem;line-height:1.45;margin-block-start:2px}
.routes .go{inline-size:20px;block-size:20px;color:var(--ink)}
.routes a:hover strong{text-decoration:underline;text-decoration-thickness:2px}
.key{margin-block-start:var(--s3);font-size:.875rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4)}
.key span{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}

/* hero shelf: real pack shots with spec callouts */
.shelf-wrap{margin-block-start:var(--s5)}
.shelf{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s2);border-block-end:2px solid var(--ink);text-decoration:none;color:var(--ink)}
.sh-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-inline-size:0}
.sh-pack{flex:0 0 14%}.sh-etb{flex:0 0 29%}.sh-bundle{flex:0 0 23%}.sh-box{flex:0 0 26%}
.sh-item img{inline-size:100%;block-size:auto}
.sh-lbl{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15;font-size:.8125rem;white-space:nowrap;margin-block-end:var(--s2)}
.sh-lbl .n{font-weight:700;color:var(--ink)}
.sh-lbl span:last-child{color:var(--muted);font-weight:600}
.sh-lbl b{font-size:1.125rem;color:var(--ink);font-weight:800}
.sh-lbl::after{content:"";inline-size:9px;block-size:9px;border-radius:50%;background:var(--spot);border:1.5px solid var(--ink);margin-block-start:6px}
.shelf:hover .n{text-decoration:underline}
.sh-cap{font-size:.75rem;color:var(--muted);margin-block-start:var(--s2)}
.hero .search{display:none}
.routes .start{font-style:normal;font-stretch:100%;font-weight:700;font-size:.75rem;background:var(--spot);border:1px solid var(--ink);border-radius:var(--r);padding:1px 6px;vertical-align:.3em;margin-inline-start:6px;white-space:nowrap}

/* signature: card anatomy */
.anatomy{margin:0}
.anatomy-in{display:grid;gap:var(--s5);align-items:center}
.anatomy svg{inline-size:min(100%,300px);block-size:auto;margin-inline:auto;display:block;overflow:visible}
.anatomy ol{list-style:none;margin:0;padding:0;counter-reset:a}
.anatomy li{display:grid;grid-template-columns:28px 1fr;column-gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line)}
.anatomy li:first-child{border-block-start:1px solid var(--line)}
.anatomy li::before{counter-increment:a;content:counter(a);inline-size:26px;block-size:26px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:700;font-size:.875rem;font-variant-numeric:tabular-nums}
.anatomy li b{display:block;font-weight:700;line-height:1.3}
.anatomy li span{display:block;color:var(--muted);font-size:.9375rem;line-height:1.45}
.anatomy figcaption{margin-block-start:var(--s4);font-size:.875rem;color:var(--muted)}
@media (min-width:600px){.anatomy-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1024px){
  .hero{padding-block:var(--s8)}
  .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-areas:"h sh" "l sh" "s sh" "r sh" "k sh";column-gap:var(--s8);grid-template-rows:auto auto auto auto 1fr}
  .shelf-wrap{align-self:center;margin-block-start:0}
  .sh-lbl{font-size:.9375rem}.sh-lbl b{font-size:1.5rem}
  .hero .search{display:flex;margin-block-start:var(--s5)}
}
.check-grid{display:grid;gap:var(--s5)}
.real{display:grid;grid-template-columns:96px 1fr;gap:var(--s4);align-items:center;margin:var(--s5) 0 0}
.real img{inline-size:96px;border-radius:var(--r)}
.real figcaption{font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.real figcaption b{display:block;font-weight:700;color:var(--ink)}
@media (min-width:1024px){.real{grid-template-columns:1fr;margin-block-start:var(--s6)}.real img{inline-size:200px}}
.sec-intro{color:var(--ink-2);margin-block:var(--s3) var(--s3);max-inline-size:40ch}
@media (min-width:1024px){.check-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--s8);align-items:start}.anatomy svg{inline-size:min(100%,330px)}}

/* sections */
.sec{padding-block:var(--s7);border-block-start:1px solid var(--line)}
.sec-head{display:grid;justify-items:start;gap:var(--s2);margin-block-end:var(--s5)}
.sec-head p{color:var(--muted);max-inline-size:44ch}
.more{display:inline-flex;align-items:center;min-block-size:44px;font-weight:700;text-decoration:underline;text-underline-offset:.25em}
@media (min-width:1024px){.sec{padding-block:var(--s9)}.sec-head{margin-block-end:var(--s6)}}

/* the set: numbered guide index (the motif) */
.set{list-style:none;margin:0;padding:0;display:grid;column-gap:var(--s7)}
.set li{border-block-end:1px solid var(--line)}
.set a{display:grid;grid-template-columns:4.25rem 1fr;grid-template-areas:"n t" ". m";align-items:baseline;column-gap:var(--s3);row-gap:2px;padding-block:var(--s4);text-decoration:none}
.set .cn{grid-area:n}.set strong{grid-area:t}.set .t{grid-area:m}
.cn{font-variant-numeric:tabular-nums;font-stretch:var(--cond);font-weight:700;font-size:.9375rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px;direction:ltr;justify-content:flex-end}
.cn .rar{color:var(--ink);font-size:.95rem}
.set strong{font-weight:700;font-size:1.0625rem;line-height:1.35}
.set a:hover strong{text-decoration:underline}
.set .t{font-size:.875rem;color:var(--muted);white-space:nowrap}
@media (min-width:768px){.set{grid-template-columns:1fr 1fr}.set li:nth-child(-n+2){border-block-start:1px solid var(--ink)}}
@media (max-width:767px){.set li:first-child{border-block-start:1px solid var(--ink)}}

/* what to buy: product table */
.buy{display:grid;gap:0;border-block-start:1px solid var(--ink)}
.buy-row{display:grid;grid-template-columns:96px 1fr;column-gap:var(--s4);align-items:start;padding-block:var(--s5);border-block-end:1px solid var(--line)}
.shot{background:var(--soft);border-radius:var(--r);aspect-ratio:1;position:relative;overflow:hidden}
.shot img{position:absolute;inset:10%;inline-size:80%;block-size:80%;object-fit:contain}
.buy-row h3{font-size:1.25rem}
.buy-row .en{font-size:.875rem;color:var(--muted);font-weight:500;direction:ltr;unicode-bidi:isolate;display:inline-block}
.facts{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin-block-start:var(--s2);font-size:.9375rem}
.facts span{white-space:nowrap}
.facts b{font-weight:700}
.for{margin-block-start:var(--s2);color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.price{margin-block-start:var(--s2);font-size:.9375rem}
.photo-note{font-size:.75rem;color:var(--muted);margin-block-start:var(--s3)}
@media (min-width:768px){
  .buy{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--s5);border-block-start:0}
  .buy-row{grid-template-columns:1fr;border-block:1px solid var(--line);border-block-start:1px solid var(--ink);padding-block:var(--s5)}
  .buy-row .shot{margin-block-end:var(--s4)}
}

/* where to buy: comparison by store type */
.disclose{display:flex;gap:var(--s3);align-items:flex-start;border:1px solid var(--ink);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:.9375rem;line-height:1.5;margin-block-end:var(--s5);max-inline-size:52rem}
.disclose svg{inline-size:20px;block-size:20px;flex:none;margin-block-start:2px}
.disclose b{font-weight:700}
.where{display:grid;gap:var(--s6)}
.where>*,.hero-grid>*{min-inline-size:0}
.cmp-wrap{border-block-start:1px solid var(--ink)}
.cmp{inline-size:100%;border-collapse:collapse;font-size:.9375rem}

.cmp th,.cmp td{text-align:start;padding:var(--s3) var(--s2);border-block-end:1px solid var(--line);vertical-align:top;line-height:1.45}
.cmp thead th{font-weight:700;font-size:.875rem;color:var(--muted)}
.cmp tbody th{font-weight:700;inline-size:9.5rem}
@media (max-width:767px){
  .cmp thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
  .cmp tr{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s4);row-gap:var(--s2);padding-block:var(--s4);border-block-end:1px solid var(--line)}
  .cmp tbody th{grid-column:1/-1;inline-size:auto;padding:0;border:0;font-size:1.0625rem}
  .cmp td{padding:0;border:0}
  .cmp td::before{content:attr(data-l);display:block;font-size:.8125rem;font-weight:600;color:var(--muted);margin-block-end:2px}
}
.dot{display:inline-block;inline-size:.55em;block-size:.55em;border-radius:50%;margin-inline-end:6px;vertical-align:.1em}
.dot-y{background:var(--ok)} .dot-n{background:var(--bad)} .dot-m{border:1.5px solid var(--muted)}
.pick{border:1px solid var(--ink);border-radius:var(--r);padding:var(--s5)}
.pick .who{font-size:.875rem;font-weight:600;color:var(--muted)}
.pick h3{margin-block:var(--s2) var(--s4)}
.pick-logo{inline-size:120px;block-size:auto}
.pick ul{list-style:none;margin:0 0 var(--s5);padding:0}
.pick li{display:grid;grid-template-columns:18px 1fr;gap:var(--s2);padding-block:6px;line-height:1.45}
.pick li svg{inline-size:16px;block-size:16px;margin-block-start:4px;color:var(--ok)}
.pick .btn{inline-size:100%}
.pick .why{font-size:.875rem;color:var(--muted);margin-block-start:var(--s3)}
@media (min-width:1024px){.where{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}.pick{position:sticky;inset-block-start:var(--s5)}}

/* buying live: steps + partner */
.live-grid{display:grid;gap:var(--s6)}
.live-grid>*{min-inline-size:0}
.steps{list-style:none;margin:0 0 var(--s4);padding:0;counter-reset:s;border-block-start:1px solid var(--ink)}
.steps li{display:grid;grid-template-columns:2rem 1fr;column-gap:var(--s3);padding-block:var(--s4);border-block-end:1px solid var(--line);line-height:1.5;color:var(--ink-2)}
.steps li::before{counter-increment:s;content:counter(s);grid-row:span 2;font-weight:800;font-stretch:var(--cond);font-size:1.75rem;line-height:1;color:var(--ink)}
.steps b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.25rem;color:var(--ink);margin-block-end:2px}
.pick-shot{inline-size:100%;border-radius:var(--r);margin-block:var(--s2) var(--s4)}
@media (min-width:1024px){.live-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:var(--s8);align-items:start}}

/* releases: date list */
.rel{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--ink)}
.rel li{display:grid;grid-template-columns:4.5rem 1fr auto;column-gap:var(--s4);align-items:baseline;padding-block:var(--s4);border-block-end:1px solid var(--line)}
.rel .d{font-variant-numeric:tabular-nums;font-stretch:var(--cond);font-weight:800;font-size:1.25rem;line-height:1.1}
.rel .d small{display:block;font-size:.8125rem;font-weight:600;color:var(--muted);font-stretch:100%}
.rel b{font-weight:700;direction:ltr;unicode-bidi:isolate;display:inline-block}
.rel .what{display:block;color:var(--muted);font-size:.9375rem}
.rel .st{font-size:.8125rem;font-weight:700;border:1px solid var(--line-2);border-radius:var(--r);padding:2px var(--s2);white-space:nowrap}
.rel .st.pre{border-color:var(--ink)}
@media (min-width:768px){.rel{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--s6)}.rel li{grid-template-columns:4.5rem 1fr;row-gap:var(--s2)}.rel .st{grid-column:2;justify-self:start}}

/* glossary */
.gl{display:grid;gap:0;margin:0;border-block-start:1px solid var(--ink)}
.gl div{padding-block:var(--s4);border-block-end:1px solid var(--line)}
.gl dt{font-weight:800;font-stretch:var(--cond);font-size:1.25rem;line-height:1.2}
.gl dt bdi{font-weight:700;color:var(--muted);font-size:.9375rem;font-stretch:100%;margin-inline-start:var(--s2)}
.gl dd{margin:var(--s1) 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.5}
@media (min-width:768px){.gl{grid-template-columns:1fr 1fr;column-gap:var(--s7)}}
@media (min-width:1024px){.gl{grid-template-columns:repeat(3,1fr)}}

/* how we work */
.rules{display:grid;gap:var(--s5)}
.rules p{font-size:1.0625rem;line-height:1.55;max-inline-size:34ch}
.rules p b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.375rem;line-height:1.2;margin-block-end:var(--s1)}
@media (min-width:768px){.rules{grid-template-columns:repeat(3,1fr);gap:var(--s7)}}

/* footer */
.foot{background:var(--ink);color:#e9eaee;padding-block:var(--s7) var(--s6);margin-block-start:var(--s7)}
.foot a{color:#fff}
.foot .logo{color:#fff}
.foot-grid{display:grid;gap:var(--s6)}
.foot nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s5)}
.foot nav a{text-decoration:none;display:inline-block;padding-block:6px}
.foot nav a:hover{text-decoration:underline}
.foot .tm{font-size:.8125rem;line-height:1.6;color:#b9bcc6;max-inline-size:70ch;border-block-start:1px solid #343846;padding-block-start:var(--s4);margin-block-start:var(--s6)}
@media (min-width:1024px){.foot-grid{grid-template-columns:5fr 7fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== v2 קלפופדיה (8.10.2026): encyclopedia layer ===== */
.hero-grid{grid-template-areas:"h" "l" "s" "r" "k" "sh"}
.hero .search{display:flex}
.hero-art{grid-area:sh;margin-block-start:var(--s7)}
.hero-art h2{font-size:1.375rem;margin-block-end:var(--s4)}
@media (min-width:1024px){
  .hero-grid{grid-template-areas:"h sh" "l sh" "s sh" "r sh" "k sh"}
  .hero-art{align-self:center;margin-block-start:0}
}
.lede b{font-weight:700;color:var(--ink)}

/* breadcrumbs */
.crumbs{font-size:.875rem;color:var(--muted);padding-block:var(--s4) 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2)}
.crumbs li+li::before{content:"‹";margin-inline-end:var(--s2);color:var(--line-2)}
.crumbs a{color:var(--ink-2)}

/* era strip: sets in release order */
.era{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.5rem,1fr);overflow-x:auto;border-block-start:1px solid var(--ink);scrollbar-width:thin}
.era li{border-inline-start:1px solid var(--line);padding:var(--s3) var(--s3) var(--s4)}
.era li:first-child{border-inline-start:0}
.era a{text-decoration:none;display:block}
.era .no{font-variant-numeric:tabular-nums;font-stretch:var(--cond);font-weight:700;font-size:.875rem;color:var(--muted);direction:ltr;display:block;text-align:end}
.era b{display:block;font-weight:700;line-height:1.25;direction:ltr;unicode-bidi:isolate;text-align:end;margin-block:var(--s1)}
.era .dt{display:block;font-size:.875rem;color:var(--ink-2)}
.era .cnt{display:block;font-size:.8125rem;color:var(--muted)}
.era a:hover b{text-decoration:underline}
.era .here{background:var(--soft)}
.era .next{color:var(--muted)}
.era .next b{font-weight:600;color:var(--muted)}
.era-note{font-size:.75rem;color:var(--muted);margin-block-start:var(--s2)}

/* set spec sheet (signature 2): labels with a measure line */
.spec{border-block-start:2px solid var(--ink)}
.spec dl{margin:0;display:grid}
.spec .row{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--s3);padding-block:var(--s3);border-block-end:1px solid var(--line);align-items:baseline}
.spec dt{font-size:.875rem;font-weight:600;color:var(--muted)}
.spec dd{margin:0;font-weight:700}
.spec dd .en{direction:ltr;unicode-bidi:isolate;display:inline-block}
.spec .src{font-size:.8125rem;color:var(--muted);margin-block-start:var(--s3);line-height:1.5}
.ruler{margin-block:var(--s4) var(--s2)}
.ruler-bar{display:flex;block-size:28px;border:1px solid var(--ink);border-radius:var(--r);overflow:hidden}
.ruler-bar span{display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;white-space:nowrap;min-inline-size:0}
.ruler-bar .reg{background:var(--soft)}
.ruler-bar .sct{background:repeating-linear-gradient(-35deg,#fff 0 5px,#e2e4e9 5px 7px);border-inline-start:1px solid var(--ink)}
.ruler-dim{display:flex;align-items:center;gap:var(--s2);margin-block-start:6px;font-size:.8125rem;font-weight:700;color:var(--ink)}
.ruler-dim::before,.ruler-dim::after{content:"";flex:1;block-size:9px;border-block-end:1px solid var(--ink);border-inline:1px solid var(--ink)}
.ruler-dim::before{border-inline-end:0}.ruler-dim::after{border-inline-start:0}

/* beware box: the site's mark */
.warn{border:1.5px solid var(--ink);border-radius:var(--r);padding:var(--s4)}
.warn-h{display:flex;align-items:center;gap:var(--s2);font-weight:800;font-stretch:var(--cond);font-size:1.25rem;line-height:1.2}
.warn-h::before{content:"!";display:inline-grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--r);background:var(--bad);color:#fff;font-weight:800;font-size:1rem;font-stretch:100%;flex:none}
.warn ul{list-style:none;margin:var(--s3) 0 0;padding:0}
.warn li{padding-block:var(--s3);border-block-start:1px solid var(--line);line-height:1.5}
.warn li b{display:block;font-weight:700}
.warn li span{color:var(--ink-2);font-size:.9375rem}
.warn .more{margin-block-start:var(--s2)}
.warns{display:grid;gap:0;border-block-start:1px solid var(--ink)}
.warns li{list-style:none;display:grid;grid-template-columns:28px 1fr;column-gap:var(--s3);padding-block:var(--s4);border-block-end:1px solid var(--line)}
.warns li::before{content:"!";display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:var(--r);background:var(--bad);color:#fff;font-weight:800;margin-block-start:2px}
.warns b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.25rem;line-height:1.2}
.warns span{display:block;color:var(--ink-2);font-size:.9375rem;line-height:1.5;margin-block-start:2px}
.warns ul{margin:0;padding:0}
@media (min-width:768px){.warns ul{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s7)}}

/* featured set on home */
.feat{display:grid;gap:var(--s5);margin-block-end:var(--s6)}
.feat h3{font-size:1.75rem;direction:ltr;unicode-bidi:isolate;text-align:end}
.feat .sub{color:var(--muted);margin-block-start:var(--s1)}
.packs{display:flex;align-items:flex-end;gap:var(--s3);background:var(--soft);border-radius:var(--r);padding:var(--s5) var(--s4) var(--s4)}
.packs figure{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;min-inline-size:0}
.packs img{max-block-size:150px;inline-size:auto}
.packs figcaption{font-size:.75rem;font-weight:600;color:var(--ink-2);margin-block-start:var(--s2);text-align:center;line-height:1.3}
@media (min-width:1024px){.feat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s8);align-items:start}}

/* set page */
.page-head{padding-block:var(--s5) var(--s5)}
.page-head .kick{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;font-size:.875rem;font-weight:600;color:var(--ink-2)}
.page-head h1{direction:ltr;unicode-bidi:isolate;text-align:end;font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem);margin-block:var(--s2) var(--s2)}
.page-head .he{font-size:1.125rem;color:var(--ink-2);max-inline-size:44ch}
.page-head .meta{font-size:.875rem;color:var(--muted);margin-block-start:var(--s3)}
.set-grid{display:grid;gap:var(--s6)}
.set-grid>*{min-inline-size:0}
@media (min-width:1024px){.set-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--s8);align-items:start}.set-side{position:sticky;inset-block-start:var(--s5);order:2}}
.body{max-inline-size:42rem}
.body h2{font-size:1.75rem;margin-block:var(--s7) var(--s3)}
.body p{font-size:1.125rem;line-height:1.75;margin-block-end:var(--s4)}
.body .tldr{margin-block-start:0}
.chase{inline-size:100%;border-collapse:collapse;font-size:.9375rem;border-block-start:1px solid var(--ink)}
.chase th,.chase td{text-align:start;padding:var(--s3) var(--s2);border-block-end:1px solid var(--line);vertical-align:top;line-height:1.4}
.chase thead th{font-size:.8125rem;color:var(--muted);font-weight:600}
.chase .no{font-variant-numeric:tabular-nums;font-stretch:var(--cond);font-weight:700;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.chase .nm{font-weight:700;direction:ltr;unicode-bidi:isolate}
.chase .rr{color:var(--ink-2)}
.dist{list-style:none;margin:var(--s4) 0 0;padding:0}
.dist li{display:grid;grid-template-columns:9rem 1fr 2.5rem;gap:var(--s3);align-items:center;padding-block:6px;font-size:.9375rem}
.dist .bar{block-size:10px;background:var(--soft);border-radius:999px;overflow:hidden}
.dist .bar i{display:block;block-size:100%;background:var(--ink)}
.dist .n{font-variant-numeric:tabular-nums;font-weight:700;text-align:end}
.dist .lb{direction:ltr;unicode-bidi:isolate;text-align:end}
.faq{border-block-start:1px solid var(--ink)}
.faq details{border-block-end:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s3);padding-block:var(--s4);font-weight:700;font-size:1.0625rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:800;font-size:1.25rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-block-end:var(--s4);margin:0;font-size:1rem;line-height:1.6;color:var(--ink-2)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);border-block:1px solid var(--ink);margin-block-start:var(--s7)}
.pn a{display:block;padding-block:var(--s4);text-decoration:none}
.pn a:last-child{text-align:end}
.pn span{display:block;font-size:.8125rem;color:var(--muted)}
.pn b{display:block;font-weight:700;direction:ltr;unicode-bidi:isolate}
.pn a:last-child b{text-align:start}
.pn a:first-child b{text-align:end}
.inline-shop{border-inline-start:3px solid var(--line-2);padding-inline-start:var(--s4)}

/* v2.1 after Gemini round (8.10): roomier phone search, a quiet holo note on secret cards */
@media (max-width:599px){
  .hero .search .btn-spot{inline-size:52px;padding-inline:0}
  .hero .search .btn-spot .t{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
}
.search .btn-spot svg{inline-size:20px;block-size:20px}
@media (min-width:600px){.hero .search .btn-spot svg{display:none}}
.ruler-bar .sct{background:repeating-linear-gradient(-35deg,rgba(255,255,255,.55) 0 5px,rgba(29,20,64,.10) 5px 7px),linear-gradient(115deg,#e9fbd0 0%,#d8f3f6 35%,#ece3fb 65%,#fbe6ef 100%)}

/* ===== v3 (8.10, Mor: "יותר בתוכן, היררכיה, ריווחים, בוקסים") ===== */
:root{--r2:8px;--soft-2:#eceef2}
.sec{padding-block:56px;border-block-start:0}
.sec.band{background:var(--soft)}
@media (min-width:1024px){.sec{padding-block:96px}}
.eyebrow{display:flex;align-items:center;gap:var(--s2);font-size:.8125rem;font-weight:700;color:var(--muted);margin-block-end:var(--s2)}
.eyebrow .cn{font-size:.8125rem}
.sh{display:grid;gap:var(--s3);margin-block-end:var(--s6)}
.sh h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}
.sh p{color:var(--ink-2);max-inline-size:52ch;font-size:1.0625rem}
@media (min-width:1024px){.sh.split{grid-template-columns:1fr auto;align-items:end;column-gap:var(--s7)}.sh.split .more{grid-column:2;grid-row:1/3;align-self:end}}
.box{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r2)}

/* hero v3 */
.hero{padding-block:var(--s6) var(--s7)}
.hero .lede{font-size:1.1875rem}
.hero-stats{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-block-start:var(--s5);font-size:.9375rem;color:var(--ink-2)}
.hero-stats b{font-weight:800;font-stretch:var(--cond);font-size:1.375rem;color:var(--ink);margin-inline-end:4px;font-variant-numeric:tabular-nums}
.hero-art{background:var(--soft);border-radius:var(--r2);padding:var(--s5) var(--s4)}
.hero-art h2{font-size:1.25rem;display:flex;align-items:center;gap:var(--s2)}
.hero-art h2::before{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:var(--spot);border:1.5px solid var(--ink)}
.hero-art .anatomy li{border-color:var(--soft-2)}
@media (min-width:1024px){.hero-art{padding:var(--s6)}}

/* level paths: tappable boxes */
.paths{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.paths a{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"s t g" "s d g" "s m g";column-gap:var(--s4);row-gap:var(--s1);align-items:center;padding:var(--s5);text-decoration:none;min-block-size:100%}
.paths .box:hover{border-color:var(--ink)}
.paths .sym{grid-area:s;font-size:1.75rem;align-self:start;margin-block-start:6px;color:var(--ink)}
.paths strong{grid-area:t;font-weight:800;font-stretch:var(--cond);font-size:1.5rem;line-height:1.1}
.paths .d{grid-area:d;color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.paths .m{grid-area:m;font-size:.8125rem;font-weight:700;color:var(--muted);margin-block-start:var(--s2)}
.paths .go{grid-area:g;inline-size:22px;block-size:22px}
.paths .first{border:1.5px solid var(--ink)}
@media (min-width:768px){.paths{grid-template-columns:repeat(3,1fr);gap:var(--s5)}.paths a{grid-template-columns:auto 1fr;grid-template-areas:"s s" "t t" "d d" "m g";align-items:end}.paths .go{justify-self:end}}

/* guides: cards with a big entry number */
.gcards{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
@media (min-width:768px){.gcards{grid-template-columns:repeat(2,1fr);gap:var(--s5)}}
@media (min-width:1024px){.gcards{grid-template-columns:repeat(3,1fr)}}
.gcard a{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);text-decoration:none;block-size:100%}
.gcard:hover{border-color:var(--ink)}
.gcard .top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.gcard .no{font-weight:800;font-stretch:var(--cond);font-size:2.25rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--line-2);direction:ltr}
.gcard .lvl{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.gcard strong{font-weight:800;font-stretch:var(--cond);font-size:1.3125rem;line-height:1.2}
.gcard .hub{margin-block-start:auto;font-size:.8125rem;color:var(--muted);font-weight:600}
.gcard.feat-g{border:1.5px solid var(--ink)}
.gcard.feat-g a{display:grid;grid-template-columns:1fr 96px;gap:var(--s4);align-items:center}
.gcard.feat-g .txt{display:flex;flex-direction:column;gap:var(--s3)}
.gcard.feat-g img{inline-size:96px;block-size:auto}
.gcard.feat-g .no{color:var(--ink)}
@media (min-width:1024px){.gcard.feat-g{grid-column:span 2}.gcard.feat-g a{grid-template-columns:1fr 160px}.gcard.feat-g img{inline-size:150px;justify-self:center}}

/* beware: boxes on a soft band */
.wgrid{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
@media (min-width:768px){.wgrid{grid-template-columns:repeat(2,1fr);gap:var(--s5)}}
.wbox{display:grid;grid-template-columns:32px 1fr;column-gap:var(--s4);padding:var(--s5)}
.wbox::before{content:"!";display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:var(--r);background:var(--bad);color:#fff;font-weight:800}
.wbox b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.3125rem;line-height:1.2;margin-block-end:var(--s1)}
.wbox span{color:var(--ink-2);font-size:.9375rem;line-height:1.55}

/* featured set box */
.setbox{padding:var(--s5);display:grid;gap:var(--s5);margin-block-end:var(--s5)}
.setbox h3{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem);direction:ltr;unicode-bidi:isolate;text-align:end}
.setbox .chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s3)}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;border:1px solid var(--line-2);border-radius:999px;padding:3px 12px;background:var(--paper);white-space:nowrap}
.chip.ink{border-color:var(--ink)}
@media (min-width:1024px){.setbox{grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding:var(--s6);column-gap:var(--s7);align-items:center}}
.setbox .packs{margin:0}
.era{border-block-start:0;gap:var(--s3);grid-auto-columns:minmax(9.5rem,1fr)}
.era li{border:1px solid var(--line-2);border-radius:var(--r2);background:var(--paper);padding:var(--s4)}
.era li:first-child{border-inline-start:1px solid var(--line-2)}
.era .here{border:1.5px solid var(--ink);background:var(--paper);box-shadow:inset 0 4px 0 var(--spot)}
.era .next{border-style:dashed;background:transparent}

/* glossary boxes */
.glgrid{display:grid;gap:var(--s3);margin:0}
@media (min-width:768px){.glgrid{grid-template-columns:repeat(2,1fr);gap:var(--s4)}}
@media (min-width:1024px){.glgrid{grid-template-columns:repeat(3,1fr)}}
.glgrid>div{padding:var(--s4) var(--s5)}
.glgrid dt{font-weight:800;font-stretch:var(--cond);font-size:1.3125rem;line-height:1.2;display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.glgrid dt bdi{font-weight:700;color:var(--muted);font-size:.875rem;font-stretch:100%}
.glgrid dd{margin:var(--s2) 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.55}

/* why: numbered statements */
.why3{display:grid;gap:var(--s5);counter-reset:w}
@media (min-width:768px){.why3{grid-template-columns:repeat(3,1fr);gap:var(--s7)}}
.why3 p{border-block-start:2px solid var(--ink);padding-block-start:var(--s4);color:var(--ink-2);line-height:1.6}
.why3 b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.375rem;line-height:1.2;color:var(--ink);margin-block-end:var(--s2)}

/* compare table in a box */
.cmpbox{padding:var(--s2) var(--s4)}
.cmpbox .cmp-wrap{border-block-start:0}
@media (min-width:768px){.cmpbox{padding:var(--s3) var(--s5)}}

/* set page v3 */
.set-hero{background:var(--soft);padding-block:var(--s2) var(--s7)}
.set-hero .page-head{padding-block:var(--s5) 0}
.set-hero .chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s4)}
.set-main{padding-block:var(--s7)}
.spec.box{border:1px solid var(--ink);border-radius:var(--r2);padding:var(--s5);border-block-start:1px solid var(--ink)}
.spec.box h2{font-size:1.125rem;margin-block-end:var(--s3)}
.chase-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}
@media (min-width:768px){.chase-grid{grid-template-columns:repeat(3,1fr);gap:var(--s4)}}
.chase-grid li{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}
.chase-grid .no{font-weight:800;font-stretch:var(--cond);font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums;direction:ltr;text-align:end}
.chase-grid .nm{font-weight:700;direction:ltr;unicode-bidi:isolate;text-align:end;line-height:1.3}
.chase-grid .rr{font-size:.75rem;font-weight:700;color:var(--ink-2);direction:ltr;text-align:end}
.chase-grid .top1{border:1.5px solid var(--ink)}
.chase-grid .top1{box-shadow:inset 0 4px 0 var(--spot)}
.distbox{padding:var(--s5)}
.faqbox{padding:0 var(--s5)}
.faqbox .faq{border-block-start:0}
.faqbox details:last-child{border-block-end:0}
.pn{border:0;gap:var(--s3)}
.pn a{border:1px solid var(--line-2);border-radius:var(--r2);padding:var(--s4)}
.pn a:hover{border-color:var(--ink)}
.body h2{margin-block:var(--s8) var(--s4)}
.body > h2:first-of-type{margin-block-start:var(--s7)}

/* article (blog post) */
.progress{position:sticky;inset-block-start:0;z-index:5;block-size:4px;background:var(--soft-2)}
.progress i{display:block;block-size:100%;inline-size:38%;background:var(--spot)}
.art-head{background:var(--soft);padding-block:var(--s2) var(--s7)}
.art-head h1{font-size:clamp(2.125rem,1.5rem + 2.8vw,3.25rem);max-inline-size:20ch;margin-block:var(--s3) var(--s4)}
.art-head .stand{font-size:1.1875rem;line-height:1.6;color:var(--ink-2);max-inline-size:46ch}
.art-head .meta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s5)}
.art-hero{margin:calc(-1 * var(--s6)) 0 0;position:relative}
.art-hero .frame{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r2);padding:var(--s4);display:grid;grid-template-columns:120px 1fr;gap:var(--s4);align-items:center}
.art-hero img{border-radius:var(--r)}
.art-hero figcaption{font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.art-hero figcaption b{display:block;color:var(--ink);font-weight:800;font-stretch:var(--cond);font-size:1.25rem}
@media (min-width:768px){.art-hero .frame{grid-template-columns:180px 1fr;padding:var(--s5)}}
.art-grid{display:grid;gap:var(--s6);padding-block:var(--s6) var(--s8)}
.art-grid>*{min-inline-size:0}
@media (min-width:1024px){.art-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--s8)}.art-side{position:sticky;inset-block-start:var(--s6);align-self:start}}
.toc{padding:var(--s5)}
.toc p{font-weight:800;font-stretch:var(--cond);font-size:1.125rem;margin-block-end:var(--s3)}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t;display:grid;grid-template-columns:28px 1fr;gap:var(--s2);padding-block:6px;font-size:.9375rem;line-height:1.4}
.toc li::before{content:counter(t);font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted)}
.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
.toc li.on a{font-weight:700}.toc li.on::before{color:var(--ink)}
details.toc-m{margin-block:var(--s5)}
details.toc-m summary{cursor:pointer;font-weight:800;font-stretch:var(--cond);font-size:1.125rem;padding:var(--s4) var(--s5);list-style:none;display:flex;justify-content:space-between}
details.toc-m summary::-webkit-details-marker{display:none}
details.toc-m summary::after{content:"+";font-weight:800}
details.toc-m[open] summary::after{content:"−"}
details.toc-m ol{padding:0 var(--s5) var(--s4)}
@media (min-width:1024px){details.toc-m{display:none}}
@media (max-width:1023px){.art-side .toc{display:none}}
.side-stack{display:grid;gap:var(--s4)}
.prose{max-inline-size:42rem}
.prose p{font-size:1.125rem;line-height:1.8;margin-block-end:var(--s4)}
.prose h2{font-size:clamp(1.625rem,1.3rem + 1.2vw,2rem);margin-block:var(--s8) var(--s4);display:grid;grid-template-columns:auto 1fr;column-gap:var(--s3);align-items:baseline}
.prose h2 .n{font-weight:800;font-stretch:var(--cond);font-size:1em;color:var(--line-2);font-variant-numeric:tabular-nums}
.tip{display:grid;grid-template-columns:auto 1fr;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--soft);border-radius:var(--r2);margin-block:var(--s5)}
.tip::before{content:"";inline-size:12px;block-size:12px;border-radius:50%;background:var(--spot);border:1.5px solid var(--ink);margin-block-start:.45em}
.tip b{font-weight:700}
.chkbox{padding:var(--s2) var(--s4) var(--s3);margin-block:var(--s5)}
.chkbox .chk{border-block-start:0}
.sources{font-size:.875rem;color:var(--ink-2);padding-inline-start:1.2em;line-height:1.7}
.nextbox a{display:grid;gap:var(--s2);padding:var(--s5);text-decoration:none}
.nextbox .k{font-size:.8125rem;font-weight:700;color:var(--muted)}
.nextbox strong{font-weight:800;font-stretch:var(--cond);font-size:1.5rem;line-height:1.2}
.nextbox:hover{border-color:var(--ink)}
.rel2{display:grid;gap:var(--s4);margin-block-start:var(--s4)}
@media (min-width:768px){.rel2{grid-template-columns:1fr 1fr}}

/* guides index (blog) */
.idx-head{background:var(--soft);padding-block:var(--s2) var(--s7)}
.idx-head h1{font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem);margin-block:var(--s3) var(--s3)}
.idx-head p.lead{font-size:1.1875rem;color:var(--ink-2);max-inline-size:48ch}
.filters{display:grid;gap:var(--s3);margin-block-start:var(--s5)}
.chips-row{display:flex;flex-wrap:wrap;gap:var(--s2)}
.fchip{display:inline-flex;align-items:center;gap:8px;min-block-size:40px;padding-inline:var(--s4);border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-weight:700;font-size:.9375rem;text-decoration:none;color:var(--ink)}
.fchip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.fchip .c{font-weight:600;color:var(--muted)}
.fchip[aria-pressed="true"] .c{color:#cfd2da}
.idx-body{padding-block:var(--s6) var(--s8)}
.idx-body .gcards{margin-block-start:var(--s5)}
.gcard .ex{color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.count-line{font-size:.9375rem;color:var(--muted);font-weight:600}
.art-hero img{inline-size:100%;block-size:auto;aspect-ratio:600/825}
.toc li a{display:block;padding-block:3px;min-block-size:24px}
button.fchip{cursor:pointer;font-family:inherit}
.label{font-size:.8125rem;font-weight:700;color:var(--muted);margin-block-end:var(--s2)}
details.toc-m{display:none}
@media (max-width:1023px){details.toc-m{display:block}}
.toc-chips{display:flex;gap:var(--s2);overflow-x:auto;margin-block:var(--s5);padding-block-end:4px;scrollbar-width:thin}
.toc-chips a{flex:none;display:inline-flex;align-items:center;min-block-size:40px;padding-inline:var(--s4);border:1px solid var(--line-2);border-radius:999px;font-weight:700;font-size:.875rem;text-decoration:none;background:var(--paper)}
@media (min-width:1024px){.toc-chips{display:none}}

/* shared article pieces (were only in the tile) */
.tldr{background:var(--soft);border-radius:var(--r2);padding:var(--s5);margin-block:0 var(--s5);border-inline-start:4px solid var(--spot)}
.tldr b{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.25rem;margin-block-end:var(--s2)}
.tldr ul{margin:0;padding-inline-start:1.1em}
.tldr li{margin-block:4px;line-height:1.6}
.chk{inline-size:100%;border-collapse:collapse;font-size:.9375rem}
.chk th,.chk td{text-align:start;padding:var(--s3) var(--s2);border-block-end:1px solid var(--line);vertical-align:top;line-height:1.45}
.chk tr:last-child th,.chk tr:last-child td{border-block-end:0}
.chk thead th{font-size:.8125rem;color:var(--muted);font-weight:600}
.chk .ok{color:var(--ok);font-weight:700}.chk .bad{color:var(--bad);font-weight:700}
.chk svg{inline-size:14px;block-size:14px;vertical-align:-2px;margin-inline-end:4px}
.term{text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:.25em;cursor:help}

/* v3.1 after ChatGPT round (8.10) */
@media (max-width:599px){.hero h1{font-size:2.125rem;max-inline-size:16ch}.hero .lede{font-size:1.0625rem;margin-block-start:var(--s3)}.hero .search{margin-block-start:var(--s4)}.hero{padding-block:var(--s5) var(--s6)}}
.gcard strong{font-size:1.375rem}
.gl-lines{display:grid;margin:0;column-gap:var(--s7)}
.gl-lines>div{border-block-start:1px solid var(--line);padding-block:var(--s4)}
@media (min-width:768px){.gl-lines{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.gl-lines{grid-template-columns:repeat(3,1fr)}}
.gl-lines dt{font-weight:800;font-stretch:var(--cond);font-size:1.3125rem;line-height:1.2;display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.gl-lines dt bdi{font-weight:700;color:var(--muted);font-size:.875rem;font-stretch:100%}
.gl-lines dd{margin:var(--s2) 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.55}
.cmp-plain .cmp-wrap{border-block-start:2px solid var(--ink)}
/* 60-second check */
.check60{display:grid;gap:var(--s5);padding:var(--s6) var(--s5);border:1.5px solid var(--ink);border-radius:var(--r2);background:var(--paper)}
.check60 h2{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}
.check60 p{color:var(--ink-2);max-inline-size:44ch}
.check60 ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);counter-reset:c}
.check60 li{counter-increment:c;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:6px 14px 6px 10px;font-weight:700;font-size:.9375rem;background:var(--paper)}
.check60 li::before{content:counter(c);display:grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:var(--spot);border:1.5px solid var(--ink);font-size:.75rem;font-weight:800}
.check60 .btn{justify-self:start}
@media (min-width:1024px){.check60{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:var(--s8);padding:var(--s7)}.check60 .actions{grid-column:1}}
/* article opening v3.1 */
.art-head .meta-line{display:flex;flex-wrap:wrap;gap:4px var(--s3);margin-block-start:var(--s4);font-size:.9375rem;color:var(--muted);font-weight:600}
.art-head .meta-line span+span::before{content:"·";margin-inline-end:var(--s3);color:var(--line-2)}
.art-hero .frame{grid-template-columns:150px 1fr;padding:var(--s5)}
.art-hero figcaption b{font-size:1.5rem;margin-block-end:var(--s2)}
@media (min-width:768px){.art-hero .frame{grid-template-columns:260px 1fr;padding:var(--s6);gap:var(--s6)}.art-hero figcaption{font-size:1.0625rem}}
/* set page v3.1 */
.spec .row{padding-block:var(--s2);grid-template-columns:6.5rem 1fr}
.set-hero .toc-chips{margin-block:var(--s4) 0}
/* guides index: featured full width */
.idx-body .gcard.feat-g{grid-column:1/-1}
@media (min-width:1024px){.idx-body .gcard.feat-g a{grid-template-columns:1fr 240px;padding:var(--s6)}.idx-body .gcard.feat-g img{inline-size:220px}.idx-body .gcard.feat-g strong{font-size:1.75rem}}
.art-head .meta-line span+span::before{content:"";display:inline-block;inline-size:4px;block-size:4px;border-radius:50%;background:var(--line-2);margin-inline-end:var(--s3);vertical-align:middle}
.art-head h1{max-inline-size:14ch}

/* ===== theme layer (WordPress build, 8.10) ===== */
.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.top{position:relative;z-index:10}
.logo img{block-size:34px;inline-size:auto}
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
/* drawer (phone) */
.drawer{position:fixed;inset:0;z-index:40;background:rgba(29,20,64,.45)}
.drawer[hidden]{display:none}
.drawer-in{position:absolute;inset-block:0;inset-inline-start:0;inline-size:min(22rem,88vw);background:var(--paper);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4);overflow:auto}
.drawer-in .x{align-self:flex-end}
.drawer nav{display:grid}
.drawer nav a{display:flex;align-items:center;justify-content:space-between;min-block-size:52px;border-block-end:1px solid var(--line);font-weight:800;font-stretch:var(--cond);font-size:1.375rem;text-decoration:none}
.drawer .search{margin-block-start:var(--s2)}
.drawer .search input{min-block-size:48px}
/* header search panel */
.top-search{border-block-end:1px solid var(--line);background:var(--paper);padding-block:var(--s3)}
.top-search[hidden]{display:none}
/* a11y widget (from the kit, retokenised) */
.k-a11y-tab{position:fixed;inset-inline-end:0;inset-block-end:24px;z-index:30;inline-size:40px;block-size:44px;display:grid;place-items:center;border:1px solid var(--ink);border-inline-end:0;border-radius:var(--r) 0 0 var(--r);background:var(--paper);color:var(--ink);cursor:pointer}
.k-a11y-tab svg{inline-size:20px;block-size:20px}
.k-a11y{position:fixed;inset-inline-end:var(--s3);inset-block-end:80px;z-index:45;inline-size:min(22rem,100vw - 1.5rem);background:var(--paper);border:1px solid var(--ink);border-radius:var(--r2);padding:var(--s4)}
.k-a11y[hidden]{display:none}
.k-a11y h2{font-size:1rem;display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--s3)}
.k-a11y h2 button{border:0;background:none;font-size:1.1rem;cursor:pointer;min-inline-size:44px;min-block-size:44px}
.k-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.k-a11y-grid button{min-block-size:44px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--soft);color:var(--ink);font:600 .9rem/1.3 var(--f);cursor:pointer}
.k-a11y-grid button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.k-a11y-grid .k-wide{grid-column:1/-1;background:transparent}
.k-a11y p{font-size:.85rem;color:var(--muted);margin-block-start:var(--s3)}
html.a11y-text-1{font-size:115%}html.a11y-text-2{font-size:130%}html.a11y-text-3{font-size:150%}
html.a11y-contrast{--ink:#000;--ink-2:#111;--muted:#222;--line:#333;--line-2:#000;--soft:#fff}
html.a11y-links a:not(.btn){text-decoration:underline 2px;background:#fff3b0;color:#000}
html.a11y-font body,html.a11y-font h1,html.a11y-font h2,html.a11y-font h3{font-family:Arial,Helvetica,sans-serif!important}
html.a11y-spacing body{line-height:2;word-spacing:.12em}
html.a11y-motion *,html.a11y-motion *::before,html.a11y-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* glossary popover */
.term{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:help}
.term-pop{position:absolute;z-index:35;max-inline-size:min(20rem,calc(100vw - 2rem));background:var(--ink);color:#fff;border-radius:var(--r2);padding:var(--s3) var(--s4);font-size:.9375rem;line-height:1.5}
.term-pop b{display:block;font-weight:800;margin-block-end:2px}
.term-pop a{color:var(--spot)}
/* page prose (legal, about) */
.page-wrap{padding-block:var(--s6) var(--s8)}
.page-wrap h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);margin-block:var(--s3) var(--s5)}
.prose ul,.prose ol{font-size:1.0625rem;line-height:1.75;padding-inline-start:1.2em;margin-block-end:var(--s4)}
.prose h3{font-size:1.25rem;margin-block:var(--s6) var(--s3)}
.prose a{color:var(--ink);text-decoration-thickness:1.5px}
/* pagination + search */
.pager{display:flex;gap:var(--s2);flex-wrap:wrap;margin-block-start:var(--s7)}
.pager a,.pager span{display:inline-grid;place-items:center;min-inline-size:44px;min-block-size:44px;border:1px solid var(--line-2);border-radius:var(--r);text-decoration:none;font-weight:700}
.pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty{padding:var(--s6);text-align:start}
/* 60-second check (tool) */
.c60{max-inline-size:44rem}
.c60-step[hidden],.c60-result[hidden]{display:none}
.c60-q{font-weight:800;font-stretch:var(--cond);font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);line-height:1.2;margin-block:var(--s3) var(--s3)}
.c60-help{color:var(--ink-2);margin-block-end:var(--s5);font-size:1.0625rem;line-height:1.6}
.c60-opts{display:grid;gap:var(--s3)}
@media (min-width:600px){.c60-opts{grid-template-columns:repeat(3,1fr)}}
.c60-opts button{min-block-size:56px;border:1.5px solid var(--ink);border-radius:var(--r);background:var(--paper);font:700 1.0625rem/1.2 var(--f);cursor:pointer;color:var(--ink)}
.c60-opts button:hover{background:var(--soft)}
.c60-bar{display:flex;gap:6px;margin-block-end:var(--s4)}
.c60-bar i{flex:1;block-size:6px;border-radius:999px;background:var(--soft-2)}
.c60-bar i.on{background:var(--ink)}
.c60-result{border:1.5px solid var(--ink);border-radius:var(--r2);padding:var(--s5)}
.c60-result .verdict{font-weight:800;font-stretch:var(--cond);font-size:2rem;line-height:1.1;margin-block-end:var(--s3)}
.c60-result.ok .verdict{color:var(--ok)}.c60-result.bad .verdict{color:var(--bad)}
.c60-noscript{border-block-start:1px solid var(--line);padding-block-start:var(--s4)}
.js .c60-noscript{display:none}
/* releases list on the sets archive */
.relist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.relist li{display:grid;grid-template-columns:5.5rem 1fr auto;gap:var(--s4);align-items:center;padding:var(--s4) var(--s5)}
.relist .d{font-weight:800;font-stretch:var(--cond);font-size:1.25rem;font-variant-numeric:tabular-nums;line-height:1.1}
.relist .d small{display:block;font-size:.8125rem;font-weight:600;color:var(--muted);font-stretch:100%}
.relist b{direction:ltr;unicode-bidi:isolate;font-weight:700}
.relist .st{font-size:.8125rem;font-weight:700;border:1px solid var(--line-2);border-radius:999px;padding:2px 10px;white-space:nowrap}
.relist .st.announced{border-style:dashed}
/* guest author box */
.guestbox{display:grid;grid-template-columns:72px 1fr;gap:var(--s4);align-items:center;padding:var(--s5);margin-block-start:var(--s7)}
.guestbox img{inline-size:72px;block-size:72px;border-radius:50%;object-fit:cover}
.guestbox .who{font-weight:800;font-stretch:var(--cond);font-size:1.25rem}
.guestbox .role{color:var(--muted);font-size:.875rem;font-weight:600}
.byline{font-weight:700;color:var(--ink-2)}

.setbox-title{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem);direction:ltr;unicode-bidi:isolate;text-align:end;line-height:1.1}

/* wide content tables (4+ columns) become stacked rows on phones, like the comparison table */
@media (max-width:767px){
  .chk.wide thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
  .chk.wide tr{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s4);row-gap:var(--s2);padding-block:var(--s4);border-block-end:1px solid var(--line)}
  .chk.wide tr:last-child{border-block-end:0}
  .chk.wide tbody th{grid-column:1/-1;padding:0;border:0;font-size:1.0625rem}
  .chk.wide td{padding:0;border:0}
  .chk.wide td::before{content:attr(data-l);display:block;font-size:.8125rem;font-weight:600;color:var(--muted);margin-block-end:2px}
}

/* ===== v4.1 "שולחן פתיחת חבילות", light (8.10.2026)
   Mor: "רדום... גם לגיימרים וגיקים" → energy; then "טיפה מתחקה אחרי האתר של גיא, בוא נרכך" → GL TCG owns dark+gold, fanned holo cards,
   3D tilt and "הכספת". Here: white ground, lime + pastel foil, collector-voice headlines, level rows, tags, keycaps, hazard tape.
   Numbers stay in our condensed face; mono only inside small tags. ===== */
:root{
  --foil:linear-gradient(115deg,#d6f86f 0%,#8eeadf 22%,#a7b5ff 44%,#f2a7da 66%,#ffd88a 84%,#d6f86f 100%);
  --foil-soft:linear-gradient(115deg,#f1fcd6 0%,#e0f7f4 32%,#ecebfd 62%,#fdeaf4 100%);
  --lv-c:linear-gradient(135deg,#eefcc9,#c6f250);
  --lv-u:linear-gradient(135deg,#d5f8f3,#8eeadf 45%,#b7c2ff);
  --lv-r:var(--foil);
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --hazard:repeating-linear-gradient(-45deg,var(--ink) 0 10px,#ff6a5a 10px 20px);
}
.sh h2{font-size:clamp(2rem,1.3rem + 2.6vw,3rem);line-height:1.04}
.btn-spot{box-shadow:-3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.btn-spot:active{transform:translate(-2px,2px);box-shadow:none}
.btn-ink{background:var(--ink);color:var(--spot);border:1.5px solid var(--ink)}
.btn-ink:hover{color:#fff}
.n-big{font-family:var(--f);font-stretch:var(--cond);font-weight:800;font-variant-numeric:tabular-nums}

/* collector tags (small, mono) */
.tg{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.6875rem;font-weight:700;letter-spacing:.06em;line-height:1;padding:4px 7px;border-radius:4px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);white-space:nowrap}
.tg-alert{background:var(--bad);border-color:var(--bad);color:#fff}
.tg-chase{background:var(--foil);border-color:rgba(29,20,64,.35)}
.tg-pull,.tg-start{background:var(--spot)}
.tg-vintage{background:#f6ecd8;border-color:#8a6d3b;color:#5b4520}
.tg-live{border-color:var(--bad);color:var(--bad)}
.tg-live::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:var(--bad)}
.tg-new{background:var(--ink);color:var(--spot)}
.eyebrow .tg{margin-inline-end:2px}

/* hero: white with a dot grid and the foil line, level rows */
.hx{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding-block:var(--s6) var(--s7)}
.hx::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(29,20,64,.09) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 90%);mask-image:linear-gradient(to bottom,#000 20%,transparent 90%)}
.hx::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:4px;background:var(--foil)}
.hx-grid{display:grid;gap:var(--s7)}
.hx-grid>*{min-inline-size:0}
.hx-kick{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.875rem;color:var(--ink-2);border:1px solid var(--line-2);background:var(--paper);border-radius:999px;padding:6px 14px 6px 12px;margin-block-end:var(--s5)}
.hx-rar{display:inline-flex;gap:5px;align-items:center}
.hx-rar .rar-c{color:#6a9f00}.hx-rar .rar-u{color:#138f87}.hx-rar .rar-r{color:#b23b8c}
.hx h1{font-size:clamp(2.625rem,1.3rem + 5vw,4.25rem);line-height:1.02}
.hx h1 em{display:block;font-style:normal}
.hx h1 .hl{background:linear-gradient(transparent 56%,var(--spot) 56%,var(--spot) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.05em}
.hx .lede{margin-block-start:var(--s4);font-size:1.1875rem;line-height:1.6;max-inline-size:38ch;color:var(--ink-2)}
.hx .search{margin-block-start:var(--s5);max-inline-size:34rem}
.hud{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0 0;padding:0}
.hud li{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--line-2);background:var(--paper);border-radius:var(--r);padding:6px 12px;font-size:.875rem;color:var(--muted);font-weight:600}
.hud b{font-family:var(--f);font-stretch:var(--cond);font-weight:800;font-size:1.375rem;color:var(--ink);font-variant-numeric:tabular-nums}
.hx-pick h2{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;font-stretch:100%;color:var(--ink-2);margin-block-end:var(--s3)}
.hx-pick h2::before{content:"";inline-size:10px;block-size:10px;border-radius:2px;background:var(--spot);border:1.5px solid var(--ink)}
.lvls{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.lv a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;column-gap:var(--s4);align-items:center;padding:var(--s3) var(--s4);background:var(--paper);border:1.5px solid var(--ink);border-radius:12px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.lv a:hover{transform:translate(3px,-3px);box-shadow:-4px 4px 0 var(--ink)}
.lv-sym{inline-size:56px;block-size:56px;border-radius:10px;display:grid;place-items:center;border:1.5px solid var(--ink);font-size:1.5rem;color:var(--ink)}
.lv-c .lv-sym{background:var(--lv-c)}.lv-u .lv-sym{background:var(--lv-u)}.lv-r .lv-sym{background:var(--lv-r)}
.lv-k{display:block;font-family:var(--mono);font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:var(--muted);line-height:1.2}
.lv strong{display:block;font-weight:800;font-stretch:var(--cond);font-size:1.5rem;line-height:1.1}
.lv-d{display:block;color:var(--ink-2);font-size:.875rem;line-height:1.45;margin-block-start:2px}
.lv-m{font-size:.8125rem;font-weight:700;color:var(--muted);text-align:end;white-space:nowrap}
.lv-m em{display:block;font-style:normal;background:var(--spot);color:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:1px 6px;margin-block-start:6px;font-size:.75rem}
@media (max-width:599px){.hx h1{font-size:2.625rem}.lv a{grid-template-columns:48px minmax(0,1fr) auto;column-gap:var(--s3);padding:var(--s3)}.lv-sym{inline-size:48px;block-size:48px;font-size:1.25rem}.lv strong{font-size:1.3125rem}.lv-d{font-size:.8125rem}}
@media (min-width:1024px){.hx{padding-block:var(--s8)}.hx-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;column-gap:var(--s8)}}

/* guide cards: number like a card number, level stripe, tag */
.gcard{position:relative;--lvc:var(--spot);transition:transform .2s,box-shadow .2s,border-color .2s}
.gcard[data-level="u"]{--lvc:linear-gradient(90deg,#8eeadf,#a7b5ff)}
.gcard[data-level="r"]{--lvc:var(--foil)}
.gcard::before{content:"";position:absolute;inset-inline:18px;inset-block-start:-1px;block-size:5px;border-radius:0 0 5px 5px;background:var(--lvc)}
.gcard:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 14px 26px -18px rgba(29,20,64,.5)}
.gc-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.gcard .no{font-family:var(--f);font-stretch:var(--cond);font-size:.9375rem;font-weight:700;color:var(--muted);line-height:1;direction:ltr}
.gcard .no b{font-size:2.125rem;font-weight:800;color:var(--ink)}
.gcard .tags{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;align-items:center}
.gcard strong{font-size:1.4375rem;line-height:1.15}
.gcard.feat-g{border:2px solid transparent;background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--foil) border-box}
.gcard.feat-g::before{display:none}

/* 60-second check: lime panel with a timer */
.c60x{background:var(--spot);border:2px solid var(--ink);box-shadow:-6px 6px 0 var(--ink);grid-template-areas:"t" "h" "o" "a"}
.c60x>.c60-timer{grid-area:t}.c60x>div:nth-child(2){grid-area:h}.c60x>ol{grid-area:o}.c60x>.actions{grid-area:a}
.c60x h2{font-size:clamp(2rem,1.3rem + 2.6vw,3rem);line-height:1.04}
.c60x p{color:var(--ink);margin-block-start:var(--s3)}
.c60x li{background:#fff;border-color:var(--ink)}
.c60x li::before{background:var(--ink);color:var(--spot);border-color:var(--ink)}
.c60-timer{position:relative;inline-size:84px;block-size:84px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:grid;place-content:center;text-align:center;line-height:1}
.c60-timer::before{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(var(--ink) 0 72%,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
.c60-timer b{font-family:var(--f);font-stretch:var(--cond);font-size:2rem;font-weight:800}
.c60-timer span{font-size:.6875rem;font-weight:700;margin-block-start:2px}
@media (min-width:1024px){
  .c60x{grid-template-columns:auto minmax(0,6fr) minmax(0,5fr);grid-template-areas:"t h o" "t a o";align-items:center;column-gap:var(--s6);padding:var(--s7)}
  .c60x .actions{grid-column:auto}
  .c60-timer{inline-size:120px;block-size:120px;align-self:start}.c60-timer b{font-size:2.75rem}.c60-timer span{font-size:.8125rem}
}

/* beware: hazard tape, numbered traps */
.sec.hazard{background:#fff6f4;position:relative}
.sec.hazard::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:6px;background:var(--hazard)}
.hazard .wgrid{counter-reset:w}
.hazard .wbox{border-inline-start:4px solid var(--bad);grid-template-columns:auto 1fr}
.hazard .wbox::before{counter-increment:w;content:"0" counter(w);inline-size:auto;block-size:auto;padding:6px 8px;font-stretch:var(--cond);font-size:1rem;line-height:1;align-self:start}

/* sets: an encyclopedia entry on the foil wash + ranked chase list */
.sec.setsx{background:var(--foil-soft)}
.sx-grid{display:grid;gap:var(--s4);margin-block-end:var(--s6)}
.sx-grid>*{min-inline-size:0}
.sx-set{padding:var(--s5)}
.sx-kick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;color:var(--muted)}
.sx-kick b{font-stretch:var(--cond);font-weight:800;color:var(--ink);font-size:.9375rem}
.sx-title{font-size:clamp(2.125rem,1.4rem + 2.6vw,3.25rem);line-height:1;text-align:end;margin-block:var(--s2) var(--s4)}
.sx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);margin:0}
.sx-stats div{background:var(--soft);border-radius:8px;padding:8px 10px}
.sx-stats dt{font-size:.75rem;font-weight:600;color:var(--muted)}
.sx-stats dd{margin:0;font-stretch:var(--cond);font-weight:800;font-size:1.25rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.sx-set .btn{margin-block-start:var(--s4)}
.chasebox{padding:var(--s4) var(--s5)}
.chase-rank{list-style:none;margin:0;padding:0}
.chase-rank li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"r n" "r m";column-gap:var(--s3);row-gap:2px;align-items:center;padding-block:var(--s3);border-block-end:1px solid var(--line)}
.chase-rank li:last-child{border-block-end:0}
.chase-rank .rk{grid-area:r;inline-size:44px;block-size:44px;border-radius:10px;display:grid;place-items:center;font-stretch:var(--cond);font-weight:800;font-size:1.125rem;border:1.5px solid var(--ink);background:var(--soft)}
.chase-rank li:first-child .rk{background:var(--foil)}
.chase-rank .nm{grid-area:n;font-weight:700;font-size:1.0625rem;line-height:1.3}
.chase-rank .nm .tg{margin-inline-start:6px;vertical-align:.1em}
.chase-rank .meta{grid-area:m;font-size:.8125rem;color:var(--muted);font-weight:600}
.sx-foot{display:grid;gap:var(--s4);margin-block-start:var(--s5)}
@media (max-width:599px){.sx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.sx-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:stretch;column-gap:var(--s5)}.sx-set{padding:var(--s6)}.chasebox{padding:var(--s5) var(--s6)}.sx-foot{grid-template-columns:1fr auto;align-items:center}}

/* follow: calendar + RSS (no sign-up) */
.follow{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.follow .btn{min-block-size:44px;font-size:.9375rem;padding-inline:var(--s4)}
.follow .btn svg{inline-size:18px;block-size:18px}
.follow .rss{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:var(--s2);font-family:var(--mono);font-weight:700;font-size:.875rem;text-decoration:none}
.follow .rss svg{inline-size:18px;block-size:18px}
.idx-head .follow{margin-block-start:var(--s5)}
.spec .follow{margin-block:var(--s4) 0}
.spec .follow .btn{inline-size:100%}

/* read a card */
#read-card .hero-art{background:var(--paper);border:1.5px solid var(--ink)}

/* glossary as keycaps */
.keys>div{border-block-start:0;padding-block:var(--s3)}
.keys dt{display:inline-flex;border:1.5px solid var(--ink);border-block-end-width:4px;border-radius:8px;padding:4px 12px;background:#fff;font-size:1.25rem}
.keys dd{margin-block-start:var(--s3)}

/* why: numbered; heads that were grey get the foil wash */
.sec.band:not(.hazard){background:#f6faea}
.why3{counter-reset:w}
.why3 b::before{counter-increment:w;content:"0" counter(w);display:block;font-size:1rem;font-weight:800;color:var(--muted);margin-block-end:6px}
.art-head,.idx-head,.set-hero{background:var(--foil-soft)}

/* article */
.art-head{position:relative;isolation:isolate;overflow:hidden}
.art-no{position:absolute;inset-inline-end:-.02em;inset-block-start:.02em;z-index:-1;font-stretch:var(--cond);font-weight:800;font-size:clamp(8rem,4rem + 14vw,16rem);line-height:1;color:rgba(29,20,64,.06);pointer-events:none}
.art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:var(--s5)}
.art-tags .cn{font-stretch:var(--cond);font-size:1rem;font-weight:800;background:var(--ink);color:var(--spot);border:0;border-radius:4px;padding:5px 9px;line-height:1;cursor:pointer;min-block-size:28px}
.art-tags .lvl{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:700;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:4px 11px;line-height:1.2}
.art-tags .tg{font-size:.75rem;padding:6px 8px}
.art-tags .hubl{font-size:.875rem;font-weight:700;color:var(--ink-2);padding-inline:4px}
.art-head h1{font-size:clamp(2.375rem,1.4rem + 3.8vw,4.25rem);line-height:1.02;max-inline-size:16ch}
.holo-img{border-radius:12px;overflow:hidden;box-shadow:0 18px 34px -22px rgba(29,20,64,.6)}
.holo-img img{border-radius:0}
.progress{block-size:5px}
.progress i{background:var(--foil)}
.prose h2 .n{font-stretch:var(--cond);font-size:.55em;font-weight:800;background:var(--ink);color:var(--spot);border-radius:6px;padding:.25em .45em;line-height:1;align-self:center}
.tldr{background:#fff;border:1.5px solid var(--ink);box-shadow:-6px 6px 0 var(--spot)}
.tldr b::after{content:"TL;DR";font-family:var(--mono);font-size:.6875rem;font-weight:700;background:var(--ink);color:var(--spot);border-radius:4px;padding:3px 6px;margin-inline-start:8px;vertical-align:.25em;font-stretch:100%}
.warn{position:relative;overflow:hidden;padding-block-start:calc(var(--s4) + 8px)}
.warn::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:6px;background:var(--hazard)}
.tip{background:#f7fce6;border:1px solid #dcef9f}
.tip::before{content:none}
.tip-k{align-self:start;background:var(--spot);border:1.5px solid var(--ink);border-radius:4px;font-weight:800;font-size:.8125rem;padding:2px 8px;line-height:1.4;margin-block-start:.3em}
@media (max-width:599px){.art-no{display:none}}

/* set page */
.set-hero .page-head h1{font-size:clamp(2.5rem,1.4rem + 4.4vw,4.25rem);line-height:1}
.set-hero .chip.ink{background:var(--spot);border-color:var(--ink)}
.body .chasebox{margin-block-end:var(--s4)}

/* God Pack (easter egg on the guide number) */
.gp-flash{position:fixed;inset:0;z-index:59;pointer-events:none;background:var(--foil);mix-blend-mode:soft-light;opacity:0;animation:gp-flash .9s ease-out}
@keyframes gp-flash{20%{opacity:.9}to{opacity:0}}
.gp-toast{position:fixed;inset-inline:0;inset-block-end:24px;margin-inline:auto;z-index:60;inline-size:min(24rem,calc(100vw - 2rem));color:#fff;border-radius:14px;padding:var(--s4) var(--s5);border:2px solid transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,var(--foil) border-box;box-shadow:0 20px 50px -10px rgba(29,20,64,.4);animation:gp-in .5s cubic-bezier(.2,1.4,.4,1)}
.gp-toast b{display:block;font-family:var(--mono);color:var(--spot);letter-spacing:.08em;font-size:.8125rem}
.gp-toast p{margin-block-start:4px;line-height:1.5}
@keyframes gp-in{from{transform:translateY(30px) scale(.92);opacity:0}}
@media (min-width:1024px){.lv a{grid-template-columns:64px minmax(0,1fr) auto;padding:var(--s4) var(--s5)}.lv-sym{inline-size:64px;block-size:64px;font-size:1.75rem}.lv strong{font-size:1.75rem}.lvls{gap:var(--s4)}}


/* ===== v5 (9.10.2026, Mor: "לא אהבתי את הפונטים ולא את הצבעים... לא רקע שחור אלא כמו מקודם קופסאות כהות... הפונט הטטריס אבל צמצם")
   light page, dark boxes, lime action, solid level colours (no pastel washes), Secular One headings, Plex text, pixel only on guide numbers ===== */
:root{--box:#2B1A63;--box-2:#3A2780;--box-line:#4F3C9C;--box-ink:#FFFFFF;--box-mute:#C3B8EC;--box-soft:#DDD5F7; /* v8 (9.10.2026, Mor: "העיצוב שלנו רק בלי השחור" → A, deep violet) */
  --sym-c:#C6F250;--sym-u:#7FE3FF;--sym-r:#FF6FB0;--mono:"KP Text","KP Text Fallback",system-ui,sans-serif;--lv-c:var(--sym-c);--lv-u:var(--sym-u);--lv-r:var(--sym-r)}
body{font-synthesis:none}
h1,h2,h3,.routes strong,.steps b,.gl dt,.rules p b,.warn-h,.warns b,.paths strong,.gcard strong,.wbox b,.glgrid dt,.why3 b,.art-hero figcaption b,.toc p,details.toc-m summary,.nextbox strong,.tldr b,.gl-lines dt,.drawer nav a,.c60-q,.c60-result .verdict,.guestbox .who,.lv strong,.sx-title,.setbox-title,
.num,.cn,.hud b,.sx-stats dd,.relist .d,.rel .d,.steps li::before,.chase-rank .rk,.c60-timer b,.hazard .wbox::before,.sx-kick b,.era .no,.chase .no,.hero-stats b,.n-big,.art-no,.prose h2 .n{font-family:var(--fd);font-weight:400;font-stretch:100%;letter-spacing:0}
h1,h2,h3{line-height:1.12}
.tg{font-weight:700;letter-spacing:.08em}
/* page heads: white with the dot grid, no washes */
.art-head,.idx-head,.set-hero{background:var(--paper);border-block-end:1px solid var(--line);position:relative;isolation:isolate}
.art-head::before,.idx-head::before,.set-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(29,20,64,.09) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 95%);mask-image:linear-gradient(to bottom,#000 20%,transparent 95%)}
.sec.setsx,.sec.band:not(.hazard){background:#F4F5F7}
.sec.hazard{background:#FFF4F2}
.hx h1{font-size:clamp(2.5rem,1.4rem + 4.2vw,4rem);line-height:1.1}
.hx-rar .rar-c{color:#6a9f00}.hx-rar .rar-u{color:#139bbd}.hx-rar .rar-r{color:#d94a8c}
/* dark boxes */
.hud li{background:var(--box);border-color:var(--box);color:var(--box-mute)}
.hud b{color:var(--spot);font-size:1.25rem}
.lv a{background:var(--box);border-color:var(--box);color:var(--box-ink)}
.lv a:hover{box-shadow:-4px 4px 0 var(--spot)}
.lv-sym{border:0;color:var(--ink)}
.lv-k{color:var(--box-mute);font-family:var(--f)}
.lv strong{color:#fff}
.lv-d{color:var(--box-soft)}
.lv-m{color:var(--box-mute)}
.lv-m em{border:0}
.gcard{background:var(--box);border-color:var(--box);color:var(--box-ink)}
.gcard strong{color:#fff}
.gcard .ex{color:var(--box-soft)}
.gcard .hub{color:var(--box-mute)}
.gcard .no{font-family:var(--px);font-size:.75rem;color:var(--box-mute)}
.gcard .no b{font-family:var(--px);font-weight:400;font-size:1.375rem;color:var(--spot);letter-spacing:.02em}
.gcard .lvl{background:var(--box-2);border-color:var(--box-line);color:#E6E7EE}
.gcard:hover{border-color:var(--spot);box-shadow:0 16px 28px -18px rgba(29,20,64,.6)}
.gcard.feat-g{background:linear-gradient(var(--box),var(--box)) padding-box,var(--foil) border-box}
.hazard .wbox{background:var(--box);border-color:var(--box);border-inline-start:4px solid var(--bad)}
.hazard .wbox b{color:#fff}
.hazard .wbox span{color:var(--box-soft)}
.sx-set,.chasebox{background:var(--box);border-color:var(--box);color:var(--box-ink)}
.sx-kick{color:var(--box-mute)}.sx-kick b{color:var(--spot)}
.sx-title{color:#fff}
.sx-stats div{background:var(--box-2)}
.sx-stats dt{color:var(--box-mute)}.sx-stats dd{color:#fff}
.chasebox .label{color:var(--box-mute)}
.chase-rank li{border-color:var(--box-line)}
.chase-rank .rk{background:var(--box-2);border-color:var(--box-line);color:#fff}
.chase-rank li:first-child .rk{background:var(--foil);color:var(--ink);border-color:transparent}
.chase-rank .nm{color:#fff}.chase-rank .meta{color:var(--box-mute)}
.sx-set .ruler-bar,.body .ruler-bar{border-color:#3d4356}
.sx-set .ruler-bar .reg{background:var(--box-2);color:#fff}
.sx-set .ruler-bar .sct{background:var(--foil);color:var(--ink);border-inline-start-color:#3d4356}
.sx-set .ruler-dim{color:var(--box-mute)}
.sx-set .ruler-dim::before,.sx-set .ruler-dim::after{border-color:#4a5164}
.era li{background:var(--box);border-color:var(--box)}
.era .no{color:var(--box-mute)}.era b{color:#fff}.era .dt{color:var(--box-soft)}.era .cnt{color:var(--box-mute)}
.era .here{border-color:var(--spot);box-shadow:inset 0 4px 0 var(--spot);background:var(--box)}
.era .next{background:transparent;border-color:var(--line-2)}
.era .next b,.era .next .dt,.era .next .no{color:var(--muted)}
.keys dt{background:var(--box);color:#fff;border-color:var(--ink)}
.keys dt bdi{color:var(--box-mute)}
/* article */
.art-no{color:rgba(29,20,64,.05)}
.art-tags .cn{font-family:var(--px);font-weight:400;font-size:.875rem;background:var(--box);color:var(--spot);letter-spacing:.02em}
.prose h2 .n{background:var(--box);color:var(--spot)}
.tldr{background:var(--box);border-color:var(--box);color:var(--box-soft);box-shadow:-6px 6px 0 var(--spot)}
.tldr b{color:#fff}
.tldr b::after{background:var(--spot);color:var(--ink);font-family:var(--f)}
.warn{background:var(--box);border-color:var(--box);color:var(--box-soft)}
.warn-h{color:#fff}
.warn li{border-color:var(--box-line)}
.warn li b{color:#fff}.warn li span{color:var(--box-soft)}
.warn .more,.warn a{color:var(--spot)}
.nextbox{background:var(--box);border-color:var(--box)}
.nextbox strong{color:#fff}.nextbox .k{color:var(--box-mute)}
.nextbox:hover{border-color:var(--spot)}

/* ===== v6 "שולחן של אספן" (9.10.2026, Mor: "בוננזה... דף הבית רדום, הכתבה חלשה, המילון מת") =====
   graph-paper page, ink outlines + offset shadows on the few things you can press, dark boxes, lime / cyan / pink by level.
   Layout: home = booster mat + dashboard bento + card lab + binder; guide = stat card + quest log; glossary = letter tiles + term cards. */
:root{--paper:#F6F5F1;--paper-2:#ECEBE4;--ink:#1D1440;--ink-2:#352B5C;--line:#DCDAD2;--line-2:#C9C7BE;--soft:#EFEEE8;
  --cyan:#7FE3FF;--pink:#FF6FB0;--red:#FF4A4A;--amber:#FFC94A;--sh:-6px 6px 0 var(--ink);--sh-s:-3px 3px 0 var(--ink);--b2:2.5px solid var(--ink)}
body{background:var(--paper)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(20,21,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,21,28,.045) 1px,transparent 1px);background-size:28px 28px}
.art-head::before,.idx-head::before,.set-hero::before,.hx::before{display:none}
.art-head,.idx-head,.set-hero{background:transparent;border-block-end:2px solid var(--ink)}
.sec.setsx,.sec.band:not(.hazard){background:var(--paper-2)}
.box{border-color:var(--line-2)}
/* header + ticker */
.top{background:var(--paper);border-block-end:2px solid var(--ink);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.b-ticker{background:var(--box);color:var(--box-soft);font-size:.875rem;overflow:hidden;white-space:nowrap;border-block-end:2px solid var(--ink)}
.b-ticker-in{display:inline-flex;gap:40px;padding:7px 20px;animation:b-tick 55s linear infinite}
.b-ticker:hover .b-ticker-in,.b-ticker:focus-within .b-ticker-in{animation-play-state:paused}
.b-ticker a{color:var(--box-soft);text-decoration:none;flex:none}.b-ticker a:hover{color:#fff}
.b-ticker b{color:var(--spot);font-weight:700}
.b-dup{display:inline-flex;gap:40px}
@keyframes b-tick{from{transform:translateX(0)}to{transform:translateX(50%)}}
.b-kbtn{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;border:2px solid var(--ink);border-radius:10px;background:#fff;padding:0 12px;font:700 .9375rem var(--f);color:var(--ink);box-shadow:var(--sh-s);cursor:pointer}
.b-kbtn svg{inline-size:18px;block-size:18px}
.b-kbtn kbd{font:600 .75rem var(--f);border:1px solid var(--line-2);border-block-end-width:3px;border-radius:5px;padding:0 6px;color:var(--muted)}
@media (max-width:1023px){.b-kbtn .t,.b-kbtn kbd{display:none}.b-kbtn{padding:0;inline-size:44px;justify-content:center}}
.icon-btn{border:2px solid var(--ink);border-radius:10px}
/* shared bits */
.b-kick{display:inline-block;font:700 .875rem/1.3 var(--f);background:var(--ink);color:var(--spot);border-radius:6px;padding:3px 10px;margin-block-end:12px}
.b-kick.red{background:var(--red);color:#fff}
.b-mk{display:inline;background:linear-gradient(transparent 58%,var(--spot) 58%,var(--spot) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:4px}
.b-px{font-family:var(--px);letter-spacing:.02em}
.b-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:12px;padding:10px 16px;font:700 .9375rem var(--f);text-decoration:none;cursor:pointer;background:#fff;color:var(--ink)}
.b-btn.ink{background:var(--ink);color:var(--spot)}
.b-btn svg{inline-size:20px;block-size:20px}
.sh.split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4)}
.sh.split>div{min-inline-size:0}
.more{border-block-end:3px solid var(--spot);text-decoration:none}
.b-hint{color:var(--muted);font-weight:700}

/* home hero */
.b-hero{padding-block:var(--s7) var(--s8)}
.b-hero-g{display:grid;gap:var(--s7);align-items:center}
.b-hero-g>*{min-inline-size:0}
.b-sticker{display:inline-flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px 6px 14px;font-weight:700;font-size:.9375rem;box-shadow:var(--sh-s);transform:rotate(-1.5deg)}
.b-rr{display:inline-flex;gap:5px;align-items:center}.b-rr .rar-c{color:#6a9f00}.b-rr .rar-u{color:#139bbd}.b-rr .rar-r{color:#d94a8c}
.b-hero h1{font-size:clamp(2.75rem,1.4rem + 3.4vw,4.5rem);line-height:1.1;margin-block:var(--s5) var(--s4)}
.b-lede{font-size:1.25rem;line-height:1.6;color:var(--ink-2);max-inline-size:36ch}
.b-search{display:flex;align-items:center;margin-block-start:var(--s5);background:#fff;border:var(--b2);border-radius:16px;box-shadow:var(--sh);padding:6px;max-inline-size:35rem}
.b-search svg{inline-size:22px;block-size:22px;margin-inline:12px 4px;flex:none}
.b-search input{flex:1;min-inline-size:0;border:0;outline:0;font:400 1.0625rem var(--f);min-block-size:52px;background:transparent;color:var(--ink)}
.b-search kbd{font:600 .8125rem var(--f);border:1px solid var(--line-2);border-block-end-width:3px;border-radius:6px;padding:1px 8px;color:var(--muted);margin-inline-end:10px}
.b-search button{border:2px solid var(--ink);background:var(--spot);border-radius:11px;min-block-size:52px;padding-inline:22px;font:700 1.0625rem var(--f);color:var(--ink);cursor:pointer}
.b-search:focus-within{box-shadow:-6px 6px 0 var(--spot),-6px 6px 0 2.5px var(--ink)}
.b-start{display:inline-flex;align-items:center;gap:10px;margin-block-start:var(--s5);font-family:var(--fd);font-size:1.375rem;text-decoration:none;border-block-end:4px solid var(--spot);padding-block-end:2px}
.b-start span{display:inline-grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--ink);color:var(--spot);font:700 1.125rem var(--f)}
.b-quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block-start:var(--s4);font-size:.875rem;color:var(--muted);font-weight:700}
.b-quick a{text-decoration:none;background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:4px 12px;color:var(--ink)}
.b-quick a:hover{background:var(--spot)}
@media (min-width:1024px){.b-hero-g{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);column-gap:var(--s8)}}
/* playmat + booster */
.b-mat{position:relative;background:var(--box);border-radius:28px;border:var(--b2);box-shadow:-10px 10px 0 var(--ink);aspect-ratio:1/1.1;max-inline-size:100%;overflow:hidden;isolation:isolate;color:#fff}
.b-mat::before{content:"";position:absolute;inset:18px;border:1.5px dashed rgba(255,255,255,.14);border-radius:18px;pointer-events:none}
.b-mat::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 50% 45%,rgba(198,242,80,.16),transparent 70%),radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/18px 18px}
.b-mat-h{position:absolute;inset-block-start:32px;inset-inline:36px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--box-mute);font-size:.875rem;font-weight:700}
.b-mat-h b{color:#fff;font-family:var(--fd);font-weight:400;font-size:1.375rem}
.b-pack{position:absolute;left:50%;top:50%;inline-size:46%;aspect-ratio:5/8;transform:translate(-50%,-50%) rotate(-7deg);border:0;padding:0;background:none;cursor:pointer;transition:transform .4s cubic-bezier(.2,.9,.2,1.3),opacity .4s;filter:drop-shadow(-10px 14px 0 rgba(29,20,64,.45))}
.b-pack:hover{transform:translate(-50%,-53%) rotate(-3deg) scale(1.03)}
.b-pack:focus-visible{outline:3px solid var(--spot);outline-offset:8px;border-radius:10px}
.b-wrap,.b-tear{position:absolute;inset:0;background:var(--foil);background-size:200% 200%;animation:foil 6s ease-in-out infinite alternate}
.b-wrap{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/14px 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/14px 51% repeat-x}
.b-wrap::before{content:"";position:absolute;inset:9%;background:var(--box);border-radius:14px}
.b-tear{inset-block-end:auto;block-size:11%;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 100% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 100% repeat-x;transition:transform .5s cubic-bezier(.3,.6,.2,1),opacity .5s}
.b-face{position:absolute;inset:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;padding:12px}
.b-face img{inline-size:46%;block-size:auto;filter:drop-shadow(0 6px 0 rgba(29,20,64,.4))}
.b-face b{font-family:var(--fd);font-weight:400;font-size:clamp(1.25rem,.9rem + 1vw,1.875rem);line-height:1}
.b-face small{font-size:.8125rem;color:var(--box-mute);font-weight:700}
.b-face .b-px{color:var(--spot);font-size:.8125rem}
.b-face .b-rr{font-size:1.125rem}
.b-mat-cta{position:absolute;inset-block-end:30px;inset-inline:0;text-align:center}
.b-mat-cta button{border:2px solid var(--ink);background:var(--spot);font:700 1.0625rem var(--f);border-radius:12px;padding:12px 22px;box-shadow:-4px 4px 0 var(--ink);cursor:pointer;color:var(--ink)}
.b-mat-cta small{display:block;color:var(--box-mute);font-size:.8125rem;margin-block-start:10px}
.b-deal{list-style:none;margin:0;padding:84px 34px 100px;position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:14px 10px;pointer-events:none}
.b-card{grid-column:span 2;position:relative;opacity:0;transform:translateY(40px) scale(.6);transition:transform .55s cubic-bezier(.2,.9,.25,1.2),opacity .3s;min-inline-size:0;display:grid;place-items:center;visibility:hidden}
.b-card:nth-child(4){grid-column:2/span 2}.b-card:nth-child(5){grid-column:4/span 2}
.b-in{position:relative;block-size:100%;aspect-ratio:63/88;max-inline-size:100%;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:6px;box-shadow:-4px 5px 0 rgba(29,20,64,.55);overflow:hidden}
.b-hd{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:var(--muted)}
.b-hd .rar{font-size:.9375rem}.b-hd .rar-c{color:#6a9f00}.b-hd .rar-u{color:#139bbd}.b-hd .rar-r{color:#d94a8c}
.b-tx{font-family:var(--fd);font-size:clamp(.75rem,.45rem + .55vw,.9375rem);line-height:1.25}
.b-in a{margin-block-start:auto;font-size:.6875rem;font-weight:700;text-decoration:none;border-block-start:1.5px solid var(--line);padding-block-start:5px;color:var(--ink)}
.b-card.hit .b-in{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--foil) border-box}
.b-flag{position:absolute;inset-block-start:-6px;inset-inline-start:6%;z-index:2;background:var(--pink);color:var(--ink);border:2px solid var(--ink);font-family:var(--fd);font-size:.9375rem;padding:1px 9px;border-radius:8px;transform:rotate(-8deg)}
.b-card.hit::before{content:"";position:absolute;inset:-30%;z-index:-1;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0 10deg,rgba(255,111,176,.5) 10deg 20deg,transparent 20deg 40deg,rgba(198,242,80,.5) 40deg 50deg,transparent 50deg 70deg,rgba(127,227,255,.5) 70deg 80deg,transparent 80deg 100deg);transition:opacity .4s 1.1s}
.b-mat.open .b-pack{transform:translate(-50%,-150%) rotate(-18deg) scale(.7);opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.5,0,.2,1),opacity .5s .2s}
.b-mat.open .b-tear{transform:translateY(-60px) rotate(-12deg);opacity:0}
.b-mat.open .b-deal{pointer-events:auto}
.b-mat.open .b-card{opacity:1;visibility:visible;transform:none}
.b-mat.open .b-card:nth-child(1){transform:rotate(-3deg);transition-delay:.15s}.b-mat.open .b-card:nth-child(2){transform:rotate(2deg);transition-delay:.3s}.b-mat.open .b-card:nth-child(3){transform:rotate(-2deg);transition-delay:.45s}.b-mat.open .b-card:nth-child(4){transform:rotate(3deg);transition-delay:.6s}.b-mat.open .b-card:nth-child(5){transform:rotate(-3deg) scale(1.06);transition-delay:.8s}
.b-mat.open .b-card.hit::before{opacity:1;animation:b-spin 14s linear infinite}
.b-mat.open .b-flag{animation:b-pop .5s 1.1s both cubic-bezier(.2,1.6,.4,1)}
.b-mat.open .b-mat-cta button{background:#fff;padding:7px 14px;font-size:.875rem;box-shadow:-3px 3px 0 var(--ink)}
.b-mat.open .b-mat-cta small{display:none}.b-mat.open .b-mat-cta{inset-block-end:24px}
@keyframes b-spin{to{transform:rotate(360deg)}}
@keyframes b-pop{from{transform:rotate(-8deg) scale(0)}}
@media (max-width:767px){
  .b-hero{padding-block:var(--s5) var(--s7)}.b-hero h1{font-size:2.75rem}.b-lede{font-size:1.125rem}
  .b-search kbd{display:none}.b-search button{padding-inline:16px}
  .b-mat{aspect-ratio:3/4.3;box-shadow:-6px 6px 0 var(--ink)}.b-mat-h{inset-inline:22px;inset-block-start:24px}.b-pack{inline-size:52%}
  .b-deal{padding:64px 16px 72px;gap:10px 8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,1fr)}
  .b-card,.b-card:nth-child(4){grid-column:span 2}.b-card:nth-child(5){grid-column:2/span 2}
  .b-in{aspect-ratio:auto;inline-size:100%;padding:7px;gap:4px;border-radius:9px}.b-tx{font-size:.75rem}.b-in a{font-size:.625rem}
}

/* dashboard bento */
.b-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.b-tile{border-radius:20px;border:var(--b2);padding:24px;position:relative;overflow:hidden;background:#fff;min-inline-size:0}
.b-tile.dark{background:var(--box);color:var(--box-ink)}
.b-tile h3{font-size:1.625rem}
.b-sub{color:var(--box-soft);font-size:.9375rem;font-weight:700}
.b-t-map{grid-column:span 8}.b-t-word{grid-column:span 4}.b-t-60{grid-column:span 4;background:var(--spot);box-shadow:var(--sh)}.b-t-lvl{grid-column:span 8}
.b-map{position:relative;margin-block-start:18px;block-size:250px}
.b-map svg{position:absolute;inset:0;inline-size:100%;block-size:100%;color:var(--box-line)}
.b-done{stroke:var(--spot)}
.b-node{position:absolute;transform:translate(50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:#fff;text-align:center}
.b-node i{inline-size:54px;block-size:54px;border-radius:50%;display:grid;place-items:center;background:var(--box-2);border:2.5px solid var(--box-line);font-style:normal;font-family:var(--fd);font-size:.9375rem}
.b-node b{font-size:.8125rem;font-weight:700;white-space:nowrap}
.b-node small{font-size:.75rem;color:var(--box-soft);font-weight:700;white-space:nowrap}
.b-node.done i{border-color:var(--spot);color:var(--spot)}
.b-node.here i{background:var(--spot);color:var(--ink);border-color:#fff;box-shadow:0 0 0 6px rgba(198,242,80,.25);animation:b-pulse 2s infinite}
.b-node.next i{border-style:dashed;color:var(--box-mute)}
.b-node:hover i,.b-node:focus-visible i{border-color:#fff}
.b-you{position:absolute;inset-block-start:-32px;background:#fff;color:var(--ink);font-weight:700;font-size:.75rem;border-radius:6px;padding:2px 8px;border:2px solid var(--ink);white-space:nowrap}
@keyframes b-pulse{50%{box-shadow:0 0 0 12px rgba(198,242,80,0)}}
.b-map-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-block-start:6px}
.b-map-foot .follow .btn-line{background:transparent;color:#fff;border-color:#4a4f66}.b-map-foot .follow .rss{color:#fff}
.b-flip{position:relative;block-size:100%;min-block-size:300px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1);cursor:pointer;border-radius:20px}
.b-flip.on{transform:rotateY(180deg)}
.b-flip:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.b-face2{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;border:var(--b2);box-shadow:var(--sh);padding:24px;display:flex;flex-direction:column}
.b-face2.front{background:#fff}.b-face2.back{background:var(--pink);transform:rotateY(180deg)}
.b-w{font-family:var(--fd);font-size:5rem;line-height:1;margin-block:auto 6px}
.b-en{font-weight:700;color:var(--muted);text-align:end}
.b-turn{margin-block-start:14px;font-size:.875rem;font-weight:700;color:var(--muted)}
.b-face2.back p{font-family:var(--fd);font-size:1.5rem;line-height:1.3;margin-block:auto}
.b-face2.back small{font-weight:700}
.b-face2.back .b-btn{align-self:flex-start}
.b-t-60 h3{font-size:1.75rem;line-height:1.1}.b-t-60 p{font-size:.9375rem;margin-block-start:10px}.b-t-60 .b-btn{margin-block-start:18px}
.b-timer{inline-size:92px;block-size:92px;border-radius:50%;background:#fff;border:var(--b2);display:grid;place-content:center;text-align:center;position:relative;margin-block-end:16px;line-height:1}
.b-timer::before{content:"";position:absolute;inset:6px;border-radius:50%;background:conic-gradient(var(--ink) 0 72%,transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.b-timer b{font-family:var(--fd);font-size:2rem;font-weight:400}.b-timer small{font-size:.6875rem;font-weight:700}
.b-lvls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:16px}
.b-lv{display:grid;grid-template-columns:52px 1fr;grid-template-areas:"s t" "s e";column-gap:14px;row-gap:4px;align-items:center;background:var(--box-2);border-radius:14px;padding:12px;text-decoration:none;border:2px solid transparent;color:#fff}
.b-lv:hover,.b-lv:focus-visible{border-color:var(--spot)}
.b-s{grid-area:s;inline-size:52px;block-size:52px;border-radius:12px;display:grid;place-items:center;font-size:1.375rem;color:var(--ink);border:2px solid var(--ink)}
.b-lv-c .b-s{background:var(--spot)}.b-lv-u .b-s{background:var(--cyan)}.b-lv-r .b-s{background:var(--pink)}
.b-lv strong{display:block;font-family:var(--fd);font-weight:400;font-size:1.375rem;line-height:1.1}
.b-lv small{display:block;color:var(--box-soft);font-size:.875rem;line-height:1.4}
.b-lv em{grid-area:e;font-style:normal;font-size:.8125rem;font-weight:700;color:var(--spot)}
@media (max-width:1023px){
  .b-bento{grid-template-columns:1fr;gap:16px}.b-t-map,.b-t-word,.b-t-60,.b-t-lvl{grid-column:1/-1}
  .b-lvls{grid-template-columns:1fr}.b-flip{min-block-size:250px}.b-w{font-size:3.5rem}.b-face2.back p{font-size:1.25rem}
  .b-map{block-size:auto;display:grid;gap:12px;margin-block-start:20px}
  .b-map svg{display:none}
  .b-map::before{content:"";position:absolute;inset-block:20px;inset-inline-start:26px;border-inline-start:4px dotted var(--box-line)}
  .b-node{position:relative;inset:auto!important;transform:none;flex-direction:row;justify-content:flex-start;gap:12px;text-align:start}
  .b-node i{flex:none}.b-node b{font-size:.9375rem}.b-you{display:none}
}

/* card lab */
.b-lab{display:grid;gap:var(--s6);align-items:center;background:#fff;border:var(--b2);border-radius:24px;padding:var(--s6)}
.b-lab-card{position:relative;max-inline-size:340px;margin-inline:auto;inline-size:100%}
.b-lab-card svg{display:block;inline-size:100%;block-size:auto;filter:drop-shadow(-8px 10px 0 rgba(20,21,28,.12))}
.b-hl rect{opacity:0;transition:opacity .2s}.b-hl rect.on{opacity:1}
.b-hot{position:absolute;transform:translate(50%,-50%);inline-size:36px;block-size:36px;border-radius:50%;border:var(--b2);background:var(--spot);font:400 1.0625rem var(--fd);cursor:pointer;color:var(--ink);padding:0}
.b-hot:hover,.b-hot:focus-visible,.b-hot.on{background:var(--ink);color:var(--spot);outline:none}
.b-lab-list{list-style:none;margin:0;padding:0;counter-reset:l;display:grid;gap:10px}
.b-lab-list li{counter-increment:l;display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:14px 16px;border-radius:14px;border:2px solid var(--line);cursor:pointer;transition:background .2s,border-color .2s}
.b-lab-list li::before{content:counter(l);grid-row:span 2;inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);font-family:var(--fd);font-size:1.125rem}
.b-lab-list b{font-family:var(--fd);font-weight:400;font-size:1.375rem;line-height:1.2}
.b-lab-list span{color:var(--muted)}
.b-lab-list li.on{background:var(--box);border-color:var(--box)}.b-lab-list li.on b{color:#fff}.b-lab-list li.on span{color:var(--box-soft)}.b-lab-list li.on::before{background:var(--spot)}
.b-lab-list li:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.b-lab-cap{grid-column:1/-1;font-size:.875rem;color:var(--muted)}
@media (min-width:900px){.b-lab{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--s7)}}
@media (max-width:767px){.b-lab{padding:var(--s4)}.b-lab-card{max-inline-size:250px}.b-lab-list b{font-size:1.1875rem}}

/* binder */
.b-binder{position:relative;margin-block-start:48px;background:#E7E6E0;border:var(--b2);border-radius:22px;box-shadow:var(--sh);padding:28px;padding-inline-start:84px}
.b-binder::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:64px;background:var(--box);border-start-start-radius:19px;border-end-start-radius:19px;border-inline-end:var(--b2)}
.b-rings{position:absolute;inset-inline-start:22px;inset-block:0;display:flex;flex-direction:column;justify-content:space-around;padding-block:40px;pointer-events:none}
.b-rings i{inline-size:42px;block-size:22px;border-radius:12px;border:5px solid #C9CCD6;border-inline-start-color:#8E93A3;margin-inline-start:12px}
.b-tabs{position:absolute;inset-block-start:-2.5px;inset-inline-end:40px;display:flex;gap:6px;transform:translateY(-100%)}
.b-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px 10px;border:var(--b2);border-block-end:0;border-radius:12px 12px 0 0;font-weight:700;text-decoration:none;font-size:.9375rem;color:var(--ink)}
.b-tabs a:nth-child(1){background:var(--spot)}.b-tabs a:nth-child(2){background:var(--cyan)}.b-tabs a:nth-child(3){background:var(--pink)}.b-tabs a:nth-child(4){background:#fff}
.b-pockets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b-pocket{position:relative;min-inline-size:0;border-radius:12px;background:rgba(255,255,255,.55);border:2px solid #C8C6BD;padding:10px;box-shadow:inset 0 2px 0 rgba(255,255,255,.9)}
.b-pocket::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(160deg,rgba(255,255,255,.55),transparent 35%);pointer-events:none}
.b-gcard{display:flex;flex-direction:column;gap:10px;min-block-size:190px;background:var(--box);color:#fff;border-radius:10px;padding:16px;text-decoration:none;border:2px solid var(--ink);transition:transform .25s;block-size:100%}
.b-pocket:hover .b-gcard,.b-gcard:focus-visible{transform:translateY(-10px) rotate(-1deg)}
.b-gcard .gc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.b-gcard .no{font-family:var(--px);color:var(--box-mute);font-size:.75rem;direction:ltr}.b-gcard .no b{color:var(--spot);font-size:1.375rem;font-weight:400}
.b-gcard strong{font-family:var(--fd);font-weight:400;font-size:1.375rem;line-height:1.2;color:#fff}
.b-gcard .hub{margin-block-start:auto;display:flex;gap:8px;align-items:center;color:var(--box-soft);font-size:.875rem;font-weight:700}
.b-pocket[data-level="c"] .hub .rar{color:var(--spot)}.b-pocket[data-level="u"] .hub .rar{color:var(--cyan)}.b-pocket[data-level="r"] .hub .rar{color:var(--pink)}
.b-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:767px){
  .b-binder{padding:16px 12px;padding-inline-start:40px}.b-binder::before{inline-size:30px}.b-rings{inset-inline-start:4px}.b-rings i{inline-size:22px;block-size:14px;border-width:3px;margin-inline-start:4px}
  .b-tabs{inset-inline-end:12px}.b-tabs a{padding:6px 9px 8px;font-size:.8125rem}
  .b-pockets{grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:8px;scrollbar-width:thin}
  .b-pocket{scroll-snap-align:start}.b-gcard{min-block-size:160px;padding:12px}.b-gcard strong{font-size:1.125rem}
  .b-rel{grid-template-rows:none;grid-auto-flow:row;grid-template-columns:1fr;overflow:visible}
}

/* traps */
.sec.hazard{background:#FFF1EE;border-block:2px solid var(--ink)}
.b-traps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:t}
.b-traps li{counter-increment:t;background:var(--box);color:var(--box-soft);border-radius:16px;border:var(--b2);padding:20px;display:flex;flex-direction:column;gap:10px;min-inline-size:0}
.b-traps li::before{content:"0" counter(t);font-family:var(--fd);font-size:2.5rem;line-height:1;color:var(--red)}
.b-traps b{font-family:var(--fd);font-weight:400;font-size:1.375rem;color:#fff;line-height:1.15}
.b-traps span{font-size:.9375rem;line-height:1.5}
@media (max-width:1023px){.b-traps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.b-traps li{padding:14px}.b-traps b{font-size:1.125rem}}
.b-cmp{background:#fff;border:var(--b2);border-radius:20px;padding:var(--s2) var(--s5)}
.b-cmp .cmp-wrap{border-block-start:0}
.b-why-g{display:grid;gap:var(--s5)}
.b-why-g p{border-block-start:3px solid var(--ink);padding-block-start:var(--s4);color:var(--ink-2)}
.b-why-g b{display:block;font-family:var(--fd);font-weight:400;font-size:1.375rem;color:var(--ink);margin-block-end:6px}
@media (min-width:768px){.b-why-g{grid-template-columns:repeat(3,1fr);gap:var(--s7)}}

/* guide page */
.b-art-head{padding-block:var(--s2) var(--s7)}
.b-art-g{display:grid;gap:var(--s5)}
.b-art-g>*{min-inline-size:0}
.b-art-head h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.25rem);line-height:1.08;max-inline-size:18ch;margin-block:var(--s4)}
.b-stat{background:var(--box);color:var(--box-ink);border:var(--b2);border-radius:18px;box-shadow:var(--sh);padding:18px;align-self:end}
.b-stat-top{display:flex;justify-content:space-between;align-items:center;margin-block-end:12px}
.b-stat-top .b-px{color:var(--spot);font-size:1.25rem}
.b-stat-sym{inline-size:44px;block-size:44px;border-radius:10px;display:grid;place-items:center;font-size:1.25rem;color:var(--ink);border:2px solid var(--ink)}
.b-stat-sym.b-lv-c{background:var(--spot)}.b-stat-sym.b-lv-u{background:var(--cyan)}.b-stat-sym.b-lv-r{background:var(--pink)}
.b-stat dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b-stat dl div{background:var(--box-2);border-radius:10px;padding:8px 10px}
.b-stat dt{font-size:.75rem;color:var(--box-mute);font-weight:700}
.b-stat dd{margin:0;font-family:var(--fd);font-size:1.125rem}
.b-stat-bar{block-size:8px;border-radius:99px;background:var(--box-2);margin-block-start:14px;overflow:hidden}
.b-stat-bar i{display:block;block-size:100%;inline-size:0;background:var(--foil);transition:inline-size .4s}
.b-stat-foot{font-size:.8125rem;color:var(--box-soft);font-weight:700;margin-block-start:6px}
@media (min-width:1024px){.b-art-g{grid-template-columns:minmax(0,1fr) 300px;column-gap:var(--s8)}}
.b-toploader .frame{border:var(--b2);border-radius:18px;box-shadow:var(--sh);background:#fff}
.b-toploader .holo-img{border:3px solid #fff;outline:2px solid var(--line-2);border-radius:14px;position:relative}
.b-toploader .holo-img::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.5),transparent 30%,transparent 70%,rgba(255,255,255,.25));pointer-events:none}
.prose h2{margin-block:var(--s8) var(--s4)}
.prose h2 .n{font-family:var(--px);font-size:.5em;padding:.4em .5em;background:var(--box);color:var(--spot);border-radius:6px}
.tldr{border:var(--b2)}
.warn{border:var(--b2);border-radius:16px}
.tip{border:2px solid var(--ink);border-radius:14px;background:#F4FBDF}
.chkbox{border:var(--b2);border-radius:16px;background:#fff}
.faqbox{border:var(--b2);border-radius:16px;background:#fff}
.faq summary::after{content:"+";inline-size:28px;block-size:28px;border-radius:8px;background:var(--spot);border:2px solid var(--ink);display:grid;place-items:center;font-size:1.125rem;flex:none}
.faq details[open] summary::after{content:"−";background:var(--ink);color:var(--spot)}
.toc-chips a{border:2px solid var(--ink)}
.b-quest{background:#fff;border:var(--b2);border-radius:18px;padding:18px;box-shadow:var(--sh)}
.b-quest-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--fd);font-size:1.25rem;margin-block-end:10px}
.b-quest-h span{font-family:var(--px);font-size:.875rem;background:var(--box);color:var(--spot);border-radius:6px;padding:3px 8px}
.b-quest ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.b-quest a{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:7px 8px;border-radius:10px;text-decoration:none;font-size:.9375rem;line-height:1.4;color:var(--ink-2)}
.b-quest a:hover{background:var(--soft)}
.b-quest i{inline-size:22px;block-size:22px;border:2px solid var(--ink);border-radius:6px;display:grid;place-items:center;background:#fff;margin-block-start:1px}
.b-quest li.done i{background:var(--spot)}
.b-quest li.done i::before{content:"";inline-size:10px;block-size:6px;border-inline-start:2.5px solid var(--ink);border-block-end:2.5px solid var(--ink);transform:rotate(-45deg) translateY(-1px)}
.b-quest li.done a{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(20,21,28,.35)}
.b-quest li.on a{background:var(--box);color:#fff;text-decoration:none}
.b-side-hub{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:var(--s4)}
.b-side-hub-t{font-family:var(--fd);font-size:1.25rem}
.b-done-line{margin-block-start:var(--s7);display:flex;flex-direction:column;gap:4px;background:var(--spot);border:var(--b2);border-radius:16px;padding:var(--s4) var(--s5);box-shadow:var(--sh)}
.b-done-line b{font-family:var(--fd);font-weight:400;font-size:1.5rem}
.b-next{margin-block-start:var(--s6);position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"k k go" "px t go" ". m go";column-gap:14px;row-gap:6px;align-items:center;background:var(--box);color:#fff;border:var(--b2);border-radius:20px;padding:22px;text-decoration:none;box-shadow:-6px 6px 0 var(--spot),-6px 6px 0 2.5px var(--ink);transition:transform .2s}
.b-next:hover{transform:translate(3px,-3px)}
.b-next-k{grid-area:k;justify-self:start;font-weight:700;font-size:.875rem;background:var(--spot);color:var(--ink);border-radius:6px;padding:2px 10px}
.b-next .b-px{grid-area:px;color:var(--spot);font-size:1.5rem}
.b-next strong{grid-area:t;font-family:var(--fd);font-weight:400;font-size:1.625rem;line-height:1.15}
.b-next-m{grid-area:m;color:var(--box-soft);font-size:.875rem;font-weight:700;display:flex;gap:6px;align-items:center}
.b-next-go{grid-area:go;inline-size:52px;block-size:52px;border-radius:50%;background:var(--spot);color:var(--ink);display:grid;place-items:center;font-size:1.5rem;font-weight:700;border:2px solid var(--ink)}
@media (max-width:1023px){.art-side .b-quest{display:none}}

/* glossary */
.b-gl-head{padding-block:var(--s2) var(--s7)}
.b-gl-g{display:grid;gap:var(--s6);align-items:end}
.b-gl-g>*{min-inline-size:0}
.b-gl-head h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.25rem);line-height:1.1;margin-block:0 var(--s3)}
.b-gl-tools{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-block-start:var(--s5)}
.b-gl-search{margin:0;flex:1 1 24rem;cursor:text}
.b-count{flex:none;font:700 .875rem var(--f);background:var(--box);color:var(--spot);border-radius:8px;padding:6px 10px;margin-inline-end:6px;white-space:nowrap}
.dice{box-shadow:var(--sh-s);min-block-size:56px}
.dice:hover{background:var(--spot)}
.b-wod{display:flex;flex-direction:column;gap:6px;background:var(--pink);border:var(--b2);border-radius:20px;box-shadow:var(--sh);padding:22px;text-decoration:none;color:var(--ink);transform:rotate(1.5deg);transition:transform .2s}
.b-wod:hover{transform:rotate(0)}
.b-wod .b-kick{align-self:flex-start}
.b-wod b{font-family:var(--fd);font-weight:400;font-size:3rem;line-height:1}
.b-wod i{font-style:normal;font-weight:700;text-align:end}
.b-wod span{font-size:1.0625rem;line-height:1.5}
@media (min-width:1024px){.b-gl-g{grid-template-columns:minmax(0,1fr) 340px;column-gap:var(--s8)}}
.b-keys{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:15;background:var(--paper);border-block-end:2px solid var(--ink);padding-block:10px}
.b-keys .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-block:2px 6px}
.b-keys a{flex:none;display:grid;place-items:center;min-inline-size:42px;block-size:42px;padding-inline:8px;border:2px solid var(--ink);border-block-end-width:4px;border-radius:9px;background:#fff;font-family:var(--fd);font-size:1.125rem;text-decoration:none;color:var(--ink)}
.b-keys a:hover,.b-keys a:focus-visible{background:var(--spot);transform:translateY(2px);border-block-end-width:2px}
.b-gl-body{padding-block:var(--s6) var(--s8)}
.b-gl-group{display:grid;gap:var(--s4);margin-block-end:var(--s7);scroll-margin-top:140px}
.b-letter{display:flex;align-items:center;gap:14px;margin:0;scroll-margin-top:140px}
.b-letter span{inline-size:72px;block-size:72px;border-radius:16px;background:var(--box);color:var(--spot);display:grid;place-items:center;font-size:2.5rem;border:var(--b2);box-shadow:var(--sh-s)}
.b-letter small{font:700 .875rem var(--f);color:var(--muted)}
.b-gl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.b-term{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;scroll-margin-top:150px;transition:transform .2s,box-shadow .2s;min-inline-size:0}
.b-term:hover{transform:translate(2px,-2px);box-shadow:var(--sh-s)}
.b-term dt{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.b-term dt span{font-family:var(--fd);font-size:1.625rem;line-height:1.1}
.b-term dt bdi{font-size:.8125rem;font-weight:700;color:var(--muted);background:var(--paper-2);border-radius:6px;padding:2px 8px}
.b-term dd{margin:0;color:var(--ink-2);line-height:1.6}
.b-term dd a{font-weight:700}
.b-term:target,.b-term.flash{animation:b-flash 1.6s ease-out}
@keyframes b-flash{0%,30%{box-shadow:0 0 0 6px var(--spot),var(--sh);transform:scale(1.02)}100%{box-shadow:none;transform:none}}
@media (max-width:1023px){.b-gl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.b-gl-cards{grid-template-columns:1fr}.b-letter span{inline-size:56px;block-size:56px;font-size:2rem}.b-keys{top:calc(env(safe-area-inset-top,0px) + 62px)}}
/* guides index uses the same cards */
.idx-head h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.25rem)}
.fchip{border:2px solid var(--ink)}
.gcard{border:2px solid var(--ink)}
.foot{border-block-start:2px solid var(--ink)}
.gp-toast b{font-family:var(--fd);letter-spacing:0;font-size:1.125rem}
/* v6 fixes after the first look */
.b-tile.dark h3,.b-tile.dark h2{color:#fff}
.sh .b-kick,.b-kick{color:var(--spot)}
.sh .b-kick.red,.b-kick.red{color:#fff}
.b-wod .b-kick,.b-face2 .b-kick{color:var(--spot)}
.b-hero h1{font-size:clamp(2.75rem,1.6rem + 2.6vw,3.9rem)}
/* glossary: one dense grid; each letter is a dark tile that starts its run of term cards */
.b-gl-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.b-gl-group,.b-gl-cards{display:contents}
.b-gl-flow>.empty{grid-column:1/-1}
.b-letter{flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--box);border:var(--b2);border-radius:16px;box-shadow:var(--sh-s);min-block-size:150px;scroll-margin-top:150px}
.b-letter span{inline-size:auto;block-size:auto;border:0;box-shadow:none;background:none;font-size:3.5rem;line-height:1}
.b-letter small{color:var(--box-soft)}
@media (max-width:1023px){.b-gl-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.b-gl-flow{grid-template-columns:1fr}.b-letter{min-block-size:0;flex-direction:row;justify-content:flex-start;padding:10px 16px}.b-letter span{font-size:2.25rem}}

/* ===== v6 everywhere (9.10, Mor: "מעולה, תמשיך בסגנון הזה"): index, hubs, sets, set, era, check, search, 404, pages ===== */
.b-idx-head{padding-block:var(--s2) var(--s7)}
.b-idx-head h1{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.25rem);line-height:1.1;margin-block:0 var(--s3)}
.b-idx-head .lead{font-size:1.1875rem;color:var(--ink-2);max-inline-size:52ch}
.b-idx-head .follow{margin-block-start:var(--s5)}
.b-stack{display:grid;gap:var(--s7)}
.b-stack>*{min-inline-size:0}
.b-map-h{font-size:1.625rem;color:#fff}
/* filters as binder tabs */
.b-filters{margin-block-start:var(--s5)}
.fchip{min-block-size:44px;background:#fff;color:var(--ink);font-weight:700;box-shadow:var(--sh-s)}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--spot);border-color:var(--ink)}
.b-f-c[aria-pressed="true"]{background:var(--spot);color:var(--ink)}.b-f-u[aria-pressed="true"]{background:var(--cyan);color:var(--ink)}.b-f-r[aria-pressed="true"]{background:var(--pink);color:var(--ink)}
.fchip[aria-pressed="true"] .c{color:inherit;opacity:.7}
.count-line{font-weight:700;color:var(--muted);margin-block:var(--s4) 0}
.b-binder-full{margin-block-start:var(--s5)}
.b-start-box{margin-block:0 var(--s5)}
.b-gl-cta{margin-block-start:var(--s7);grid-template-areas:"k go" "t go"}
.b-gl-cta strong{font-size:1.375rem}
.pager a,.pager span{border:2px solid var(--ink);background:#fff}
.pager .current{background:var(--ink);color:var(--spot)}
/* release board: tear-off calendar dates */
.b-rel-board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.b-rel-board a{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"d t" "d s";column-gap:14px;row-gap:4px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:14px;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}
.b-rel-board a:hover{transform:translate(2px,-2px);box-shadow:var(--sh-s)}
.b-tear-date{grid-area:d;inline-size:72px;border:2px solid var(--ink);border-radius:10px;overflow:hidden;text-align:center;background:#fff}
.b-tear-date b{display:block;font-family:var(--fd);font-weight:400;font-size:2rem;line-height:1.2;padding-block:4px}
.b-tear-date small{display:block;background:var(--ink);color:var(--spot);font-size:.6875rem;font-weight:700;padding:3px 2px}
.b-rel-t{grid-area:t;font-weight:700;display:grid}
.b-rel-t bdi{font-family:var(--fd);font-weight:400;font-size:1.25rem;line-height:1.15}
.b-rel-t small{color:var(--muted);font-size:.8125rem}
.b-rel-st{grid-area:s;justify-self:start;font-size:.75rem;font-weight:700;border:1.5px solid var(--ink);border-radius:999px;padding:1px 10px}
.b-rel-released .b-rel-st{background:var(--spot)}.b-rel-confirmed .b-rel-st{background:var(--cyan)}.b-rel-announced .b-rel-st{background:#fff;border-style:dashed}
@media (max-width:1023px){.b-rel-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.b-rel-board{grid-template-columns:1fr}}
/* set page */
.set-hero .kick{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.set-hero .kick .b-kick{margin:0}
.set-hero .page-head h1{font-size:clamp(2.75rem,1.4rem + 4.4vw,4.75rem)}
.set-hero .chip{border:2px solid var(--ink);background:#fff;color:var(--ink)}
.set-hero .chip.ink{background:var(--spot)}
.set-hero .toc-chips a{background:#fff}
.b-spec{background:var(--box);color:var(--box-ink);border:var(--b2);border-radius:18px;box-shadow:var(--sh);padding:20px}
.b-spec h2{color:#fff;font-size:1.375rem;margin-block-end:10px}
.b-spec .row{border-color:var(--box-line)}
.b-spec dt{color:var(--box-mute)}
.b-spec dd{color:#fff}
.b-spec dd a{color:var(--spot)}
.b-spec .src{color:var(--box-soft)}.b-spec .src a{color:var(--spot)}
.b-spec .ruler-bar{border-color:#3d4356}.b-spec .ruler-bar .reg{background:var(--box-2);color:#fff}.b-spec .ruler-bar .sct{background:var(--foil);color:var(--ink);border-inline-start-color:#3d4356}
.b-spec .ruler-dim{color:var(--box-mute)}.b-spec .ruler-dim::before,.b-spec .ruler-dim::after{border-color:#4a5164}
.b-spec .follow .btn-line{background:transparent;color:#fff;border-color:#4a4f66}.b-spec .follow .rss{color:#fff}
.b-dist{padding:var(--s4) var(--s5)}
.b-dist .dist .bar{block-size:14px;border:1.5px solid var(--ink);background:#fff}
.b-dist .dist li:nth-child(4n+1) .bar i{background:var(--spot)}.b-dist .dist li:nth-child(4n+2) .bar i{background:var(--cyan)}.b-dist .dist li:nth-child(4n+3) .bar i{background:var(--pink)}.b-dist .dist li:nth-child(4n+4) .bar i{background:var(--foil)}
.b-dist .dist .n{font-family:var(--fd);font-weight:400;font-size:1.125rem}
.body .b-t-map{margin-block-start:var(--s4)}
.b-pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-block-start:var(--s7)}
.b-pn a{display:grid;gap:6px;background:var(--box);color:#fff;border:var(--b2);border-radius:16px;padding:16px;text-decoration:none;transition:transform .2s}
.b-pn a:hover{transform:translateY(-3px)}
.b-pn a.nx{text-align:start;box-shadow:-5px 5px 0 var(--spot),-5px 5px 0 2.5px var(--ink)}
.b-pn .b-next-k{justify-self:start}
.b-pn b{font-family:var(--fd);font-weight:400;font-size:1.25rem;text-align:end}
/* 60-second check as a game */
.b-c60-hg{display:grid;gap:var(--s5);align-items:center}
@media (min-width:768px){.b-c60-hg{grid-template-columns:1fr auto}}
.b-timer-xl{inline-size:140px;block-size:140px;margin:0;box-shadow:var(--sh)}
.b-timer-xl b{font-size:3.25rem}
.b-c60{max-inline-size:52rem;background:var(--spot);border:var(--b2);border-radius:24px;box-shadow:var(--sh);padding:var(--s6)}
.b-c60 .c60-bar{gap:8px;margin-block-end:var(--s5)}
.b-c60 .c60-bar i{block-size:14px;border-radius:4px;background:#fff;border:2px solid var(--ink)}
.b-c60 .c60-bar i.on{background:var(--ink)}
.b-c60-step{display:flex;align-items:center;gap:10px;font-weight:700}
.b-c60-step .b-px{background:var(--ink);color:var(--spot);border-radius:6px;padding:4px 8px;font-size:.875rem}
.b-c60 .c60-q{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem)}
.b-c60 .c60-help{color:var(--ink)}
.b-c60 .c60-opts button{background:#fff;border:var(--b2);border-radius:14px;min-block-size:64px;box-shadow:var(--sh-s);font-size:1.0625rem;transition:transform .12s,box-shadow .12s}
.b-c60 .c60-opts button:hover{background:var(--ink);color:var(--spot)}
.b-c60 .c60-opts button:active{transform:translate(-2px,2px);box-shadow:none}
.b-c60 .c60-result{background:var(--box);color:var(--box-soft);border:var(--b2);border-radius:18px;padding:var(--s5)}
.b-c60 .c60-result .verdict{display:inline-block;font-family:var(--fd);font-size:2.75rem;color:#fff;border:3px solid currentColor;border-radius:12px;padding:4px 16px;transform:rotate(-3deg);margin-block:6px var(--s4)}
.b-c60 .c60-result.ok .verdict{color:var(--spot)}.b-c60 .c60-result.bad .verdict{color:var(--red)}.b-c60 .c60-result:not(.ok):not(.bad) .verdict{color:var(--amber)}
.b-c60 .c60-result [data-why]{color:var(--box-soft)!important}
.b-c60 .c60-result .label{color:var(--box-mute)}
@media (max-width:599px){.b-c60{padding:var(--s4)}.b-timer-xl{inline-size:100px;block-size:100px}.b-timer-xl b{font-size:2.25rem}}
/* search, 404, pages */
.b-search-res{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){.b-search-res{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.b-search-res{grid-template-columns:1fr}}
.b-gl-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
@media (max-width:1023px){.b-gl-inline{grid-template-columns:1fr}}
.b-empty{grid-template-areas:"k ." "t go"}
.b-empty .b-btn{grid-area:go}
.b-404-g{display:grid;gap:var(--s6);align-items:center}
@media (min-width:768px){.b-404-g{grid-template-columns:1fr 260px}}
.b-404-card{aspect-ratio:63/88;background:var(--box);border:var(--b2);border-radius:18px;box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;transform:rotate(4deg);max-inline-size:260px;margin-inline:auto;inline-size:100%}
.b-404-card .b-px{color:var(--spot)}
.b-404-card b{font-family:var(--fd);font-weight:400;font-size:6rem;line-height:1;color:var(--pink)}
.b-404-card small{color:var(--box-soft);font-weight:700}
.b-paper{background:#fff;border:2px solid var(--ink);border-radius:20px;padding:var(--s6);box-shadow:var(--sh-s);max-inline-size:46rem}
@media (max-width:599px){.b-paper{padding:var(--s4)}}
.b-paper h2{font-size:1.75rem;margin-block:var(--s6) var(--s3)}
.b-paper h2:first-child{margin-block-start:0}
/* hidden labels must not push the page wider on phones (an absolutely positioned label kept its static spot past the edge) */
.visually-hidden,.vh{inset-inline-start:0;inset-block-start:0}
.b-idx-head h1,.set-hero .page-head h1{overflow-wrap:anywhere}
.b-pn{grid-template-columns:repeat(2,minmax(0,1fr))}
.b-pn a{min-inline-size:0}
.b-pn b{overflow-wrap:anywhere}
@media (max-width:599px){.b-pn b{font-size:1.0625rem}.b-pn a{padding:12px}}
/* the era map spans 8 columns only inside the home bento; elsewhere it is a normal block */
.b-stack>.b-t-map,.body .b-t-map{grid-column:auto}
/* WordPress puts class="search" on <body> of results pages: the old search-form rule must not lay out the whole page */
body.search{display:block;max-inline-size:none;margin:0;gap:0}
.b-kick{justify-self:start;inline-size:max-content;max-inline-size:100%}

/* ===== v6.2 (9.10, Mor: "ממה להיזהר: הרקע באדום פחות, קו התיחום אהבתי; השחור בקלסרים לא; מקום ראוי לכתבות טובות, כתבות אורח, תוכן עניינים, הקראה") ===== */
/* beware: keep the hazard tape, drop the red wash */
.sec.hazard{background:var(--paper-2)}
/* binders: light vinyl, white cards, no black */
.b-binder{background:#EFEDE6}
.b-binder::before{background:#D9D5C8;border-inline-end-color:var(--ink)}
.b-binder::after{content:"";position:absolute;inset-block:14px;inset-inline-start:30px;inline-size:2px;background:repeating-linear-gradient(to bottom,rgba(20,21,28,.18) 0 6px,transparent 6px 12px);pointer-events:none}
.b-rings i{border-color:#AEB3C0;border-inline-start-color:#7D8394;background:transparent}
.b-pocket{background:rgba(255,255,255,.6);border-color:#CFCCC2}
.b-gcard{background:#fff;color:var(--ink);border:2px solid var(--ink);position:relative;overflow:hidden}
.b-gcard::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:6px;background:var(--spot)}
.b-pocket[data-level="u"] .b-gcard::before{background:var(--cyan)}.b-pocket[data-level="r"] .b-gcard::before{background:var(--pink)}
.b-gcard strong{color:var(--ink)}
.b-gcard .no{color:var(--muted)}.b-gcard .no b{color:var(--ink)}
.b-gcard .hub{color:var(--muted)}
.b-pocket[data-level="c"] .hub .rar{color:#6a9f00}.b-pocket[data-level="u"] .hub .rar{color:#139bbd}.b-pocket[data-level="r"] .hub .rar{color:#d94a8c}
.b-pocket:hover .b-gcard,.b-gcard:focus-visible{box-shadow:-4px 4px 0 var(--ink)}
.b-gcard .tg-new{background:var(--ink);color:var(--spot)}

/* reading tools */
.b-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:var(--s5) 0}
.b-tool{display:inline-flex;align-items:center;gap:8px;min-block-size:44px;padding:0 14px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:700 .9375rem var(--f);text-decoration:none;cursor:pointer;box-shadow:var(--sh-s)}
.b-tool svg{inline-size:18px;block-size:18px}
.b-tool small{font-weight:600;color:var(--muted)}
.b-tool:hover{background:var(--soft)}
.b-listen{background:var(--spot)}
.b-listen[aria-pressed="true"]{background:var(--ink);color:var(--spot)}.b-listen[aria-pressed="true"] small{color:var(--box-soft)}
.b-speed{padding-inline:6px}
.b-speed select{border:0;background:transparent;font:700 .9375rem var(--f);color:var(--ink);min-block-size:40px;cursor:pointer}
.b-reading{background:linear-gradient(transparent 12%,rgba(198,242,80,.55) 12%,rgba(198,242,80,.55) 92%,transparent 92%);border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;outline:2px dashed rgba(20,21,28,.25);outline-offset:4px}
/* guest + feature articles */
.b-author{display:flex;align-items:center;gap:14px;margin-block-start:var(--s4)}
.b-author-ph,.b-author-ini{inline-size:64px;block-size:64px;border-radius:50%;border:var(--b2);object-fit:cover;flex:none;box-shadow:var(--sh-s)}
.b-author-ini{display:grid;place-items:center;background:var(--pink);font-family:var(--fd);font-size:1.75rem;color:var(--ink)}
.b-author p{display:grid;gap:2px;margin:0}
.b-guest-badge{justify-self:start;font-weight:700;font-size:.8125rem;background:var(--pink);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;padding:1px 10px}
.b-author-n{font-family:var(--fd);font-size:1.375rem;text-decoration:none;color:var(--ink)}
.b-author-r{color:var(--muted);font-size:.9375rem;font-weight:600}
.b-feature-head h1{font-size:clamp(2.75rem,1.4rem + 4.4vw,5rem);max-inline-size:20ch}
.b-feature-head .stand{font-size:1.375rem;max-inline-size:44ch}
.b-is-feature .prose > p:first-of-type{font-size:1.3125rem;line-height:1.7;color:var(--ink)}
.b-is-feature .b-toploader .frame{grid-template-columns:1fr;padding:var(--s4)}
.b-is-feature .b-toploader .holo-img img{aspect-ratio:16/9;object-fit:cover;inline-size:100%}
.prose blockquote{margin:var(--s6) 0;padding:var(--s5) var(--s5) var(--s5) var(--s5);background:#fff;border:var(--b2);border-radius:18px;box-shadow:var(--sh);position:relative}
.prose blockquote::before{content:"”";position:absolute;inset-block-start:-26px;inset-inline-start:18px;font-family:var(--fd);font-size:5rem;line-height:1;color:var(--ink);background:var(--spot);border:var(--b2);border-radius:14px;inline-size:56px;block-size:56px;display:grid;place-items:center;padding-block-start:22px}
.prose blockquote p{font-family:var(--fd);font-size:1.5rem;line-height:1.4;margin:0}
.prose blockquote cite{display:block;margin-block-start:10px;font-style:normal;font-weight:700;color:var(--muted)}
.b-author-card{display:grid;grid-template-columns:96px 1fr;gap:var(--s4);align-items:start;margin-block-start:var(--s7);background:#fff;border:var(--b2);border-radius:20px;box-shadow:var(--sh);padding:var(--s5)}
.b-author-card img,.b-author-card .b-author-ini{inline-size:96px;block-size:96px;border-radius:50%;border:var(--b2);object-fit:cover}
.b-author-card .b-author-ini{font-size:2.5rem}
.b-author-card p{margin:0}
.b-author-card .b-guest-badge{margin-block-end:6px;display:inline-block}
.b-author-card .b-author-n{font-size:1.75rem;display:block}
.b-author-d{margin-block-start:8px!important;color:var(--ink-2)}
.b-author-l{margin-block-start:8px!important;font-weight:700}
.b-author-note{margin-block-start:10px!important;font-size:.8125rem;color:var(--muted)}
@media (max-width:599px){.b-author-card{grid-template-columns:64px 1fr}.b-author-card img,.b-author-card .b-author-ini{inline-size:64px;block-size:64px}.b-tools{gap:6px}.b-tool{padding:0 10px;font-size:.875rem}.b-tool small{display:none}}
/* tools bar sits above the hero: no negative overlap; feature hero shows the image whole on a dark mat (no blurry crop) */
.b-tools ~ .art-hero{margin-block-start:var(--s5)}
.b-is-feature .b-toploader .frame{background:var(--box);display:grid;place-items:center;padding:var(--s5)}
.b-is-feature .b-toploader .holo-img{border-color:var(--box);outline:0;box-shadow:-8px 10px 0 rgba(29,20,64,.45)}
.b-is-feature .b-toploader .holo-img img{aspect-ratio:auto;object-fit:contain;inline-size:auto;max-inline-size:100%;max-block-size:420px}
.b-is-feature .b-toploader figcaption{color:var(--box-soft);text-align:center}
.b-is-feature .b-toploader figcaption b{color:#fff}
[hidden]{display:none!important}
/* stub set pages + dense era maps (eras with more than 8 sets) */
.b-stub{display:grid;gap:4px;background:#fff;border:2px dashed var(--ink);border-radius:16px;padding:var(--s4) var(--s5);margin-block:var(--s5)}
.b-stub b{font-family:var(--fd);font-weight:400;font-size:1.25rem}
.b-stub span{color:var(--muted)}
.b-t-map.dense .b-node b,.b-t-map.dense .b-node small{display:none}
.b-t-map.dense .b-node i{inline-size:40px;block-size:40px;font-size:.6875rem}
.b-t-map.dense .b-node:hover b,.b-t-map.dense .b-node:focus-visible b,.b-t-map.dense .b-node.here b{display:block;position:absolute;inset-block-start:46px;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:1px 8px;font-size:.75rem;z-index:2}
@media (max-width:1023px){.b-t-map.dense .b-node b,.b-t-map.dense .b-node small{display:block;position:static;background:none;color:inherit;border:0;padding:0}.b-t-map.dense .b-node i{inline-size:46px;block-size:46px}}

/* 9.10: guide hero frame keeps to the reading column (no empty white band on wide screens) */
main:not(.b-is-feature) .b-toploader .frame{max-inline-size:46rem}
/* 9.10: un-numbered h2 (era/set bodies) stays one line of text; the 2-col grid is only for the numbered guide h2 */
.prose h2:not(:has(.n)),.body h2:not(:has(.n)){display:block}
.nw{white-space:nowrap}
.faq summary>span{min-inline-size:0;overflow-wrap:anywhere}
.spec dl .row>*{min-inline-size:0;overflow-wrap:anywhere}
.b-mat-h b{white-space:nowrap}

/* 9.10 mobile pass */
.prose .b-next strong,.b-next strong{color:#fff}
.src-box summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9375rem;padding:8px 14px;border:2px solid var(--ink);border-radius:10px;background:var(--paper,#fff);list-style:none}
.src-box summary::-webkit-details-marker{display:none}
.src-box summary::after{content:"+";font-weight:800}
.src-box[open] summary::after{content:"−"}
.src-box[open] summary{margin-block-end:var(--s3)}
.sources bdi{display:inline}
@media (max-width:1023px){.b-t-map.dense .b-node.here b,.b-t-map.dense .b-node:hover b,.b-t-map.dense .b-node:focus-visible b{position:static;background:none;color:inherit;border:0;padding:0;font-size:.9375rem}}
@media (max-width:599px){
  .sec{padding-block:36px}
  .b-pn{grid-template-columns:1fr}
  .b-pn b{overflow-wrap:normal;font-size:1.125rem}
  .b-flip{min-block-size:236px}.b-face2{padding:18px 20px}
  .b-stat{padding:12px}
  .b-stat-top{margin-block-end:8px}
  .b-stat-sym{inline-size:34px;block-size:34px;font-size:1rem}
  .b-stat dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .b-stat dl div{padding:6px 8px}
  .b-stat dd{font-size:.9375rem}
  .ruler-bar .sct{min-inline-size:78px}
}
@media (max-width:599px){
  .b-binder-full .b-pockets,.b-pockets.b-rel{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;padding-block-end:0}
  .b-binder-full .b-gcard,.b-rel .b-gcard{min-block-size:0;gap:10px}
  .b-filters .chips-row,.toc-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px);mask-image:linear-gradient(to right,transparent 0,#000 32px);padding-inline-end:24px}
  .b-filters .chips-row::-webkit-scrollbar,.toc-chips::-webkit-scrollbar{display:none}
  .b-filters .chips-row>*,.toc-chips>*{flex:none}
  .b-binder:not(.b-binder-full) .b-pockets{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 36px);mask-image:linear-gradient(to right,transparent 0,#000 36px)}
}
@media (max-width:599px){
  .b-gl-flow{gap:10px}
  .b-term{padding:14px;gap:6px;border-radius:14px}
  .b-term dt span{font-size:1.3125rem}
  .b-term dd{font-size:.9375rem;line-height:1.55}
}

.b-era-fold{border:var(--b2);border-radius:18px;background:var(--box);color:#fff;box-shadow:var(--sh)}
.b-era-fold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}
.b-era-fold>summary::-webkit-details-marker{display:none}
.b-era-fold>summary::after{content:"+";inline-size:30px;block-size:30px;border-radius:8px;background:var(--spot);color:var(--ink);display:grid;place-items:center;font-weight:800;flex:none;border:2px solid var(--ink)}
.b-era-fold[open]>summary::after{content:"−"}
.b-era-fold-n{font-family:var(--fd);font-size:1.375rem}
.b-era-fold-t{display:grid;gap:2px;min-inline-size:0}
.b-era-fold-m{color:var(--box-mute);font-weight:700;font-size:.875rem}
.b-stack>.b-era-fold+.b-era-fold{margin-block-start:calc(12px - var(--s7))}
.b-era-fold>.b-t-map{border:0;box-shadow:none;border-radius:0 0 16px 16px}
@media (max-width:599px){.b-stat dd{font-size:.875rem;white-space:nowrap}.b-stat dt{font-size:.6875rem}.b-stat dl div{padding:6px}}
.b-pn .b-next-k{grid-area:auto}
/* 9.10 מדד הקלפים (tpl-market.php) */
.mk-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.875rem;font-weight:700;color:var(--muted);margin-block-start:var(--s3)}
.mk{display:grid;gap:var(--s6);padding-block:var(--s6) var(--s8)}
.mk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.mk-col{background:var(--box);color:#fff;border:var(--b2);border-radius:20px;box-shadow:var(--sh);padding:22px;min-inline-size:0}
.mk-col h2{display:flex;align-items:center;gap:10px;font-size:1.5rem;margin:0}
.mk-sub{color:var(--box-mute);font-size:.875rem;font-weight:700;margin:4px 0 14px}
.mk-badge{inline-size:34px;block-size:34px;border-radius:9px;display:grid;place-items:center;font-size:1rem;color:var(--ink);border:2px solid var(--ink)}
.mk-badge.up{background:var(--spot)}.mk-badge.down{background:var(--pink)}
.mk-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mk-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;background:var(--box-2);border-radius:12px;padding:10px 12px}
.mk-rk{font-family:var(--fpx,monospace);color:var(--box-mute);font-size:.8125rem;text-align:center}
.mk-card{display:grid;gap:2px;min-inline-size:0}
.mk-card b{font-weight:700;font-size:1rem;overflow-wrap:anywhere}
.mk-card small{color:var(--box-mute);font-size:.75rem;font-weight:600}
.mk-card small a{color:inherit;text-decoration:underline;text-decoration-color:var(--box-line)}
.mk-chg{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.875rem;border-radius:8px;padding:3px 8px;color:var(--ink);white-space:nowrap}
.mk-chg.up{background:var(--spot)}.mk-chg.down{background:var(--pink)}
.mk-px{display:grid;justify-items:end;gap:2px;text-align:end;white-space:nowrap}
.mk-px b{font-size:1rem}
.mk-px small{color:var(--box-mute);font-size:.6875rem;font-weight:600}
.mk-topcol .mk-row{grid-template-columns:28px minmax(0,1fr) auto}
.mk-note{background:#fff;border:var(--b2);border-radius:18px;padding:22px}
.mk-note h2{font-size:1.375rem;margin:0 0 10px}
.mk-note ul{margin:0;padding-inline-start:1.1em;display:grid;gap:8px;line-height:1.6}
.mk-more{margin:12px 0 0;font-weight:700}
@media (max-width:899px){.mk-grid{grid-template-columns:1fr}}
@media (max-width:599px){
  .mk-col{padding:14px}.mk-col h2{font-size:1.25rem}
  .mk-row{grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"rk card chg" "rk card px";row-gap:4px;padding:10px}
  .mk-rk{grid-area:rk}.mk-card{grid-area:card}.mk-chg{grid-area:chg;justify-self:end}.mk-px{grid-area:px}
  .mk-topcol .mk-row{grid-template-areas:"rk card px"}
  .mk-px small{white-space:normal}
}
/* home strip */
.mk-strip .mk-strip-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-block-start:var(--s4)}
.mk-strip ol{list-style:none;margin:0;padding:14px;display:grid;gap:8px;background:var(--box);border:var(--b2);border-radius:16px;box-shadow:var(--sh)}
.mk-strip li{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:var(--box-2);border-radius:10px;padding:8px 10px;min-inline-size:0}
.mk-strip li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.9375rem}
@media (max-width:599px){.mk-strip .mk-strip-g{grid-template-columns:1fr}}

.mk-col h2{color:#fff}
.mk-card .mk-rar{font-size:.6875rem;opacity:.85}
@media (max-width:599px){
  .mk-row{grid-template-columns:22px auto minmax(0,1fr);grid-template-areas:"rk card card" "rk chg px";row-gap:8px}
  .mk-px{justify-self:end}
  .mk-chg{justify-self:start}
  .mk-topcol .mk-row{grid-template-areas:"rk card card" "rk px px"}
}
.mk-strip li b{direction:ltr;text-align:right;min-inline-size:0}

/* 9.10 מדד הקלפים v2 */
.mk-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.mk-tile{background:#fff;border:var(--b2);border-radius:16px;box-shadow:var(--sh);padding:14px 16px;display:grid;gap:4px}
.mk-tile span{font-size:.8125rem;font-weight:700;color:var(--muted)}
.mk-tile b{font-family:var(--fd);font-weight:400;font-size:2rem;line-height:1}
.mk-tile.up{background:var(--spot)}.mk-tile.down{background:var(--pink)}
.mk-tile.up span,.mk-tile.down span{color:var(--ink)}
.mk-mood{grid-column:1/-1;margin:4px 0 0;font-weight:700;color:var(--ink-2)}
.mk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block-end:calc(-1 * var(--s3))}
.mk-tabs button{font:inherit;font-weight:800;font-size:.9375rem;border:var(--b2);border-radius:999px;background:#fff;color:var(--ink);padding:9px 16px;cursor:pointer;box-shadow:-3px 3px 0 var(--ink)}
.mk-tabs button[aria-selected="true"]{background:var(--box);color:#fff;box-shadow:-3px 3px 0 var(--spot),-3px 3px 0 2px var(--ink)}
.mk-row{grid-template-columns:24px 46px minmax(0,1fr) auto auto}
.mk-thumb{inline-size:46px;block-size:64px;border-radius:5px;object-fit:cover;background:var(--box-line);display:block}
.mk-spark{display:block;margin-block:2px}
.mk-spark polyline{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mk-spark.up polyline{stroke:var(--spot)}.mk-spark.down polyline{stroke:var(--pink)}
.mk-ctrl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-block-end:8px}
.mk-ctrl input,.mk-ctrl select{font:inherit;inline-size:100%;border:2px solid var(--ink);border-radius:10px;padding:9px 12px;background:#fff;color:var(--ink)}
.mk-all{max-block-size:none}
.mk-setbox{margin-block:var(--s3) var(--s5)}
.mk-setbox .mk-sub{margin:10px 0 0}.mk-setbox .mk-sub a{color:#fff}
@media (max-width:899px){.mk-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
  .mk-row{grid-template-columns:20px 40px auto minmax(0,1fr);grid-template-areas:"rk img card card" "rk img chg px";column-gap:10px}
  .mk-thumb{grid-area:img;inline-size:40px;block-size:56px}
  .mk-topcol .mk-row,.mk-row:not(:has(.mk-chg)){grid-template-areas:"rk img card card" "rk img px px"}
  .mk-ctrl{grid-template-columns:1fr 1fr}.mk-ctrl .mk-search{grid-column:1/-1}
  .mk-tabs button{padding:8px 12px;font-size:.875rem}
  .mk-tile b{font-size:1.625rem}
}
/* 9.10 footer v7 */
.foot-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--s6) var(--s5);align-items:start}
.foot-brand p{margin:var(--s3) 0 0;max-inline-size:34ch;color:#cfd2da;line-height:1.6}
.foot-mail a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.foot-feeds{display:flex;flex-wrap:wrap;gap:6px}
.foot-feeds a{font-size:.8125rem;font-weight:700;text-decoration:none;border:1px solid #4a4f60;border-radius:999px;padding:4px 10px;color:#e9eaee}
.foot-feeds a:hover{border-color:var(--spot);color:var(--spot)}
.foot-h{margin:0 0 var(--s3);font-family:var(--fd);font-size:1.125rem;color:var(--spot)}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.foot-col a{text-decoration:none;display:inline-block;padding-block:5px;color:#e9eaee}
.foot-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s3) var(--s6);border-block-start:1px solid #343846;margin-block-start:var(--s6);padding-block-start:var(--s4)}
.foot-bottom .tm{border:0;margin:0;padding:0;flex:1 1 40ch}
.foot-copy{margin:0;font-size:.8125rem;color:#b9bcc6;white-space:nowrap}
@media (max-width:1023px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}
@media (max-width:599px){.foot{padding-block:var(--s6) var(--s5)}.foot-grid{gap:var(--s5) var(--s4)}.foot-h{font-size:1rem;margin-block-end:var(--s2)}.foot-col a{padding-block:7px}}
.foot .foot-col ul{grid-template-columns:1fr;gap:0}
.foot .foot-col a{padding-block:6px}

/* ===== Glossary v7 (9.10.2026): topics instead of letters, a quiet list instead of cards ===== */
.gl2-topics{position:sticky;top:calc(env(safe-area-inset-top,0px) + 62px);z-index:15;background:var(--paper);border-block-end:1px solid var(--line-2)}
.gl2-topics .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px;mask-image:linear-gradient(to right,transparent 0,#000 28px)}
.gl2-topics .wrap::-webkit-scrollbar{display:none}
.gl2-topics a{flex:none;display:inline-flex;align-items:center;gap:6px;min-block-size:40px;padding-inline:14px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-weight:700;font-size:.9375rem;text-decoration:none;white-space:nowrap}
.gl2-topics a small{font:700 .75rem var(--f);color:var(--muted);font-variant-numeric:tabular-nums}
.gl2-topics a:hover{border-color:var(--ink)}
.gl2-topics a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.gl2-topics a[aria-current] small{color:var(--spot)}
.gl2-body{padding-block:var(--s6) var(--s8)}
.gl2-body>.wrap{display:grid;gap:var(--s7)}
.gl2-sec{display:grid;gap:var(--s4);scroll-margin-top:130px}
.gl2-sh h2{font-size:clamp(1.625rem,1.2rem + 1.4vw,2.25rem);margin:0}
.gl2-sh p{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin:6px 0 0;color:var(--muted);font-size:1rem;line-height:1.5}
.gl2-n{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.gl2-list{margin:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--s7);border-block-start:2px solid var(--ink)}
.gl2-row{padding-block:14px 16px;border-block-end:1px solid var(--line);scroll-margin-top:140px;min-inline-size:0}
.gl2-row dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0}
.gl2-he{font-family:var(--fd);font-size:1.25rem;line-height:1.25;color:var(--ink)}
.gl2-en{font-size:.875rem;font-weight:700;color:var(--muted)}
.gl2-row dd{margin:4px 0 0;color:var(--ink-2);line-height:1.65;max-inline-size:62ch}
.gl2-row dd a{font-weight:700;white-space:nowrap}
.gl2-row:target,.gl2-row.flash{animation:gl2-flash 1.8s ease-out}
@keyframes gl2-flash{0%,35%{background:color-mix(in srgb,var(--spot) 45%,transparent);box-shadow:-12px 0 0 color-mix(in srgb,var(--spot) 45%,transparent),12px 0 0 color-mix(in srgb,var(--spot) 45%,transparent)}100%{background:transparent;box-shadow:none}}
@media (min-width:768px){.gl2-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .gl2-sec{grid-template-columns:240px minmax(0,1fr);column-gap:var(--s7);align-items:start}
  .gl2-sh{position:sticky;top:140px}
  .gl2-sh p{flex-direction:column;gap:6px}
}
@media (max-width:599px){.gl2-topics{top:calc(env(safe-area-inset-top,0px) + 58px)}.gl2-he{font-size:1.1875rem}.gl2-body>.wrap{gap:var(--s6)}}
@media (prefers-reduced-motion:reduce){.gl2-row:target,.gl2-row.flash{animation:none;background:color-mix(in srgb,var(--spot) 35%,transparent)}}
/* menu v2 (9.10.2026): 7 items fit in one line only from 1200px; below that the drawer */
.nav a{white-space:nowrap}
@media (min-width:1024px) and (max-width:1199px){.nav{display:none}.menu-btn{display:inline-grid}.top-tools{margin-inline-start:auto}}
@media (min-width:1200px){.nav{gap:var(--s4)}}
@media (max-width:599px){.b-wod{padding:14px 16px;gap:4px;transform:none}.b-wod b{font-size:1.75rem}.b-wod span{font-size:.9375rem}}

/* ===== Site search v2 (9.10.2026): suggestions dropdown (site.js §16) + results page ===== */
.sx-host{position:relative}
.sx{position:absolute;inset-inline:0;inset-block-start:calc(100% + 8px);z-index:40;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:14px;box-shadow:0 14px 34px rgba(29,20,64,.18);max-block-size:min(70vh,560px);overflow:auto;overscroll-behavior:contain;padding:6px;text-align:start}
.sx [role="group"]+[role="group"]{border-block-start:1px solid var(--line);margin-block-start:4px;padding-block-start:4px}
.sx-h{margin:8px 10px 4px;font:700 .75rem var(--f);color:var(--muted)}
.sx-wait,.sx-none{margin:10px;color:var(--ink-2);font-size:.9375rem;line-height:1.6}
.sr-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink);min-block-size:52px}
.sr-row:hover,.sr-row[aria-selected="true"]{background:var(--soft)}
.sr-row[aria-selected="true"]{outline:2px solid var(--ink);outline-offset:-2px}
.sr-ic{inline-size:40px;display:grid;place-items:center}
.sr-ic img{inline-size:40px;block-size:56px;object-fit:cover;border-radius:4px;background:var(--soft)}
.sr-ic span{inline-size:36px;block-size:36px;border-radius:9px;border:1.5px solid var(--line-2);display:grid;place-items:center;font:700 .75rem var(--f);color:var(--muted)}
.sr-k-guide::before{content:"מדריך";font-size:.625rem}.sr-k-set::before{content:"סט"}.sr-k-term::before{content:"א-ב";font-size:.6875rem}.sr-k-era::before{content:"עידן";font-size:.625rem}.sr-k-page::before{content:"↵"}.sr-k-card::before{content:"קלף";font-size:.625rem}
.sr-tx{display:grid;gap:1px;min-inline-size:0}
.sr-tx b{font-weight:700;font-size:1rem;line-height:1.35;overflow-wrap:anywhere}
.sr-tx small{font-size:.8125rem;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.sr-d{font-size:.875rem;color:var(--ink-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-kind{font:700 .6875rem var(--f);color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:2px 8px;white-space:nowrap}
.sr-row mark,.sx-ans mark{background:color-mix(in srgb,var(--spot) 70%,transparent);color:inherit;border-radius:2px;padding-inline:1px}
.sx-ans{display:grid;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);background:color-mix(in srgb,var(--spot) 22%,var(--paper))}
.sx-ans .sx-h{margin:0 0 2px}
.sx-ans b{font-family:var(--fd);font-weight:400;font-size:1.25rem}
.sx-ans .sx-en{font-size:.8125rem;font-weight:700;color:var(--muted)}
.sx-ans:hover,.sx-ans[aria-selected="true"]{outline:2px solid var(--ink);outline-offset:-2px}
.sx-all{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:4px;padding:12px;border-radius:10px;border-block-start:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.9375rem}
.sx-all:hover,.sx-all[aria-selected="true"]{background:var(--soft)}
.sx-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px 8px}
.sx-chips .sx-h{flex-basis:100%;margin:6px 4px 2px}
.sx-chip{display:inline-flex;align-items:center;min-block-size:36px;padding-inline:12px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.875rem;background:var(--paper)}
.sx-chip:hover,.sx-chip[aria-selected="true"]{border-color:var(--ink);background:var(--soft)}
.sx-fix{margin-inline-start:4px}
.sx-mic{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;margin-inline-end:6px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.sx-mic:hover{background:var(--soft)}
.sx-mic[aria-pressed="true"]{background:var(--red,#ff4a4a);color:#fff;animation:sx-pulse 1.2s ease-in-out infinite}
@keyframes sx-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--red,#ff4a4a) 30%,transparent)}}
.b-search .sx-mic svg,.search .sx-mic svg{margin:0;inline-size:22px;block-size:22px}
.search.sx-host{align-items:center}
@media (max-width:599px){.sx{max-block-size:60vh}.sr-kind{display:none}.sr-row{grid-template-columns:40px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.sx-mic[aria-pressed="true"]{animation:none}}
/* results page */
.sr-head .b-search{max-inline-size:44rem}
.sr-count{margin:var(--s4) 0 0;color:var(--muted);font-weight:700}
.sr-filters{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:var(--s3)}
.sr-filters button{min-block-size:40px;padding-inline:14px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font:700 .9375rem var(--f);color:var(--ink);cursor:pointer}
.sr-filters button small{font-size:.75rem;color:var(--muted)}
.sr-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.sr-filters button[aria-pressed="true"] small{color:var(--spot)}
.sr-body{padding-block:var(--s6) var(--s8)}
.sr-body>.wrap{display:grid;gap:var(--s6);max-inline-size:52rem}
.sr-answer{border:2px solid var(--ink);border-radius:16px;padding:18px 20px;background:color-mix(in srgb,var(--spot) 18%,var(--paper));display:grid;gap:6px}
.sr-answer p{margin:0;line-height:1.65}
.sr-answer-t b{font-family:var(--fd);font-weight:400;font-size:1.75rem}
.sr-answer-t bdi[dir="ltr"]{display:block;font-weight:700;color:var(--muted);font-size:.9375rem;margin-block-start:2px}
.sr-answer-l a{font-weight:700}
.sr-group h2{font-size:1.375rem;margin:0 0 6px;display:flex;align-items:baseline;gap:8px}
.sr-group h2 small{font:700 .875rem var(--f);color:var(--muted)}
.sr-list{list-style:none;margin:0;padding:0;display:grid;border-block-start:2px solid var(--ink)}
.sr-list li{border-block-end:1px solid var(--line)}
.sr-list .sr-row{border-radius:0;padding-inline:4px;min-block-size:60px}
.sr-empty h2{font-size:1.5rem;margin:0 0 8px}
.sr-empty p{margin:0 0 8px;color:var(--ink-2)}
.sr-fix a{font-weight:700}
.sr-start{display:grid;gap:10px}
.sr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sr-chips a{display:inline-flex;align-items:center;min-block-size:40px;padding-inline:14px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;font-weight:700}
.sr-chips a:hover{border-color:var(--ink)}

.b-search .sx-mic,.search .sx-mic{background:transparent;border:0;padding:0;min-block-size:44px;inline-size:44px;border-radius:10px;box-shadow:none}
.b-search .sx-mic:hover,.search .sx-mic:hover{background:var(--soft)}
.b-search .sx-mic[aria-pressed="true"],.search .sx-mic[aria-pressed="true"]{background:var(--red,#ff4a4a);color:#fff}
.sx-ans .sx-en{display:block}
.b-face2 .b-turn{margin-block-start:auto;padding-block-start:10px}
.b-kick.red{background:var(--bad);color:#fff} /* white on #FF4A4A was 3.3:1 */

/* ===== tips booster v2 (9.10.2026, Mor: "עצב מחדש את חבילת הטיפים בצורה לא פחות ממדהימה") =====
   sealed foil pack with a tear strip → deck of 5 cards (flip, swipe, the 5th is the hit) → summary + the 8-series binder → next pack. site.js §10 */
.tp{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;user-select:none;-webkit-user-select:none;background:var(--box);color:#fff;border:var(--b2);border-radius:28px;box-shadow:-10px 10px 0 var(--ink);padding:24px 26px 20px;min-block-size:640px;overflow:hidden;isolation:isolate}
.tp::before{content:"";position:absolute;inset:14px;border:1.5px dashed rgba(255,255,255,.14);border-radius:18px;pointer-events:none;z-index:-1}
.tp::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 45% at 50% 50%,rgba(198,242,80,.2),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px}
.tp-sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}
.tp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-inline:6px;position:relative;z-index:3}
.tp-title{margin:0;display:flex;flex-direction:column;gap:2px}
.tp-title b{font-family:var(--fd);font-weight:400;font-size:1.5rem;line-height:1.1}
.tp-title span{color:var(--box-mute);font-size:.875rem;font-weight:700}
.tp-pips{margin:0;display:flex;gap:5px}
.tp-pips i{inline-size:12px;block-size:17px;border-radius:3px;border:1.5px solid var(--box-line)}
.tp-pips i.on{background:var(--foil);border-color:transparent}
.tp-pips i.cur{border-color:var(--spot);box-shadow:0 0 0 2px rgba(198,242,80,.28)}
.tp-stage{position:relative;display:grid;place-items:center;min-block-size:0;perspective:1400px}
/* the sealed pack */
.tp-pack{grid-area:1/1;position:relative;inline-size:min(54%,270px);aspect-ratio:5/8;cursor:pointer;transform:rotate(-6deg);animation:tp-float 3.6s ease-in-out infinite;filter:drop-shadow(-10px 14px 0 rgba(29,20,64,.5));transition:transform .55s cubic-bezier(.3,.7,.2,1),opacity .45s;z-index:2}
.tp-pack:hover{transform:rotate(-3deg) scale(1.03)}
@keyframes tp-float{50%{translate:0 -8px}}
.tp-body{position:absolute;inset:0}
.tp-body::before{content:"";position:absolute;inset:0;background:var(--foil);background-size:220% 220%;animation:foil 6s ease-in-out infinite alternate;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/14px 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/14px 51% repeat-x}
.tp-body::after{content:"";position:absolute;inset:3% 0;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.7) 48%,transparent 60%);transform:translateX(-130%);animation:tp-sheen 5s ease-in-out 1s infinite}
@keyframes tp-sheen{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
.tp-label{position:absolute;inset:17% 10% 9%;background:var(--box);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:12px}
.tp-label img{inline-size:36%;block-size:auto}
.tp-label b{font-family:var(--fd);font-weight:400;font-size:clamp(1.125rem,.8rem + 1vw,1.625rem);line-height:1.05}
.tp-sno{font-family:var(--px);color:var(--spot);font-size:2.25rem;line-height:1}
.tp-label small{color:var(--box-soft);font-weight:700;font-size:.875rem}
.tp-rr{display:flex;gap:6px;font-size:1rem}
.tp-strip{position:absolute;inset-block-start:0;inset-inline:0;block-size:15%;cursor:grab;touch-action:none;transform-origin:0% 100%;transform:translateY(calc(var(--p,0) * -16px)) rotate(calc(var(--p,0) * -22deg));transition:transform .35s cubic-bezier(.3,.7,.2,1),opacity .35s;z-index:2}
.tp-strip::before{content:"";position:absolute;inset:0;background:var(--foil);background-size:220% 220%;animation:foil 6s ease-in-out infinite alternate;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 100% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/14px 100% repeat-x}
.tp-strip::after{content:"";position:absolute;inset-inline:5%;inset-block-end:0;border-block-end:2px dashed rgba(29,20,64,.55)}
.tearing .tp-strip{transition:none;cursor:grabbing}
.tp-tab{position:absolute;inset-block-end:-15px;inset-inline-start:-10px;display:inline-flex;align-items:center;gap:5px;background:var(--ink);color:var(--spot);font:700 .8125rem var(--f);padding:5px 11px;border-radius:999px;border:2px solid var(--spot);white-space:nowrap;animation:tp-nudge 1.8s ease-in-out infinite;pointer-events:none}
@keyframes tp-nudge{50%{transform:translateX(-7px)}}
.torn .tp-strip{transform:translate(-60%,-150px) rotate(-55deg);opacity:0;transition:transform .55s cubic-bezier(.5,0,.3,1),opacity .4s .15s}
.torn .tp-tab{opacity:0}
.torn .tp-pack{animation:none;transform:rotate(-2deg) scale(1.05)}
.dealt .tp-pack{transform:translateY(75%) scale(.75) rotate(5deg);opacity:0;pointer-events:none}
.fresh .tp-pack{animation:tp-in .65s cubic-bezier(.2,.9,.3,1.2),tp-float 3.6s ease-in-out .65s infinite}
@keyframes tp-in{from{transform:translateY(60%) rotate(10deg) scale(.7);opacity:0}}
/* the deck */
.tp-deck{grid-area:1/1;align-self:stretch;justify-self:stretch;position:relative;display:grid;place-items:center;pointer-events:none;z-index:4}
.dealt .tp-deck{pointer-events:auto}
.tp-card{grid-area:1/1;position:relative;inline-size:min(72%,300px);aspect-ratio:63/88;z-index:calc(10 - var(--k,0));transform:translateY(calc(var(--k,0) * 13px)) scale(calc(1 - var(--k,0) * .045)) rotate(calc(var(--k,0) * 2.5deg));transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .35s;touch-action:pan-y;outline:0;user-select:none;-webkit-user-select:none}
.tp-card.in-pack{transform:translateY(55%) scale(.68) rotate(-6deg);opacity:0}
.tp-card.top{cursor:grab}
.tp-card.drag{transition:none;transform:translateX(var(--dx,0)) rotate(var(--rot,0deg));cursor:grabbing}
.tp-card.gone-l{transform:translateX(-140%) rotate(-18deg);opacity:0;pointer-events:none}
.tp-card.gone-r{transform:translateX(140%) rotate(18deg);opacity:0;pointer-events:none}
.tp-card.stash{transform:translateY(35%) scale(.55);opacity:0;pointer-events:none}
.tp-in{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .65s cubic-bezier(.3,.7,.2,1)}
.tp-card.flipped .tp-in{transform:rotateY(0)}
.tp-back,.tp-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;border:2.5px solid var(--ink);box-shadow:-6px 8px 0 rgba(29,20,64,.55)}
.tp-back{transform:rotateY(180deg);background:repeating-linear-gradient(135deg,var(--box-2) 0 12px,var(--box) 12px 24px);display:grid;place-items:center}
.tp-back span{inline-size:46%;aspect-ratio:1;border-radius:50%;background:var(--box);border:3px solid var(--spot);display:grid;place-items:center}
.tp-back img{inline-size:60%;block-size:auto}
.tp-face{background:#fff;color:var(--ink);padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}
.tp-card:focus-visible .tp-face{outline:3px solid var(--spot);outline-offset:3px}
.tp-ch{margin:0;display:flex;justify-content:space-between;align-items:center;font:700 .8125rem var(--f);color:var(--muted)}
.tp-ch .rar{font-size:1rem}
.tp-no{font-family:var(--px);font-size:.75rem;color:var(--ink)}
.lv-c{--lvc:#C6F250}.lv-u{--lvc:#7FE3FF}.lv-r{--lvc:#FF6FB0}
.tp-art{flex:none;block-size:29%;border:2px solid var(--ink);border-radius:10px;display:grid;place-items:center;background:radial-gradient(rgba(29,20,64,.17) 1.2px,transparent 1.7px) 0 0/11px 11px,var(--lvc,#C6F250)}
.tp-art svg{inline-size:36%;block-size:auto;aspect-ratio:1;color:var(--ink)}
.tp-tx{margin:0;font-family:var(--fd);font-size:clamp(1.125rem,.9rem + .7vw,1.375rem);line-height:1.32;flex:1 1 auto;min-block-size:0;overflow:auto;color:var(--ink)}
.tp-go{display:flex;justify-content:space-between;align-items:center;gap:8px;min-block-size:42px;border-block-start:2px solid var(--line);padding-block-start:6px;font-weight:700;color:var(--ink);text-decoration:none}
.tp-go span{transition:transform .2s}.tp-go:hover span{transform:translateX(-5px)}.tp-go:hover{text-decoration:underline}
.tp-cf{margin:0;display:flex;justify-content:space-between;font-family:var(--px);font-size:.625rem;color:var(--muted)}
.hit .tp-face{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--foil) border-box;background-size:auto,220% 220%;animation:foil 4s ease-in-out infinite alternate}
.tp-flag{position:absolute;inset-block-start:-14px;inset-inline-start:12px;z-index:2;background:var(--pink);color:var(--ink);border:2px solid var(--ink);font-family:var(--fd);font-size:1.0625rem;padding:2px 12px;border-radius:9px;transform:rotate(-8deg)}
.hit.flipped .tp-flag{animation:b-pop .5s .45s both cubic-bezier(.2,1.6,.4,1)}
.tp-card.hit::before{content:"";position:absolute;inset:-32%;z-index:-1;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0 10deg,rgba(255,111,176,.55) 10deg 20deg,transparent 20deg 40deg,rgba(198,242,80,.55) 40deg 50deg,transparent 50deg 70deg,rgba(127,227,255,.55) 70deg 80deg,transparent 80deg 100deg,rgba(255,216,138,.5) 100deg 110deg,transparent 110deg 130deg,rgba(255,111,176,.55) 130deg 140deg,transparent 140deg 160deg,rgba(198,242,80,.55) 160deg 170deg,transparent 170deg 190deg,rgba(127,227,255,.55) 190deg 200deg,transparent 200deg 220deg,rgba(255,216,138,.5) 220deg 230deg,transparent 230deg 250deg,rgba(255,111,176,.55) 250deg 260deg,transparent 260deg 280deg,rgba(198,242,80,.55) 280deg 290deg,transparent 290deg 310deg,rgba(127,227,255,.55) 310deg 320deg,transparent 320deg 340deg,rgba(255,216,138,.5) 340deg 350deg,transparent 350deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%);transition:opacity .6s}
.tp-card.hit.glow::before{opacity:1;animation:b-spin 16s linear infinite}
.tp-bit{position:absolute;inset-inline-start:50%;inset-block-start:var(--y,30%);inline-size:10px;block-size:10px;margin:-5px;border-radius:2px;background:var(--c);z-index:30;pointer-events:none;animation:tp-bit .95s cubic-bezier(.2,.7,.3,1) forwards}
.tp-bit:nth-child(3n){border-radius:50%;inline-size:8px;block-size:8px}
@keyframes tp-bit{to{transform:translate(var(--tx),var(--ty)) rotate(var(--r));opacity:0}}
/* summary + binder */
.tp-done{grid-area:1/1;align-self:stretch;justify-self:stretch;display:grid;align-content:center;gap:12px;padding:4px 6px;overflow:auto;z-index:5;animation:tp-up .45s cubic-bezier(.2,.8,.2,1)}
.tp-done[hidden]{display:none}
@keyframes tp-up{from{transform:translateY(24px);opacity:0}}
.tp-k{margin:0;color:var(--spot);font-weight:700;font-size:.875rem}
.tp-dh{margin:0;font-family:var(--fd);font-weight:400;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);line-height:1.05;color:#fff;outline:0}
.tp-sum{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tp-sum a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--box-2);border:1px solid var(--box-line);color:#fff;text-decoration:none;font-size:.9375rem;line-height:1.4}
.tp-sum a:hover,.tp-sum a:focus-visible{border-color:var(--spot)}
.tp-sum span{user-select:text;-webkit-user-select:text;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-sum b{color:var(--spot)}
.tp-binder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-inline-size:360px}
.tp-binder span{aspect-ratio:5/8;border-radius:6px;border:1.5px dashed var(--box-line);display:grid;place-items:center}
.tp-binder b{font-family:var(--px);font-weight:400;font-size:.6875rem;color:var(--box-mute)}
.tp-binder .got{background:var(--foil);border:2px solid var(--ink)}.tp-binder .got b{color:var(--ink)}
.tp-binder .new{animation:tp-stamp .6s .3s cubic-bezier(.2,1.6,.4,1) both}
@keyframes tp-stamp{from{transform:scale(1.9) rotate(-14deg);opacity:0}}
.tp-dbtns{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:10px}
/* controls */
.tp-ctrl{display:flex;justify-content:center;align-items:center;min-block-size:58px;position:relative;z-index:6}
.tp-btn{border:2px solid var(--ink);background:var(--spot);color:var(--ink);font:700 1.0625rem var(--f);border-radius:12px;padding:12px 24px;min-block-size:48px;box-shadow:-4px 4px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}
.tp-btn:hover{background:var(--spot-hover)}
.tp-btn:active{transform:translate(-3px,3px);box-shadow:-1px 1px 0 var(--ink)}
.tp-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.tp-btn.ghost:hover{border-color:#fff}
.tp-btn:focus-visible,.tp-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tp-nav{display:flex;align-items:center;gap:16px}
.tp-nav[hidden],.tp-btn[hidden]{display:none}
.tp-arrow{min-inline-size:48px;block-size:48px;border-radius:999px;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 1.25rem var(--f);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:-3px 3px 0 var(--ink);padding-inline:12px}
.tp-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.tp-fwd{background:var(--spot)}
.tp-fwd.last::before{content:"סיום החבילה";font-size:.9375rem}
.tp-dots{display:flex;gap:6px}
.tp-dots i{inline-size:8px;block-size:8px;border-radius:99px;background:var(--box-line);transition:inline-size .3s,background .3s}
.tp-dots i.past{background:var(--box-mute)}.tp-dots i.on{inline-size:24px;background:var(--spot)}
.resealing .tp-done,.resealing .tp-deck{opacity:0;transition:opacity .25s}
/* without JS: the first series as a list */
.tp-fallback{margin:0;padding-inline-start:1.2em;display:grid;gap:10px;color:var(--box-soft);line-height:1.5}
.tp-fallback a{color:var(--spot);font-weight:700}
.js .tp-fallback{display:none}
html:not(.js) .tp-stage,html:not(.js) .tp-ctrl,html:not(.js) .tp-pips{display:none}
@media (max-width:767px){
  .tp{min-block-size:610px;padding:18px 16px 14px;box-shadow:-6px 6px 0 var(--ink);border-radius:22px}
  .tp::before{inset:9px}
  .tp-title b{font-size:1.25rem}.tp-pips i{inline-size:10px;block-size:14px}
  .tp-pack{inline-size:min(62%,236px)}
  .tp-card{inline-size:min(80%,272px)}
  .tp-tx{font-size:1.125rem}
  .tp-sum a{font-size:.875rem;padding:7px 10px}
  .tp-binder{gap:4px}
}
.tp-body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.tp-pack,.tp-body::before,.tp-body::after,.tp-strip::before,.tp-tab,.hit .tp-face,.tp-card.hit.glow::before,.tp-done,.tp-binder .new{animation:none!important}.tp-card,.tp-in,.tp-strip,.tp-pack{transition-duration:.01s!important}}
html.a11y-motion .tp-pack,html.a11y-motion .tp-body,html.a11y-motion .tp-body::after,html.a11y-motion .tp-tab,html.a11y-motion .hit .tp-face{animation:none!important}
@keyframes foil{from{background-position:0% 50%}to{background-position:100% 50%}}

/* tips booster v2.1: pack label like a real booster (brand, series, name), cards with a coloured frame like a real card */
.tp-label{gap:10px;justify-content:space-between;padding:14px 10px 12px}
.tp-brand{display:inline-flex;align-items:center;gap:6px;font-family:var(--fd);font-size:.9375rem;color:var(--box-soft)}
.tp-brand img{inline-size:24px;block-size:24px}
.tp-sno{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:inherit}
.tp-sno small{font:700 .75rem var(--f);color:var(--box-mute)}
.tp-sno span{font-family:var(--px);color:var(--spot);font-size:3rem;line-height:.9}
.tp-label b{font-size:clamp(1.25rem,.9rem + 1.1vw,1.75rem);text-wrap:balance}
.tp-cnt{font:700 .75rem var(--f);color:var(--box-mute)}
.tp-face{border:9px solid var(--lvc,#C6F250);box-shadow:0 0 0 2.5px var(--ink),-6px 8px 0 2.5px rgba(29,20,64,.55);padding:10px 12px 8px;gap:9px;border-radius:18px}
.tp-back{border-radius:18px}
.hit .tp-face{border:9px solid transparent}
.tp-ch .rar-c{color:#3f7a00}.tp-ch .rar-u{color:#0b7898}.tp-ch .rar-r{color:#c2266d}
.tp-ch{color:var(--ink-2)}
.tp-art{background:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.7px) 0 0/11px 11px,radial-gradient(70% 80% at 50% 45%,var(--box-2),var(--box));border-color:var(--ink)}
.tp-art svg{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--lvc,#C6F250) 70%,transparent)) drop-shadow(-3px 3px 0 var(--lvc,#C6F250))}
.tp-flag{inset-inline-start:auto;inset-inline-end:-14px;inset-block-start:-24px;transform:rotate(7deg);z-index:3}
.hit.flipped .tp-flag{animation:tp-flag .5s .45s both cubic-bezier(.2,1.6,.4,1)}
@keyframes tp-flag{from{transform:rotate(7deg) scale(0)}}
.tp-glint{position:absolute;inset:0;border-radius:9px;overflow:hidden;pointer-events:none;z-index:1}
.tp-glint::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 45%,transparent 60%);transform:translateX(-120%);opacity:0}
.tp-card.flipped .tp-glint::after{animation:tp-glint .9s .35s ease-out}
@keyframes tp-glint{0%{transform:translateX(-120%);opacity:1}100%{transform:translateX(120%);opacity:1}}
.tp-pack:hover .tp-body::before{animation-duration:2.5s}
@media (prefers-reduced-motion:reduce){.tp-card.flipped .tp-glint::after{animation:none}}
button.b-turn{background:none;border:0;padding:6px 0;font:700 .875rem var(--f);color:var(--muted);cursor:pointer;text-align:start;min-block-size:32px}
button.b-turn:hover{color:var(--ink);text-decoration:underline}
button.b-turn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.b-face2.back button.b-turn{color:var(--ink)}

/* ===== מעבדת הקלף v2 (9.10.2026): real cards, pins, spotlight, magnifier, scan; site.js §10b ===== */
.lab{position:relative;display:grid;gap:var(--s6);background:var(--box);color:#fff;border:var(--b2);border-radius:28px;box-shadow:-10px 10px 0 var(--ink);padding:clamp(18px,3vw,36px);overflow:hidden;isolation:isolate}
.lab::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 55% at 72% 45%,rgba(198,242,80,.16),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px}
@media (min-width:960px){.lab{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:center;column-gap:clamp(32px,4vw,64px)}}
.lab-stage{display:grid;justify-items:center;gap:12px;min-inline-size:0}
.lab-card{position:relative;inline-size:min(100%,380px);aspect-ratio:600/825;border-radius:4.6%/3.4%;box-shadow:0 0 0 2.5px var(--ink),-9px 11px 0 2.5px rgba(0,0,0,.38);touch-action:pan-y;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.lab-card img{display:block;inline-size:100%;block-size:auto;border-radius:inherit;transition:opacity .18s,transform .18s;-webkit-user-drag:none}
.lab-card.swap img{opacity:0;transform:scale(.96) rotate(-1.5deg)}
.lab-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.lab-spot{position:absolute;border-radius:6px;outline:2.5px solid var(--spot);outline-offset:2px;box-shadow:0 0 0 999px rgba(18,10,46,.58);transition:left .4s cubic-bezier(.3,.7,.2,1),top .4s cubic-bezier(.3,.7,.2,1),width .4s cubic-bezier(.3,.7,.2,1),height .4s cubic-bezier(.3,.7,.2,1)}
.lab-card:hover .lab-spot{box-shadow:0 0 0 999px rgba(18,10,46,.25)}
.lab-scan{position:absolute;inset-inline:0;top:-14%;height:14%;opacity:0;background:linear-gradient(to bottom,transparent,rgba(198,242,80,.18) 55%,rgba(198,242,80,.7) 92%,#C6F250 100%);box-shadow:0 2px 14px rgba(198,242,80,.6)}
.scanning .lab-scan{animation:lab-scan 1.9s cubic-bezier(.45,0,.25,1)}
@keyframes lab-scan{0%{top:-14%;opacity:1}96%{opacity:1}100%{top:100%;opacity:0}}
.lab-pins{position:absolute;inset:0;pointer-events:none}
.lab-pin{position:absolute;transform:translate(-50%,-50%);inline-size:30px;block-size:30px;border-radius:50%;border:2px solid var(--ink);background:var(--spot);color:var(--ink);font:700 .875rem var(--f);display:grid;place-items:center;cursor:pointer;box-shadow:-2px 2px 0 var(--ink);transition:transform .2s,background .2s;z-index:3;pointer-events:auto;padding:0}
.lab-pin:hover{transform:translate(-50%,-50%) scale(1.12)}
.lab-pin[aria-current]{background:#fff;transform:translate(-50%,-50%) scale(1.2)}
.lab-pin:focus-visible{outline:3px solid #fff;outline-offset:2px}
.scanning .lab-pin{animation:lab-pin .45s calc(var(--i) * .17s + .25s) both cubic-bezier(.2,1.6,.4,1)}
@keyframes lab-pin{from{transform:translate(-50%,-50%) scale(0)}}
.lab-loupe{position:absolute;inline-size:150px;block-size:150px;border-radius:50%;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--spot),-6px 8px 0 3px rgba(0,0,0,.35);background-repeat:no-repeat;background-color:#fff;pointer-events:none;z-index:4}
.lab-loupe.pinned{transition:left .4s cubic-bezier(.3,.7,.2,1),top .4s cubic-bezier(.3,.7,.2,1),background-position .4s cubic-bezier(.3,.7,.2,1)}
.lab-loupe::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.45),transparent 38%)}
.lab-cap{margin:0;font-size:.8125rem;color:var(--box-mute);text-align:center}
@media (hover:none){.lab-tip{display:none}.lab-card{cursor:default}}
.lab-side{display:grid;gap:14px;min-inline-size:0}
.lab-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lab-tabs button{display:grid;gap:2px;justify-items:start;text-align:start;padding:10px 12px;border-radius:12px;border:1.5px solid var(--box-line);background:var(--box-2);color:#fff;cursor:pointer;min-inline-size:0}
.lab-tabs b{font-family:var(--fd);font-weight:400;font-size:1.25rem;line-height:1.1}
.lab-tabs small{font-size:.6875rem;color:var(--box-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%}
.lab-tabs button[aria-pressed="true"]{background:var(--spot);border-color:var(--ink);color:var(--ink);box-shadow:-3px 3px 0 var(--ink)}
.lab-tabs button[aria-pressed="true"] small{color:var(--ink-2)}
.lab-modes{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:rgba(0,0,0,.25);justify-self:start;max-inline-size:100%}
.lab-modes button{border:0;border-radius:999px;padding:9px 16px;background:transparent;color:var(--box-soft);font:700 .9375rem var(--f);cursor:pointer;min-block-size:40px}
.lab-modes button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.lab-tabs button:focus-visible,.lab-modes button:focus-visible,.lab-list button:focus-visible,.lab-arr:focus-visible{outline:3px solid #fff;outline-offset:2px}
.lab-detail{background:var(--box-2);border:1px solid var(--box-line);border-radius:18px;padding:16px 18px;display:grid;gap:6px;min-block-size:170px;align-content:start}
.lab-k{margin:0;font:700 .8125rem var(--f);color:var(--spot)}
.lab-detail h3{margin:0;font-family:var(--fd);font-weight:400;font-size:clamp(1.5rem,1.1rem + 1vw,2rem);line-height:1.1;color:#fff}
.lab-detail p[data-lab-d]{margin:0;color:var(--box-soft);font-size:1.0625rem;line-height:1.6;max-inline-size:52ch}
.lab-nav{margin:6px 0 0;display:flex;gap:8px}
.lab-arr{inline-size:44px;block-size:44px;border-radius:50%;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 1.125rem var(--f);cursor:pointer;box-shadow:-3px 3px 0 var(--ink)}
.lab-arr.fwd{background:var(--spot)}
.lab-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lab-list button{display:inline-flex;align-items:center;gap:7px;min-block-size:38px;padding:4px 12px 4px 6px;border-radius:999px;border:1px solid var(--box-line);background:transparent;color:var(--box-soft);font:700 .875rem var(--f);cursor:pointer}
.lab-list i{font-style:normal;inline-size:24px;block-size:24px;border-radius:50%;display:grid;place-items:center;background:var(--box-line);color:#fff;font-size:.75rem}
.lab-list button[aria-current]{border-color:var(--spot);color:#fff}.lab-list button[aria-current] i{background:var(--spot);color:var(--ink)}
.lab-more{display:grid;gap:10px;padding:14px 16px;border-radius:16px;border:1.5px dashed var(--box-line)}
.lab-more[hidden]{display:none}
.lab-more p{margin:0;color:var(--box-soft);line-height:1.6}.lab-more b{color:#fff}
.lab-ctas{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.lab-ctas a:not(.b-btn){color:var(--spot);font-weight:700}
@media (max-width:767px){.lab{border-radius:22px;box-shadow:-6px 6px 0 var(--ink)}.lab-card{inline-size:min(100%,330px)}.lab-loupe{inline-size:112px;block-size:112px}.lab-pin{inline-size:28px;block-size:28px;font-size:.8125rem}.lab-tabs b{font-size:1.0625rem}.lab-detail{min-block-size:0}}
@media (prefers-reduced-motion:reduce){.scanning .lab-scan,.scanning .lab-pin{animation:none}.lab-spot,.lab-loupe.pinned,.lab-card img{transition:none}}

/* lab layout: one grid; on the phone the card switcher comes first, then the card */
.lab-side{display:contents}
.lab{row-gap:14px}
.lab-tabs{order:-2}.lab-stage{order:-1;margin-block-end:6px}
@media (min-width:960px){
  .lab{grid-template-columns:minmax(0,400px) minmax(0,1fr);grid-auto-rows:auto;align-items:start}
  .lab-stage{grid-column:1;grid-row:1/span 6;order:0;margin:0;align-self:center}
  .lab-tabs,.lab-modes,.lab-detail,.lab-list,.lab-more{grid-column:2}
  .lab-tabs{order:0}
}

/* ===== הקלסר v2 (9.10.2026): guides as sleeved cards, page turns, level dividers, "collected" by reading; site.js §10c ===== */
.bx{position:relative;margin-block-start:56px}
.bx-tabs{position:absolute;inset-block-start:0;inset-inline-end:44px;transform:translateY(-100%);display:flex;gap:6px;z-index:2}
.bx-tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 16px 11px;border:var(--b2);border-block-end:0;border-radius:12px 12px 0 0;font:700 .9375rem var(--f);color:var(--ink);cursor:pointer;background:#fff;translate:0 4px;transition:translate .15s}
.bx-tabs button:nth-child(2){background:var(--spot)}.bx-tabs button:nth-child(3){background:var(--cyan)}.bx-tabs button:nth-child(4){background:var(--pink)}
.bx-tabs button[aria-pressed="true"]{translate:0 0;box-shadow:inset 0 -4px 0 rgba(29,20,64,.25)}
.bx-tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.bx-book{position:relative;background:var(--box);border:var(--b2);border-radius:24px;box-shadow:-10px 10px 0 var(--ink);padding:26px 28px 22px;padding-inline-start:96px;color:#fff;isolation:isolate;overflow:hidden}
.bx-book::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:72px;background:var(--box-2);border-inline-end:2.5px solid var(--ink);z-index:-1}
.bx-book::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/18px 18px}
.bx-spine{position:absolute;inset-inline-start:18px;inset-block:0;display:flex;flex-direction:column;justify-content:space-around;padding-block:48px}
.bx-spine i{inline-size:52px;block-size:24px;border-radius:12px;border:5px solid #CFC9EA;border-inline-start-color:#9A90C8;margin-inline-start:14px;box-shadow:-2px 2px 0 rgba(0,0,0,.25)}
.bx-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 16px;margin-block-end:18px}
.bx-prog{margin:0;font:700 .9375rem var(--f);color:var(--box-soft)}.bx-prog b{font-family:var(--fd);font-weight:400;font-size:1.5rem;color:var(--spot)}
.bx-how{color:var(--box-mute);font-weight:400}
.bx-bar{block-size:10px;border-radius:99px;background:rgba(0,0,0,.3);border:1px solid var(--box-line);overflow:hidden}
.bx-bar i{display:block;block-size:100%;inline-size:0;background:var(--foil);background-size:220% 100%;animation:foil 5s linear infinite alternate;transition:inline-size .6s}
.bx-up{grid-column:1/-1;justify-self:start;color:var(--box-soft);font-size:.9375rem;text-decoration:none}
.bx-up b{color:#fff;text-decoration:underline;text-decoration-color:var(--spot);text-underline-offset:.25em}
.bx-up:hover b{color:var(--spot)}
.bx-up[hidden]{display:none}
.bx-stage{perspective:1600px}
.bx-pockets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;transform-origin:100% 50%}
.bx-pocket{min-inline-size:0;position:relative;padding:9px;border-radius:14px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.14)}
.bx-pocket[hidden]{display:none}
.bx-pocket::after{content:"";position:absolute;inset:0;border-radius:13px;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 32%,transparent 70%,rgba(255,255,255,.08))}
.bx-card{position:relative;display:flex;flex-direction:column;gap:10px;block-size:100%;min-block-size:200px;background:#fff;color:var(--ink);border-radius:10px;border:7px solid var(--lvc,#C6F250);box-shadow:0 0 0 2px var(--ink);padding:0 12px 10px;text-decoration:none;transition:transform .25s cubic-bezier(.3,.7,.2,1),box-shadow .25s}
.bx-card:hover,.bx-card:focus-visible{transform:translateY(-8px) rotate(-1deg);box-shadow:0 0 0 2px var(--ink),-6px 10px 0 2px rgba(0,0,0,.35);outline:0}
.bx-card:focus-visible{box-shadow:0 0 0 2px var(--ink),0 0 0 6px #fff}
.bx-band{display:flex;align-items:center;gap:6px;margin-inline:-12px;padding:7px 10px;background:var(--box);color:var(--box-soft);font:700 .75rem var(--f)}
.bx-band svg{inline-size:16px;block-size:16px;color:var(--lvc,#C6F250);flex:none}
.bx-band>span:first-of-type{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bx-no{margin-inline-start:auto;font-family:var(--px);font-size:.625rem;color:var(--box-mute)}.bx-no b{font-weight:400;font-size:.875rem;color:var(--spot)}
.bx-body{display:grid;gap:8px;align-content:start}
.bx-body .tg{justify-self:start}
.bx-card strong{font-family:var(--fd);font-weight:400;font-size:1.25rem;line-height:1.22}
.bx-foot{margin-block-start:auto;display:flex;align-items:center;gap:6px;font:700 .8125rem var(--f);color:var(--ink-2)}
.bx-foot .rar-c{color:#3f7a00}.bx-foot .rar-u{color:#0b7898}.bx-foot .rar-r{color:#c2266d}
.bx-got{position:absolute;inset-block-end:34px;inset-inline-end:8px;transform:rotate(-12deg) scale(.6);opacity:0;font:700 .875rem var(--f);color:var(--ink);background:var(--spot);border:2px solid var(--ink);border-radius:8px;padding:2px 10px;transition:all .35s cubic-bezier(.2,1.6,.4,1)}
.bx-got::before{content:"✓ "}
.bx-got-sr{display:none}
.got .bx-card{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--foil) border-box;background-size:auto,220% 220%;animation:foil 5s ease-in-out infinite alternate}
.got .bx-got{opacity:1;transform:rotate(-12deg) scale(1)}
.got .bx-got-sr{display:inline}
.bx-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-block-start:18px}
.bx-nav[hidden]{display:none}
.bx-pno{font:700 .9375rem var(--f);color:var(--box-soft);min-inline-size:110px;text-align:center}
.bx-arr{inline-size:46px;block-size:46px;border-radius:50%;border:2px solid var(--ink);background:#fff;color:var(--ink);font:700 1.125rem var(--f);cursor:pointer;box-shadow:-3px 3px 0 var(--ink)}
.bx-arr.fwd{background:var(--spot)}.bx-arr:disabled{opacity:.3;box-shadow:none;cursor:default}
.bx-arr:focus-visible{outline:3px solid #fff;outline-offset:2px}
.out-f .bx-pockets{transition:transform .23s ease-in,opacity .23s;transform:rotateY(-75deg);opacity:.2}
.out-b .bx-pockets{transition:transform .23s ease-in,opacity .23s;transform:rotateY(75deg);opacity:.2}
.in-f .bx-pockets{animation:bx-in-f .26s ease-out}.in-b .bx-pockets{animation:bx-in-b .26s ease-out}
@keyframes bx-in-f{from{transform:rotateY(75deg);opacity:.2}}@keyframes bx-in-b{from{transform:rotateY(-75deg);opacity:.2}}
html:not(.js) .bx-nav,html:not(.js) .bx-head{display:none}
@media (max-width:1023px){.bx-pockets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
  .bx{margin-block-start:50px}.bx-tabs{inset-inline-end:10px;gap:4px}.bx-tabs button{padding:7px 9px 9px;font-size:.8125rem}
  .bx-book{padding:16px 12px 16px;padding-inline-start:44px;border-radius:20px;box-shadow:-6px 6px 0 var(--ink)}
  .bx-book::before{inline-size:32px}.bx-spine{inset-inline-start:2px}.bx-spine i{inline-size:30px;block-size:16px;border-width:4px;margin-inline-start:6px}
  .bx-head{grid-template-columns:1fr}.bx-how{display:none}
  .bx-pockets{grid-template-columns:1fr;gap:10px}.bx-pocket{padding:6px}.bx-card{min-block-size:132px;border-width:6px;padding:0 10px 8px;gap:8px}.bx-band{margin-inline:-10px}.bx-card strong{font-size:1.0625rem}
  .bx-got{font-size:.75rem}
}
@media (prefers-reduced-motion:reduce){.got .bx-card,.bx-bar i{animation:none}.bx-card,.bx-got{transition:none}}
.bx-got{inset-block-end:8px;inset-inline-end:10px}

/* ===== מזהה קלפים (9.10.2026): tpl-identify.php ===== */
.id-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.6fr) auto;gap:10px;align-items:end;margin-block-start:var(--s5);max-inline-size:56rem;background:#fff;border:var(--b2);border-radius:18px;box-shadow:var(--sh);padding:14px}
.id-f{display:grid;gap:4px;min-inline-size:0}
.id-f span{font:700 .8125rem var(--f);color:var(--ink-2)}
.id-f input{inline-size:100%;min-block-size:50px;border:2px solid var(--line-2);border-radius:12px;padding-inline:12px;font:400 1.0625rem var(--f);color:var(--ink);background:#fff}
.id-no input{font-family:var(--px);font-size:1.125rem;letter-spacing:.04em}
.id-f input:focus{outline:3px solid var(--spot);outline-offset:1px;border-color:var(--ink)}
.id-form .b-btn{min-block-size:50px}
.id-where{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-block-start:var(--s5);max-inline-size:56rem}
.id-where p{margin:0;flex:1 1 18rem;color:var(--ink-2);line-height:1.6}
.id-where figure{margin:0;display:grid;gap:4px;justify-items:center}
.id-where img{inline-size:200px;block-size:auto;border:2px solid var(--ink);border-radius:8px}
.id-where figcaption{font:700 .8125rem var(--f);color:var(--muted)}
.id-body>.wrap{display:grid;gap:var(--s6);max-inline-size:62rem}
.id-note,.id-count{margin:0;font-weight:700;color:var(--ink-2)}
.id-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:var(--s6);align-items:start;background:var(--box);color:#fff;border:var(--b2);border-radius:24px;box-shadow:-10px 10px 0 var(--ink);padding:clamp(16px,3vw,28px)}
.id-img img{inline-size:100%;block-size:auto;border-radius:4.6%/3.4%;box-shadow:0 0 0 2.5px var(--ink),-8px 10px 0 2.5px rgba(0,0,0,.35);display:block;background:var(--box-2)}
.id-info{display:grid;gap:12px;min-inline-size:0}
.id-k{margin:0;display:flex;align-items:center;gap:8px;font:700 .875rem var(--f);color:var(--spot)}
.id-k img{inline-size:22px;block-size:22px;object-fit:contain;filter:drop-shadow(0 0 1px #fff)}
.id-info h2{margin:0;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);color:#fff}
.id-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;border-block-start:1px solid var(--box-line)}
.id-facts div{display:grid;gap:2px;padding-block:9px;border-block-end:1px solid var(--box-line);min-inline-size:0}
.id-facts dt{font:700 .75rem var(--f);color:var(--box-mute)}
.id-facts dd{margin:0;color:#fff;font-weight:700;overflow-wrap:anywhere}
.id-facts a{color:var(--spot)}
.id-secret{display:inline-block;background:var(--pink);color:var(--ink);border-radius:6px;padding:0 6px;font-size:.75rem}
.id-price{background:var(--box-2);border:1px solid var(--box-line);border-radius:16px;padding:12px 14px;display:grid;gap:6px}
.id-pp{margin:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.id-pp span{display:grid}.id-pp small{color:var(--box-mute);font-size:.75rem;font-weight:700}.id-pp b{font-family:var(--fd);font-weight:400;font-size:1.75rem;color:#fff}
.id-small{margin:0;font-size:.8125rem;color:var(--box-mute);line-height:1.5}.id-small a{color:var(--spot)}
.id-ctas{margin:0;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.id-ctas a:not(.b-btn){color:var(--spot);font-weight:700}
.id-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.id-grid a{display:grid;gap:4px;text-decoration:none;color:var(--ink)}
.id-grid img{inline-size:100%;block-size:auto;border-radius:6px;box-shadow:0 0 0 2px var(--ink);transition:transform .2s}
.id-grid a:hover img{transform:translateY(-4px) rotate(-1deg)}
.id-grid b{font-size:.9375rem;line-height:1.3}.id-grid small{color:var(--muted);font-weight:700}
.id-help{border:2px dashed var(--line-2);border-radius:18px;padding:16px 20px}
.id-help h2{margin:0 0 8px;font-size:1.375rem}.id-help ul{margin:0;padding-inline-start:1.2em;display:grid;gap:8px;line-height:1.6}
@media (max-width:899px){.id-form{grid-template-columns:1fr 1fr}.id-form .b-btn{grid-column:1/-1}.id-no{grid-column:1/-1}}
@media (max-width:699px){.id-card{grid-template-columns:1fr;justify-items:center;box-shadow:-6px 6px 0 var(--ink)}.id-img{max-inline-size:260px}.id-info{justify-self:stretch}.id-facts{grid-template-columns:1fr}.id-where img{inline-size:160px}}
.id-warn{color:var(--amber,#FFC94A)}
.id-form .b-btn{background:var(--spot);color:var(--ink)}
.lab-id{display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--spot);color:var(--ink);border:2px solid var(--ink);font-size:.9375rem;text-decoration:none;box-shadow:-3px 3px 0 var(--ink)}.lab-id:hover{background:var(--spot-hover)}

/* ===== פוקדקס (9.10.2026): tpl-pokedex.php + site.js §18 ===== */
.ty-normal{--ty:#A8A77A}.ty-fire{--ty:#EE8130}.ty-water{--ty:#6390F0}.ty-grass{--ty:#7AC74C}.ty-electric{--ty:#F7D02C}.ty-ice{--ty:#96D9D6}.ty-fighting{--ty:#C22E28}.ty-poison{--ty:#A33EA1}.ty-ground{--ty:#E2BF65}
.ty-flying{--ty:#A98FF3}.ty-psychic{--ty:#F95587}.ty-bug{--ty:#A6B91A}.ty-rock{--ty:#B6A136}.ty-ghost{--ty:#735797}.ty-dragon{--ty:#6F35FC}.ty-dark{--ty:#705746}.ty-steel{--ty:#B7B7CE}.ty-fairy{--ty:#D685AD}
span.ty{display:inline-block;padding:1px 8px;border-radius:999px;font:700 .75rem var(--f);color:var(--ink);background:color-mix(in srgb,var(--ty) 30%,#fff);border:1.5px solid var(--ty)}
.dex-tools{display:grid;gap:10px;margin-block-start:var(--s5);max-inline-size:62rem}
.dex-search{margin:0;max-inline-size:36rem}
.dex-row{display:flex;flex-wrap:wrap;gap:6px}
.dex-row button{min-block-size:36px;padding:4px 12px;border-radius:999px;border:1.5px solid var(--line-2);background:#fff;color:var(--ink);font:700 .875rem var(--f);cursor:pointer}
.dex-row button small{color:var(--muted);font-weight:700;font-size:.6875rem}
.dex-row button.ty{background:color-mix(in srgb,var(--ty) 22%,#fff);border-color:var(--ty)}
.dex-row button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.dex-row button[aria-pressed="true"] small{color:var(--spot)}
.dex-row button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.dex-body{padding-block:var(--s6) var(--s8)}
.dex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px}
.dex-c{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid var(--ink);border-block-start:7px solid var(--ty,#ccc);border-radius:14px;padding:10px 12px 12px;content-visibility:auto;contain-intrinsic-size:auto 186px;scroll-margin-top:120px}
.dex-c[hidden]{display:none}
.dex-n{font-family:var(--px);font-size:.75rem;color:var(--muted)}
.dex-he{margin:0;font-size:1.25rem;line-height:1.2}
.dex-leg{color:#d1a400;font-size:1rem}
.dex-en{margin:0;font-size:.875rem;font-weight:700;color:var(--ink-2)}
.dex-ty{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px}
.dex-meta{margin:2px 0 0;font-size:.8125rem;color:var(--muted)}.dex-meta a{color:var(--ink);font-weight:700}
.dex-cards{margin-block-start:auto;padding-block-start:6px;font:700 .8125rem var(--f);color:var(--ink);text-decoration:none;border-block-start:1px solid var(--line)}
.dex-cards:hover{text-decoration:underline}
.dex-c:target,.dex-c.flash{animation:gl2-flash 1.8s ease-out}
.dex-note{margin-block-start:var(--s6);color:var(--muted);font-size:.875rem;line-height:1.6;max-inline-size:62ch}
@media (max-width:599px){.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dex-c{padding:8px 10px 10px}.dex-he{font-size:1.0625rem}}
@media (max-width:599px){.dex-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-block-end:2px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px);mask-image:linear-gradient(to right,transparent 0,#000 28px)}.dex-row::-webkit-scrollbar{display:none}.dex-row button{flex:none}}

/* ---------- price box + graph (10.10.2026, inc/prices.php kp_px_box): TCGplayer Market Price history, our own daily record ---------- */
.px-box{background:var(--box);color:var(--box-ink);border:2px solid var(--box-line);border-radius:18px;padding:14px 16px;display:grid;gap:10px;min-width:0}
.id-info .px-box{background:var(--box-2)}
.px-head{display:flex;gap:14px;align-items:flex-start}
.px-img{width:92px;height:auto;border-radius:6px;flex:none;box-shadow:0 0 0 3px var(--ink)}
.px-t{display:grid;gap:4px;min-width:0}.px-t h3{margin:0;font-family:var(--fd);font-weight:400;font-size:1.375rem;line-height:1.2;color:var(--box-ink)}
.px-set{margin:0;color:var(--box-mute);font-size:.875rem}.px-set a{color:var(--box-soft)}
.px-now{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.px-now b{font-family:var(--fd);font-weight:400;font-size:1.75rem;line-height:1}.px-now small{color:var(--box-mute);font-size:.8125rem;font-weight:700}
.px-graph{display:grid;gap:8px;min-width:0}
.px-svg{display:block;width:100%;height:auto;overflow:visible;direction:ltr} /* svg text anchors follow the text direction: ltr keeps price labels to the right of the line */
.px-grid{stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:3 4}
.px-ax{fill:var(--box-mute);font:600 11px var(--f)}
.px-ln{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.px-ln0{stroke:var(--spot);color:var(--spot)}.px-ln1{stroke:#7FE3FF;color:#7FE3FF}.px-ln2{stroke:#FF8FC4;color:#FF8FC4}
.px-dot{fill:currentColor;stroke:var(--box);stroke-width:2}
.px-rng{display:flex;gap:6px;justify-content:flex-start}
.px-rng button{font:700 .8125rem var(--f);min-width:44px;min-height:32px;border-radius:9px;border:2px solid var(--box-line);background:transparent;color:var(--box-ink);cursor:pointer}
.px-rng button[aria-pressed="true"]{background:var(--spot);border-color:var(--spot);color:var(--spot-ink)}
.px-rng button:disabled{opacity:.4;cursor:not-allowed}
.px-rng button:focus-visible{outline:3px solid var(--spot);outline-offset:2px}
.px-leg{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8125rem;color:var(--box-soft)}.px-leg span{display:inline-flex;align-items:center;gap:6px}.px-leg i{width:14px;height:3px;border-radius:2px;background:currentColor}
.px-wait{margin:0;padding:12px 14px;border:2px dashed var(--box-line);border-radius:12px;color:var(--box-soft);font-size:.9375rem}
.px-src{margin:0;color:var(--box-mute);font-size:.75rem}

/* weekly price report (single-kp_report.php / archive-kp_report.php) */
.rp{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7)}
.rp-sec{display:grid;gap:var(--s5)}.rp-sec>h2{margin:0;font-family:var(--fd);font-weight:400;font-size:1.75rem}
.rp-sec>h2 span{color:var(--ink-2)}
.rp-card{display:grid;gap:10px;max-width:760px}
.rp-line{margin:0;font-size:1.0625rem;line-height:1.6}
.rp-note{max-width:760px;background:var(--paper-2,#fff);border-inline-start:5px solid var(--spot);padding:14px 18px;border-radius:12px}.rp-note h2{margin:0 0 6px;font-size:1.25rem}
.rp-prev ul,.rp-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:760px}
.rp-list a{display:grid;gap:4px;padding:14px 16px;border:2px solid var(--line,#ddd);border-radius:14px;text-decoration:none;color:inherit}
.rp-list a:hover b{text-decoration:underline}.rp-list small{color:var(--muted,#555)}

.mk-soon{margin:0 0 var(--s5);padding:12px 16px;border:2px dashed var(--ink-2);border-radius:14px;background:var(--paper-2);font-size:.9375rem;line-height:1.6}.mk-soon b{background:var(--spot);padding:1px 6px;border-radius:6px}

/* ---------- card value page (tpl-card.php, 10.10.2026) ---------- */
.cd-no{font-family:var(--px);font-size:.6em;color:var(--ink-2);white-space:nowrap}
.cd{display:grid;gap:var(--s6);padding-block:var(--s5) var(--s7)}
.cd-grid{display:grid;gap:var(--s5);align-items:start}
@media (min-width:860px){.cd-grid{grid-template-columns:minmax(260px,380px) 1fr}}
.cd-img{margin:0;display:grid;gap:6px;justify-items:center}.cd-img img{width:100%;max-width:380px;height:auto;border-radius:18px;box-shadow:0 0 0 4px var(--ink),-10px 12px 0 4px rgba(29,20,64,.18)}
.cd-img figcaption{font-size:.75rem;color:var(--muted)}
.cd-main{display:grid;gap:var(--s4);min-width:0}
.cd-value{background:var(--box);color:var(--box-ink);border-radius:18px;padding:16px 18px;display:grid;gap:10px;border:2px solid var(--box-line)}
.cd-value h2{margin:0;font-size:1.125rem;color:var(--box-soft)}
.cd-range{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}.cd-range b{font-family:var(--fd);font-weight:400;font-size:2.25rem;line-height:1.1}.cd-range small{color:var(--box-mute);font-weight:700}
.cd-conf{margin:0;font-size:.9375rem;padding:8px 12px;border-radius:10px;background:var(--box-2)}.cd-conf b{color:var(--spot)}.cd-conf.is-low b{color:#FF8FC4}.cd-conf.is-mid b{color:#FFD36E}
.cd-src{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cd-src li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--box-line)}
.cd-src li span{display:grid}.cd-src small{color:var(--box-mute);font-size:.75rem;font-weight:600}.cd-src b{font-family:var(--fd);font-weight:400;font-size:1.375rem;white-space:nowrap}
.cd-src li.sub b{font-size:1.0625rem;color:var(--box-soft)}
.cd-small{margin:0;font-size:.8125rem;color:var(--box-mute)}.cd-value .cd-small a{color:var(--box-soft)}
.cd-sec{display:grid;gap:10px;max-width:760px}.cd-sec h2{margin:0;font-family:var(--fd);font-weight:400;font-size:1.5rem}
.cd-sec .cd-small{color:var(--muted)}
.cd-prints{background:var(--box);color:var(--box-ink);border-radius:16px;padding:6px 16px}.cd-prints li:first-child{border-top:0}
/* the identifier's facts and links sit on the dark box; on the card page they sit on paper */
.cd .cd-facts{border-color:var(--line)}.cd .cd-facts div{border-color:var(--line)}
.cd .cd-facts dt{color:var(--muted)}.cd .cd-facts dd{color:var(--ink)}.cd .cd-facts a{color:var(--ink);text-decoration-color:var(--spot);text-decoration-thickness:3px}
.cd .id-ctas a:not(.b-btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--spot);text-decoration-thickness:3px;text-underline-offset:3px}
.cd .cd-others small{color:var(--muted)}

/* install as app (footer, 10.10.2026) */
.foot-app{display:grid;gap:6px;margin-block:4px}
.foot-app-b{justify-self:start;font:700 .9375rem var(--f);background:var(--spot);color:var(--spot-ink);border:2px solid var(--ink);border-radius:12px;padding:8px 14px;min-height:44px;cursor:pointer;box-shadow:-3px 3px 0 var(--ink)}
.foot-app-b:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.foot-app-ios{margin:0;font-size:.875rem}

/* האוסף שלי (10.10.2026) */
.cd-col{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.cd-col [data-col-in]{font-weight:700;color:var(--ink-2)}.cd-col a{color:var(--ink);font-weight:700;text-decoration-color:var(--spot);text-decoration-thickness:3px}
.col{display:grid;gap:var(--s5);padding-block:var(--s5) var(--s7)}
.col-sum .mk-tile small{display:block;font-weight:700;color:var(--muted)}
.col-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:760px}
.col-row{display:grid;grid-template-columns:46px 1fr auto auto;gap:12px;align-items:center;background:#fff;border:2px solid var(--line);border-radius:14px;padding:8px 12px}
.col-row img,.col-ph{width:46px;height:64px;border-radius:5px;object-fit:cover;background:var(--paper-2)}
.col-n{display:grid;min-width:0}.col-n a{font-weight:800;color:var(--ink);overflow-wrap:anywhere}.col-n small{color:var(--muted)}
.col-q{display:flex;align-items:center;gap:6px}.col-q button{min-width:36px;min-height:36px;border-radius:9px;border:2px solid var(--ink);background:#fff;font:700 1.125rem var(--f);cursor:pointer;color:var(--ink)}
.col-v{display:grid;text-align:end}.col-v b{font-family:var(--fd);font-weight:400;font-size:1.25rem}.col-v small{color:var(--muted);font-size:.75rem}
@media (max-width:520px){.col-row{grid-template-columns:46px 1fr;}.col-q,.col-v{grid-column:2}.col-v{text-align:start}}
.col-empty{display:grid;gap:10px;max-width:640px}.col-tools{margin:0}
.b-btn-sec{font:700 .9375rem var(--f);background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:8px 14px;min-height:44px;cursor:pointer}

/* מודעה מוכנה (card page) */
.cd-post-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.cd-post-f label{display:grid;gap:4px;font-weight:700;font-size:.875rem}
.cd-post-f select,.cd-post-f input{font:inherit;font-weight:400;min-height:44px;border:2px solid var(--ink);border-radius:10px;padding:6px 10px;background:#fff;color:var(--ink)}
.cd-post-t{font:inherit;font-size:.9375rem;border:2px dashed var(--ink-2);border-radius:12px;padding:10px 12px;background:var(--paper-2);color:var(--ink);resize:vertical;width:100%;box-sizing:border-box}
.cd-post-b{margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cd-post-b a.b-btn-sec{text-decoration:none;display:inline-flex;align-items:center}
.cd-vat{margin-top:2px}
.push{display:grid;gap:6px;justify-items:start;margin-block:4px}.push-ios{margin:0;font-size:.875rem}.push [data-push-ok]{font-weight:700;font-size:.875rem}

/* ---------- סורק קלפים (tpl-scan.php + assets/js/scan.js, 10.10.2026); all names scn- so nothing collides ---------- */
.scn{display:grid;gap:14px;padding-block:var(--s5) var(--s7);max-width:600px}
.scn-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.scn-bar button,.scn-file{font:700 1rem var(--f);border-radius:12px;border:2px solid var(--ink);background:#fff;color:var(--ink);padding:10px 14px;min-height:44px;cursor:pointer}
.scn-bar button[aria-pressed="true"]{background:var(--ink);color:#fff}
.scn-bar button:focus-visible,.scn-file:focus-within{outline:3px solid var(--spot);outline-offset:2px}
.scn-go{background:var(--spot)!important;color:var(--spot-ink)!important;font-size:1.125rem!important;flex:1;box-shadow:-3px 3px 0 var(--ink)}
.scn-file input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.scn-cam{position:relative;background:#000;border-radius:16px;overflow:hidden;aspect-ratio:3/4;display:none;max-height:72vh}
.scn-cam.scn-on{display:block}
.scn-cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scn-guide{position:absolute;left:50%;top:50%;height:78%;aspect-ratio:63/88;transform:translate(-50%,-50%);border:3px solid var(--spot);border-radius:14px;box-shadow:0 0 0 2000px rgba(0,0,0,.38)}
.scn-guide.scn-lock{border-color:#fff;box-shadow:0 0 0 2000px rgba(0,0,0,.38),0 0 0 6px var(--spot)}
.scn-live{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-weight:700;font-size:.9375rem;text-align:center}
.scn-st{margin:0;font-size:.875rem;color:var(--ink-2);min-height:1.5em}
.scn-res{display:grid;gap:10px}
.scn-c{display:flex;gap:12px;align-items:flex-start;background:var(--box);color:var(--box-ink);border-radius:14px;padding:10px;border:2px solid var(--box-line)}
.scn-c img{width:84px;height:auto;border-radius:6px;flex:none;background:var(--box-2)}
.scn-c>div{min-width:0;flex:1}
.scn-c b{display:block;font-size:1.0625rem;color:var(--box-ink)}.scn-c small{color:var(--box-mute);display:block;overflow-wrap:anywhere}.scn-c small b{display:inline;font-size:inherit;color:var(--box-soft)}
.scn-c.scn-top{border-color:var(--spot)}
.scn-pct{font-size:.8125rem;color:var(--spot)}
.scn-st.scn-inv{color:var(--box-ink);margin-top:6px}.scn-st.scn-tip{color:var(--box-mute);margin:4px 0 0}
.scn-note{margin:0;background:#fff;border:2px dashed var(--ink);border-radius:12px;padding:10px 12px;font-size:.9375rem;color:var(--ink)}
.scn-c a.scn-open,.scn-open{display:block;text-align:center;background:var(--spot);color:var(--spot-ink);border:2px solid var(--ink);border-radius:12px;padding:10px;margin-top:8px;font-weight:800;text-decoration:none;font-size:1rem}
.scn-c a.scn-open:focus-visible{outline:3px solid #fff;outline-offset:2px}
.scn-dbg{display:none}
.id-scan{margin:var(--s4) 0 0}

/* home: scanner entry points (10.10.2026, Mor "קדימה") */
.b-scan{margin-block-start:var(--s5);margin-inline-end:var(--s6)}.b-scan span{background:var(--spot);color:var(--ink)}.b-scan+.b-start{margin-block-start:var(--s4)}
.b-t-scan{grid-column:1/-1;display:grid;gap:20px;align-items:center;background:var(--box);color:var(--box-ink);border-color:var(--ink);overflow:visible}
.b-t-scan .b-kick{background:var(--spot);color:var(--spot-ink)}.b-t-scan h3{margin:10px 0 0;font-family:var(--fd);font-weight:400;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.1;color:var(--box-ink)}
.b-t-scan p:not(.b-kick){margin-block-start:10px;font-size:1rem;color:var(--box-soft);max-width:52ch}.b-t-scan .b-btn{margin-block-start:18px}
.b-t-scan-art{display:grid;place-items:center;padding:8px 0}
.b-phone{position:relative;inline-size:150px;block-size:230px;border-radius:26px;background:#120C2E;border:3px solid var(--ink);box-shadow:-8px 8px 0 var(--ink)}
.b-phone-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);inline-size:92px;block-size:128px;border-radius:7px;background:linear-gradient(160deg,#FF8FC4,#7FE3FF 60%,#c6f250);display:grid;gap:6px;padding:12px 10px;box-sizing:border-box}
.b-phone-card i{display:block;block-size:8px;border-radius:4px;background:rgba(29,20,64,.45)}.b-phone-card i:first-child{block-size:46px;border-radius:5px;background:rgba(255,255,255,.55)}
.b-phone-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);inline-size:112px;block-size:156px;border:3px solid var(--spot);border-radius:12px;box-shadow:0 0 0 400px rgba(0,0,0,.35)}
.b-phone{overflow:hidden}
.b-phone-tag{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:var(--spot);color:var(--spot-ink);font:800 .8125rem var(--f);padding:3px 10px;border-radius:999px;white-space:nowrap}
@media (min-width:768px){.b-t-scan{grid-template-columns:minmax(0,1fr) 220px;padding:28px 32px}}

/* ===== v9 home "שולחן העבודה של האספן" (10.10.2026, design-v2/home-mock-b.html, Mor: "מאשר") =====
   The action console beside the stage (a real card in the scan frame + its result card), today's market as chips, four tool tiles + pills,
   learn = three guide sleeves + the tips booster. All names wb-. The stage composition is visual (card left, result right) and aria-hidden,
   so it uses physical left/right on purpose; everything else is logical. */
.wb-ws{padding-block:22px 10px}
.wb-ws-g{display:grid;gap:18px}.wb-ws-g>*{min-inline-size:0}
.wb-txt .b-kick{margin-block-end:10px}
.wb-ws h1{font-size:clamp(2.25rem,1.1rem + 5.2vw,3.8rem);line-height:1.08;margin:0}
.wb-lede{margin:8px 0 0;color:var(--ink-2);font-size:1.0625rem;line-height:1.55;max-inline-size:42ch}
.wb-dock{margin-block-start:14px;background:var(--box);color:#fff;border-radius:16px;border:2px solid var(--ink);padding:14px;display:grid;gap:10px}
.wb-go{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--spot);color:var(--spot-ink);border:2px solid var(--ink);border-radius:12px;padding:14px;font:700 1.125rem var(--f);text-decoration:none;min-block-size:54px}
.wb-go:hover{background:var(--spot-hover)}.wb-go svg{flex:none}
.wb-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding-inline:12px 6px;min-block-size:50px;border:2px solid var(--ink);position:relative}
.wb-search>svg{inline-size:20px;block-size:20px;flex:none;color:var(--ink)}
.wb-search input{flex:1;border:0;outline:0;font:400 1rem var(--f);min-inline-size:0;background:transparent;color:var(--ink);min-block-size:46px}
.wb-search button{font:700 .9375rem var(--f);background:var(--ink);color:#fff;border:0;border-radius:9px;padding:9px 14px;min-block-size:38px;cursor:pointer}
.wb-search:focus-within{box-shadow:0 0 0 3px var(--spot)}
.wb-stats{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--box-mute);font-size:.8125rem;font-weight:700;margin:2px 2px 0}.wb-stats b{font-size:1.0625rem;color:#fff;font-weight:400}
/* the stage */
.wb-stage{position:relative;background:var(--box);border-radius:18px;border:2px solid var(--ink);min-block-size:250px;overflow:hidden;color:#fff;isolation:isolate}
.wb-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(52% 72% at 30% 48%,rgba(198,242,80,.24),transparent 70%),radial-gradient(rgba(255,255,255,.08) 1.3px,transparent 1.8px) 0 0/22px 22px}
.wb-stage::after{content:"";position:absolute;inset:12px;border:1.5px dashed rgba(255,255,255,.16);border-radius:12px;pointer-events:none}
.wb-card{position:absolute;left:8%;top:50%;transform:translateY(-50%) rotate(-6deg);inline-size:40%;max-inline-size:230px;aspect-ratio:63/88}
.wb-card img{inline-size:100%;block-size:100%;object-fit:cover;border-radius:10px;box-shadow:0 0 0 4px var(--ink),-10px 12px 0 4px rgba(0,0,0,.35)}
.wb-frame{position:absolute;inset:-14px;border-radius:14px}
.wb-frame i{position:absolute;inline-size:26px;block-size:26px;border:4px solid var(--spot);border-radius:4px}
.wb-frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.wb-frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.wb-frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.wb-frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.wb-res{position:absolute;right:16px;top:50%;transform:translateY(-50%);inline-size:52%;max-inline-size:250px;background:#fff;color:var(--ink);border-radius:14px;padding:12px;box-shadow:-6px 8px 0 var(--ink);border:2px solid var(--ink);display:grid;gap:6px;z-index:2;text-decoration:none}
.wb-res .ok{display:inline-flex;align-items:center;gap:6px;background:var(--spot);font:700 .75rem var(--f);padding:2px 9px;border-radius:999px;justify-self:start}
.wb-res>b{font:400 1.25rem var(--fd);line-height:1.1}.wb-res small{color:var(--muted);font-size:.8125rem;display:block}
.wb-res .p{display:flex;align-items:baseline;gap:8px;margin-block-start:4px;flex-wrap:wrap}.wb-res .p b{font-size:1.5rem}.wb-res .p span{color:var(--muted);font-size:.8125rem;font-weight:700}
.wb-g{inline-size:100%;block-size:28px}.wb-g .l{fill:none;stroke:var(--ink-2);stroke-width:2.5;stroke-linejoin:round}.wb-g .a{fill:rgba(43,26,99,.12)}.wb-g circle{fill:var(--spot);stroke:var(--ink);stroke-width:2}
.wb-res .cta{margin-block-start:4px;font:700 .875rem var(--f);background:var(--ink);color:#fff;border-radius:9px;padding:8px 10px;text-align:center}
.wb-tag{position:absolute;right:16px;bottom:10px;color:rgba(255,255,255,.85);font:700 .75rem var(--f)}
/* today's market */
.wb-live{padding-block:6px 4px}
.wb-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-block-end:10px}.wb-sh h2{font-size:1.375rem;line-height:1.2}.wb-sh small{color:var(--muted);font:700 .875rem var(--f)}
.wb-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;margin-inline:-2px;scroll-snap-type:x proximity}.wb-chips::-webkit-scrollbar{display:none}
.wb-chip{flex:none;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 10px;min-inline-size:232px;text-decoration:none;color:var(--ink);scroll-snap-align:start}
.wb-chip:hover{border-color:var(--ink)}
.wb-chip img{inline-size:46px;block-size:64px;border-radius:4px;object-fit:cover;background:var(--paper-2)}
.wb-chip b{display:block;font-size:.9375rem;line-height:1.2;font-weight:700}.wb-chip small{display:block;color:var(--muted);font-size:.75rem}
.wb-chip .d{display:flex;align-items:center;gap:8px;margin-block-start:3px;font-size:1rem}.wb-chip .d i{font-style:normal;font:700 .8125rem var(--f);padding:1px 7px;border-radius:7px}
.wb-chip.up .d i{background:var(--spot)}.wb-chip.dn .d i{background:var(--pink)}
/* the tools */
.wb-tools{padding-block:8px 6px}
.wb-tools-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wb-tool{display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;color:var(--ink);min-block-size:150px;transition:transform .14s ease-out,border-color .14s}
.wb-tool:hover{transform:translateY(-2px);border-color:var(--ink)}
.wb-tool h3{font-size:1.0625rem;line-height:1.15}.wb-tool p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.4}
.wb-tool .vis{margin-block-start:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}
.wb-tool .num{font-size:.875rem;color:var(--ink-2);font-weight:700;white-space:nowrap}.wb-tool .num b{font-weight:400;font-size:1rem}
.wb-rng{inline-size:100%;block-size:10px;border-radius:5px;background:linear-gradient(90deg,var(--pink),var(--paper-2) 35%,var(--paper-2) 65%,var(--spot))}
.wb-spark{inline-size:92px;block-size:28px}.wb-spark polyline{fill:none;stroke:var(--ink-2);stroke-width:2.5;stroke-linejoin:round}.wb-spark circle{fill:var(--spot);stroke:var(--ink);stroke-width:1.5}
.wb-coins{display:flex;gap:6px}.wb-coins span{font:1rem var(--px);background:var(--paper-2);border-radius:8px;padding:4px 8px}
.wb-numf{font-size:1rem;border:2px solid var(--ink);border-radius:8px;padding:4px 10px;background:#fff}
.wb-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;font-size:.9375rem;margin:12px 0 0;color:var(--muted)}
.wb-more a{color:var(--ink);text-decoration:none;border:1.5px solid var(--ink);border-radius:999px;padding:9px 14px;min-block-size:44px;display:inline-flex;align-items:center;background:#fff}.wb-more a:hover{background:var(--spot)}
/* learn: guide sleeves + the booster */
.wb-learn{padding-block:28px 40px}
.wb-learn-g{display:grid;gap:14px}
.wb-guides{display:grid;gap:12px;align-content:start}
.wb-guide{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:12px 14px;box-shadow:var(--sh-s);text-decoration:none;color:var(--ink);transition:transform .14s ease-out,box-shadow .14s}
.wb-guide:hover{box-shadow:var(--sh);transform:translate(2px,-2px)}
.wb-guide .no{font-size:1.5rem;color:var(--ink-2);inline-size:52px}.wb-guide b{display:block;font-size:1.0625rem;line-height:1.25}.wb-guide small{color:var(--muted);font-weight:700;font-size:.8125rem}
.wb-learn .tp{min-block-size:560px}
@media (min-width:1024px){
  .wb-ws{padding-block:44px 16px}.wb-ws-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:center}
  .wb-stage{min-block-size:420px}.wb-card{inline-size:46%;max-inline-size:250px;left:7%}.wb-res{max-inline-size:270px;right:24px;padding:14px}.wb-res>b{font-size:1.375rem}.wb-res .p b{font-size:1.75rem}.wb-g{block-size:34px}
  .wb-live{padding-block:10px 4px}
  .wb-tools-g{grid-template-columns:repeat(4,1fr);gap:12px}.wb-tool{padding:14px 16px;min-block-size:132px}.wb-tool h3{font-size:1.1875rem}.wb-tool p{font-size:.875rem}.wb-rng{inline-size:96px}
  .wb-learn-g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:start}
  .wb-learn .tp{min-block-size:640px}
}
/* 10.10 audit: ticker links were 23px tall (IS 5568 wants 24+); the result card's Latin facts read left to right, aligned to the Hebrew edge */
.b-ticker a{padding-block:1px}
.wb-res small{direction:ltr;text-align:end}
/* the dock's single track must shrink below the search form's intrinsic width (input + mic + button) on a 390px phone: measured 359px track in a 326px box */
.wb-dock{grid-template-columns:minmax(0,1fr)}.wb-dock>*{min-inline-size:0}.wb-search input{inline-size:0}
/* ===== עדכונים ו-RSS (tpl-follow.php, 11.10.2026): the feeds as a page people can read, not XML ===== */
.fw{display:grid;gap:var(--s6)}
.fw h2{font-size:1.5rem;margin-block-end:var(--s3)}
.fw-how p{max-inline-size:62ch;color:var(--ink-2);margin:0}
.fw-feeds{display:grid;gap:var(--s4)}
.fw-feed{background:#fff;border:1px solid var(--line);border-radius:12px;padding:var(--s5);min-inline-size:0}
.fw-feed h2{display:flex;align-items:center;gap:8px;font-size:1.25rem;margin:0 0 6px}
.fw-feed>p{margin:0;color:var(--ink-2)}
.fw-url{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:var(--s3)!important}
.fw-url code{font:.875rem/1.4 ui-monospace,Menlo,monospace;background:var(--paper-2);border-radius:8px;padding:8px 10px;overflow-wrap:anywhere;min-inline-size:0;color:var(--ink)}
.fw-ok{font-weight:700;color:var(--ok)}
.fw-open{display:flex;flex-wrap:wrap;gap:6px 14px;margin-block-start:var(--s3)!important;font-size:.9375rem;font-weight:700;color:var(--muted)}
.fw-open a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--spot);text-decoration-thickness:3px;text-underline-offset:3px}
.fw-cal p{color:var(--ink-2);margin:0 0 var(--s3)}
.fw-cols{display:grid;gap:var(--s5)}.fw-cols h3{font-size:1.0625rem;margin-block-end:var(--s2)}
.fw-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fw-cols li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-block-end:1px solid var(--line);padding-block-end:8px;min-inline-size:0}
.fw-cols li a{color:var(--ink);text-decoration:none;font-weight:700}.fw-cols li small{color:var(--muted);white-space:nowrap}
.fw-cols .more{display:inline-block;margin-block-start:var(--s3)}
@media (min-width:768px){.fw-feeds{grid-template-columns:repeat(3,1fr)}.fw-cols{grid-template-columns:repeat(3,1fr)}}

/* ===== guest posts v9 (single.php byline + author card, taxonomy-kp_guest.php profile; 11.10.2026) =====
   The writer is the face of the piece: a byline strip right under the title, a full author card at the end with their other posts. */
.gb-badge{display:inline-block;justify-self:start;margin:0;font:700 .8125rem/1.4 var(--f);background:var(--pink);color:var(--ink);border-radius:999px;padding:2px 10px}
.gb-by{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;row-gap:6px;align-items:center;margin-block-start:var(--s5);padding-block:14px;border-block:1px solid var(--line-2);max-inline-size:40rem}
.gb-ph{grid-row:span 2;display:block;inline-size:56px;block-size:56px;border-radius:50%;overflow:hidden;background:var(--paper-2)}
.gb-ph img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.gb-ini{display:grid;place-items:center;inline-size:100%;block-size:100%;background:var(--pink);color:var(--ink);font:400 1.5rem var(--fd)}
.gb-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:1rem}
.gb-name{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--spot);text-decoration-thickness:3px;text-underline-offset:3px}
.gb-role{color:var(--muted);font-weight:700;font-size:.875rem;margin:0}
.gb-role a{color:var(--ink-2)}
.gb-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;color:var(--muted);font-size:.875rem;font-weight:700}
.gb-meta span+span::before{content:"·";margin-inline-end:14px;color:var(--line-2)}
.gb-note{margin:10px 0 0;font-size:.875rem;color:var(--muted);max-inline-size:52ch}
/* author card at the end */
.gb-card{display:grid;gap:14px;margin-block-start:var(--s7);background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-s);padding:var(--s5)}
.gb-card-top{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center}
.gb-card-ph{inline-size:88px;block-size:88px;border-radius:50%;object-fit:cover;display:block;background:var(--paper-2)}
.gb-card-top>div{display:grid;gap:4px}
.gb-card-n{font-size:1.75rem;line-height:1.1;margin:0}
.gb-bio{margin:0;color:var(--ink-2);line-height:1.65;max-inline-size:60ch}
.gb-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}
.gb-btn{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none}
.gb-btn:hover{background:var(--box)}
.gb-site a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--spot);text-decoration-thickness:3px;text-underline-offset:3px}
.gb-more{border-block-start:1px solid var(--line);padding-block-start:12px}
.gb-more-h{margin:0 0 6px;font-weight:700;color:var(--muted);font-size:.875rem}
.gb-more ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gb-more li{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.gb-more li a{color:var(--ink);font-weight:700;text-decoration:none}.gb-more li a:hover{text-decoration:underline}
.gb-more small{color:var(--muted);white-space:nowrap}
/* the writer's page */
.gp-prof{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;margin-block-start:var(--s5)}
.gp-ph{inline-size:120px;block-size:120px;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--ink)}
.gp-txt{display:grid;gap:6px;min-inline-size:0}
.gp-txt h1{font-size:clamp(2.25rem,1.4rem + 3vw,3.25rem);line-height:1.05;margin:0}
.gp-bio{margin:4px 0 0;font-size:1.0625rem;color:var(--ink-2);max-inline-size:60ch}
.gp-count{margin:0;color:var(--muted);font-weight:700}.gp-count b{color:var(--ink);font-weight:400}
@media (min-width:768px){.gp-prof{grid-template-columns:140px minmax(0,1fr)}.gp-ph{inline-size:140px;block-size:140px}}
/* guest pieces drop the numbered-guide chrome that belongs to the site's own series */
.b-is-feature .b-feature-head .stand{margin-block-end:0}
.prose .gb-card .gb-btn{color:#fff;text-decoration:none}

/* ===== v9 everywhere (11.10.2026, Mor: "מאשר תתחיל להרביץ עבודה עד לסיום"): one language with the home page.
   DESIGN.md: tools and data = flat (2px ink or 1px line, radius 12-16, NO offset shadow); content (guide sleeves, binder, tips pack,
   next-guide box, lab) keeps its sleeve and hard shadow. This block only overrides; the component rules above stay the source. ===== */
/* header + footer controls */
.b-kbtn{box-shadow:none;border-width:1.5px}
.b-kbtn:hover,.icon-btn:hover{background:var(--paper-2)}
.icon-btn{border-width:1.5px}
.btn-spot{box-shadow:none}
.btn-spot:hover{transform:none;box-shadow:none;background:var(--spot-hover)}
.foot-app-b{box-shadow:none}
/* search fields on index pages: the home console's field */
.b-search{box-shadow:none;border-radius:14px}
.b-search:focus-within{box-shadow:0 0 0 3px var(--spot)}
.b-search button{border-radius:10px;border-width:0;background:var(--ink);color:#fff}
.b-search button:hover{background:var(--box)}
/* filter chips */
.fchip{box-shadow:none;border-width:1.5px}
.fchip:hover{background:var(--paper-2)}
.fchip[aria-pressed="true"]{box-shadow:none}
/* market: summary tiles, columns, tabs */
.mk-tile{box-shadow:none;border:1px solid var(--line);border-radius:12px}
.mk-tile.up{border-color:var(--ink)}.mk-tile.down{border-color:var(--ink)}
.mk-col{box-shadow:none;border-radius:16px}
.mk-tabs button{border-width:1.5px}
.mk-tabs button[aria-selected="true"]{box-shadow:none}
/* identifier form, glossary dice, 60-second check, timer */
.id-form{box-shadow:none;border-radius:16px}
.dice{box-shadow:none}
.b-c60{box-shadow:none;border-radius:16px}
.b-c60 .c60-opts button{box-shadow:none;border-width:1.5px;border-radius:12px}
.b-c60 .c60-opts button:hover{transform:none;box-shadow:none;background:var(--paper-2)}
.b-timer-xl{box-shadow:none}
/* sets: era folds and spec sheets are data */
.b-era-fold{box-shadow:none;border-radius:16px}
.b-spec,.b-stat{box-shadow:none;border-radius:16px}
.b-pn a.nx{box-shadow:none}
/* page heads: the kicker on index pages matches the home kicker */
.b-idx-head .b-kick,.b-art-head .b-kick{border-radius:8px}
/* v9: reading tools and the quest log are controls, not cards; market tabs flat in every state */
.b-tool{box-shadow:none;border-width:1.5px}
.b-tool:hover{background:var(--paper-2)}
.b-listen{box-shadow:none}
.b-quest{box-shadow:none;border-width:1.5px;border-radius:16px}
.mk-tabs button,.mk-tabs button:hover,.mk-tabs button[aria-selected="true"]{box-shadow:none}
.art-tags .hubl{display:inline-block;padding-block:2px}