:root{--bg:#0B1210;--panel:#12231d;--panel2:#19372b;--text:#eff6f1;--muted:#b8c8c0;--mint:#7CFFCB;--gold:#FFD18C;--line:#3e5b4d}
header{background:#0b1210f5}.footer-inner{background:#09120e}.footer-copy{color:var(--muted)}
.head-row{max-width:1440px;gap:12px}.head-nav a{padding:9px 8px}.head-nav .nav-install{display:none}
.primary:hover{color:#09201c}#bottom a{min-height:44px}button:disabled{cursor:not-allowed}
progress{display:block;width:100%;height:12px;margin:20px 0;accent-color:var(--mint)}
progress::-webkit-progress-bar{background:var(--line);border-radius:6px}progress::-webkit-progress-value{background:var(--mint);border-radius:6px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.academy-card{display:flex;flex-direction:column;gap:4px}.academy-card p{overflow-wrap:anywhere}.academy-card h3{margin-bottom:0}
.example-card{border-style:dashed;background:linear-gradient(135deg,#233727,#12231d)}.example-card h3,#preview-heading{margin-top:20px}.example-card .badge{white-space:normal}
.evidence-timeline{padding-inline-start:24px;color:var(--muted)}.evidence-timeline li{padding:8px 0;border-bottom:1px solid var(--line)}
#draft-intent{white-space:pre-wrap;overflow-wrap:anywhere}#guest-workspace{align-self:start}#guest-workspace .actions{gap:10px}#guest-workspace .actions>*{flex:1;min-width:135px}
.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem;text-align:start}th,td{text-align:start;padding:16px 12px;border-bottom:1px solid var(--line);min-width:120px}thead th{color:var(--mint)}tbody th{font-weight:500}#faq,[id^=faq-],#comparison{scroll-margin-top:120px}
main:focus{outline:none}main:focus-visible{outline:none}.card.link:focus-visible{border-color:var(--gold);outline:3px solid var(--gold);outline-offset:4px}a,button,summary{-webkit-tap-highlight-color:transparent}summary{min-height:44px}
@media(max-width:1280px){.head-nav{display:none;order:4;width:100%;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0}.head-nav.open{display:grid}.head-row{flex-wrap:wrap}#mobile-menu{display:inline-flex}.head-tools{margin-inline-start:auto}}
@media(max-width:740px){.head-nav .nav-install{display:block}.head-nav .nav-install button{width:100%}.head-row{gap:8px}.head-tools select{max-width:83px}#bottom a{overflow-wrap:anywhere}.example-card .badge{font-size:.72rem}.table-scroll{margin:0 -6px}th,td{padding:12px 8px}.academy-card p{font-size:.95rem}}
