.content-architecture { --ca-ink:#17241c; --ca-muted:#53635a; --ca-line:#dce5dd; --ca-paper:#fff; --ca-soft:#f3f7f3; color:var(--ca-ink); }
.content-architecture .reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.content-architecture .reference-card { min-width:0; padding:1.4rem; border:1px solid var(--ca-line); background:var(--ca-paper); border-radius:0; box-shadow:0 10px 30px rgba(22,39,27,.045); }
.content-architecture .reference-card h3 { margin:.55rem 0 .6rem; font-size:clamp(1.1rem,1.5vw,1.35rem); line-height:1.3; overflow-wrap:anywhere; }
.content-architecture .reference-card p { color:var(--ca-muted); line-height:1.7; }
.content-architecture .reference-card a { display:inline-flex; margin-top:.45rem; color:#176c37; font-weight:700; text-underline-offset:.2em; }
.content-architecture .reference-index { display:inline-flex; color:#176c37; font-size:.78rem; font-weight:800; letter-spacing:.1em; }
.content-architecture .responsive-table { width:100%; overflow-x:auto; border:1px solid var(--ca-line); background:var(--ca-paper); }
.content-architecture .architecture-table { width:100%; min-width:760px; border-collapse:collapse; text-align:left; }
.content-architecture .architecture-table caption { padding:1rem; color:var(--ca-muted); font-weight:700; text-align:left; }
.content-architecture .architecture-table th,.content-architecture .architecture-table td { padding:.9rem 1rem; border-top:1px solid var(--ca-line); vertical-align:top; line-height:1.55; }
.content-architecture .architecture-table thead th { background:#edf4ee; font-size:.86rem; }
.content-architecture .architecture-table tbody th { min-width:145px; font-weight:750; }
.content-architecture .architecture-table a { color:#176c37; text-underline-offset:.18em; }
.content-architecture .architecture-figure { min-width:0; margin:0; padding:1rem; border:1px solid var(--ca-line); background:#f7faf7; }
.content-architecture .architecture-figure img { display:block; width:100%; height:auto; }
.content-architecture .architecture-figure figcaption,.content-architecture .source-note { margin:.75rem 0 0; color:var(--ca-muted); font-size:.9rem; line-height:1.6; }
.content-architecture .industry-reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.content-architecture .source-note a { color:#176c37; }
.content-architecture .page-hero .btn-quiet{color:#f7fff6;border-color:#d5e3d3;background:rgba(255,255,255,.04)}
.content-architecture .page-hero .btn-quiet:hover,.content-architecture .page-hero .btn-quiet:focus-visible{color:#102014;border-color:#a8e84d;background:#a8e84d}
.content-architecture .page-hero .btn-quiet:focus-visible{outline:3px solid #a8e84d;outline-offset:3px}
@media (max-width:900px) { .content-architecture .reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .content-architecture .reference-grid,.content-architecture .industry-reference-grid { grid-template-columns:minmax(0,1fr); } .content-architecture .reference-card { padding:1.1rem; } }