/* Hallmark · modern-minimal · Quiet adapted to RA0 · Index-First timeline
 * Pre-emit critique: P4 H4 E4 S5 R5 V4. No decorative imagery; host fonts/tokens retained.
 */
.timefold {
    --tf-paper: var(--container-bg-color, #faf9f6);
    --tf-surface: var(--card-bg-color, #ffffff);
    --tf-ink: var(--text-color, #292d30);
    --tf-muted: color-mix(in srgb, var(--tf-ink) 66%, var(--tf-surface));
    --tf-line: var(--container-border-color, #deded7);
    --tf-accent: var(--accent-color, #b34529);
    --tf-soft: color-mix(in srgb, var(--tf-accent) 7%, var(--tf-surface));
    --tf-button: var(--btn-accent-bg, #b34529);
    --tf-button-ink: var(--btn-accent-text, #ffffff);
    --tf-error: #a32d30;
    --tf-font: inherit;
    --tf-mono: 'SFMono-Regular', 'Menlo', monospace;
    --tf-ease: cubic-bezier(.22, 1, .36, 1);
    width: min(100%, 760px); margin: 32px auto 48px; padding: 0 24px;
    color: var(--tf-ink); font-family: var(--tf-font); font-size: 14px; line-height: 1.6;
    isolation: isolate;
}
.timefold, .timefold * { box-sizing: border-box; }
.timefold [hidden] { display: none !important; }
.timefold button, .timefold input, .timefold textarea, .timefold select { font: inherit; color: inherit; }
.timefold a { color: inherit; text-decoration: none; }
.timefold button { cursor: pointer; }
.timefold button:disabled { opacity: .5; cursor: wait; }
.timefold :is(button, a, input, textarea, select, summary):focus-visible { outline: 2px solid var(--tf-accent); outline-offset: 4px; }
.timefold :is(button, a):active { opacity: .72; }
.tf-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-bottom: 22px; }
.tf-wordmark { display: block; font-family: var(--tf-mono); font-size: 12px; font-weight: 600; letter-spacing: -.03em; margin-bottom: 7px; }
.tf-wordmark > span { color: var(--tf-accent); }
.timefold .tf-header h2 { margin: 0; font-size: 25px; letter-spacing: -.045em; line-height: 1.25; overflow-wrap: anywhere; }
.tf-header-tools { display: flex; align-items: center; gap: 12px; font-size: 11px; white-space: nowrap; }
.tf-total { color: var(--tf-muted); font-variant-numeric: tabular-nums; }
.tf-collapse { border: 0; padding: 2px 0; background: transparent; }
.tf-header-tools a:hover, .tf-collapse:hover { color: var(--tf-accent); }
.tf-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-block: 1px solid var(--tf-line); padding: 10px 0; margin-bottom: 24px; }
.tf-categories { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.tf-categories a { padding: 5px 10px; font-size: 12px; border-radius: 3px; white-space: nowrap; }
.tf-categories a[aria-current] { background: var(--tf-ink); color: var(--tf-surface); }
.tf-categories a:not([aria-current]):hover { background: var(--tf-soft); color: var(--tf-accent); }
.tf-search { display: flex; flex: 0 1 170px; align-items: center; align-self: center; gap: 4px; min-width: 0; height: 30px; margin: 0; padding: 0; }
.timefold .tf-search input { width: 100%; min-width: 0; height: 30px; padding: 0; border: 0; background: transparent; font-size: 12px; box-shadow: none; }
.tf-search button { display: flex; align-items: center; justify-content: center; flex: 0 0 30px; height: 30px; background: transparent; border: 0; padding: 0; font-size: 0; line-height: 0; }
.timefold .tf-search button .fa-solid { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 14px; width: 14px; height: 14px; margin: 0; font-size: 14px; line-height: 1; }
.tf-feed { position: relative; margin-left: 9px; padding-left: 26px; border-left: 1px solid var(--tf-line); }
.tf-date-divider { margin: 22px 0 8px; font-size: 11px; font-family: var(--tf-mono); font-weight: 500; letter-spacing: .02em; color: var(--tf-muted); }
.tf-date-divider:first-child { margin-top: 0; }
.tf-entry { position: relative; margin-bottom: 10px; padding: 0; border: 1px solid var(--tf-line); background: var(--tf-surface); border-radius: 5px; }
.tf-marker { position: absolute; left: -31px; top: 29px; height: 7px; width: 7px; border: 1px solid var(--tf-muted); border-radius: 50%; background: var(--tf-paper); }
.tf-entry:has(> .tf-post[open]) { border-color: color-mix(in srgb, var(--tf-accent) 48%, var(--tf-line)); }
.tf-entry:has(> .tf-post[open]) > .tf-marker { background: var(--tf-accent); border-color: var(--tf-accent); box-shadow: 0 0 0 4px var(--tf-soft); }
.tf-summary { display: flex; align-items: flex-start; gap: 16px; padding: 16px 18px 12px; cursor: pointer; list-style: none; }
.tf-summary::-webkit-details-marker, .tf-thread > summary::-webkit-details-marker { display: none; }
.tf-summary-main { display: block; flex: 1; min-width: 0; }
.tf-labels { display: inline-flex; gap: 6px; vertical-align: middle; margin: 0 5px 2px 0; }
.tf-labels:empty { display: none; }
.tf-badge { display: inline-block; padding: 1px 5px; font-size: 9px; line-height: 1.6; font-weight: 600; color: var(--tf-muted); background: color-mix(in srgb, var(--tf-ink) 5%, var(--tf-surface)); border-radius: 2px; }
.tf-notice { color: var(--tf-accent); background: var(--tf-soft); }
.tf-lock { font-size: 10px; color: var(--tf-muted); }
.tf-title { font-size: 14px; line-height: 1.6; font-weight: 650; letter-spacing: -.02em; overflow-wrap: anywhere; }
.tf-summary:hover .tf-title { color: var(--tf-accent); }
.tf-meta { display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 10px; line-height: 1.5; color: var(--tf-muted); margin-top: 5px; }
.tf-meta time { font-variant-numeric: tabular-nums; }
.tf-chevron { width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); flex: 0 0 6px; margin-top: 7px; color: var(--tf-muted); transition: transform 160ms var(--tf-ease); }
.tf-post[open] > .tf-summary .tf-chevron { transform: rotate(225deg); }
.tf-expanded { padding: 4px 18px 5px; }
.timefold .tf-content { font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; min-width: 0; }
.tf-content > :first-child { margin-top: 0; }
.tf-content > :last-child { margin-bottom: 0; }
.tf-content :is(img, video, iframe) { max-width: 100%; }
.tf-content :is(img, video) { height: auto; border-radius: 3px; }
.tf-content :is(pre, table) { display: block; max-width: 100%; overflow-x: auto; }
.tf-content a { text-decoration: underline; text-underline-offset: 3px; color: var(--tf-accent); }
.tf-content blockquote { margin: 12px 0; padding: 4px 12px; border-left: 2px solid var(--tf-accent); color: var(--tf-muted); }
.tf-content:empty::before { content: '본문이 없는 기록입니다.'; color: var(--tf-muted); }
.tf-actions { display: flex; justify-content: flex-end; align-items: center; gap: 13px; margin-top: 10px; font-size: 10px; color: var(--tf-muted); }
.tf-actions button { border: 0; background: transparent; padding: 0; font: inherit; }
.tf-actions :is(a, button):hover { color: var(--tf-accent); }
.tf-thread { margin: 0 18px; }
.tf-thread > summary { display: flex; align-items: center; gap: 5px; width: fit-content; min-height: 28px; padding: 0 0 9px; list-style: none; cursor: pointer; font-size: 11px; color: var(--tf-muted); }
.tf-thread-icon { color: var(--tf-accent); font-size: 14px; line-height: 1; }
.tf-count { font-family: var(--tf-mono); font-size: 10px; color: var(--tf-ink); }
.tf-thread-label { margin-left: 5px; font-size: 10px; }
.tf-thread[open] > summary { color: var(--tf-accent); }
.tf-thread-area { border-top: 1px solid var(--tf-line); padding: 12px 0 14px; }
.tf-reply { border: 0; border-left: 3px solid var(--tf-line); border-radius: 0; margin: 2px 0 10px 3px; background: transparent; }
.tf-reply > .tf-marker { display: none; }
.tf-reply .tf-summary { padding: 6px 8px 7px 18px; }
.tf-reply .tf-title { font-size: 12px; font-weight: 500; }
.tf-reply .tf-expanded { padding: 4px 10px 5px 18px; }
.tf-reply .tf-content { font-size: 12px; }
.tf-thread-status { font-size: 11px; color: var(--tf-muted); margin: 0 0 8px; }
.tf-thread-status:empty { display: none; }
.tf-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; white-space: nowrap; min-height: 32px; padding: 5px 10px; font-size: 11px !important; border: 1px solid var(--tf-line); border-radius: 3px; background: var(--tf-surface); line-height: 1.4; }
.tf-button:hover { background: var(--tf-soft); border-color: var(--tf-accent); }
.tf-reply-trigger { margin-right: 4px; }
.tf-more { margin-right: 6px; }
.tf-empty { padding: 24px 8px; color: var(--tf-muted); font-size: 12px; }
.tf-empty p { margin-bottom: 0; }
.tf-empty a { text-decoration: underline; text-underline-offset: 3px; }
.tf-pagination { margin: 24px 0; text-align: center; }
.tf-pagination .pg_wrap { float: none; margin: 0; }
.tf-composer { border: 1px solid var(--tf-line); border-top: 2px solid var(--tf-accent); border-radius: 0 0 5px 5px; background: var(--tf-surface); padding: 18px; margin-top: 30px; scroll-margin-top: 24px; }
.tf-compose-heading { display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; }
.tf-compose-heading strong { font-size: 12px; font-weight: 700; flex-shrink: 0; }
.tf-compose-heading > span { color: var(--tf-muted); font-size: 10px; }
.tf-cancel-reply { background: transparent; border: 0; margin-left: auto; font-size: 11px !important; white-space: nowrap; }
.tf-field { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; min-width: 0; }
.tf-field > span { font-size: 11px; color: var(--tf-muted); flex: 0 0 26px; }
.timefold .tf-field :is(input, select) { border: 0; border-bottom: 1px solid var(--tf-line); border-radius: 0; background: transparent; padding: 7px 0; min-width: 0; height: 34px; box-shadow: none; font-size: 12px; flex: 1; }
.tf-category-field { max-width: 220px; }
.tf-guest-fields { display: flex; flex-wrap: wrap; gap: 12px; }
.tf-guest-fields > label { flex: 1 1 200px; }
.tf-editor-field > label { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.timefold .tf-quick textarea { width: 100%; min-height: 76px; max-height: 50vh; resize: vertical; border: 0; background: transparent; box-shadow: none; padding: 4px 0 12px; font-size: 12px; line-height: 1.7; }
.timefold .tf-quick textarea::placeholder, .timefold input::placeholder { color: var(--tf-muted); opacity: 1; }
.tf-compose-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--tf-line); padding-top: 12px; }
.tf-compose-options { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; }
.tf-upload { position: relative; overflow: hidden; cursor: pointer; }
.tf-upload input { position: absolute; inset: 0; opacity: 0; width: 100%; cursor: pointer; }
.tf-upload:focus-within { outline: 2px solid var(--tf-accent); outline-offset: 3px; }
.tf-file-name { font-size: 10px; color: var(--tf-muted); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tf-check { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; white-space: nowrap; }
.tf-check input { accent-color: var(--tf-accent); margin: 0; }
.timefold .tf-submit { background: var(--tf-button); color: var(--tf-button-ink); border-color: var(--tf-button); padding-inline: 14px; }
.tf-submit span { margin-left: 6px; }
.timefold .tf-submit:hover { filter: brightness(.93); }
.tf-existing-files { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.tf-form-error { font-size: 12px; color: var(--tf-error); margin: 12px 0 0; }
.tf-footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 14px; font-size: 9px; color: var(--tf-muted); }
.tf-footer span:last-child { font-family: var(--tf-mono); }
.tf-writing .tf-composer { margin-top: 0; }
.tf-writing .tf-editor-field { margin: 18px 0; }
.tf-single { margin-top: 20px; }
.tf-parent-link { display: inline-block; font-size: 12px; margin-bottom: 14px; }
@media (max-width: 540px) {
    .timefold { padding: 0 16px; margin-top: 22px; }
    .tf-header { align-items: flex-start; flex-direction: column; gap: 12px; padding-bottom: 16px; }
    .tf-header-tools { width: 100%; }
    .tf-header-tools .tf-collapse { margin-left: auto; }
    .tf-header h2 { font-size: 22px; }
    .tf-search { flex-basis: 100%; }
    .tf-feed { margin-left: 4px; padding-left: 17px; }
    .tf-marker { left: -22px; }
    .tf-summary { padding: 13px 12px 9px; gap: 12px; }
    .tf-expanded { padding: 4px 12px 5px; }
    .tf-thread { margin-inline: 12px; }
    .tf-title { font-size: 13px; }
    .tf-composer { padding: 14px; }
    .tf-compose-heading { flex-wrap: wrap; gap: 4px 10px; }
    .tf-compose-heading > span { flex-basis: 100%; order: 2; }
    .tf-compose-bottom { gap: 10px; }
    .tf-compose-options { flex: 1 1 100%; }
    .tf-submit { margin-left: auto; }
    .tf-footer { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    .timefold *, .timefold *::before, .timefold *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation: none !important; }
}

/* Shared bottom composer: its measured spacer keeps the last record scrollable above it. */
.tf-has-dock { --tf-dock-shadow: color-mix(in srgb, var(--tf-ink) 12%, transparent); }
.timefold .tf-compose-toggle {
    position: fixed; left: calc(var(--tf-dock-left, 16px) + var(--tf-dock-width, 280px) - 44px);
    bottom: calc(var(--tf-keyboard-offset, 0px) + max(16px, env(safe-area-inset-bottom)));
    z-index: 12; display: grid; place-items: center; width: 44px; height: 44px;
    border: 0; border-radius: 6px; padding: 0; background: var(--tf-button); color: var(--tf-button-ink);
    box-shadow: 0 3px 12px var(--tf-dock-shadow); font-size: 27px; line-height: 1;
}
.timefold .tf-compose-plus { position: relative; display: block; width: 18px; height: 18px; }
.timefold .tf-compose-plus::before, .timefold .tf-compose-plus::after { content: ""; position: absolute; background: currentColor; border-radius: 1px; }
.timefold .tf-compose-plus::before { width: 18px; height: 2px; left: 0; top: 8px; }
.timefold .tf-compose-plus::after { width: 2px; height: 18px; left: 8px; top: 0; }
.tf-compose-toggle:hover { filter: brightness(.93); }
.timefold.tf-has-dock .tf-quick {
    position: fixed; left: var(--tf-dock-left, 16px); width: var(--tf-dock-width, calc(100% - 32px));
    bottom: calc(var(--tf-keyboard-offset, 0px) + max(16px, env(safe-area-inset-bottom)));
    z-index: 12; margin: 0; max-height: min(520px, calc(var(--tf-viewport-height, 100dvh) * .7));
    overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
    box-shadow: 0 -8px 32px var(--tf-dock-shadow); border-radius: 5px;
}
.timefold.tf-has-dock .tf-quick:not([hidden]) { animation: tf-dock-enter 180ms var(--tf-ease) both; }
.timefold .tf-compose-close {
    display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px;
    margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--tf-muted); font-size: 22px; line-height: 1;
}
.tf-compose-close:hover { color: var(--tf-accent); }
.tf-cancel-reply + .tf-compose-close { margin-left: 0; }
.tf-cancel-reply[hidden] + .tf-compose-close { margin-left: auto; }
.tf-dock-spacer { height: 72px; pointer-events: none; overflow-anchor: none; }
.tf-has-dock .tf-feed, .tf-has-dock .tf-footer { position: relative; z-index: 0; }
@keyframes tf-dock-enter { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 540px) {
    .timefold.tf-has-dock .tf-quick { padding: 12px 14px; }
    .tf-has-dock .tf-compose-heading { align-items: center; margin-bottom: 8px; }
    .tf-has-dock .tf-compose-heading > span { display: none; }
    .tf-has-dock .tf-compose-bottom { gap: 8px; }
    .tf-has-dock .tf-compose-options { flex: 1 1 120px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .timefold.tf-has-dock .tf-quick:not([hidden]) { animation: none; } }


.timefold {--tf-accent:#a84027;--tf-button:#a84027;--tf-line:#ddded7;--tf-paper:#f6f5f2;--tf-surface:#fffefa;--tf-ink:#2e302e;--tf-button-ink:#fffefa;}
/* A · Rail — sparse rust accent, linked markers and compact surfaces. */

/* Keep the quiet cards; concentrate the color on the rail and active states. */
.tf-toolbar {border-bottom:0;}
.tf-categories a {border-radius:0;}
.tf-categories a[aria-current] {background:transparent;color:var(--tf-accent);font-weight:700;box-shadow:inset 0 -2px var(--tf-accent);}
.tf-date-divider {color:var(--tf-ink);}
.tf-entry {transition:border-color 160ms var(--tf-ease);}
.tf-entry > .tf-marker {border-color:color-mix(in srgb,var(--tf-accent) 50%,var(--tf-line));}
.tf-entry > .tf-marker::after {content:"";position:absolute;left:10px;top:2px;width:13px;height:1px;background:var(--tf-line);}
.tf-entry:has(> .tf-post[open]) {border-color:color-mix(in srgb,var(--tf-accent) 60%,var(--tf-line));box-shadow:inset 0 2px var(--tf-accent);}
.tf-entry:has(> .tf-post[open]) > .tf-marker {box-shadow:0 0 0 3px var(--tf-paper),0 0 0 4px color-mix(in srgb,var(--tf-accent) 45%,var(--tf-paper));}
.tf-entry:has(> .tf-post[open]) > .tf-marker::after {background:var(--tf-accent);}
.tf-post[open] > .tf-summary .tf-chevron {color:var(--tf-accent);}
.tf-labels {align-items:center;}
.tf-badge {background:var(--tf-accent);color:var(--tf-button-ink);}
.tf-notice {display:inline-flex;align-items:center;color:var(--tf-accent);background:none;padding:0;}
.tf-notice svg {display:block;transform:rotate(35deg);}
.tf-actions {gap:4px;}
.tf-actions :is(a,button)[data-action-icon] {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--tf-muted);border-radius:3px;}
.tf-actions [data-action-icon] .fa-solid {display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:12px;line-height:1;}
.tf-actions :is(a,button)[data-action-icon]:hover {color:var(--tf-accent);background:var(--tf-soft);}
.tf-action-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.tf-count {color:var(--tf-accent);font-weight:600;}
.tf-thread[open] > summary {color:var(--tf-accent);}
.tf-thread[open] > summary .tf-count {background:var(--tf-soft);}
.tf-thread-icon {color:var(--tf-accent);}
@media(hover:hover){.tf-entry:hover{border-color:color-mix(in srgb,var(--tf-accent) 40%,var(--tf-line));}}
@media(max-width:540px){.tf-entry > .tf-marker::after{width:5px;}}

.tf-header-tools {flex-wrap:wrap;gap:8px 12px;}
.tf-date-switch {display:flex;padding:2px;border:1px solid var(--tf-line);border-radius:4px;gap:2px;}
.tf-date-switch button {border:0;background:transparent;color:var(--tf-muted);padding:4px 7px;font:inherit;font-size:10px;border-radius:2px;}
.tf-date-switch button[aria-pressed="true"] {background:var(--tf-soft);color:var(--tf-accent);font-weight:700;}
.timefold[data-date-position="left"] .tf-feed {margin-left:102px;}
.timefold[data-date-position="left"] .tf-feed > .tf-date-divider {position:relative;left:-128px;top:24px;width:88px;height:0;margin:22px 0 0;white-space:nowrap;font-size:10px;}
.timefold[data-date-position="left"] .tf-feed > .tf-date-divider:first-child {margin-top:0;}
@media(max-width:540px){
 .tf-search{border-top:0;}
 .tf-header-tools{justify-content:flex-start;}
 .tf-date-switch{margin-right:auto;}
 .timefold[data-date-position="left"] .tf-feed{margin-left:70px;}
 .timefold[data-date-position="left"] .tf-feed > .tf-date-divider{left:-87px;top:24px;width:61px;font-size:9px;letter-spacing:-.025em;}
}

/* A crisp paper edge, with a brief lift that settles while hovered. */
.tf-feed > .tf-entry {
 --tf-paper-edge:2px 3px 0 color-mix(in srgb,var(--tf-ink) 13%,var(--tf-paper));
 box-shadow:var(--tf-paper-edge);
 transform-origin:50% 30px;
 transition:transform 180ms var(--tf-ease),box-shadow 180ms var(--tf-ease),border-color 160ms var(--tf-ease);
}
.tf-feed > .tf-entry:has(> .tf-post[open]) {
 box-shadow:inset 0 2px var(--tf-accent),var(--tf-paper-edge);
}
.tf-feed > .tf-entry:focus-within {
 --tf-paper-edge:3px 4px 0 color-mix(in srgb,var(--tf-ink) 16%,var(--tf-paper));
}
@media(hover:hover) and (pointer:fine) {
 .tf-feed > .tf-entry:hover {
  --tf-paper-edge:4px 6px 0 color-mix(in srgb,var(--tf-ink) 16%,var(--tf-paper));
  transform:translateY(-3px);
  animation:tf-paper-lift 440ms var(--tf-ease) both;
 }
}
@keyframes tf-paper-lift {
 0% {transform:translateY(0) rotate(0);}
 32% {transform:translateY(-4px) rotate(-.22deg);}
 60% {transform:translateY(-3px) rotate(.16deg);}
 82% {transform:translateY(-3px) rotate(-.06deg);}
 100% {transform:translateY(-3px) rotate(0);}
}
@media(prefers-reduced-motion:reduce) {
 .tf-feed > .tf-entry,.tf-feed > .tf-entry:hover {animation:none;transform:none;transition:none;}
}

/* RA0 design settings; fallbacks preserve the compact preview. */
.timefold {
 --tf-font:'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
 --tf-title-size:14px;
 --tf-content-size:13px;
}
.timefold .tf-feed > .tf-entry:not(.tf-reply),
.timefold .tf-composer {
 border-radius:var(--card-border-radius,5px);
}
.timefold .tf-header h2 {
 font-family:var(--title-font-family,var(--tf-font));
}
.timefold .tf-title {
 font-family:var(--title-font-family,var(--tf-font));
 font-size:var(--tf-title-size);
 color:var(--title-font-color,var(--tf-ink));
}
.timefold .tf-content {
 font-family:var(--content-font-family,var(--tf-font));
 font-size:var(--content-font-size,var(--tf-content-size));
 color:var(--content-font-color,var(--tf-ink));
}
.timefold .tf-reply {--tf-title-size:12px;--tf-content-size:12px;}
@media(max-width:540px){.timefold{--tf-title-size:13px;}}

.timefold .tf-guest-delete {display:flex;align-items:center;gap:4px;}
.timefold .tf-guest-delete input {max-width:110px;min-width:0;padding:4px 6px;font-size:10px;border:1px solid var(--tf-line);border-radius:3px;}
/* Editor chrome must retain its own layout and controls. */
.timefold.tf-writing {width:min(100%,860px);}
.timefold .tf-editor-field .ra0-editor-container {min-width:0;}
.timefold .tf-download {margin-top:8px;font-size:11px;overflow-wrap:anywhere;}
.timefold .tf-download a {color:var(--tf-accent);text-decoration:underline;text-underline-offset:3px;}

/* Replies keep a simple left rule, including when their content is open. */
.timefold .tf-entry.tf-reply { box-shadow: none; }

/* Shared editor section labels match the compact subject label. */
.timefold.tf-writing .tf-editor-field > .form-group > .form-label { font-size: 11px; font-weight: 400; color: var(--tf-muted); }