/* IMY Names — articles: index/category (IMY · מאמרים) and article head (IMY · ראש מאמר). Figma 08 · Guides. */
.imyn-ah,.imyn-arc,.imyn-arl{--b-head:#563869;--b-text:#4e4e4e;--b-muted:#5e5e5e;--b-line:#dfd4eb;--b-soft:#f6f2f9;--b-primary:#6b4682;--b-card:#fff;font-family:Assistant,sans-serif;color:var(--b-text)}
.imyn-ah{display:flex;flex-direction:column;gap:12px}
.imyn-ah__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;color:var(--b-muted)}
.imyn-ah__crumbs a{color:var(--b-muted);text-decoration:none}.imyn-ah__crumbs a:hover{color:var(--b-primary);text-decoration:underline}
.imyn-ah__crumbs span[aria-hidden]{color:#cbb8da}
.imyn-ah__crumbs [aria-current]{color:var(--b-head)}
.imyn-ah__cat,.imyn-ar__cat{margin:0;font-size:14px;font-weight:700;color:var(--b-primary)}
html body .imyn-ah .imyn-ah__title{margin:0;font:400 52px/1.2 "Varela Round",sans-serif;color:var(--b-head)}
.imyn-ah__lede{margin:0;font-size:21px;line-height:1.7;color:var(--b-text)}
.imyn-ah__meta{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--b-muted)}
.imyn-ah__meta span+span::before{content:"·";margin-inline-end:16px;color:#cbb8da}
/* index */
.imyn-arc{display:flex;flex-direction:column;gap:28px}
.imyn-arc__head{display:flex;flex-direction:column;gap:14px;padding:28px 40px 24px;border-radius:32px;background:var(--b-soft)}
html body .imyn-arc .imyn-arc__title{margin:0;font:400 52px/1.2 "Varela Round",sans-serif;color:var(--b-head)}
.imyn-arc__pg{font-size:.5em;color:var(--b-muted)}
.imyn-arc__lede{margin:0;max-width:760px;font-size:19px;line-height:1.7}
.imyn-arc__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:4px}
.imyn-arc__tabs::-webkit-scrollbar{display:none}
.imyn-arc__tabs a{flex:0 0 auto;padding:8px 18px;border-radius:999px;border:1px solid var(--b-line);background:#fff;color:var(--b-head);font-weight:600;text-decoration:none}
.imyn-arc__tabs a[aria-current]{background:var(--b-head);border-color:var(--b-head);color:#fff}
.imyn-arc__grid,.imyn-arl__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.imyn-ar{position:relative;display:flex;flex-direction:column;border:1px solid var(--b-line);border-radius:24px;background:var(--b-card);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.imyn-ar:hover{border-color:#cbb8da;box-shadow:0 4px 18px rgba(86,56,105,.08)}
.imyn-ar__media{aspect-ratio:16/9;background:linear-gradient(135deg,#eee7f3,#fde5d6);display:flex;align-items:center;justify-content:center;overflow:hidden}
.imyn-ar__img{width:100%;height:100%;object-fit:cover;display:block}
.imyn-ar__ph{font:400 64px/1 "Varela Round",sans-serif;color:#a082c3}
.imyn-ar__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}
html body .imyn-ar .imyn-ar__title{margin:0;font:400 22px/1.35 "Varela Round",sans-serif}
.imyn-ar__title a{color:var(--b-head);text-decoration:none}
.imyn-ar__title a::after{content:"";position:absolute;inset:0}
.imyn-ar__title a:focus-visible{outline:none}.imyn-ar:has(a:focus-visible){outline:2px solid var(--b-primary);outline-offset:2px}
.imyn-ar__meta{margin:0;font-size:14px;color:var(--b-muted)}
.imyn-ar__ex{margin:0;font-size:18px;line-height:1.7}
.imyn-ar--big{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;border:0;background:transparent}
.imyn-ar--big:hover{box-shadow:none}
.imyn-ar--big .imyn-ar__media{order:2;aspect-ratio:4/3;border-radius:28px}
.imyn-ar--big .imyn-ar__body{padding:12px 0 12px 40px;gap:14px}
html body .imyn-ar.imyn-ar--big .imyn-ar__title{font-size:44px;line-height:1.2}
.imyn-ar__cta{align-self:flex-start;padding:12px 26px;border-radius:999px;background:var(--b-primary);color:#fff;font-weight:700}
.imyn-arc__empty{padding:40px;border:1px dashed #cbb8da;border-radius:24px;text-align:center;background:var(--b-soft)}
.imyn-arc__pages ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.imyn-arc__pages a,.imyn-arc__pages span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--b-line);color:var(--b-head);text-decoration:none;font-weight:600}
.imyn-arc__pages .current{background:var(--b-head);border-color:var(--b-head);color:#fff}
.imyn-arl{display:flex;flex-direction:column;gap:20px}
html body .imyn-arl .imyn-arl__h{margin:0;font:400 32px/1.3 "Varela Round",sans-serif;color:var(--b-head)}
.imyn-ah a:focus-visible,.imyn-arc a:focus-visible{outline:2px solid var(--b-primary);outline-offset:2px;border-radius:8px}
/* article body: comfortable reading column (Figma: 720) */
.imyn-article-body{max-width:720px;margin-inline:auto;font-size:19px;line-height:1.85}
.imyn-article-body h2{font-family:"Varela Round",sans-serif;font-weight:400;color:var(--e-global-color-secondary,#563869)}
@media (max-width:1024px){.imyn-arc__grid,.imyn-arl__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.imyn-ar--big{grid-template-columns:minmax(0,1fr)}.imyn-ar--big .imyn-ar__media{order:0}.imyn-ar--big .imyn-ar__body{padding:16px 0 0}}
@media (max-width:767px){
  html body .imyn-ah .imyn-ah__title,html body .imyn-arc .imyn-arc__title{font-size:34px}
  .imyn-ah__lede{font-size:18px}
  .imyn-arc__head{padding:20px;border-radius:24px}
  .imyn-arc__grid,.imyn-arl__grid{grid-template-columns:minmax(0,1fr);gap:14px}
  html body .imyn-ar.imyn-ar--big .imyn-ar__title{font-size:30px}
  .imyn-arc__tabs{margin-inline:-20px;padding-inline:20px}
  .imyn-article-body{font-size:18px}
}