
/* AI Fluency for Work review-ready domain additions, v1.0 */
.nav { gap: 10px; }
.nav a { white-space: nowrap; }
.nav a.nav-primary { border: 1px solid rgba(125,147,255,.35); border-radius: 999px; padding: 10px 14px; background: rgba(37,99,255,.12); }
.footer-links { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.review-hero { padding-top: 82px; padding-bottom: 58px; }
.review-kicker { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(125,147,255,.32); background: rgba(37,99,255,.12); border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 800; letter-spacing: .02em; color: var(--accent, #8EA4FF); }
.review-hero h1 { max-width: 920px; }
.review-hero p { max-width: 790px; }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.review-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.review-card { border: 1px solid rgba(125,147,255,.22); border-radius: 24px; padding: 24px; background: rgba(8,15,35,.74); box-shadow: 0 24px 60px rgba(0,0,0,.18); }
html[data-theme="light"] .review-card { background: #fff; box-shadow: 0 18px 40px rgba(15,23,42,.08); }
.review-card h2, .review-card h3 { margin-top: 0; }
.review-card p, .review-card li { color: var(--muted, #AEB7D9); line-height: 1.65; }
html[data-theme="light"] .review-card p, html[data-theme="light"] .review-card li { color: #475569; }
.review-card ul { margin: 12px 0 0; padding-left: 20px; }
.review-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 18px; border: 1px solid rgba(125,147,255,.22); }
.review-table th, .review-table td { padding: 14px 16px; border-bottom: 1px solid rgba(125,147,255,.18); text-align: left; vertical-align: top; }
.review-table th { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--accent, #8EA4FF); }
.review-table td { color: var(--muted, #AEB7D9); }
html[data-theme="light"] .review-table td { color: #475569; }
.review-note { border-left: 4px solid #60A5FA; background: rgba(96,165,250,.10); border-radius: 18px; padding: 18px 20px; color: var(--muted, #AEB7D9); }
html[data-theme="light"] .review-note { color: #475569; }
.review-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.review-pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.review-pill-row span { border: 1px solid rgba(125,147,255,.28); background: rgba(37,99,255,.10); border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 800; color: var(--muted, #AEB7D9); }
html[data-theme="light"] .review-pill-row span { color: #334155; }
.faq-list { display: grid; gap: 14px; }
.faq-list details { border: 1px solid rgba(125,147,255,.22); border-radius: 18px; background: rgba(8,15,35,.74); overflow: hidden; }
html[data-theme="light"] .faq-list details { background: #fff; }
.faq-list summary { cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 18px 20px; font-weight: 900; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details[open] summary { border-bottom: 1px solid rgba(125,147,255,.18); }
.faq-icon { width: 18px; height: 18px; min-width: 18px; max-width: 18px; color: #60A5FA; }
.faq-icon svg { width: 18px; height: 18px; display: block; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.faq-answer { padding: 0 20px 18px 50px; color: var(--muted, #AEB7D9); line-height: 1.65; }
html[data-theme="light"] .faq-answer { color: #475569; }
.status-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 24px; }
.status-strip div { border: 1px solid rgba(125,147,255,.20); border-radius: 18px; padding: 16px; background: rgba(255,255,255,.04); }
.status-strip strong { display: block; margin-bottom: 4px; }
.status-strip span { color: var(--muted, #AEB7D9); font-size: 13px; }
html[data-theme="light"] .status-strip span { color: #475569; }
@media (max-width: 980px) { .nav a:not(.nav-primary) { display: none; } .review-grid, .review-grid.two, .status-strip { grid-template-columns: 1fr; } .review-hero { padding-top: 52px; } }

/* v1.1 FAQ / AI SEO upgrade: local icon and accordion guardrails */
.page-faq { padding-top: 48px; }
.section-mini-icon {
  display:inline-flex; width:18px; height:18px; min-width:18px; min-height:18px; max-width:18px; max-height:18px;
  margin-right:10px; color:#60A5FA; vertical-align:-2px; overflow:hidden;
}
.section-mini-icon svg { width:18px !important; height:18px !important; display:block; stroke:currentColor; fill:none; }
.faq-list { display:grid; gap:12px; }
.faq-list details.faq-item, .faq-list details {
  border:1px solid rgba(125,147,255,.22); border-radius:16px; background:rgba(8,15,35,.74); overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
html[data-theme="light"] .faq-list details.faq-item, html[data-theme="light"] .faq-list details { background:#FFFFFF; }
.faq-list details[open] { border-color:#60A5FA; box-shadow:0 14px 34px rgba(37,99,255,.10); }
.faq-list summary {
  cursor:pointer; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:18px 20px;
  font-weight:900; list-style:none; min-height:48px;
}
.faq-list summary::-webkit-details-marker { display:none; }
.faq-question-wrap { display:flex; align-items:flex-start; gap:10px; min-width:0; flex:1 1 auto; }
.faq-question-icon, .faq-icon {
  width:18px !important; height:18px !important; min-width:18px !important; min-height:18px !important;
  max-width:18px !important; max-height:18px !important; flex:0 0 18px !important; margin-top:1px; overflow:hidden;
}
.faq-question-icon svg, .faq-icon svg, .faq-svg {
  width:18px !important; height:18px !important; min-width:18px !important; min-height:18px !important;
  max-width:18px !important; max-height:18px !important; display:block; stroke:currentColor; fill:none; stroke-width:1.5;
}
.faq-question-text { font-size:15px; font-weight:800; line-height:1.4; color:var(--text, #F8FAFC); }
html[data-theme="light"] .faq-question-text { color:#1A2B3C; }
.faq-chevron { width:20px; height:20px; min-width:20px; max-width:20px; flex:0 0 20px; margin-top:1px; color:#60A5FA; transition:transform .2s ease; }
.faq-chevron svg { width:20px; height:20px; display:block; }
details[open] .faq-chevron { transform:rotate(90deg); }
.faq-list details[open] summary { border-bottom:1px solid rgba(125,147,255,.18); }
.faq-answer { padding:0 20px 18px 48px; color:var(--muted, #AEB7D9); line-height:1.7; }
html[data-theme="light"] .faq-answer { color:#475569; }
.faq-answer p { margin:0; }
.icon-blue { color:#60A5FA; }
.icon-green { color:#34D399; }
.icon-red { color:#F87171; }
.icon-orange { color:#FB923C; }
.icon-purple { color:#A78BFA; }
.icon-gold { color:#FBBF24; }
@media (max-width: 640px) {
  .faq-list summary { padding:16px 16px; gap:10px; }
  .faq-answer { padding:0 16px 16px 44px; }
  .faq-question-text { font-size:14px; }
  .section-mini-icon { margin-right:8px; }
}
