/* "מוכנים לפלאש": hub + guide pages (on top of cat.css) */

/* guide hero: smaller title, one photo on the orange block */
.thero h1{font-size:min(6.4vw,12svh,118px);line-height:.95}
@media(max-width:760px){.thero h1{font-size:min(11vw,8svh)}}

/* hub hero: text only */
.thub{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:68svh}
.thub h1{font-size:min(12vw,22svh,210px)}
.thub .chero__txt p{max-width:30em}
@media(max-width:760px){.thub{min-height:0;padding-top:130px}.thub h1{font-size:15vw}}

/* hub list: numbered rows */
.tlist{list-style:none;margin:0;padding:0 var(--g) var(--sec);background:var(--paper);counter-reset:tl}
.tlist li{counter-increment:tl;border-top:1.5px solid var(--ink)}
.tlist li:last-child{border-bottom:1.5px solid var(--ink)}
.tlist a{display:grid;grid-template-columns:clamp(44px,6vw,90px) minmax(0,1fr) 44px;grid-template-areas:"n b ar" "n s ar";column-gap:clamp(12px,2vw,28px);row-gap:8px;align-items:center;padding:clamp(22px,3vw,36px) 0;text-decoration:none}
.tlist a::before{grid-area:n;align-self:start;padding-top:.7em;content:counter(tl,decimal-leading-zero);font-weight:500;font-size:13px;letter-spacing:.08em}
.tlist a::after{grid-area:ar;content:"←";display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--white);font-weight:800;font-size:20px;transition:background .25s,color .25s,transform .35s}
.tlist a:hover::after{background:var(--accent);color:var(--ink);transform:translateX(-6px)}
.tlist b{grid-area:b;font-weight:900;font-size:clamp(26px,3.6vw,56px);line-height:1.02;letter-spacing:-.035em}
.tlist span{grid-area:s;font-size:clamp(16px,1.3vw,19px);max-width:34em}

/* guide body */
.tbody{--pe:var(--g);display:flow-root;background:var(--paper);color:var(--ink);padding:var(--sec) var(--g)}
.tbody>*{max-width:40rem}
.tbody h2{margin:1.3em 0 .35em;font-weight:900;font-size:clamp(28px,3.2vw,48px);line-height:1;letter-spacing:-.035em}
.tbody p,.tbody li{font-size:clamp(17px,1.35vw,20px);line-height:1.65}
.tbody p{margin:0 0 1em}
.tbody ul{list-style:none;margin:0 0 1em;padding:0}
.tbody li{position:relative;padding-inline-start:24px;margin-bottom:.55em}
.tbody li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tcrumb{font-weight:500;font-size:13px;letter-spacing:.08em;border-top:1.5px solid var(--ink);width:fit-content;min-width:min(100%,320px);padding-top:4px}
.tcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.tcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.tcrumb+h2{margin-top:.6em}

.tfig{position:relative;margin:clamp(40px,5vw,64px) auto clamp(52px,6vw,72px);width:min(80%,440px)}
.tfig::before{content:"";position:absolute;inset:14% -14% -5% 24%;background:var(--accent);transform:scaleY(var(--blk,1));transform-origin:50% 100%}
.tfig img{position:relative;display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 30px 60px rgba(17,17,17,.18)}
@media(min-width:1000px){
.tbody{--pe:max(var(--g),calc(100vw - 1200px));padding-inline-end:var(--pe)}
.tfig{float:left;clear:left;width:min(32%,380px);margin:16px 0 64px;margin-inline-start:clamp(48px,6vw,96px)}
}

.tbag{position:relative;clear:both;max-width:none;margin:clamp(56px,7vw,96px) 0 0;margin-inline:calc(var(--g) * -1) calc(var(--pe) * -1);background:var(--ink);color:var(--white);padding:clamp(44px,6vw,80px) var(--g)}
.tbag h2{margin-top:0}
.tbag ul{display:grid;gap:4px 48px;max-width:62rem}
@media(min-width:761px){.tbag ul{grid-template-columns:1fr 1fr}}
.tbody .tsee{margin:clamp(44px,5vw,68px) 0 0}
.tsee a{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 26px;background:var(--ink);color:var(--white);font-weight:800;text-decoration:none;transition:background .25s,color .25s}
.tsee a::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent)}
.tsee a:hover{background:var(--accent);color:var(--ink)}
.tsee a:hover::after{background:var(--ink)}
.next b{font-size:clamp(40px,6.4vw,110px);line-height:.95}