/* Homepage community questions; see scripts/community-questions.mjs. */
.community-questions { background:#e9f0f2; border-top:1px solid #d3e0e4; }
.cq { display:grid; grid-template-columns:minmax(200px,250px) minmax(0,1fr); gap:24px; align-items:start; }
.cq-nav { position:sticky; top:84px; }
.cq-nav ol { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.cq-nav a { display:flex; align-items:center; min-height:48px; padding:10px 14px; border:1px solid #c3d3d9; border-radius:4px; background:var(--white); color:var(--ink); font-weight:700; line-height:1.25; text-decoration:none; overflow-wrap:anywhere; }
.cq-nav a:hover { border-color:#6d8da2; }
.cq-nav a[aria-selected="true"] { background:var(--ink); border-color:var(--ink); color:var(--white); box-shadow:inset 4px 0 var(--cyan); }
.cq-nav a:focus-visible, .cq-panel a:focus-visible, .cq-copy:focus-visible { outline:3px solid #166674; outline-offset:3px; }
.cq-panel { min-width:0; padding:28px; border:1px solid var(--line-dark); background:var(--white); overflow-wrap:anywhere; }
.cq-panel + .cq-panel { margin-top:18px; }
.cq-ready .cq-panel + .cq-panel { margin-top:0; }
.cq-panel h3 { margin:0 0 10px; font:500 clamp(1.6rem,2.6vw,2.15rem)/1.1 var(--serif); letter-spacing:-.02em; }
.cq-answer { max-width:70ch; margin:0 0 6px; color:#23384d; font-size:1.06rem; line-height:1.55; }
.cq-count { margin:10px 0 0; font-weight:700; }
.cq-count a { color:#166674; }
.cq-body { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:28px; margin-top:22px; }
.cq-panel h4 { margin:0 0 10px; color:#316b76; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.cq-examples ol { list-style:none; margin:0; padding:0; display:grid; gap:16px; }
.cq-example { padding-left:14px; border-left:3px solid #9fc6cc; }
.cq-example p { margin:0 0 4px; color:#2b3e52; font-size:1rem; line-height:1.5; }
.cq-example .cq-example-place { color:#46576a; font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; font-weight:760; }
.cq-example .cq-example-meta { color:#5b6b7c; font-size:.82rem; }
.cq-example a { color:#166674; font-weight:650; }
.cq-example-meta a { display:inline-flex; align-items:center; min-height:44px; }
.cq-side { display:grid; gap:14px; align-content:start; }
.cq-watch { padding:14px 16px; border:1px solid #efcf98; background:#fff6e6; }
.cq-watch p { margin:0; color:#3c2a0d; font-size:.95rem; line-height:1.5; }
.cq-watch h4 { color:#8a4b00; }
.cq-ask { padding:14px 16px; border:1px solid #c6dce2; background:#f1f7f9; }
.cq-ask p { margin:0 0 8px; color:#2b3e52; font-size:.92rem; }
.cq-ask ul { margin:0; padding-left:1.15em; display:grid; gap:6px; color:#1c3044; font-size:.93rem; line-height:1.45; }
.cq-copy-row { margin:12px 0 0 !important; }
.cq-copy { min-height:44px; padding:0 14px; border:1px solid #718a98; border-radius:4px; background:var(--white); color:var(--ink); font:inherit; font-weight:700; cursor:pointer; }
.cq-copy-status { color:#166674; font-size:.88rem; font-weight:700; }
.cq-links { display:flex; flex-wrap:wrap; gap:6px 22px; margin:20px 0 0; }
.cq-links .text-link { display:inline-flex; align-items:center; min-height:44px; color:#166674; font-size:.95rem; }
.cq-unchecked { margin:18px 0 0; color:#46576a; font-size:.92rem; }
.cq-more { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 0; }
.community-questions .cq-more .button.secondary { color:var(--ink); border-color:#7e929f; }
@media (max-width:900px) {
  .cq { grid-template-columns:1fr; gap:14px; }
  .cq-nav { position:static; }
  .cq-nav ol { grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr)); }
  .cq-body { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:520px) {
  .cq-panel { padding:20px 16px; }
  .cq-nav a { min-height:44px; padding:8px 12px; font-size:.95rem; }
  .cq-more .button { flex:1 1 100%; }
}