/* Argo Blog — matched to argo-ins.com (navy / brass / cream). Light only.
   Everything is scoped under .argo-blog so it never touches the rest of the theme. */

.argo-blog {
  --paper:#F2EFE8; --surface:#FFFFFF; --surface-2:#F7F4ED; --cream:#E7E0CF;
  --ink:#0B1A3A; --body:#2C3650; --muted:#6B7180;
  --line:rgba(11,26,58,.12); --line-soft:rgba(11,26,58,.07);
  --accent:#BE9B4E; --link:#86641B; --link-hover:#0B1A3A;
  --navy-1:#14305A; --navy-2:#0A1830;
  --card-edge:rgba(190,155,78,.45);
  --card-edge:color-mix(in srgb, var(--accent) 34%, var(--line));
  --shadow-sm:0 1px 2px rgba(11,26,58,.06);
  --shadow-lg:0 1px 2px rgba(11,26,58,.05),0 18px 40px -20px rgba(11,26,58,.28);
  --radius:0;
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='260'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.15' stroke-width='2'%3E%3Cpath d='M-40 70 Q 60 30 160 70 T 360 70 T 560 70'/%3E%3Cpath d='M-40 120 Q 60 80 160 120 T 360 120 T 560 120'/%3E%3Cpath d='M-40 170 Q 60 130 160 170 T 360 170 T 560 170'/%3E%3Cpath d='M-40 220 Q 60 180 160 220 T 360 220 T 560 220'/%3E%3C/g%3E%3C/svg%3E");
  direction:rtl; color:var(--body);
  font-family:"Assistant","Heebo","Rubik","Segoe UI","Arial Hebrew",Arial,sans-serif;
  line-height:1.5;
}
.argo-blog *{box-sizing:border-box;}
.argo-blog h1,.argo-blog h2,.argo-blog h3{color:var(--ink);text-wrap:balance;margin:0;}
.argo-blog p{margin:0;}
.argo-blog a{color:var(--link);text-decoration:none;}
.argo-blog a:hover{color:var(--link-hover);}
.argo-blog :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}

.argo-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* intro */
.argo-intro{padding:48px 24px 26px;max-width:1120px;margin:0 auto;}
.argo-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.05em;color:var(--accent);margin-bottom:12px;}
.argo-h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.1;font-weight:800;}
.argo-lead{margin-top:14px;max-width:52ch;color:var(--muted);font-size:1.12rem;}
.argo-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px;}
.argo-chip{font-size:.9rem;font-weight:600;padding:7px 16px;border:1px solid var(--line);background:var(--surface);color:var(--body);transition:border-color .18s,color .18s,background .18s;}
.argo-chip:hover{border-color:var(--accent);color:var(--ink);}
.argo-chip.argo-active{background:var(--ink);color:#fff;border-color:var(--ink);}

/* thumbnails */
.argo-thumb{position:relative;background-image:var(--wave),linear-gradient(150deg,var(--navy-1),var(--navy-2));background-size:cover;display:block;}
.argo-thumb-a{background-image:var(--wave),linear-gradient(150deg,#1B4472,#0C2340);}
.argo-thumb-b{background-image:var(--wave),linear-gradient(150deg,#123A5F,#0A1E36);}
.argo-thumb-c{background-image:var(--wave),linear-gradient(150deg,#1E4A63,#0D2530);}
.argo-thumb-d{background-image:var(--wave),linear-gradient(150deg,#243E66,#101F3A);}
.argo-cat{position:absolute;inset-block-start:16px;inset-inline-start:16px;background:rgba(9,20,37,.55);color:#fff;font-size:.76rem;font-weight:700;padding:5px 12px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);}

/* featured */
.argo-featured{display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface);border:1px solid var(--card-edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);margin:24px 0 46px;}
.argo-featured-media{min-height:340px;display:block;}
.argo-featured-media .argo-thumb{height:100%;min-height:340px;}
.argo-fbody{padding:40px;display:flex;flex-direction:column;justify-content:center;}
.argo-kicker{font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--accent);}
.argo-ftitle{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.22;font-weight:800;margin:14px 0;}
.argo-ftitle a{color:var(--ink);}
.argo-ftitle a:hover{color:var(--link);}
.argo-excerpt{color:var(--muted);font-size:1.06rem;line-height:1.7;}
.argo-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.9rem;margin-top:22px;}
.argo-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;flex:none;}
.argo-readmore{margin-top:24px;font-weight:700;color:var(--link);display:inline-flex;align-items:center;gap:6px;}
.argo-arr{transition:transform .18s;display:inline-block;}
.argo-featured:hover .argo-arr,.argo-card:hover .argo-arr{transform:translateX(-4px);}

/* grid + cards */
.argo-grid-head{max-width:1120px;margin:0 auto 20px;}
.argo-grid-head h2{font-size:1.4rem;font-weight:800;}
.argo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.argo-card{background:var(--surface);border:1px solid var(--card-edge);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;}
.argo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent);}
.argo-card-media{display:block;}
.argo-card-media .argo-thumb{height:172px;}
.argo-cbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1;}
.argo-ckicker{font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--accent);}
.argo-ctitle{font-size:1.18rem;line-height:1.34;font-weight:700;}
.argo-ctitle a{color:var(--ink);}
.argo-ctitle a:hover{color:var(--link);}
.argo-cexc{color:var(--muted);font-size:.96rem;line-height:1.6;flex:1;}
.argo-cmeta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.84rem;margin-top:4px;border-top:1px solid var(--line-soft);padding-top:14px;}

/* pagination */
.argo-pagination{margin:44px 0 8px;}
.argo-pagination ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;justify-content:center;}
.argo-pagination a,.argo-pagination span{display:inline-block;padding:9px 15px;border:1px solid var(--line);font-weight:600;font-size:.92rem;color:var(--body);background:var(--surface);}
.argo-pagination a:hover{border-color:var(--accent);color:var(--ink);}
.argo-pagination .current{background:var(--ink);color:#fff;border-color:var(--ink);}

/* single article */
.argo-article{max-width:760px;margin:0 auto;padding:48px 24px 20px;}
.argo-crumb{font-size:.88rem;color:var(--muted);margin-bottom:22px;}
.argo-crumb a{color:var(--muted);}
.argo-crumb a:hover{color:var(--link);}
.argo-article .argo-kicker{font-size:.82rem;}
.argo-article-title{font-size:clamp(2rem,4vw,2.9rem);line-height:1.14;font-weight:800;margin:12px 0 20px;}
.argo-byline{display:flex;align-items:center;gap:14px;padding-bottom:26px;border-bottom:1px solid var(--line);}
.argo-avatar{width:44px;height:44px;background:linear-gradient(140deg,var(--navy-1),var(--navy-2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;flex:none;}
.argo-who{font-weight:700;color:var(--ink);font-size:.98rem;}
.argo-when{color:var(--muted);font-size:.88rem;}
.argo-hero-img{height:380px;border-radius:var(--radius);margin:30px 0 8px;box-shadow:var(--shadow-lg);}

/* prose — styles whatever the editor outputs inside the post body */
.argo-prose{font-size:1.14rem;line-height:1.85;color:var(--body);}
.argo-prose>*+*{margin-top:1.35em;}
.argo-prose h2{font-size:1.6rem;font-weight:800;margin-top:1.9em;color:var(--ink);}
.argo-prose h3{font-size:1.3rem;font-weight:800;margin-top:1.6em;color:var(--ink);}
.argo-prose a{color:var(--link);text-decoration:underline;text-underline-offset:3px;}
.argo-prose ul,.argo-prose ol{padding-inline-start:1.3em;display:flex;flex-direction:column;gap:.5em;}
.argo-prose li::marker{color:var(--accent);}
.argo-prose strong{color:var(--ink);}
.argo-prose img{max-width:100%;height:auto;border-radius:var(--radius);}
.argo-prose blockquote{margin:1.8em 0;padding:4px 26px;border-inline-start:4px solid var(--accent);font-size:1.28rem;line-height:1.5;font-weight:700;color:var(--ink);}

.argo-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line);}
.argo-tags a{font-size:.88rem;font-weight:600;padding:6px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--body);}
.argo-tags a:hover{border-color:var(--accent);color:var(--ink);}

/* related */
.argo-related{background:var(--surface-2);border-top:1px solid var(--line);margin-top:56px;padding:52px 0 64px;}
.argo-related h2{text-align:center;font-size:1.5rem;font-weight:800;margin-bottom:30px;}

.argo-empty{padding:40px 0;color:var(--muted);font-size:1.1rem;text-align:center;}

@media (max-width:900px){
  .argo-featured{grid-template-columns:1fr;}
  .argo-featured-media,.argo-featured-media .argo-thumb{min-height:220px;}
  .argo-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:620px){
  .argo-grid{grid-template-columns:1fr;}
}
