/* Homepage-only layout. Shared pages retain their existing design. */
.simple-home {background:#f8fafc;color:#172033;line-height:1.6;}
.simple-home.dark {background:#0f172a;color:#e2e8f0;}
.simple-home [hidden] {display:none!important;}
.simple-home a {text-underline-offset:3px;}
.simple-home .site-header {background:transparent;}
.simple-main {width:min(100% - 32px,720px);margin:36px auto 0;padding:0;}
.simple-home h1 {font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.2;margin:0 0 12px;font-weight:700;}
.simple-home h2 {font-size:1.25rem;line-height:1.4;margin:0 0 12px;}
.simple-home h3 {font-size:1rem;line-height:1.5;margin:20px 0 8px;}
.simple-intro {color:#475569;margin:0 0 24px;font-size:1rem;}
.simple-calculator {padding:28px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;}
.simple-home .mode-label {display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;}
.simple-home select,.simple-home input[type="number"] {font:inherit;line-height:1.5;background:#fff;color:#172033;border:1px solid #94a3b8;border-radius:6px;padding:10px 12px;min-height:46px;max-width:100%;box-shadow:none;}
.simple-home select {width:100%;margin-bottom:24px;}
.simple-home label {color:inherit;}
.simple-field {display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:16px;align-items:center;margin:20px 0;}
.simple-field label {font-weight:600;font-size:1rem;margin:0;}
.simple-field label>span:not(#secondGradeLabel) {display:block;font-weight:400;font-size:.8125rem;color:#475569;margin-top:2px;}
.simple-field input {width:100%;}
.simple-note {font-size:.8125rem;color:#475569;margin:12px 0;line-height:1.65;}
.simple-error {color:#b91c1c;font-size:.875rem;margin:12px 0;}
.simple-error:empty,.simple-note:empty {display:none;}
.simple-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;}
.simple-home .btn {font:inherit;font-size:.9375rem;padding:10px 18px;min-height:44px;border-radius:6px;font-weight:600;white-space:normal;transform:none;box-shadow:none;}
.simple-home .btn:hover {transform:none;}
.simple-home .btn-primary {background:#6d28d9;color:#fff;border:1px solid #6d28d9;}
.simple-home .btn-primary:hover {background:#5b21b6;opacity:1;}
.simple-home .btn-outline {background:transparent;color:#334155;border:1px solid #94a3b8;}
.simple-home .btn-outline:hover {background:#f1f5f9;}
.simple-home .btn:focus-visible,.simple-home input:focus-visible,.simple-home select:focus-visible,.simple-home summary:focus-visible {outline:3px solid #7c3aed;outline-offset:3px;}
.simple-home input[aria-invalid="true"] {border:2px solid #b91c1c;}
.simple-details {border-top:1px solid #cbd5e1;margin-top:20px;padding-top:16px;}
.simple-details summary {cursor:pointer;font-size:.875rem;font-weight:600;padding:4px 0;}
.details-content {margin-top:14px;}
.simple-result {margin-top:24px;padding-top:24px;border-top:2px solid #ddd6fe;animation:none;background:transparent;}
.simple-home .simple-score {font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;color:#5b21b6;margin:4px 0;line-height:1.3;overflow-wrap:anywhere;}
.simple-result-label {font-weight:600;font-size:.875rem;margin-bottom:12px;}
.simple-result #resultMessage {font-size:1rem;line-height:1.65;}
.simple-result .formula-code,.simple-guide .formula-code {padding:12px;background:#f1f5f9;color:#172033;border-radius:6px;font-family:ui-monospace,monospace;font-size:.875rem;overflow-wrap:anywhere;}
.simple-home .table-scroll {overflow-x:auto;max-width:100%;margin:20px 0;}
.simple-home table {width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;}
.simple-home caption {text-align:left;font-weight:600;padding-bottom:10px;}
.simple-home th,.simple-home td {padding:10px;border-bottom:1px solid #cbd5e1;}
.simple-home th {background:#f1f5f9;}
.simple-home input[type="range"] {display:block;width:100%;margin:16px 0;accent-color:#6d28d9;}
.simple-home .grade-scale {padding:16px 0;border-right:0;border-left:0;border-bottom:0;border-radius:0;}
.simple-home .scale-toggle {display:flex;align-items:center;gap:8px;}
.simple-home input[type="checkbox"] {width:18px;height:18px;accent-color:#6d28d9;}
.scale-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.scale-fields label {display:block;font-size:.8125rem;}
.scale-fields input {width:100%;}
.simple-home input:disabled {opacity:.6;}
.related-tools {font-size:.875rem;margin:20px 0;color:#475569;line-height:1.8;}
.simple-home a {color:#5b21b6;}
.simple-home .site-brand {color:#0f172a;}
.history-panel {margin-top:24px;}
.simple-home .history-item {padding:12px 0;border-bottom:1px solid #cbd5e1;background:transparent;}
.simple-home .history-time {font-size:.75rem;color:#475569;}
.simple-guide {margin-top:36px;}
.simple-guide section {margin:32px 0;}
.simple-guide p {margin:12px 0;}
.simple-guide ol,.simple-guide ul {padding-left:22px;margin:12px 0;}
.simple-guide li {margin:8px 0;}
.simple-guide .faq {margin:0;padding:12px 0;}
.simple-guide .faq p {font-size:.9375rem;}
.guide-links {font-size:.875rem;}
.simple-home.dark .simple-calculator {background:#172033;border-color:#475569;}
.simple-home.dark .simple-intro,.simple-home.dark .simple-note,.simple-home.dark .related-tools,.simple-home.dark .simple-field label>span:not(#secondGradeLabel),.simple-home.dark .history-time {color:#cbd5e1;}
.simple-home.dark select,.simple-home.dark input[type="number"] {background:#0f172a;border-color:#64748b;color:#f8fafc;}
.simple-home.dark .btn-outline {color:#e2e8f0;border-color:#64748b;}
.simple-home.dark .btn-outline:hover {background:#334155;}
.simple-home.dark .simple-score,.simple-home.dark a {color:#c4b5fd;}
.simple-home.dark .site-brand {color:#f8fafc;}
.simple-home.dark .simple-details,.simple-home.dark th,.simple-home.dark td,.simple-home.dark .history-item {border-color:#475569;}
.simple-home.dark .formula-code,.simple-home.dark th {background:#1e293b;color:#e2e8f0;}
.simple-home.dark .simple-error {color:#fca5a5;}
@media(max-width:480px) {
 .simple-main {margin-top:24px;}
 .simple-calculator {padding:20px 16px;}
 .simple-field {grid-template-columns:minmax(0,1fr);gap:6px;margin:18px 0;}
 .simple-actions .btn {flex:1;}
 .simple-home select {font-size:16px;}
 .simple-home .site-header {gap:10px;}
 .simple-home .brand-name {font-size:.875rem;}
}

/* Exact labels from the supplied reference; final weight uses an inline percent unit. */
.simple-home .percent-input {position:relative;min-width:0;}
.simple-home .percent-input input {padding-right:40px;}
.simple-home .percent-input>span {position:absolute;right:26px;top:50%;transform:translateY(-50%);pointer-events:none;}

/* Homepage score examples and the supplied, corrected infographic. */
.simple-home .grade-example-image {margin:24px 0;}
.simple-home .grade-example-image img {display:block;width:100%;height:auto;border-radius:8px;}
.simple-home .grade-example-image figcaption {font-size:.8125rem;color:#475569;margin-top:8px;}
.simple-home.dark .grade-example-image figcaption {color:#cbd5e1;}
.simple-home .score-conversions {list-style:none;padding-left:0;}
.simple-home .score-conversions li {padding:4px 0;}