[kumi222]

Align section header font properties and toggle indicators across both the Add a case and Test results drawers for visual consistency.

Closes #298

---

Summary by cubic

Standardizes header typography and toggle indicators across the Add a case and Test results drawers so both panels look and behave consistently. Closes #298.

• Replaces the native <details> marker above Add a case with a shared CSS-drawn chevron that rotates 90° when opened and returns when closed.
• Hides the native marker and applies the same font, padding, alignment, and spacing to both headers.
• Adds a browser test verifying both headers share marker and typography styles and that each chevron rotates on open and restores on close.

^{Written for commit 3dd6b0d. Summary will update on new commits.}

[jserv]

Improve git commit messages per https://cbea.ms/git-commit/ :

1. Separate subject from body with a blank line
2. Limit the subject line to 50 characters
3. Capitalize the subject line
4. Do not end the subject line with a period
5. Use the imperative mood in the subject line
6. Wrap the body at 72 characters
7. Use the body to explain what and why vs. how

The English writing must be improved, addressing comprehensive why vs. how.

[kumi222]

Improve git commit messages per https://cbea.ms/git-commit/ :

1. Separate subject from body with a blank line
2. Limit the subject line to 50 characters
3. Capitalize the subject line
4. Do not end the subject line with a period
5. Use the imperative mood in the subject line
6. Wrap the body at 72 characters
7. Use the body to explain what and why vs. how

The English writing must be improved, addressing comprehensive why vs. how.

Refined the git commit message to improve the English phrasing and comprehensively explain the underlying rationale (why), thank you!

[jserv]

CI fails on the indent gate: interview.html has formatting drift. Run make indent, then amend and force-push. The cargo-audit failure on the same run comes from rustls on main, not from this branch, and needs nothing from you.

[kumi222]

[jserv]

The screenshots should be placed in the descriptions of pull request instead of comments.

[jserv]

Check CONTRIBUTING.md carefully and run make indent.

[jserv]

Before asking someone to review, you MUST resolve any regressions flagged by GitHub Actions.

[jserv]

Folding #results-toggle into this shared rule dropped its cursor: pointer, and only #candidate-case > summary sets it again, so the Test results header now shows the default arrow cursor while Add a case shows a hand. Put the cursor in the shared rule so both headers behave the same.

Suggested change

	font-family: inherit;
	font-size: 0.875rem;
	font-family: inherit;
	font-size: 0.875rem;
	cursor: pointer;

[jserv]

The two arrows still disagree when closed: .drawer-chevron turns to rotate(-45deg) and points right, while #results-toggle[aria-expanded="false"] turns this one to point up. This one also keeps margin-right: 0.25rem on top of the new gap, so the "Test results" label starts further right than "Add a case". Pick one closed direction and draw both spans from one shared rule (size, spacing and transforms), keyed off [open] and aria-expanded, and update the comment above to match.

[jserv]

Rebase onto the latest main branch, fix any regressions detected by GitHub Actions, and address the review comments.

No merge conflicts at the current head.

[jserv]

Rebase the current branch onto the upstream default branch and resolve any conflicts. Run /codetrial-review in AI agents (use $codetrial-review in Codex) and resolve all identified issues. Rework the series into minimal, logically coherent commits, squash closely related commits, and ensure all commit messages follow the project’s rules.

[jserv]

Thank @kumi222 for contributing!