.sample-entry { margin-top: auto; padding-top: 28px; align-self: start; }
.start-copy:has(.sample-entry) { display: flex; flex-direction: column; }
.sample-entry button { min-height: 44px; }
.sample-status { font-size: 14px; margin: 8px 0; }
.sample-screen { padding: 24px; max-width: 1000px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.sample-head, .sample-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sample-head { border-bottom: 1px solid #ccd9dd; padding-bottom: 16px; margin-bottom: 20px; }
.sample-head h2 { font-size: 24px; margin: 0 0 8px; }
.sample-head p { margin: 0; }
.sample-nav { margin-top: 24px; }
.sample-nav[hidden] { display: none; }
.sample-package-list { display: grid; gap: 12px; }
.sample-package-list button { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; }
.sample-package-list button span { font-size: 14px; font-weight: normal; }
.sample-options { display: grid; gap: 10px; margin-top: 20px; }
.sample-options .choice { width: 100%; }
.sample-options .choice-content { width: 100%; }
.sample-feedback { padding: 12px 0; font-weight: bold; }
.sample-feedback.correct { color: #16753c; }
.sample-feedback.incorrect { color: #b12727; }
.sample-admin { border-top: 1px solid #ccd9dd; padding-top: 16px; margin-top: 16px; display: grid; gap: 12px; }
.sample-admin h3 { margin: 0; font-size: 18px; }
.sample-admin label { display: grid; gap: 6px; }
@media (max-width: 600px) { .sample-screen { padding: 16px; } .sample-head h2 { font-size: 20px; } }