/* =====================================================================
   v2.css — small additions for EnrolUAE v2 (the design comes from css/styles.css)
   ===================================================================== */

/* Discreet note for images created with AI (replaces the old "render" tag) */
.ai-note { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.72rem; color: var(--ink-500); font-style: italic; }
.photo-card figcaption .ai-note, .curr-media .ai-note { position: absolute; left: 0.7rem; bottom: 0.6rem; background: rgba(255,255,255,0.88); color: var(--ink-700); padding: 0.2rem 0.55rem; border-radius: 999px; font-style: normal; white-space: nowrap; }
.photo-card figcaption { position: absolute; left: 0; bottom: 0; }
.curr-media { position: relative; }
.ai-note-hero { margin-top: 1.25rem; color: rgba(217,238,241,0.75); }
.ai-note-light { color: rgba(217,238,241,0.75); justify-content: center; }

/* Six feature cards instead of five */
.feature-grid-6 { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 1024px) { .feature-grid-6 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .feature-grid-6 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .feature-grid-6 { grid-template-columns: 1fr; } }

/* Process progress text (the bar of v1 is replaced by a simple counter) */
.process-progress-text { margin: -0.5rem 0 1rem; color: var(--ink-700); }

/* Curriculum cards: expandable detail with <details> */
.curr-more summary { list-style: none; cursor: pointer; display: inline-flex; margin-top: 0.4rem; }
.curr-more summary::-webkit-details-marker { display: none; }
.curr-more[open] summary { background: var(--navy-900); color: var(--white); border-color: var(--navy-900); }
.curr-more h4 { margin: 1.1rem 0 0.4rem; }
.structure-table { font-size: 0.86rem; }

/* Language switch link styled like the v1 menu button */
.lang-switch { text-decoration: none; }

/* Costs extras heading */
.costs-extras-title { margin: 1.25rem 0 0.75rem; }

/* FAQ answer padding (v1 used a nested <p>; v2 wraps in .faq-body) */
.faq-body { padding: 0 1.3rem 1.1rem; color: var(--ink-700); }

/* Chat status line without the "topics" counter */
.chat-status i { flex-shrink: 0; }