/* TGRW Tech — hand-written styles for FAQ blocks and blog articles.
   Kept separate from the compiled tailwind.css so it survives rebuilds. */

/* FAQ accordions */
.faq-list{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}
.faq-item{border:1px solid #27272a;border-radius:1rem;background:#18181b;padding:1.25rem 1.5rem;transition:border-color .2s}
.faq-item:hover,.faq-item[open]{border-color:#3f3f46}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;font-size:1.0625rem;color:#f4f4f5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:#dc2626;font-size:1.5rem;line-height:1;flex-shrink:0}
.faq-item[open] summary::after{content:"\2212"}
.faq-item summary:focus-visible{outline:2px solid #dc2626;outline-offset:4px;border-radius:.25rem}
.faq-item p{color:#a1a1aa;margin-top:.875rem;line-height:1.7}

/* Blog articles */
.article-body{max-width:46rem;margin:0 auto;font-size:1.0625rem;line-height:1.8;color:#d4d4d8}
.article-body h2{font-size:1.75rem;line-height:1.2;margin:3rem 0 1rem;color:#fff}
.article-body h3{font-size:1.25rem;line-height:1.3;margin:2rem 0 .75rem;color:#fff}
.article-body p{margin:0 0 1.25rem}
.article-body ul,.article-body ol{margin:0 0 1.5rem 1.25rem;padding-left:.5rem}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li{margin-bottom:.5rem;padding-left:.25rem}
.article-body li::marker{color:#dc2626}
.article-body a{color:#ef4444;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#f87171}
.article-body strong{color:#fff;font-weight:600}
.quick-answer{border:1px solid #27272a;border-left:4px solid #dc2626;background:#18181b;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:2.5rem}
.quick-answer .qa-label{display:block;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:#dc2626;margin-bottom:.5rem}
.quick-answer p{margin:0;color:#e4e4e7}
.article-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-top:1.5rem}
.breadcrumb{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-bottom:1rem}
.breadcrumb a{color:#a1a1aa}
.breadcrumb a:hover{color:#dc2626}

/* Header nav: tighter spacing on tablets so 8 links + button fit, normal spacing on desktop */
nav[aria-label="Primary"] .nav-link{white-space:nowrap}
@media (min-width:1024px){nav[aria-label="Primary"]{gap:2rem}}
@media (min-width:768px) and (max-width:899px){nav[aria-label="Primary"]{gap:.9rem}nav[aria-label="Primary"] .nav-link{font-size:.8125rem}}

/* FAQ blocks inside blog articles: keep accordion spacing, not article paragraph spacing */
.article-body .faq-item p{margin:.875rem 0 0;font-size:1rem;line-height:1.7}