[data-account-controls]{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;font-size:.85rem;margin-block:.65rem}
.practice-status{margin:1rem auto;max-width:72rem;padding:0 1rem;min-height:1.5em}
[data-save-experiment]{margin:1rem 0;min-height:44px}
.personal-practice{max-width:58rem;margin:auto;padding:clamp(1rem,4vw,3rem)}
.personal-practice h1{font-size:clamp(2.5rem,8vw,4rem)}
.personal-practice p{max-width:65ch}
.personal-practice:has(.practice-table){max-width:80rem;box-sizing:border-box}
.practice-table-scroll{overflow-x:auto;border-block:1px solid var(--line,#b8c9c3);max-width:100%}
.practice-table-scroll:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.practice-scroll-hint{font-size:.9rem;color:var(--muted,#51675e)}
.practice-table{width:100%;min-width:68rem;table-layout:fixed;border-collapse:collapse;text-align:left}
.practice-table th,.practice-table td{padding:1rem .7rem;vertical-align:top;border-bottom:1px solid var(--line,#b8c9c3);overflow-wrap:anywhere}
.practice-table caption{padding:.6rem;text-align:left;font-weight:600}
.practice-table thead th{font-size:.9rem;font-weight:650}
.practice-table tbody th{font-size:1.05rem;font-weight:600}
.practice-table tbody th a{display:inline-block;padding-block:.4rem;text-underline-offset:.2em}
.practice-table p{margin:0 0 .6rem}
.practice-table tbody tr:hover,.practice-table tbody tr:focus-within{background:rgba(24,84,72,.035)}
.practice-table .drop-target{outline:2px dashed #185448;outline-offset:-2px}
.practice-name-col{width:16%}.practice-category-col{width:10%}.practice-description-col{width:24%}
.practice-journal-col{width:8%}.practice-history-col{width:8%}
.practice-helpful-col{width:11%}.practice-remove-col{width:7%}.practice-reorder-col{width:16%}
.practice-table button{width:auto;min-width:44px;min-height:44px;padding:.45rem;display:inline-flex;align-items:center;justify-content:center}
.practice-print-controls button{width:auto;border:1px solid var(--line,#b8c9c3)}
.practice-table [data-rating]{font-size:1.05rem}
.practice-reorder button{margin:0 .15rem .3rem 0}
.practice-drag{font-size:1.3rem;cursor:grab;touch-action:none;user-select:none}
.practice-row-details{margin-top:.75rem;font-size:.9rem}
.practice-row-details summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}
.practice-row-details .continuity-controls{margin-top:.5rem}
#practice-print-document{display:none}
@media print{
 @page{size:auto;margin:16mm}
 body:has(#practice-print-document){background:#fff!important;color:#000!important;margin:0!important;padding:0!important;font:11pt/1.4 Georgia,serif}
 body:has(#practice-print-document)>:not(main),body:has(#practice-print-document) main>:not(#practice-print-document){display:none!important}
 body:has(#practice-print-document) main{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
 #practice-print-document{display:block!important}
 #practice-print-document h1{font-size:22pt;margin:0 0 8pt}
 #practice-print-document p{margin:0 0 8pt;max-width:none}
 #practice-print-document table{width:100%;table-layout:fixed;border-collapse:collapse;color:#000;background:#fff;font-size:11pt}
 #practice-print-document th,#practice-print-document td{text-align:left;vertical-align:top;padding:7pt 6pt;border-bottom:1px solid #aaa;overflow-wrap:anywhere}
 #practice-print-document th:nth-child(1){width:25%}#practice-print-document th:nth-child(2){width:16%}
 #practice-print-document thead{display:table-header-group}
 #practice-print-document tr{break-inside:avoid;page-break-inside:avoid}
}
.practice-actions,.practice-transfer{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1rem}
.personal-practice button,.personal-practice input,.personal-practice a{min-height:44px}
.personal-practice button{white-space:normal}
.personal-practice input{max-width:100%;box-sizing:border-box;font:inherit}
#local-migration,#delete-account{border:1px solid currentColor;border-radius:12px;padding:1.25rem;margin:1.5rem 0}
#local-migration button button{margin:.35rem}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:4px}
button:disabled{opacity:.55;cursor:default}
@media(prefers-reduced-motion:reduce){.personal-practice *{transition:none!important;animation:none!important}}

/* Keep contribution and account actions together above the main navigation. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
header .brand{grid-column:1;grid-row:1;min-width:0}
header .tip-jar{grid-column:2;grid-row:1;margin:0;justify-self:center;text-align:center;padding-inline:10px}
header [data-account-controls]{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end;margin:0;gap:.3rem .85rem}
header [data-account-controls] a,header [data-account-controls] button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;margin:0;padding:0 .15rem;font:inherit}
header nav[aria-label=Main]{grid-column:1/-1;grid-row:2;margin:0;min-width:0;width:auto}
.practice-table [data-journal-count],.practice-history-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
@media(max-width:760px){
 header .brand{grid-column:1/-1;grid-row:1;max-width:none}
 header .tip-jar{grid-row:2}
 header [data-account-controls]{grid-row:2;flex-direction:column;align-items:flex-end;gap:0;text-align:right}
 header nav[aria-label=Main]{grid-row:3}
}