/* iJurug Soft blog — layers on top of /css/style.css (reuses :root tokens, .nav, .brand, .footer, .btn) */
.blogwrap{max-width:820px;margin:0 auto;padding:132px 24px 40px}
.blogwrap--wide{max-width:var(--maxw)}
.crumbs{font-size:13px;color:var(--dim);margin-bottom:22px;font-family:'Sora',sans-serif}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.artcat{display:inline-flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border2);padding:6px 13px;border-radius:999px}
.arttitle{font-size:clamp(30px,5vw,44px);margin:20px 0 14px;color:var(--text)}
.artmeta{font-family:'Sora',sans-serif;font-size:13.5px;color:var(--dim);margin-bottom:30px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.artmeta .dot{width:4px;height:4px;border-radius:50%;background:var(--dim)}
.prose{font-size:17px;color:#cdd6e6;line-height:1.8}
.prose h2{font-size:26px;color:var(--text);margin:38px 0 14px}
.prose h3{font-size:20px;color:var(--text);margin:28px 0 10px}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 18px 22px;padding:0}
.prose li{margin:0 0 9px}
.prose strong{color:var(--text)}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--border2)}
.prose a:hover{color:var(--accent2)}
.cta-box{margin:44px 0 10px;padding:34px;border-radius:var(--radius);background:linear-gradient(135deg,var(--surface),var(--surface2));border:1px solid var(--border2);box-shadow:var(--shadow)}
.cta-box h3{font-size:23px;margin-bottom:10px;color:var(--text)}
.cta-box p{color:var(--muted);margin-bottom:22px;font-size:15.5px}
.cta-box .btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0f1c;border:none;padding:14px 26px;border-radius:12px}
.faqs{margin:46px 0 0}
.faqs h2{font-size:26px;margin-bottom:18px}
.faq{border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-bottom:14px;background:var(--surface)}
.faq b{font-family:'Sora',sans-serif;display:block;color:var(--text);font-size:16px;margin-bottom:8px}
.faq span{color:var(--muted);font-size:15px}
.related{margin:56px 0 0;border-top:1px solid var(--border);padding-top:34px}
.related h2{font-size:22px;margin-bottom:20px}
.related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.rcard{display:block;padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:.3s var(--ease)}
.rcard:hover{border-color:var(--border2);transform:translateY(-4px)}
.rcard span{font-family:'Sora',sans-serif;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.rcard b{display:block;color:var(--text);font-family:'Sora',sans-serif;font-size:15.5px;margin-top:8px;line-height:1.35}
/* index */
.bloghero{text-align:center;max-width:760px;margin:0 auto 10px}
.bloghero h1{font-size:clamp(34px,6vw,54px);margin:16px 0 14px}
.bloghero p{color:var(--muted);font-size:18px}
.catsec{margin:46px 0 0}
.catsec>h2{font-size:24px;margin-bottom:6px;display:flex;align-items:center;gap:12px}
.catsec>h2::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--accent)}
.postlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}
.pcard{display:block;padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:.32s var(--ease)}
.pcard:hover{border-color:var(--border2);transform:translateY(-5px);box-shadow:var(--shadow)}
.pcard span{font-family:'Sora',sans-serif;font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.pcard b{display:block;color:var(--text);font-family:'Sora',sans-serif;font-size:17px;margin:10px 0 8px;line-height:1.35}
.pcard em{color:var(--muted);font-style:normal;font-size:14px;line-height:1.6;display:block}
.nav__links a.active{color:var(--accent)}
@media(max-width:600px){.blogwrap{padding-top:112px}.cta-box{padding:26px}}