.brand em { font-style: normal; color: var(--lime); font-weight: 600; }
.wrap { max-width: 860px; }
.intro { text-align: center; padding: 2.5rem 0 1.5rem; }
.intro h1 { margin: 0; font-size: clamp(2.3rem, 6vw, 3.6rem); line-height: 1.05; letter-spacing: -.03em; }
.intro .lede { margin: 1rem auto 1.6rem; }
section h2 { font-size: 1.35rem; margin: 2.4rem 0 .9rem; }
.muted { color: var(--muted); }
.searchbox { display: flex; align-items: center; gap: .6rem; max-width: 640px; margin: 0 auto; background: #1f181a; border: 1px solid var(--line); border-radius: 999px; padding: .4rem .45rem .4rem 1.1rem; box-shadow: 0 10px 40px #0006; }
.searchbox:focus-within { border-color: #c3e12699; box-shadow: 0 0 0 4px #c3e1261f, 0 10px 40px #0006; }
.searchbox svg { color: var(--dim); flex: none; }
.searchbox input { flex: 1; min-width: 0; background: none; border: 0; outline: 0; color: var(--text); font: inherit; padding: .55rem 0; }
.searchbox input::placeholder { color: var(--dim); }
.searchbox button, .actions button { border: 0; border-radius: 999px; background: var(--lime); color: var(--lime-ink); font: 700 .95rem system-ui, sans-serif; padding: .65rem 1.25rem; cursor: pointer; }
.searchbox button:hover, .actions button:hover { filter: brightness(1.08); }

.fixes details { background: linear-gradient(180deg, #2a2124, #221b1d); border: 1px solid var(--line); border-radius: 14px; margin-bottom: .6rem; scroll-margin-top: 1rem; }
.fixes details[open] { border-color: #c3e12655; }
.fixes summary { list-style: none; cursor: pointer; padding: 1rem 3rem 1rem 1.2rem; position: relative; font-weight: 600; }
.fixes summary::-webkit-details-marker { display: none; }
.fixes summary::after { content: ""; position: absolute; right: 1.2rem; top: 50%; width: 9px; height: 9px; margin-top: -6px; border-right: 2px solid var(--lime); border-bottom: 2px solid var(--lime); transform: rotate(45deg); transition: transform .2s; }
.fixes details[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.fixes ol, .fixes p { margin: 0 1.2rem .8rem; padding-left: 1.1rem; color: var(--muted); }
.fixes p { padding-left: 0; }
.fixes li { margin: .3rem 0; }
.fixes b { color: var(--text); }
.more { display: inline-block; margin: 0 1.2rem 1rem; font-size: .92rem; }
code, kbd { font: .86em ui-monospace, Menlo, Consolas, monospace; background: #c3e12614; color: var(--text); border: 1px solid #c3e12633; border-bottom-width: 2px; border-radius: 6px; padding: .05em .4em; }

.links { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .7rem; }
.links a { display: block; background: #221b1d; border: 1px solid var(--line); border-radius: 14px; padding: .9rem 1.1rem; color: var(--text); transition: border-color .2s, transform .2s; }
.links a:hover { border-color: #c3e12666; transform: translateY(-2px); text-decoration: none; }
.links span { display: block; color: var(--muted); font-size: .9rem; }

.report { background: #221b1d; border: 1px solid var(--line); border-radius: 16px; padding: 1.2rem; margin-bottom: 4rem; }
.report label { display: block; font-weight: 600; font-size: .92rem; margin: .9rem 0 .35rem; }
.report label:first-child { margin-top: 0; }
.report textarea { width: 100%; resize: vertical; background: #161113; color: var(--text); border: 1px solid var(--line); border-radius: 10px; padding: .7rem .8rem; font: inherit; font-size: .95rem; }
.report textarea:focus { outline: 0; border-color: #c3e12699; }
#report-text { font: .85rem ui-monospace, Menlo, Consolas, monospace; color: var(--muted); }
.actions { display: flex; align-items: center; gap: 1rem; margin-top: .8rem; }
.send { margin: 1rem 0 0; color: var(--muted); font-size: .92rem; }
.send b { color: var(--text); font-weight: 500; }