.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-9);font-family:var(--font-hebrew);.pages{display:flex;gap:var(--space-2)}.page,.step{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full);transition:background-color .15s ease,color .15s ease}.page{font-family:var(--font-display);font-size:var(--text-label-lg);font-weight:var(--weight-extrabold);color:var(--color-on-surface);&:hover{background-color:var(--color-surface-container-high)}&.active{background-color:var(--color-primary);color:var(--color-on-primary)}}.step{gap:var(--space-1);padding:0;background-color:var(--color-surface-container-high);color:var(--color-on-surface);font-size:var(--text-label-lg);font-weight:var(--weight-bold);&:hover{background-color:var(--color-surface-container-highest)}&.disabled{opacity:.4;pointer-events:none}.label,.arrow{display:none}}}.blog-index[data-layout=list] .blog-pagination{justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-ghost);.step{padding:0 var(--space-4);.label,.arrow{display:inline-flex}.chevron{display:none}.arrow{font-size:1.25rem}&.previous{background-color:transparent;border:1.5px solid var(--color-primary-container);color:var(--color-primary);&:hover{background-color:var(--color-primary-fixed)}}&.next{background-color:var(--color-primary);color:var(--color-on-primary);&:hover{background-color:var(--color-on-primary-container)}}}@media(max-width:639px){flex-wrap:wrap;.pages{order:1;width:100%;justify-content:center}}}.blog-index{font-family:var(--font-hebrew);isolation:isolate;overflow-x:clip;.search-pill{display:flex;align-items:center;gap:var(--space-2);height:3.25rem;padding:var(--space-2) var(--space-4);background-color:var(--color-surface-container-lowest);border-radius:var(--radius-full);box-shadow:var(--shadow-ambient);transition:box-shadow .15s ease;&:focus-within{box-shadow:var(--shadow-ambient),0 0 0 2px var(--color-primary-container)}.material-symbols-outlined{color:var(--color-outline);font-size:1.375rem}& input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:var(--text-body-lg);color:var(--color-on-surface);&::placeholder{color:var(--color-outline)}&::-webkit-search-cancel-button{display:none}}.clear{display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:var(--radius-full);background-color:var(--color-surface-container-high);color:var(--color-on-surface-variant);cursor:pointer;.material-symbols-outlined{font-size:1rem;color:inherit}}&.compact{height:3rem;padding:0 var(--space-3);gap:var(--space-2);& input{font-size:var(--text-body-lg)}}}&[data-searching] .search-pill .clear{display:flex}.index-main{display:flex;flex-direction:column;min-width:0}.featured-slot{order:0;margin-bottom:var(--space-9);&[hidden]{display:none}}.heading-row{order:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);.heading{font-family:var(--font-hebrew);font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold);letter-spacing:0}.heading-tools{display:flex;align-items:center;gap:var(--space-3)}.count{font-size:var(--text-body-md);color:var(--color-on-surface-variant);white-space:nowrap}}.layout-switch{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-surface-container-high);.option{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-on-surface-variant);cursor:pointer;transition:background-color .15s ease,color .15s ease;.material-symbols-outlined{font-size:1.25rem}}}&[data-layout=magazine] [data-layout-option=magazine],&[data-layout=list] [data-layout-option=list]{background-color:var(--color-surface-container-lowest);color:var(--color-primary);box-shadow:var(--shadow-ambient)}.empty-state{order:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);text-align:center;&[hidden]{display:none}.mascot{width:8.75rem}.title{font-size:var(--text-title-lg);font-weight:var(--weight-extrabold)}.text{max-width:28rem;color:var(--color-on-surface-variant)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.reset,.all{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-label-lg);font-weight:var(--weight-bold);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.reset{border:1.5px solid var(--color-primary-container);background:transparent;color:var(--color-primary);&:hover{background-color:var(--color-primary-fixed)}}.all{background-color:var(--color-primary);color:var(--color-on-primary);&:hover{color:var(--color-on-primary);box-shadow:var(--shadow-cta-hover)}}}.coming-soon{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);border-radius:var(--radius-lg);background-color:var(--color-surface-container-low);.mascot{flex-shrink:0;width:7.5rem}.copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.title{font-size:var(--text-headline-sm);font-weight:var(--weight-extrabold);line-height:var(--lh-headline-sm)}.text{max-width:36rem;font-size:var(--text-body-lg);line-height:var(--lh-body-lg);color:var(--color-on-surface-variant)}@media(max-width:767px){flex-direction:column;gap:var(--space-4);padding:var(--space-8) var(--space-5);text-align:center;.copy{align-items:center}}}.nothing-yet{order:2;padding:var(--space-16) 0;text-align:center;font-size:var(--text-title-lg);color:var(--color-on-surface-variant)}.grid{order:4;display:grid;gap:var(--space-4)}.blog-pagination{order:5;&[hidden]{display:none}}&[data-layout=magazine]{.index-sidebar{display:none}.magazine-hero{position:relative;max-width:calc(var(--page-width) + 2 * var(--space-5));margin:0 auto;padding:var(--space-4) var(--space-5)}.hero-inner{position:relative;max-width:var(--page-width);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-9)}.hero-copy{max-width:40rem}.hero-title{font-family:var(--font-hebrew);font-size:clamp(2.5rem,1.75rem + 3.2vw,4rem);font-weight:var(--weight-extrabold);line-height:1.05;letter-spacing:-.02em;margin-bottom:var(--space-3)}.hero-subtitle{font-size:clamp(1.0625rem,1rem + .4vw,1.1875rem);line-height:1.7;color:var(--color-on-surface-variant);text-wrap:pretty}.hero-inner .search-pill{width:22.5rem;max-width:100%}.hero-chips{position:relative;max-width:var(--page-width);margin:var(--space-7) auto 0}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);.chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);white-space:nowrap;transition:background-color .15s ease,color .15s ease;&:hover{background-color:var(--color-primary-fixed);color:var(--color-primary)}&.active{background-color:var(--color-primary);color:var(--color-on-primary)}}}.index-body{max-width:calc(var(--page-width) + 2 * var(--space-5));margin:0 auto;padding:var(--space-12) var(--space-5) var(--space-8)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@media(max-width:1023px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.magazine-hero{padding-top:var(--space-20)}.hero-chips{margin-top:var(--space-5)}.grid{grid-template-columns:1fr}.featured-slot{margin-bottom:var(--space-8)}}}&[data-layout=list]{.magazine-hero,.coming-soon{display:none}.index-body{max-width:calc(var(--page-width) + 2 * var(--space-5));margin:0 auto;padding:var(--space-10) var(--space-5) var(--space-16);display:grid;grid-template-columns:18.75rem minmax(0,1fr);gap:var(--space-12);align-items:start}.index-sidebar{position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);.title{font-family:var(--font-hebrew);font-size:var(--text-display-md);font-weight:var(--weight-extrabold);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-2)}.subtitle{font-size:var(--text-body-lg);line-height:1.6;color:var(--color-on-surface-variant)}.categories{display:flex;flex-direction:column;gap:var(--space-1)}.group-label{margin-bottom:var(--space-2);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);color:var(--color-on-surface-variant)}.category{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-label-lg);font-weight:var(--weight-bold);color:var(--color-on-surface);transition:background-color .15s ease,color .15s ease;&:hover{background-color:var(--color-surface-container-low);color:var(--color-primary)}&.active{background-color:var(--color-primary-fixed);color:var(--color-primary)}.count{font-family:var(--font-display);font-size:var(--text-label-md);opacity:.8}}.start-here{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-container-low);.box-title{font-size:var(--text-title-md);font-weight:var(--weight-extrabold)}.pick{display:flex;align-items:flex-start;gap:var(--space-3);&:hover .pick-title{color:var(--color-primary)}}.rank{min-width:1.5rem;font-family:var(--font-display);font-size:var(--text-headline-md);font-weight:var(--weight-extrabold);line-height:1;color:var(--color-primary-container)}.pick-title{font-size:var(--text-title-sm);font-weight:var(--weight-bold);line-height:1.45;transition:color .2s ease}}}.heading-row{padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:var(--border-ghost);.heading{font-size:var(--text-title-md)}}.featured-slot{order:3;margin-bottom:0}.grid{grid-template-columns:1fr;gap:0}.empty-state{margin-top:var(--space-3)}@media(max-width:1023px){.index-body{grid-template-columns:1fr;gap:var(--space-8);padding-top:var(--space-20)}.index-sidebar{position:static;.categories{flex-direction:row;flex-wrap:wrap;gap:var(--space-2);.group-label{width:100%}.category{gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-container-lowest);box-shadow:var(--shadow-ambient);&.active{background-color:var(--color-primary-fixed)}}}.start-here{display:none}}}}}