/* IDB Store — Phase 6 styles (static / legal / contact / faq pages). */
.page-hero { text-align:center; padding:40px 0 10px; }
.page-hero h1 { font-size:clamp(2rem,5vw,3rem); }
.page-hero p { color:var(--text-muted); max-width:620px; margin:10px auto 0; }

.prose { max-width:820px; margin:0 auto; }
.prose h2 { font-size:1.4rem; margin:28px 0 12px; }
.prose h3 { font-size:1.1rem; margin:20px 0 8px; }
.prose p, .prose li { color:var(--text-muted); line-height:1.8; }
.prose ul { margin:10px 0 10px 20px; list-style:disc; }
.prose a { color:var(--accent); }
.prose .lead { font-size:1.1rem; color:var(--text); }
.prose .updated { font-size:.85rem; color:var(--text-faint); margin-bottom:24px; }

/* value / info cards */
.info-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin:30px 0; }
.info-card { border:1px solid var(--border); border-radius:var(--radius); background:var(--card-bg); padding:26px; text-align:center; }
.info-card .ic-emoji { font-size:2rem; }
.info-card h3 { margin:12px 0 6px; font-size:1.05rem; }
.info-card p { color:var(--text-muted); font-size:.9rem; line-height:1.6; }

/* FAQ accordion */
.faq-list { max-width:760px; margin:0 auto; display:grid; gap:12px; }
.faq-item { border:1px solid var(--border); border-radius:14px; background:var(--card-bg); overflow:hidden; }
.faq-q { width:100%; text-align:left; background:none; border:none; color:var(--text); font-size:1rem; font-weight:600; padding:18px 20px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px; font-family:inherit; }
.faq-q .fi-plus { color:var(--accent); font-size:1.3rem; transition:transform .3s var(--ease); flex:none; }
.faq-item.open .fi-plus { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .35s var(--ease); }
.faq-a-inner { padding:0 20px 18px; color:var(--text-muted); line-height:1.75; }

/* Contact */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; max-width:980px; margin:20px auto 0; }
.contact-info { display:grid; gap:16px; }
.contact-info .ci-row { display:flex; gap:14px; align-items:flex-start; border:1px solid var(--border); border-radius:14px; background:var(--card-bg); padding:18px; }
.contact-info .ci-ico { width:42px; height:42px; border-radius:12px; background:var(--accent-soft, rgba(168,85,247,.14)); color:var(--accent); display:grid; place-items:center; flex:none; }
.contact-info h4 { font-size:.95rem; margin-bottom:2px; } .contact-info p, .contact-info a { color:var(--text-muted); font-size:.9rem; }
.contact-form { border:1px solid var(--border); border-radius:var(--radius); background:var(--card-bg); padding:26px; display:grid; gap:14px; }
.contact-form .field { display:flex; flex-direction:column; gap:6px; }
.contact-form .field span { font-size:.82rem; color:var(--text-muted); }
.contact-form input, .contact-form textarea { padding:12px 14px; border-radius:10px; border:1px solid var(--border); background:var(--surface); color:var(--text); font-family:inherit; font-size:.95rem; }
@media (max-width:760px){ .contact-grid{ grid-template-columns:1fr; } }