.ae-inner-hero{
  padding:var(--ae-space-10) 0 var(--ae-space-6);
  border-bottom:1px solid var(--ae-border);
  text-align:center;
}
.ae-inner-hero .ae-eyebrow{
  color:var(--ae-accent);font-weight:700;font-size:.8rem;
  text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--ae-space-2);
}
.ae-inner-hero h1{font-size:2.4rem;font-weight:800;margin-bottom:var(--ae-space-2)}
.ae-inner-hero p{color:var(--ae-fg-dim);max-width:560px;margin:0 auto}

.ae-prose{
  max-width:760px;margin:0 auto;padding:var(--ae-space-8) var(--ae-space-4);
}
.ae-prose h2{font-size:1.4rem;font-weight:800;margin:var(--ae-space-6) 0 var(--ae-space-2)}
.ae-prose h2:first-child{margin-top:0}
.ae-prose p{color:var(--ae-fg-dim);margin-bottom:var(--ae-space-3)}
.ae-prose ul{color:var(--ae-fg-dim);margin:0 0 var(--ae-space-3) var(--ae-space-4)}
.ae-prose li{margin-bottom:.4rem}

.ae-values{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ae-space-3);
  padding:var(--ae-space-8) 0;
}
.ae-value-card{
  background:var(--ae-bg-alt);border:1px solid var(--ae-border);border-radius:var(--ae-radius);
  padding:var(--ae-space-4);
}
.ae-value-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.ae-value-card p{color:var(--ae-fg-dim);font-size:.9rem}

.ae-form{max-width:520px;margin:0 auto;padding:var(--ae-space-6) var(--ae-space-4)}
.ae-form-row{margin-bottom:var(--ae-space-3)}
.ae-form-row label{display:block;font-size:.85rem;color:var(--ae-fg-dim);margin-bottom:.4rem}
.ae-form-row input,.ae-form-row textarea{
  width:100%;background:var(--ae-bg-alt);border:1px solid var(--ae-border);
  border-radius:var(--ae-radius);padding:.7rem .9rem;color:var(--ae-fg);font-family:inherit;
}
.ae-form-row textarea{min-height:120px;resize:vertical}

@media(max-width:960px){
  .ae-values{grid-template-columns:1fr}
}

/* ============================================================
   WF-required unprefixed classes (Backlink-SubWF-發布 compatibility)
   Reuses existing --ae-* palette/spacing tokens, does not duplicate
   or alter any .ae-* prefixed selector above.
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:50;
  background:var(--ae-bg);
  border-bottom:1px solid var(--ae-border);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:var(--ae-space-3) var(--ae-space-4);
  max-width:1280px;margin:0 auto;
}
.header-logo{font-size:1.4rem;font-weight:800;letter-spacing:.5px;color:var(--ae-fg)}
.header-nav{display:flex;gap:var(--ae-space-4);align-items:center}
.nav-link{font-size:.95rem;color:var(--ae-fg-dim);transition:color .15s}
.nav-link:hover,.nav-link.active{color:var(--ae-fg)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.6rem 1.4rem;border-radius:var(--ae-radius);
  font-weight:700;font-size:.9rem;cursor:pointer;border:none;
}
.btn-primary{background:var(--ae-accent);color:#fff}

.site-footer{
  border-top:1px solid var(--ae-border);padding:var(--ae-space-8) 0 var(--ae-space-4);
  margin-top:var(--ae-space-8);
}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 var(--ae-space-4)}
.footer-bottom{
  border-top:1px solid var(--ae-border);padding-top:var(--ae-space-3);
  display:flex;justify-content:space-between;color:var(--ae-fg-dim);font-size:.8rem;
}

/* ── blog.html AI_INJECT_START card grid (WF Inject Blog Card contract) ── */
.article-card{
  display:block;text-decoration:none;
  background:var(--ae-bg-alt);border:1px solid var(--ae-border);border-radius:var(--ae-radius);
  overflow:hidden;
}
.article-thumb{aspect-ratio:4/3;overflow:hidden;background:var(--ae-bg)}
.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.article-card .article-body{padding:var(--ae-space-3)}
.article-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.article-cat{color:var(--ae-accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.article-date{color:var(--ae-fg-dim);font-size:.78rem}
.article-card h2{font-size:1.05rem;font-weight:700;margin:.2rem 0 .4rem;color:var(--ae-fg)}
.article-excerpt{color:var(--ae-fg-dim);font-size:.88rem;line-height:1.5;margin-bottom:.6rem}
.article-link{color:var(--ae-accent);font-size:.85rem;font-weight:700}

@media(max-width:960px){
  .header-nav{display:none}
}