:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172b2a; background: #f3f8f6; }
body { margin: 0; padding: 20px; }
.trial-card { max-width: 680px; margin: 20px auto; padding: 24px; background: #fff; border: 1px solid #c9dbd3; border-radius: 16px; }
header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
header label { display: flex; align-items: center; gap: 8px; }
a { color: #00684a; }
#trialBack { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
h1 { line-height: 1.25; }
p { line-height: 1.65; overflow-wrap: anywhere; }
.trial-progress { font-size: 1.2rem; font-weight: 700; }
.trial-actions { display: grid; gap: 12px; margin-top: 20px; }
button, select { min-height: 44px; font: inherit; border: 1px solid #00684a; border-radius: 8px; padding: 10px 14px; }
button { background: #00684a; color: white; cursor: pointer; }
button:disabled { color: #52645c; background: #e6eee9; border-color: #bccac2; cursor: default; }
button:focus-visible, a:focus-visible, select:focus-visible { outline: 3px solid #e5a400; outline-offset: 3px; }
.trial-note { font-size: .92rem; color: #455b52; }
@media (max-width: 400px) { body { padding: 10px; } .trial-card { margin: 6px auto; padding: 16px; } }