:root {
  --sky: #54b9ea;
  --sky-dark: #147ba9;
  --leaf: #75b843;
  --sun: #ffc94a;
  --ink: #173849;
  --muted: #617887;
  --line: #dce9ed;
  --paper: #ffffff;
  --canvas: #f4f8f8;
  --danger: #c94343;
  --radius: 8px;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--ink);
  background: var(--canvas);
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(84,185,234,.38); outline-offset: 2px; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: linear-gradient(145deg, #e4f6ff 0%, #f8fbf8 55%, #fff9e8 100%); }
.login-card { width: min(440px, 100%); background: var(--paper); border: 1px solid #d8eaee; border-radius: 8px; padding: 32px; box-shadow: 0 18px 45px rgba(30,90,112,.12); }
.brand { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: var(--sky); color: white; }
.login-card h1 { margin: 28px 0 6px; font-size: 26px; }
.login-card p { color: var(--muted); margin: 0 0 24px; }
.field { display: grid; gap: 6px; margin-bottom: 16px; }
.field label { font-size: 13px; font-weight: 600; color: #34515e; }
input, select, textarea { width: 100%; min-height: 42px; border: 1px solid #c8dce2; border-radius: 6px; padding: 9px 10px; color: var(--ink); background: #fff; }
textarea { min-height: 100px; resize: vertical; }
.button { min-height: 40px; border: 1px solid transparent; border-radius: 6px; padding: 8px 12px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 7px; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.button.primary { background: var(--sky-dark); color: #fff; }
.button.primary:hover { background: #09658f; }
.button.green { background: var(--leaf); color: #fff; }
.button.green:hover { background: #5c9e31; }
.button.outline { background: #fff; border-color: #bdd7e0; color: #315765; }
.button.outline:hover { background: #eff8fb; border-color: var(--sky); }
.button.danger { color: var(--danger); background: #fff; border-color: #efd2d2; }
.button.full { width: 100%; }
.app-layout { min-height: 100vh; display: grid; grid-template-columns: 236px minmax(0, 1fr); }
.sidebar { background: #173849; color: #d9edf3; padding: 18px 12px; display: flex; flex-direction: column; min-height: 100vh; }
.sidebar .brand { color: white; padding: 2px 8px 24px; }
.sidebar .brand small { display: block; color: #a2c4cf; font-weight: 400; font-size: 11px; margin-top: 2px; }
.nav-list { display: grid; gap: 3px; }
.nav-button { border: 0; background: transparent; color: #c3dce4; border-radius: 6px; min-height: 42px; padding: 0 10px; text-align: left; display: flex; align-items: center; gap: 10px; }
.nav-button:hover { background: #244d60; color: #fff; }
.nav-button.active { background: #54b9ea; color: #073347; font-weight: 700; }
.nav-button svg { width: 18px; height: 18px; }
.sidebar-foot { margin-top: auto; border-top: 1px solid #326075; padding: 14px 8px 2px; color: #a2c4cf; font-size: 12px; }
.workspace { min-width: 0; }
.topbar { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; background: #fff; border-bottom: 1px solid var(--line); }
.topbar h1 { margin: 0; font-size: 17px; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.user-name { color: #496875; font-size: 13px; }
.icon-button { width: 38px; height: 38px; border: 1px solid #d4e2e7; background: #fff; display: grid; place-items: center; border-radius: 6px; color: #426472; }
.icon-button:hover { background: #eff8fb; }
.content { padding: 24px; max-width: 1600px; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.page-heading h2 { margin: 0; font-size: 22px; }
.page-heading p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; }
.metric, .panel { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.metric { padding: 16px; min-height: 106px; position: relative; overflow: hidden; }
.metric:before { content:""; position:absolute; height:4px; inset:0 0 auto; background: var(--sky); }
.metric:nth-child(2):before { background: var(--leaf); }.metric:nth-child(3):before { background: var(--sun); }.metric:nth-child(4):before { background: #5e86a0; }
.metric span { display: block; color: var(--muted); font-size: 13px; }.metric strong { display:block; margin-top: 13px; font-size: 29px; line-height: 1; }
.panel { overflow: hidden; }.panel-header { padding: 15px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }.panel-header h3 { margin:0; font-size:15px; }.panel-header span { color:var(--muted); font-size:12px; }
.table-wrap { overflow: auto; }.data-table { width:100%; border-collapse: collapse; min-width: 680px; }.data-table th, .data-table td { padding: 12px 16px; border-bottom:1px solid #e9f0f2; text-align:left; vertical-align: middle; white-space: nowrap; }.data-table th { color:#64808c; font-size:12px; font-weight:600; background:#fbfcfc; }.data-table td { font-size:13px; }.data-table tr:last-child td { border-bottom:0; }.data-table tbody tr:hover { background:#f4fbfd; }
.empty { padding: 44px 20px; color:var(--muted); text-align:center; }.empty svg { width:28px; height:28px; margin-bottom:8px; color:#9ab5c0; }
.status { display:inline-flex; align-items:center; min-height:24px; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:600; }.status.active,.status.published { background:#eaf7dd; color:#467d25; }.status.pending_review { background:#fff3d2; color:#966600; }.status.draft,.status.rejected { background:#f1f4f5; color:#536b76; }.status.completed { background:#e5f5fb; color:#207194; }
.row-actions { display:flex; gap:6px; }.row-actions .button { min-height:30px; padding:4px 8px; font-size:12px; }
.archive-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:14px; }
.archive-staff-filter { display:flex; align-items:center; gap:8px; min-width:0; }
.archive-staff-filter label { flex-shrink:0; color:var(--muted); font-size:13px; }
.archive-staff-filter select { width:220px; max-width:100%; }
.archive-table .data-table { min-width:960px; }
.archive-advisors { min-width:130px; max-width:240px; white-space:normal!important; overflow-wrap:anywhere; }
.archive-advisors small { display:block; margin-top:4px; line-height:1.5; }
.archive-actions .button { min-height:36px; padding:6px 10px; }
.archive-actions svg { width:16px; height:16px; }
.staff-children-link { display:inline-flex; align-items:center; gap:6px; min-height:36px; border:0; padding:0; background:transparent; color:var(--sky-dark); font-weight:600; }
.staff-children-link:hover { text-decoration:underline; }
.staff-children-link svg { width:16px; height:16px; }
.assignment-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 18px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.assignment-summary dt { margin-bottom:6px; color:var(--muted); font-size:12px; }
.assignment-summary dd { margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.modal.assignment-modal { display:flex; flex-direction:column; overflow:hidden; }
.assignment-modal .modal-head { flex-shrink:0; }
.assignment-modal .modal-body { display:flex; flex-direction:column; min-height:0; }
#assignment-form { display:flex; flex-direction:column; min-height:0; }
#assignment-form > :not(.assignment-members) { flex-shrink:0; }
.assignment-members { flex:1; min-height:90px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding-right:8px; }
.assignment-member { padding:12px 0; border-bottom:1px solid var(--line); }
.assignment-member-choice { display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:10px; cursor:pointer; }
.assignment-member-choice input { width:18px; height:18px; min-height:0; margin:0; }
.assignment-member-choice strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.assignment-member-choice small { display:block; margin-top:4px; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.assignment-member-note { margin:10px 0 0 28px; }
.assignment-member-note label { display:block; margin-bottom:6px; font-size:12px; color:var(--muted); }
.assignment-member-note textarea { min-height:64px; font-size:13px; }
.assignment-error { min-height:20px; color:var(--danger); font-size:13px; margin:12px 0; }
.assignment-foot { padding:14px 0 0; flex-wrap:wrap; }
.assignment-foot .danger { margin-right:auto; }
.assignment-members [hidden] { display:none!important; }
@media (max-height:600px) { .modal.assignment-modal { overflow:auto; }.assignment-modal .modal-body { display:block; }#assignment-form { display:block; }.assignment-members { overflow:visible; } }
@media (max-width:520px) {
  .archive-staff-filter { width:100%; }.archive-staff-filter select { width:auto; flex:1; min-width:0; }
  .archive-table .data-table,.archive-table .data-table tbody { display:block; min-width:0; }
  .archive-table .data-table thead { display:none; }
  .archive-table .data-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; border-bottom:1px solid var(--line); }
  .archive-table .data-table td { padding:0; border:0; white-space:normal; min-width:0; overflow-wrap:anywhere; }
  .archive-table .data-table td:first-child,.archive-table .data-table td:last-child { grid-column:1 / -1; }
  .archive-table .data-table td[data-label]:not(:first-child)::before { content:attr(data-label); display:block; margin-bottom:5px; font-size:12px; color:var(--muted); }
  .archive-table .archive-advisors { min-width:0; max-width:none; }
  .archive-actions { justify-content:flex-end; flex-wrap:wrap; }
  .metrics > :nth-child(5):last-child { grid-column:1 / -1; }
}
.search-bar { display:flex; align-items:center; gap:8px; width:min(470px, 100%); padding:6px 7px 6px 11px; border:1px solid #c8dce2; border-radius:6px; background:#fff; color:#69818c; }
.search-bar input { border:0; min-height:32px; padding:5px 0; flex:1; min-width:0; }.search-bar input:focus { outline:0; }.search-bar .button { min-height:32px; padding:4px 10px; }.search-clear { width:30px; height:30px; min-height:30px; border:0; }
.metric-button { appearance:none; text-align:left; font:inherit; cursor:pointer; }.metric-button:hover { background:#f8fdff; border-color:#9dcede; }
.section-gap { margin-top:16px; }.filter-chip { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; margin:-8px 0 12px; border-radius:5px; background:#e5f5fb; color:#207194; font-size:12px; font-weight:600; }.filter-chip button { border:0; background:transparent; color:inherit; display:grid; place-items:center; padding:0; }.filter-chip svg { width:14px; height:14px; }
.modal-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }.assignment-list { padding:4px 16px 16px; }.assignment-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #edf2f3; font-size:13px; }.assignment-row:last-child { border-bottom:0; }.assignment-row strong,.assignment-row small { display:block; }.assignment-row small { color:var(--muted); margin-top:4px; }.assignment-row .row-actions { flex-shrink:0; }
.rejection-reason { display:inline-block; max-width:180px; margin-top:5px; color:#a14a42; white-space:normal; line-height:1.45; }.notice { padding:10px 12px; border-radius:6px; font-size:13px; line-height:1.5; }.rejected-notice { background:#fff3f2; border:1px solid #f0d0cc; color:#8b3c35; margin:10px 0; }.report-detail section { margin-top:20px; }.report-detail h4 { margin:0 0 8px; font-size:14px; }.report-content { min-height:72px; padding:12px; border:1px solid #dce9ed; border-radius:6px; white-space:pre-wrap; font-size:13px; line-height:1.65; background:#fbfdfd; }.asset-list { display:grid; gap:8px; }.asset-button { width:100%; display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px; border:1px solid #d7e6eb; border-radius:6px; background:#fff; color:#315765; text-align:left; }.asset-button:hover { background:#eff8fb; border-color:var(--sky); }.asset-button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.asset-button small { color:var(--muted); }.asset-button svg { width:18px; height:18px; }.history-list { display:grid; gap:8px; }.history-row { display:grid; grid-template-columns:100px 1fr; gap:4px 10px; padding:9px 0; border-bottom:1px solid #edf2f3; font-size:13px; }.history-row span,.history-row small { color:var(--muted); }.history-row small { grid-column:2; line-height:1.45; }
.two-col { display:grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px,.65fr); gap:16px; }.detail-list { padding:8px 16px 16px; }.detail-row { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid #edf2f3; font-size:13px; }.detail-row span { color:var(--muted); }.detail-row strong { text-align:right; font-weight:600; }
.image-attachment { min-width:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; }.image-attachment .asset-button { border:0; border-top:1px solid var(--line); border-radius:0; }.asset-preview { display:grid; place-items:center; width:100%; height:240px; border:0; padding:10px; background:#f4f8f8; color:var(--muted); cursor:zoom-in; }.asset-preview:disabled { cursor:wait; }.asset-preview img { max-width:100%; max-height:220px; object-fit:contain; }.asset-preview-status { font-size:13px; }.asset-preview [hidden] { display:none; }
.asset-viewer { width:min(1100px,calc(100vw - 24px)); height:min(820px,calc(100dvh - 24px)); max-width:none; max-height:none; padding:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; color:var(--ink); }.asset-viewer::backdrop { background:rgba(20,45,55,.65); }.asset-viewer-head { height:60px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid var(--line); }.asset-viewer-head strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }.asset-viewer-head > div { display:flex; gap:6px; flex-shrink:0; }.asset-viewer-content { height:calc(100% - 60px); overflow:auto; padding:12px; background:#f4f8f8; display:flex; align-items:center; justify-content:center; }.asset-viewer-content img { display:block; max-width:100%; max-height:100%; object-fit:contain; }.asset-viewer.actual-size .asset-viewer-content { display:block; }.asset-viewer.actual-size img { max-width:none; max-height:none; }
.modal-layer { position:fixed; z-index:10; inset:0; padding:20px; display:grid; place-items:center; background:rgba(20,45,55,.42); }.modal { width:min(620px, 100%); max-height:calc(100vh - 40px); overflow:auto; background:#fff; border-radius:8px; box-shadow:0 20px 50px rgba(4,27,36,.26); }.modal.wide { width:min(900px,100%); }.modal-head { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--line); }.modal-head h3 { margin:0; font-size:17px; }.modal-body { padding:18px; }.modal-foot { padding:14px 18px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; gap:8px; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }.form-grid .wide { grid-column:1 / -1; }.choice-row { display:flex; flex-wrap:wrap; gap:10px; padding:8px 0; }.choice-row label { display:flex; align-items:center; gap:5px; font-size:13px; }.choice-row input { width:auto; min-height:0; }
.modal.leaderboard-modal { width:min(1180px,100%); }.board-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }.view-tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); }.view-tabs button { min-height:40px; padding:8px 14px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font-size:13px; white-space:nowrap; }.view-tabs button.active { border-bottom-color:var(--sky-dark); color:var(--sky-dark); font-weight:600; }.board-summary { display:flex; justify-content:space-between; gap:12px; padding:16px 0 10px; font-size:12px; color:var(--muted); }.board-summary strong { color:var(--ink); }.leaderboard-modal .data-table { min-width:1050px; }.leaderboard-modal .data-table th,.leaderboard-modal .data-table td { padding:12px 10px; }.child-name-link { display:flex; align-items:center; gap:4px; max-width:210px; padding:0; border:0; background:transparent; text-align:left; color:var(--sky-dark); font-weight:600; white-space:normal; overflow-wrap:anywhere; }.child-name-link:hover { text-decoration:underline; }.child-name-link svg { width:15px; height:15px; flex-shrink:0; }.child-name-link + small,.board-advisors small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }.board-advisors div + div { margin-top:8px; }.data-table .board-concern { max-width:160px; min-width:110px; white-space:normal; overflow-wrap:anywhere; line-height:1.5; }.muted { color:var(--muted); }
.profile-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 20px; padding:0 0 16px; border-bottom:1px solid var(--line); }.profile-overview dt { color:var(--muted); font-size:12px; margin-bottom:6px; }.profile-overview dd { margin:0; font-size:14px; font-weight:600; overflow-wrap:anywhere; }.profile-batch { margin-bottom:16px; }.profile-section { margin-top:20px; }.profile-section h4 { margin:0 0 10px; font-size:14px; }.profile-section-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:8px; font-size:13px; }.profile-section-head h4 { margin:0; }.profile-section-head span { color:var(--muted); font-size:12px; }.profile-intake + .profile-intake,.profile-enrollment + .profile-enrollment { margin-top:20px; }.profile-section .detail-row { align-items:flex-start; }.profile-section .detail-row span { flex-shrink:0; }.profile-section .detail-row strong { min-width:0; overflow-wrap:anywhere; line-height:1.6; }.growth-overview { margin-top:20px; }
.modal.profile-modal { height:min(730px,calc(100dvh - 40px)); max-height:calc(100dvh - 40px); display:flex; flex-direction:column; overflow:hidden; }
.profile-modal .modal-head { flex-shrink:0; }
.profile-modal .modal-body { display:flex; flex-direction:column; flex:1; min-height:0; }
.profile-modal .modal-body > :not(#profile-content) { flex-shrink:0; }
.profile-modal .modal-actions + .profile-overview { margin-top:0; }
.profile-modal #profile-content { flex:1; min-height:0; padding-right:10px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
@media (max-height:600px) { .profile-modal .modal-body { overflow:auto; overscroll-behavior:contain; }.profile-modal #profile-content { flex:1 0 auto; overflow:visible; } }
@media (max-width:520px) { .profile-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }.board-toolbar .search-bar { width:100%; }.view-tabs button { padding:8px 10px; }.modal-actions .button { padding:7px 10px; }.modal-head h3 { min-width:0; overflow-wrap:anywhere; }.modal-head > button { flex-shrink:0; } }
.toast { position:fixed; left:50%; bottom:24px; z-index:20; transform:translate(-50%,20px); opacity:0; background:#173849; color:#fff; padding:10px 14px; border-radius:6px; font-size:13px; pointer-events:none; transition:opacity .18s ease, transform .18s ease; }.toast.show { transform:translate(-50%,0); opacity:1; }
.qr-preview-area { display:grid; place-items:center; height:236px; margin-bottom:16px; background:#f4f8f8; border:1px solid var(--line); border-radius:6px; }
.qr-preview { display:block; width:220px; height:220px; max-width:100%; object-fit:contain; background:#fff; }
.qr-enable { display:flex; align-items:center; gap:8px; min-height:44px; font-size:14px; }
.qr-enable input { width:18px; height:18px; min-height:0; }
.qr-form-error { min-height:20px; margin:8px 0; color:#a14a42; font-size:13px; line-height:1.5; }
#qr-code-form .modal-foot { padding:14px 0 0; flex-wrap:wrap; }
#qr-code-form .field input[type=file] { max-width:100%; font-size:13px; }
.qr-thumbnail { display:grid; place-items:center; width:64px; height:64px; padding:2px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.qr-thumbnail img { display:block; width:58px; height:58px; object-fit:contain; }
.qr-code-list .row-actions .icon-button { width:44px; height:44px; flex-shrink:0; }
.data-table .qr-title { min-width:130px; max-width:260px; white-space:normal; overflow-wrap:anywhere; line-height:1.5; }
@media (max-width:900px) { .app-layout { grid-template-rows:auto minmax(0,1fr); } }
@media (max-width:520px) {
  .qr-code-list .data-table { display:block; min-width:0; }
  .qr-code-list .data-table thead { display:none; }
  .qr-code-list .data-table tbody { display:block; }
  .qr-code-list .data-table tr { display:grid; grid-template-columns:64px minmax(0,1fr); gap:7px 12px; padding:16px 0; border-bottom:1px solid var(--line); }
  .qr-code-list .data-table td { display:block; padding:0; border:0; }
  .qr-code-list .data-table td:first-child { grid-row:1 / span 3; }
  .qr-code-list .data-table .qr-title { min-width:0; max-width:none; }
  .qr-code-list .data-table td:nth-child(3), .qr-code-list .data-table td:nth-child(4) { grid-column:2; }
  .qr-code-list .data-table td:nth-child(4) { color:var(--muted); font-size:12px; }
  .qr-code-list .data-table td:last-child { grid-column:1 / -1; }
  .qr-code-list .row-actions { justify-content:flex-end; gap:8px; }
}
.loading { display:grid; place-items:center; min-height:250px; color:var(--muted); gap:8px; }.spinner { width:24px; height:24px; border:3px solid #d8e9ee; border-top-color:var(--sky-dark); border-radius:50%; animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width: 900px) { .app-layout{grid-template-columns:1fr}.sidebar{position:sticky; top:0; z-index:5; min-height:0; padding:8px 10px; flex-direction:row; align-items:center; gap:8px; overflow:auto}.sidebar .brand{padding:0; min-width:132px}.sidebar .brand small,.sidebar-foot{display:none}.nav-list{display:flex}.nav-button{min-width:42px;padding:0 10px}.nav-button span{display:none}.topbar{padding:0 16px}.content{padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr} }
@media (max-width: 520px) { .topbar h1{font-size:15px}.user-name{display:none}.content{padding:14px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{gap:8px}.metric{padding:13px;min-height:92px}.metric strong{font-size:24px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-card{padding:24px 20px}.search-bar{width:100%}.assignment-row{align-items:flex-start;flex-direction:column}.history-row{grid-template-columns:1fr}.history-row small{grid-column:auto} }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }