/*
Theme Name: twentynineteen-child
Template:   twentynineteen
Theme URI:  https://wordpress.org/themes/twentynineteen/
*/

    .tt-wrap{ --bg:#fff; --fg:#1f2937; --muted:#6b7280; --line:#e5e7eb; --accent:#3b82f6; --row:#f9fafb; }
    @media (prefers-color-scheme: dark){ .tt-wrap{ --bg:#0b1220; --fg:#e5e7eb; --muted:#9ca3af; --line:#1f2937; --accent:#60a5fa; --row:#0f172a; } }
    .tt-wrap{ background:var(--bg); color:var(--fg); font-family: ui-sans-serif,-apple-system,Segoe UI,Roboto,"Noto Sans JP",Meiryo,sans-serif; }
    .tt-card{ overflow:auto; }
    .tt-cap{ font-weight:700; font-size:1.1rem; margin:0 0 10px; }
    .tt-search{ display:flex; gap:8px; margin:6px 0 12px; align-items:center; }
    .tt-search input{ flex:1; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:transparent; color:var(--fg); }
    .tt-hint{ color:var(--muted); font-size:.9em; }
    .tt-table{ width:100%; border-collapse:collapse; min-width:720px; }
    .tt-thead th{ position:sticky; top:0; background:var(--bg); border-bottom:2px solid var(--line); text-align:left; padding:10px 12px; font-weight:700; }
    .tt-tbody td{ padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
    .tt-tbody tr:nth-child(even){ background:var(--row); }
    .tt-tbody tr:hover{ outline:2px solid color-mix(in oklab, var(--accent) 55%, transparent); outline-offset:-2px; }
    .tt-sort{ cursor:pointer; user-select:none; }
    .tt-sort .tt-arrow{ font-size:.8em; margin-left:.35em; opacity:.6; }
    .tt-num{ text-align:right; font-variant-numeric: tabular-nums; }
    .tt-cell{ max-width:48ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }