/* ============================================================
   iNOSnet — BLOG CSS
   Styles the single blog post (single.php) and, later, the
   blog listing (home.php). All rules are scoped under
   .inos-article / .inos-* so nothing leaks into other pages.
   Loaded conditionally via functions.php on blog pages only.
   ============================================================ */

/* ===== scope + tokens (harmless if global.css already defines them) ===== */
.inos-article{
  --blue:#0058F7; --cyan:#00BCFE; --aqua:#01C3AB; --yellow:#FDC702;
  --bg:#faf8ff; --onbg:#1a1b21; --onsurf:#171d1e; --bodyv:#42474e;
  --outline:#73777f; --outlinev:#c2c7cf; --low:#eff5f6;
  --f-disp:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --f-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  font-family:var(--f-body); color:var(--onbg); -webkit-font-smoothing:antialiased;
}
.inos-article *{box-sizing:border-box;}
.inos-article a{text-decoration:none;}
.inos-article img{max-width:100%;display:block;}
.inos-article__wrap{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px);}

/* ===== article header (dynamic) ===== */
.inos-article__head{padding-top:72px;display:flex;flex-direction:column;gap:20px;}
.inos-breadcrumb{font-size:13px;color:var(--outline);}
.inos-breadcrumb span{color:var(--blue);font-weight:500;}
.inos-chip{display:inline-flex;align-items:center;width:fit-content;padding:6px 14px;border-radius:999px;
  background:var(--cyan);color:#fff;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
.inos-article__title{font-family:var(--f-disp);font-weight:700;font-size:clamp(30px,3.4vw,44px);
  line-height:1.08;letter-spacing:-.02em;color:var(--onbg);margin:0;max-width:20ch;}
.inos-article__deck{font-size:18px;line-height:1.55;color:var(--bodyv);margin:0;max-width:70ch;}
.inos-article__meta{display:flex;align-items:center;gap:14px;margin-top:4px;}
.inos-article__meta img,.inos-article__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--outlinev);flex:none;}
.inos-article__meta .name{font-weight:600;font-size:14px;color:var(--onbg);}
.inos-article__meta .sub{font-size:13px;color:var(--bodyv);}

/* ===== featured image (the_post_thumbnail) ===== */
.inos-article__hero-img{margin:40px 0 40px;border-radius:24px;overflow:hidden;}
.inos-article__hero-img img{width:100%;height:auto;display:block;}
.inos-article__hero-img .ph{width:100%;aspect-ratio:1152/520;
  background:linear-gradient(135deg,#0a1330 0%,#0058F7 100%);}

/* ===== ARTICLE BODY — styles RAW tags from the_content() ===== */
.inos-article__body{padding-bottom:24px;}
.inos-article__body > *{max-width:100%;}
.inos-article__body p{font-size:17px;line-height:1.72;color:var(--bodyv);margin:0 0 24px;}
.inos-article__body h2{font-family:var(--f-disp);font-weight:700;font-size:26px;line-height:1.2;
  letter-spacing:-.02em;color:var(--onbg);margin:40px 0 16px;}
.inos-article__body h3{font-family:var(--f-disp);font-weight:600;font-size:20px;line-height:1.25;
  color:var(--onbg);margin:32px 0 12px;}
.inos-article__body ul,.inos-article__body ol{margin:0 0 24px;padding-left:0;list-style:none;}
.inos-article__body ul li,.inos-article__body ol li{position:relative;padding-left:22px;
  font-size:17px;line-height:1.6;color:var(--bodyv);margin-bottom:12px;}
.inos-article__body ul li::before{content:'';position:absolute;left:2px;top:11px;width:7px;height:7px;
  border-radius:50%;background:var(--blue);}
.inos-article__body ol{counter-reset:li;}
.inos-article__body ol li{counter-increment:li;}
.inos-article__body ol li::before{content:counter(li);position:absolute;left:0;top:0;
  font-family:var(--f-disp);font-weight:700;font-size:14px;color:var(--blue);}
.inos-article__body li strong,.inos-article__body p strong{color:var(--onbg);font-weight:600;}
.inos-article__body blockquote{margin:32px 0;padding:8px 0 8px 20px;border-left:none;}
.inos-article__body blockquote p{font-family:var(--f-disp);font-weight:600;font-size:24px;line-height:1.42;
  letter-spacing:-.01em;color:var(--onbg);margin:0;}
.inos-article__body a{color:var(--blue);text-decoration:underline;}
.inos-article__body img{border-radius:16px;margin:24px 0;}
.inos-article__body figure{margin:24px 0;}
.inos-article__body figcaption{font-size:13px;color:var(--outline);margin-top:8px;text-align:center;}

/* WordPress-specific block alignment helpers (from the_content output) */
.inos-article__body .aligncenter{margin-left:auto;margin-right:auto;}
.inos-article__body .alignright{float:right;margin:8px 0 16px 24px;}
.inos-article__body .alignleft{float:left;margin:8px 24px 16px 0;}
.inos-article__body .wp-block-image{margin:24px 0;}

/* ===== author card ===== */
.inos-author{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--outlinev);
  border-radius:16px;padding:24px;margin:24px 0 0;background:#fff;}
.inos-author__av{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--outlinev);flex:none;}
.inos-author .lab{font-weight:600;font-size:10px;letter-spacing:.12em;color:var(--blue);text-transform:uppercase;margin-bottom:6px;}
.inos-author .name{font-weight:600;font-size:17px;color:var(--onbg);margin-bottom:6px;}
.inos-author .bio{font-size:14px;line-height:1.5;color:var(--bodyv);}

/* ===== related posts (secondary loop) ===== */
.inos-related{padding:48px 0 80px;}
.inos-related__head{margin-bottom:32px;}
.inos-related__head h2{font-family:var(--f-disp);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--onbg);margin:0 0 8px;}
.inos-related__head p{font-size:14px;color:var(--bodyv);margin:0;}
.inos-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.inos-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--outlinev);
  border-radius:24px;overflow:hidden;transition:transform .3s,box-shadow .3s;}
.inos-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.06);}
.inos-card__thumb{height:180px;overflow:hidden;background:var(--low);}
.inos-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.inos-card:hover .inos-card__thumb img{transform:scale(1.06);}
.inos-card__thumb .ph{width:100%;height:100%;}
.inos-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 24px 24px;}
.inos-card__chip{width:fit-content;padding:5px 12px;border-radius:999px;background:var(--cyan);
  color:#fff;font-weight:500;font-size:12px;}
.inos-card__title{font-weight:600;font-size:18px;line-height:1.33;letter-spacing:-.01em;color:var(--onsurf);}
.inos-card__excerpt{font-size:13px;line-height:1.55;color:var(--bodyv);}
.inos-card__meta{font-size:12px;color:var(--bodyv);}

/* ===== responsive ===== */
@media(max-width:860px){
  .inos-article__head{padding-top:48px;}
  .inos-related__grid{grid-template-columns:1fr;}
  .inos-author{flex-direction:column;}
}