/* Section below interactive tool */
.use-cases{background:var(--parchment);color:var(--ink);padding:64px 24px}
.use-cases-inner{max-width:var(--max);margin:0 auto}
.use-cases h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--ink);margin:0 0 18px;line-height:1.2}
.use-cases h2 em{font-style:italic;color:var(--gold)}
.use-cases p.lead{font-size:1.05rem;color:#333;margin-bottom:36px;max-width:760px}
.uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}
.uc-card{background:#fff;border:1px solid var(--card-border);border-radius:8px;padding:24px}
.uc-card h3{font-family:var(--serif);font-size:1.15rem;color:var(--ink);margin:0 0 10px;font-weight:600}
.uc-card p{font-size:0.95rem;color:#333;margin:0;line-height:1.55}
.uc-meta{font-family:var(--mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--gold);margin-bottom:8px;font-weight:500}

.faq-section{background:#fff;color:var(--ink);padding:64px 24px;border-top:1px solid var(--card-border)}
.faq-inner{max-width:760px;margin:0 auto}
.faq-section h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--ink);margin:0 0 32px;line-height:1.2}
.faq-section h2 em{font-style:italic;color:var(--gold)}
.faq-item{border-bottom:1px solid var(--card-border);padding:18px 0}
.faq-q{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ink);background:none;border:none;width:100%;text-align:left;cursor:pointer;padding:0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-q::after{content:"+";font-family:var(--mono);font-size:1.2rem;color:var(--gold);transition:transform 0.2s}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{display:none;margin-top:14px;color:#333;font-size:0.98rem;line-height:1.6}
.faq-a a{color:var(--gold);text-decoration:underline}
.faq-item.open .faq-a{display:block}

.skip-link{position:absolute;top:-40px;left:0;background:var(--gold);color:#fff;padding:8px 14px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:0 0 4px 0;z-index:100;text-decoration:none}
.skip-link:focus{top:0}

/* Site footer */
.footer{background:#111;color:#aaa;padding:48px 24px 32px;margin-top:0}
.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
@media (max-width: 820px){.footer-inner{grid-template-columns:1fr 1fr;gap:24px}}
.footer-brand{font-family:var(--serif);font-size:1.1rem;color:#fff;margin-bottom:12px}
.footer-brand em{font-style:italic;color:var(--gold)}
.footer p{font-size:0.85rem;line-height:1.55}
.footer-cat-head{font-family:var(--mono);font-size:0.66rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--gold);margin-bottom:10px;font-weight:500}
.footer-cat a{display:block;font-size:0.82rem;color:#aaa;text-decoration:none;padding:3px 0}
.footer-cat a:hover{color:#fff}
.footer-bottom{max-width:var(--max);margin:32px auto 0;padding-top:20px;border-top:1px solid #333;font-size:0.75rem;color:#666;text-align:center;font-family:var(--mono)}


.wf-shared{background:#fff;border:1px solid #e2e2de;border-left:3px solid #9a7a2e;border-radius:10px;padding:16px 18px;margin:0 0 18px}
.wf-shared-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.wf-shared-cap{font-family:'DM Mono',ui-monospace,monospace;font-size:.72rem;letter-spacing:.04em;color:#9a7a2e;text-transform:uppercase}
.wf-shared-x{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:#999}
.wf-shared-x:hover{color:#111}
.wf-shared-pre{white-space:pre-wrap;word-break:break-word;font-family:'DM Mono',ui-monospace,monospace;font-size:.82rem;line-height:1.5;background:#faf9f6;border:1px solid #ececE6;border-radius:8px;padding:14px;margin:0 0 12px;max-height:340px;overflow:auto}
.wf-shared-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wf-shared-src{color:#9a7a2e;font-size:.8rem;text-decoration:none}
.wf-shared-src:hover{text-decoration:underline}
.wf-shared-note{font-size:.76rem;color:#777}
