

.pembed{margin:var(--sp-8) 0}

.pembed iframe{width:100%;border:0;border-radius:var(--r-md)}
.pembed[data-embed="youtube"] iframe,
.pembed[data-embed="iframe"] iframe{aspect-ratio:16 / 9;height:auto}
.pembed[data-embed="spotify"] iframe,
.pembed[data-embed="podbean"] iframe{aspect-ratio:auto;height:180px}

.pembed[data-embed="instagram"]{display:flow-root;min-height:625px}
.pembed[data-embed="instagram"]::before{content:"";float:left;width:0;
  padding-block-start:calc(125% + 218px)}
.pembed[data-embed="spotify"],
.pembed[data-embed="podbean"]{min-height:189px}

.pembed[data-embed="youtube"],
.pembed[data-embed="iframe"]{display:flow-root}
.pembed[data-embed="youtube"]::before,
.pembed[data-embed="iframe"]::before{content:"";float:left;width:0;
  padding-block-start:calc(56.25% + 12px)}

.post-page{background:var(--cream)}

.post{background:#fff;border-radius:var(--r-md);padding:var(--sp-8)}
@media(max-width:640px){
  .post{padding:var(--sp-8) var(--sp-6);border-radius:0;margin-inline:calc(var(--sp-6) * -1)}
}

.post-wrap{display:grid;gap:calc(var(--sp-12) + var(--sp-8));
  grid-template-columns:minmax(0,calc(var(--reading) + var(--sp-8) * 2)) 300px;
  justify-content:center;align-items:start;


  padding-block:var(--sp-sec) var(--sp-12)}

@media(max-width:1080px){
  .post-wrap{grid-template-columns:minmax(0,calc(var(--reading) + var(--sp-8) * 2));
    justify-content:center;gap:var(--sp-8)}
  .post-side{margin-top:0}
}

.post-head{padding-block:0;text-align:start}

.post-crumbs{display:flex;align-items:center;gap:var(--sp-2);
  margin:0 0 var(--sp-3);font-size:var(--fs-eyebrow);font-weight:var(--fw-bold)}

.post-crumbs a{color:var(--blue);text-decoration:none;
  display:inline-block;padding-block:var(--sp-3);margin-block:calc(var(--sp-3) * -1)}
@media (hover:hover){ .post-crumbs a:hover{text-decoration:underline} }
.post-crumbs [aria-current]{color:var(--muted);font-weight:var(--fw-body)}
.post-crumb-sep{flex:none;width:14px;height:14px;fill:none;stroke:var(--muted);
  stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

.post-dot{margin-inline:var(--sp-2);color:var(--muted)}

.post-h1{margin:0;font-weight:var(--fw-black);font-size:var(--fs-h2);
  line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--dark);
  overflow-wrap:anywhere;hyphens:auto}

.post-by{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);
  margin-block:var(--sp-6) var(--sp-8);
  font-size:var(--fs-eyebrow);color:var(--muted)}
.post-by b{font-weight:var(--fw-bold);color:var(--dark)}

.post-by-face{--sring:56px;margin-inline-end:var(--sp-1)}

.post-body > p{margin-bottom:var(--sp-6)}
.post-body[data-lede] > p:first-child{padding-bottom:var(--sp-8);
  border-bottom:1px solid var(--panel);margin-bottom:var(--sp-8)}
.post-body > p:first-child{font-size:var(--fs-title);line-height:var(--lh-body);color:var(--dark)}
.post-body table{width:100%;border-collapse:collapse;margin:var(--sp-8) 0;
  font-size:var(--fs-eyebrow);display:block;overflow-x:auto}
.post-body th,.post-body td{border:1px solid var(--panel);padding:var(--sp-3);text-align:start}
.post-body th{background:var(--cream);font-weight:var(--fw-bold)}

.post-body img{width:70%;height:auto;border-radius:var(--r-md);
  border:1px solid var(--panel);margin:var(--sp-8) auto;display:block}
@media(max-width:640px){ .post-body img{width:100%} }

.post-faq{margin-top:var(--sp-12);padding-top:var(--sp-12);border-top:1px solid var(--panel)}
.post-faq .u-h2{margin-bottom:var(--sp-6)}
.post-upd{margin:var(--sp-8) 0 0;font-size:var(--fs-eyebrow);color:var(--muted)}

.post-side{position:sticky;top:var(--sp-sec);display:grid;gap:var(--sp-6)}

@media(max-width:1080px){ .post-side{position:static} }

.ps-card{position:relative;display:grid;gap:var(--sp-2);padding:var(--sp-6);
  border-radius:var(--r-md);border:1px solid var(--panel);background:#fff;
  transition:box-shadow .25s,transform .25s}

.ps-card--link{cursor:pointer}
.ps-card--link .u-btn{justify-content:center;pointer-events:none}
@media (hover:hover){ .ps-card:hover{box-shadow:var(--sh-lift);transform:translateY(-2px)} }
.ps-card:focus-within{box-shadow:var(--focus-ring)}

.ps-eyebrow{margin:0;font-weight:var(--fw-body);font-size:var(--fs-eyebrow);
  line-height:var(--lh-card);color:var(--blue)}

.ps-h{margin:0;font-weight:var(--fw-bold);font-size:var(--fs-title);
  line-height:var(--lh-card);color:var(--dark)}
.ps-txt{margin:0;font-size:var(--fs-eyebrow);line-height:var(--lh-body);color:var(--ink)}
.ps-card .u-btn{margin-top:var(--sp-2)}

.ps-gift{text-decoration:none;color:inherit}

.ps-gift img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;
  border-radius:var(--r-xs);display:block;margin-bottom:var(--sp-2)}

.ps-go{display:inline-flex;align-items:center;gap:6px;justify-self:start;
  min-height:36px;padding:6px var(--sp-4);border-radius:var(--r-pill);
  border:1.5px solid var(--panel);
  font-weight:var(--fw-bold);font-size:var(--fs-eyebrow);color:var(--blue)}
.ps-go svg{width:14px;height:14px;fill:none;stroke:currentColor;
  stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
  transition:translate .25s ease}
@media (hover:hover){ .ps-gift:hover .ps-go{border-color:var(--blue)} }
@media (hover:hover){ .ps-gift:hover .ps-go svg{translate:-3px 0} }

.ps-gift:focus-visible,.ps-flag:focus-visible{outline:none;box-shadow:var(--focus-ring)}

.post-prog{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:60;pointer-events:none}
.post-prog i{display:block;height:100%;background:var(--blue);
  transform:scaleX(0);transform-origin:right center}
@media(prefers-reduced-motion:reduce){ .post-prog{display:none} }

.post-more{padding-block:var(--sp-12) var(--sp-12);background:#fff;
  border-top:1px solid var(--panel)}
.pm-grid{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}

.pm-grid > li,.pm-card{min-width:0}
.pm-name{overflow-wrap:anywhere}
@media(max-width:760px){
  .pm-grid{grid-template-columns:1fr;gap:var(--sp-8)}

  .pm-grid > li + li{border-block-start:1px solid var(--panel);padding-block-start:var(--sp-8)}
}
.post-more .u-h2{margin-bottom:var(--sp-6);text-align:center}
.pm-card{display:grid;gap:var(--sp-3);text-decoration:none;color:inherit;border-radius:var(--r-card)}
.pm-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.pm-media{display:block;overflow:hidden;border-radius:var(--r-card);
  background:linear-gradient(140deg,var(--blue),var(--blue-deep));aspect-ratio:3 / 2}
.pm-media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s var(--ease)}
@media (hover:hover){ .pm-card:hover .pm-media img{transform:scale(1.04)} }
.pm-name{font-weight:var(--fw-bold);font-size:min(var(--fs-title),20px);
  line-height:var(--lh-card);color:var(--dark)}
@media (hover:hover){ .pm-card:hover .pm-name{color:var(--blue)} }

.post-next{display:grid;gap:var(--sp-6);margin-top:var(--sp-12);
  padding-top:var(--sp-12);border-top:1px solid var(--panel)}

.nx{display:grid;gap:var(--sp-4);padding:var(--sp-6);
  border-radius:var(--r-md);text-decoration:none;color:inherit}
.nx:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.nx-body{display:grid;gap:var(--sp-2);align-content:start}

.nx-txt{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}

.nx-flag{position:relative;overflow:hidden;isolation:isolate;
  background:var(--cream);border:1px solid var(--panel);

  padding:var(--sp-12) var(--sp-8);
  justify-items:center;text-align:center;gap:var(--sp-6)}
.nx-flock{position:absolute;inset:0;z-index:-1;pointer-events:none}

@media(max-width:640px){
  .nx-flock{opacity:.35;filter:blur(1.5px)}
}
.fr.nf1{inset-block-start:10%;inset-inline-end:4%;width:150px;height:94px;--t:9s;--r:-2.5deg}
.fr.nf2{inset-block-end:-14px;inset-inline-start:6%;width:168px;height:106px;--t:11s;--d:.8s;--r:1.5deg;filter:blur(1px)}
.fr.nf3{inset-block-start:-14px;inset-inline-start:13%;width:132px;height:84px;--t:10s;--d:.4s;--r:2deg}
.fr.nf4{inset-block-end:16%;inset-inline-end:14%;width:92px;height:58px;--t:12s;--d:.6s;--r:3deg;filter:blur(2px)}
@media(max-width:900px){ .fr.nf3,.fr.nf4{display:none} }
.nx-mark{display:block;width:190px;color:var(--dark)}
.nx-mark svg{width:100%;height:auto;display:block}

.nx-claim{font-weight:var(--fw-black);font-size:var(--fs-feature);
  line-height:var(--lh-tight);letter-spacing:var(--ls-tight);
  color:var(--dark);max-width:20ch;margin-inline:auto}
.nx-flag .nx-txt{color:var(--ink);max-width:46ch;margin-inline:auto}
.nx-flag .nx-body{justify-items:center;gap:var(--sp-6)}

@media(max-width:640px){

  .nx-flag{padding:var(--sp-8) var(--sp-6)}
}

.post-body h2{font-size:var(--fs-h3);margin-top:var(--sp-12)}
.post-body h3{font-size:var(--fs-feature)}
.post-faq .u-h2,.post-more .u-h2{font-size:var(--fs-h3)}

.post-toc{margin:var(--sp-8) 0;padding:var(--sp-4) var(--sp-6);
  border:1px solid var(--panel);border-radius:var(--r-md);background:var(--cream)}
.post-toc summary{cursor:pointer;font-weight:var(--fw-bold);
  font-size:var(--fs-eyebrow);color:var(--dark);list-style:none}
.post-toc summary::-webkit-details-marker{display:none}
.post-toc summary::after{content:"";display:inline-block;margin-inline-start:var(--sp-2);
  border:solid var(--muted);border-width:0 2px 2px 0;padding:3px;
  transform:rotate(45deg);transition:transform .2s ease}
.post-toc[open] summary::after{transform:rotate(-135deg)}
.post-toc ol{margin:var(--sp-4) var(--sp-6) 0 0;padding:0}
.post-toc li{margin-bottom:var(--sp-2);font-size:var(--fs-eyebrow);line-height:var(--lh-body)}

@media (max-width:640px){

  .post-toc summary{min-height:44px;display:flex;align-items:center}
  .post-toc li{margin-bottom:0}
  .post-toc a{display:block;padding-block:var(--sp-3)}

  .post-body p > a:only-child{display:inline-block;
     padding-block:var(--sp-3);margin-block:calc(var(--sp-3) * -1)}
}
.post-toc a{color:var(--blue);text-decoration:none}
@media (hover:hover){ .post-toc a:hover{text-decoration:underline} }

.nx-inline{display:grid;grid-template-columns:88px 1fr;gap:var(--sp-4);
  align-items:center;margin:var(--sp-12) 0;padding:var(--sp-4);
  border:1px solid var(--panel);border-radius:var(--r-md);
  text-decoration:none;color:inherit;background:#fff}
@media (hover:hover){ .nx-inline:hover{border-color:var(--blue)} }
.nx-inline:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.nxi-media{display:block;overflow:hidden;border-radius:var(--r-xs);
  background:linear-gradient(140deg,var(--blue),var(--blue-deep));aspect-ratio:3 / 2}
.nxi-media img{width:100%;height:100%;object-fit:cover;display:block}
.nxi-body{display:grid;gap:2px}
.nxi-eyebrow{font-weight:var(--fw-bold);font-size:var(--fs-tag);
  letter-spacing:var(--ls-tag);color:var(--blue)}
.nxi-name{font-weight:var(--fw-bold);font-size:var(--fs-eyebrow);
  line-height:var(--lh-card);color:var(--dark)}

@media(max-width:760px){
  .pm-card{grid-template-columns:104px 1fr;gap:var(--sp-4);align-items:center}
}

.bl-rails{padding-block:var(--sp-12) 0;background:#fff}

.bl-bar{margin-block-end:var(--sp-8);display:grid;gap:var(--sp-6);justify-items:center}
.bl-bar>.u-container{display:grid;gap:var(--sp-6);justify-items:center;width:100%}

.bl-search{position:relative;width:min(100%,560px)}
.bl-search svg{position:absolute;inset-inline-start:var(--sp-4);inset-block-start:50%;
   transform:translateY(-50%);width:20px;height:20px;fill:none;stroke:var(--muted);
   stroke-width:2;stroke-linecap:round;pointer-events:none}

.bl-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2)}

.bl-chip{display:inline-flex;align-items:center;white-space:nowrap;min-height:44px;
   padding:8px 16px;border-radius:var(--r-pill);border:1.5px solid var(--panel);
   background:#fff;color:var(--muted);text-decoration:none;
   font-family:var(--font);font-size:var(--fs-tag);font-weight:var(--fw-bold);transition:.2s}
@media (hover:hover){ .bl-chip:hover{border-color:var(--blue);color:var(--blue)} }
.bl-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}

main>section.bl-rails:last-child{padding-block-end:0}
.bl-rails>.bl-sec:last-child{padding-block-end:calc(var(--sp-sec) + 96px + var(--sp-12))}

main>section.cat-more:last-child,
main>section.bl-sec:last-child{padding-block-end:calc(var(--sp-sec) + 96px + var(--sp-12))}

.bl-res-list{display:block}
.bl-res{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--sp-2));
   z-index:20;max-height:min(66vh,480px);overflow-y:auto;
   background:#fff;border:1.5px solid var(--panel);border-radius:var(--r-card);
   box-shadow:0 24px 60px rgba(11,15,30,.22);text-align:start}

.bl-res-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--sp-4);
   align-items:center;padding:var(--sp-3) var(--sp-4);text-decoration:none;color:inherit}
.bl-res-row img{width:92px;height:61px;object-fit:cover;display:block;
   border-radius:var(--r-md);background:var(--panel)}
.bl-res-row>span{display:grid;gap:var(--sp-1);min-width:0}
.bl-res-t{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:1.35;color:var(--ink)}
.bl-res-m{font-size:var(--fs-eyebrow);color:var(--muted)}

.bl-res-row.is-on,.bl-res-row:focus-visible{background:var(--cream);outline:none;
   box-shadow:inset 4px 0 0 var(--blue)}
.bl-res-row.is-on .bl-res-t{color:var(--blue)}
.bl-res-none{margin:0;padding:var(--sp-6);text-align:center;
   font-size:var(--fs-eyebrow);color:var(--muted)}

.bl-sec[id]{scroll-margin-top:calc(72px + var(--sp-12))}

.bl-sec{padding-block:var(--sp-12)}
.bl-sec--alt{background:var(--cream)}
.bl-sec:last-child{padding-block-end:var(--sp-sec)}

.bl-sec-h{display:flex;align-items:center;gap:var(--sp-4);margin:0 0 var(--sp-6);
   font-size:var(--fs-h3);font-weight:var(--fw-black);color:var(--ink);line-height:1.2}
.bl-sec-h::after{content:"";flex:1;height:1px;background:var(--panel)}

.bl-sec-h span{position:relative;padding-inline-end:12px}
.bl-sec-h span::after{content:"";position:absolute;inset-inline-end:0;inset-block-end:.22em;
   width:6px;height:6px;border-radius:50%;background:var(--red)}

.bc{display:grid;gap:var(--sp-3);text-decoration:none;color:inherit;align-content:start}
.bc:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-card)}
.bc-media{position:relative;display:block;overflow:hidden;border-radius:var(--r-card);
   background:var(--panel);aspect-ratio:3/2}
.bc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
@media (hover:hover){ .bc:hover .bc-media img{transform:scale(1.04)} }

.bc-name{font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:1.3;
   color:var(--ink);transition:color .2s;
   display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){ .bc:hover .bc-name{color:var(--blue)} }
.bc-meta{font-size:var(--fs-tag);color:var(--muted)}
.bc--lg .bc-name{font-size:min(var(--fs-h3),30px);font-weight:var(--fw-black);line-height:1.25}
.bc--sm{gap:var(--sp-2)}
.bc--sm .bc-media{border-radius:var(--r-md)}
.bc--sm .bc-name{font-size:min(var(--fs-title),17px);line-height:1.35}

.br{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:var(--sp-4);
   align-items:center;text-decoration:none;color:inherit}
.br--text{grid-template-columns:1fr}
.br:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-md)}
.br-body{display:grid;gap:6px;min-width:0}
.br-name{font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:1.35;
   color:var(--ink);transition:color .2s}
@media (hover:hover){ .br:hover .br-name{color:var(--blue)} }
.br-meta{font-size:var(--fs-tag);color:var(--muted)}
.br-media{display:block;overflow:hidden;border-radius:var(--r-md);
   background:var(--panel);aspect-ratio:3/2}
.br-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
@media (hover:hover){ .br:hover .br-media img{transform:scale(1.05)} }

.bli-kind{position:absolute;inset-block-start:var(--sp-3);inset-inline-start:var(--sp-3);
   display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;
   border-radius:var(--r-pill);background:var(--dark);color:#fff;
   font-size:var(--fs-tag);font-weight:var(--fw-black);
   box-shadow:0 4px 16px rgba(11,15,30,0.22)}
.bli-kind--flat{position:static;justify-self:start;box-shadow:none}
.bli-kind::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.bli-kind--סרטון::before{background:var(--red)}
.bli-kind--פודקאסט::before{background:var(--yellow)}

.bc--sm .bli-kind{inset-block-start:var(--sp-2);inset-inline-start:var(--sp-2);padding:4px 12px}

.bl-lead{display:grid;gap:var(--sp-8)}
.bl-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
   border-radius:var(--r-card);overflow:hidden;background:var(--cream);
   text-decoration:none;color:inherit}
.bl-sec--alt .bl-hero{background:#fff}
.bl-hero:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.bl-hero-media{display:block;overflow:hidden;background:var(--panel);aspect-ratio:16/10}
.bl-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
@media (hover:hover){ .bl-hero:hover .bl-hero-media img{transform:scale(1.03)} }
.bl-hero-txt{display:grid;align-content:center;justify-items:start;gap:var(--sp-4);
   padding:var(--sp-8)}
.bl-hero-name{font-size:var(--fs-h3);font-weight:var(--fw-black);line-height:1.2;
   color:var(--ink);transition:color .2s}
@media (hover:hover){ .bl-hero:hover .bl-hero-name{color:var(--blue)} }
.bl-hero-lead{font-size:var(--fs-body);line-height:1.6;color:var(--muted);
   display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-hero-go{display:inline-flex;align-items:center;gap:8px;font-weight:var(--fw-bold);
   font-size:var(--fs-tag);color:var(--blue)}
.bl-hero-go i{font-style:normal;transition:transform .2s}
@media (hover:hover){ .bl-hero:hover .bl-hero-go i{transform:translateX(-4px)} }

.bl-cards{display:grid;gap:var(--sp-6)}
.bl-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bl-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bl-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}

.bl-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
   gap:var(--sp-8);align-items:stretch}

.bl-rows{display:grid;gap:var(--sp-4);align-content:space-between}
.bl-rows .br+.br{border-block-start:1px solid var(--panel);padding-block-start:var(--sp-4)}

.bl-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:var(--sp-6) var(--sp-8)}
.bl-duo .bc{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
   grid-template-areas:"media name" "media meta";
   align-content:center;gap:var(--sp-2) var(--sp-6)}
.bl-duo .bc-media{grid-area:media}
.bl-duo .bc-name{grid-area:name;align-self:end}
.bl-duo .bc-meta{grid-area:meta;align-self:start}

.bl-split--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.bl-split--flip>.bc{order:2}

.bl-mosaic{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
   gap:var(--sp-8);align-items:start}
.bl-mosaic--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.bl-mosaic--flip>.bc{order:2}

.bl-more{display:flex;justify-content:center;margin-block-start:var(--sp-8);
   padding-block-start:var(--sp-8);border-block-start:1px solid var(--panel)}

.cat-hero{background:var(--dark);color:#fff;text-align:center;
   padding-block:calc(var(--sp-sec) + var(--sp-12)) var(--sp-sec)}
.cat-hero .post-crumbs{justify-content:center;color:rgba(255,255,255,.70);
   margin-block-end:var(--sp-6)}
.cat-hero .post-crumbs a{color:#fff}

.cat-hero .post-crumbs [aria-current]{color:rgba(255,255,255,.70)}
.cat-hero .post-crumb-sep{stroke:rgba(255,255,255,.55)}
.cat-h1{margin:0 auto var(--sp-6);font-size:var(--fs-h2);font-weight:var(--fw-black);
   line-height:1.1;color:#fff}
.cat-lead{margin:0 auto;max-width:56ch;font-size:var(--fs-body);line-height:1.6;
   color:rgba(255,255,255,.82)}

.cat-links{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.cat-link{display:inline-flex;align-items:center;gap:var(--sp-3);
   padding:16px 24px;border-radius:var(--r-pill);background:#fff;
   border:1.5px solid var(--panel);text-decoration:none;
   font-size:var(--fs-title);font-weight:var(--fw-black);color:var(--ink);transition:.2s}
.cat-link i{font-style:normal;color:var(--blue);transition:transform .2s}
@media (hover:hover){ .cat-link:hover{border-color:var(--blue);color:var(--blue)} }
@media (hover:hover){ .cat-link:hover i{transform:translateX(-4px)} }
.cat-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}

@media(max-width:1000px){
   .bl-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
   .bl-cards--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){



   .bl-sec{padding-block:var(--sp-8)}
   .bl-hero,.bl-split,.bl-mosaic{grid-template-columns:1fr;gap:var(--sp-6)}
   .bl-hero-media{aspect-ratio:3/2}
   .bl-hero-txt{padding:var(--sp-6)}

   .bl-duo,.cat-list{grid-template-columns:1fr;gap:var(--sp-4)}
   .bl-duo .bc{grid-template-columns:minmax(0,116px) minmax(0,1fr)}

   .bl-duo .bc+.bc{border-block-start:1px solid var(--panel);padding-block-start:var(--sp-4)}
   .br{grid-template-columns:minmax(0,1fr) 96px}

}

@media(max-width:520px){

   .cat-hero{padding-block:96px var(--sp-8)}
}
