/**
 * assets/ogace-pillar.css — OGACE Buddhism pillar (light OGA brand + warm accent).
 */
.ogace-pillar { --pl-navy:#001D6C; --pl-gold:#EAB308; --pl-red:#b01c2e; max-width:1080px; margin:0 auto 26px; }
.ogace-pillar__prompt { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11px; color:var(--pl-gold); margin:0 0 4px; }
.ogace-pillar__title { margin:0 0 4px; font-size:clamp(20px,3vw,26px); font-weight:800; color:var(--pl-navy); }
.ogace-pillar__sub { margin:0 0 18px; font-size:13px; color:#55617a; max-width:72ch; }

.ogace-pillar__grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.ogace-pillar__card {
	background:linear-gradient(135deg,#fffaf0,#fff); border:1px solid #f0dcae; border-radius:14px; padding:18px;
	transition:transform .14s ease, box-shadow .14s ease;
}
.ogace-pillar__card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(192,138,0,.14); }
.ogace-pillar__ico { font-size:30px; line-height:1; margin-bottom:8px; }
.ogace-pillar__name { margin:0 0 6px; font-size:15.5px; font-weight:700; color:var(--pl-navy); }
.ogace-pillar__desc { margin:0 0 12px; font-size:13px; color:#4a5568; line-height:1.6; }
.ogace-pillar__cta { font-size:13px; font-weight:700; color:var(--pl-red); text-decoration:none; }
.ogace-pillar__cta:hover { color:var(--pl-navy); }

/* Legal document basic styling (shared, lightweight) */
.ogace-legal { max-width:780px; margin:0 auto 24px; }
.ogace-legal__title { font-size:22px; font-weight:800; color:#001D6C; margin:0 0 4px; }
.ogace-legal__updated { font-size:12px; color:#8894ac; margin:0 0 14px; }
.ogace-legal__body { font-size:14px; color:#2b2f38; line-height:1.75; }
.ogace-legal__note { margin-top:16px; font-size:12px; color:#8894ac; font-style:italic; }
.ogace-legal-index { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; }
.ogace-legal-index a { display:block; padding:10px 13px; border:1px solid #e3e8f2; border-radius:10px; text-decoration:none; color:#001D6C; font-weight:600; font-size:13px; }
.ogace-legal-index a:hover { border-color:#001D6C; color:#b01c2e; }

@media (prefers-reduced-motion: reduce){ .ogace-pillar__card { transition:none; } .ogace-pillar__card:hover { transform:none; } }