/* ============================================================
   CYMONZ — ARTICLE PAGE STYLESHEET
   Loaded by the 13 article/insight pages, after styles.css.
   Contains ONLY article-specific layout rules — reset, variables,
   nav, and footer are all handled by styles.css.
   ============================================================ */

/* ARTICLE HERO */
.article-hero{background:var(--navy);padding:5rem 5vw 4.5rem;position:relative;overflow:hidden;}
.article-hero::before{content:'';position:absolute;top:0;right:0;width:35%;height:100%;background:var(--navy-deep);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);z-index:0;}
.article-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);z-index:2;}
.article-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:1;}
.breadcrumb{font-size:0.775rem;color:rgba(255,255,255,0.35);margin-bottom:1.25rem;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}
.breadcrumb a{color:rgba(255,255,255,0.35);text-decoration:none;}
.breadcrumb a:hover{color:rgba(255,255,255,0.6);}
.breadcrumb .sep{color:rgba(255,255,255,0.2);}
.breadcrumb .current{color:var(--orange);}
.article-tag{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:0.25rem 0.8rem;border-radius:4px;margin-bottom:1.25rem;}
.tag-insight{background:rgba(232,82,26,0.15);color:var(--orange);border:1px solid rgba(232,82,26,0.3);}
.tag-news{background:rgba(13,122,95,0.12);color:var(--teal);border:1px solid rgba(13,122,95,0.35);}
.tag-regulation{background:rgba(107,132,158,0.12);color:var(--navy-mid);border:1px solid rgba(107,132,158,0.35);}
.tag-market{background:rgba(79,70,229,0.15);color:#A5B4FC;border:1px solid rgba(79,70,229,0.3);}
.article-hero h1{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);color:white;letter-spacing:-0.03em;line-height:1.1;margin-bottom:1.5rem;}
.article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);}
.meta-avatar{width:40px;height:40px;background:var(--orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.85rem;color:white;flex-shrink:0;}
.meta-info strong{display:block;font-size:0.875rem;color:white;font-weight:500;}
.meta-info span{font-size:0.8rem;color:rgba(255,255,255,0.45);}
.meta-divider{width:1px;height:28px;background:rgba(255,255,255,0.15);}
.meta-date{font-size:0.82rem;color:rgba(255,255,255,0.45);}
.series-badge{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:4px;padding:0.2rem 0.6rem;font-size:0.72rem;font-weight:600;color:rgba(255,255,255,0.5);letter-spacing:0.05em;}

/* ARTICLE BODY */
.article-body{max-width:820px;margin:0 auto;padding:4rem 5vw 5rem;}
.article-body p{font-size:1rem;color:#2D3748;line-height:1.85;margin-bottom:1.5rem;}
.article-body h2{font-family:var(--font-display);font-size:1.5rem;color:var(--navy);letter-spacing:-0.02em;margin:2.5rem 0 1rem;}
.article-body h3{font-weight:600;font-size:1.05rem;color:var(--navy);margin:2rem 0 0.75rem;}
.article-body ul{list-style:none;margin:1rem 0 1.5rem;display:flex;flex-direction:column;gap:0.6rem;}
.article-body ul li{font-size:1rem;color:#2D3748;display:flex;gap:0.75rem;align-items:flex-start;line-height:1.7;}
.article-body ul li::before{content:'';width:5px;height:5px;background:var(--orange);border-radius:50%;flex-shrink:0;margin-top:0.65rem;}
.article-body blockquote{border-left:3px solid var(--orange);padding:1rem 1.5rem;margin:2rem 0;background:var(--navy-pale);border-radius:0 8px 8px 0;}
.article-body blockquote p{font-family:var(--font-display);font-size:1.1rem;color:var(--navy);line-height:1.65;margin:0;}
.article-body blockquote cite{display:block;font-size:0.8rem;color:var(--slate);margin-top:0.5rem;font-style:normal;}
.article-note{background:var(--orange-pale);border:1px solid rgba(232,82,26,0.2);border-radius:10px;padding:1.25rem 1.5rem;margin:2rem 0;font-size:0.875rem;color:var(--navy);line-height:1.65;}
.article-note+.article-note{margin-top:1rem;}
.article-note strong{color:var(--orange);}

/* BACK NAV */
.article-nav{background:var(--offwhite);padding:3rem 5vw;border-top:1px solid var(--border-light);}
.article-nav-inner{max-width:820px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.back-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.875rem;font-weight:500;color:var(--slate);text-decoration:none;transition:color 0.15s;}
.back-link::before{content:'←';}
.back-link:hover{color:var(--orange);}
.btn-orange{background:var(--orange);color:white;padding:0.83rem 2rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:0.925rem;display:inline-block;transition:background 0.15s;}
.btn-orange:hover{background:var(--orange-warm);color:white;}

@media(max-width:900px){.article-hero::before{display:none;}}