/* ===== TO2026 : Mon compte ===== */
.to-compte-deux { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 48px; }
.to-compte-bloc { border: 2px solid var(--to-ink); background: #fff; padding: 24px; box-sizing: border-box; min-width: 0; }
html body .to-compte-bloc h2 { font-size: 24px; margin: 0 0 16px; }
html body .to-compte-bloc h3 { font-size: 16px; margin: 24px 0 8px; }
.to-compte-bloc p, .to-compte-bloc li { line-height: 1.6; }
.to-compte-bloc ol { padding-left: 24px; }
.to-compte-bloc dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 16px; margin: 0 0 16px; }
.to-compte-bloc dt { color: var(--to-muted); }
.to-compte-bloc dd { margin: 0; overflow-wrap: anywhere; }
.to-compte-solde { font-family: var(--to-pixel); font-size: 32px; color: var(--to-blue); margin: 0 0 16px; min-height: 1.2em; }
html body .to-compte-btn { display: inline-block; font: inherit; text-decoration: none; cursor: pointer; padding: 12px 18px; border: 2px solid var(--to-ink); background: var(--to-ink); color: var(--to-paper); }
html body .to-compte-btn:hover, html body .to-compte-btn:focus-visible { background: var(--to-blue); border-color: var(--to-blue); color: #fff; }
html body .to-compte-btn.is-second { background: none; color: var(--to-ink); }
html body .to-compte-btn.is-second:hover { background: var(--to-ink); color: var(--to-paper); }
.to-compte-note { font-size: 12px; line-height: 1.75; color: var(--to-muted); margin: 16px 0 0; max-width: 820px; }
.to-compte-liens { margin: 0 0 16px; }
@media (max-width: 760px) { .to-compte-deux { grid-template-columns: 1fr; } }
.to-compte-deux[hidden], [data-vue][hidden] { display: none; }
[data-packs][hidden], [data-manuel][hidden] { display: none; }
.to-compte-packs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0; }
html body .to-compte-pack { display: flex; flex-direction: column; gap: 6px; font: inherit; text-align: left; cursor: pointer; padding: 12px; border: 2px solid var(--to-ink); background: none; color: var(--to-ink); }
html body .to-compte-pack:hover, html body .to-compte-pack:focus-visible { background: var(--to-ink); color: var(--to-paper); }
.to-compte-accord { display: flex; gap: 8px; align-items: flex-start; line-height: 1.6; }
@media (max-width: 520px) { .to-compte-packs { grid-template-columns: 1fr; } }
.to-compte-bloc code { font: inherit; }
.to-compte-test[hidden] { display: none; }
.to-compte-test { border: 2px solid var(--to-ink); padding: 12px; margin: 0 0 16px; font-size: 12px; line-height: 1.6; }
.to-compte-resultats { margin-top: 32px; }
.to-compte-resultats [data-resultats]:empty { display: none; }
.to-compte-resultats .to-compte-note { margin-top: 16px; }
.to-compte-resultats .to-compte-accord { margin-top: 24px; }
html body .to-compte-resultats .to-compte-btn { margin-top: 24px; }
html body .to-compte-btn[hidden] { display: none; }
.to-compte-sso { grid-column: 1 / -1; }
.to-compte-sso p { max-width: 900px; }
html body .to-compte-btn.is-proadmin { display: inline-flex; align-items: center; gap: 18px; padding: 8px 28px 8px 10px; background: #0d5c14; color: #fff; border: 3px solid #0b0b0c; box-shadow: inset 0 4px 0 #8fe000, 6px 6px 0 #2f7d12; margin: 4px 6px 6px 0; }
html body .to-compte-btn.is-proadmin:hover, html body .to-compte-btn.is-proadmin:focus-visible { background: #127a1b; color: #fff; }
html body .to-compte-btn.is-proadmin:active { transform: translate(3px, 3px); box-shadow: inset 0 4px 0 #8fe000, 3px 3px 0 #2f7d12; }
.to-compte-btn.is-proadmin img { width: 40px; height: 40px; flex: none; image-rendering: pixelated; }