:root {
    --tsl-bg: #3d2a2e;
    --tsl-bg-elevated: #4a3338;
    --tsl-bg-subtle: #5c4046;
    --tsl-surface: #fff8f7;
    --tsl-surface-muted: #ffffff;
    --tsl-surface-glass: rgba(255, 248, 247, 0.92);
    --tsl-header-bg: #ffffff;
    --tsl-header-fg: #2a2224;
    --tsl-header-link: rgba(42, 34, 36, 0.94);
    --tsl-header-link-active: #2a2224;
    --tsl-banner-bg: var(--tsl-accent-soft);
    --tsl-banner-fg: var(--tsl-ink);
    --tsl-banner-accent: var(--tsl-accent);
    --tsl-staff-acting-banner-bg: #ebdfcc;
    --tsl-staff-acting-banner-fg: #5c4a32;
    --tsl-staff-acting-banner-border: #d9c7a8;
    --tsl-staff-acting-banner-action-bg: #f3ead9;
    --tsl-staff-acting-banner-action-fg: #5c4a32;
    --tsl-staff-acting-banner-action-border: #c9b48a;
    --tsl-staff-acting-banner-action-hover-bg: #eadcc4;
    --tsl-staff-acting-banner-action-hover-fg: #3f3200;
    --tsl-ink: #2a2224;
    --tsl-ink-soft: #5c5356;
    --tsl-ink-muted: #8a7e81;
    --tsl-accent: #bc6c74;
    --tsl-accent-hover: #a55d65;
    --tsl-accent-soft: rgba(188, 108, 116, 0.14);
    --tsl-dark-mode: 0;
    --tsl-danger: #b45353;
    --tsl-danger-hover: #9a4646;
    --tsl-danger-on: #ffffff;
    --tsl-danger-muted-fg: #8f3f3f;
    --tsl-warning: #c9a227;
    --tsl-warning-hover: #b08e1f;
    --tsl-warning-on: #ffffff;
    --tsl-border: rgba(42, 34, 36, 0.12);
    --tsl-border-strong: rgba(42, 34, 36, 0.22);
    --tsl-radius: 12px;
    --tsl-radius-lg: 20px;
    --tsl-radius-full: 999px;
    --tsl-check-size: 1.15rem;
    --tsl-check-radius: 0.28rem;
    --tsl-check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.15 11.85 3.4 9.1a.85.85 0 0 1 1.2-1.2l1.55 1.55 5.2-5.2a.85.85 0 0 1 1.2 1.2L6.15 11.85z'/%3E%3C/svg%3E");
    --tsl-check-dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%23fff' x='3.25' y='7.15' width='9.5' height='1.7' rx='0.85'/%3E%3C/svg%3E");
    --tsl-font-display: 'Fraunces', Georgia, serif;
    --tsl-font-body: 'DM Sans', system-ui, sans-serif;
    --tsl-font-scale: 93.75%;
    --tsl-max-width: 72rem;
    --tsl-header-height: 4.25rem;
    --tsl-space-xs: 0.5rem;
    --tsl-space-sm: 0.75rem;
    --tsl-space-md: 1.25rem;
    --tsl-space-lg: 2rem;
    --tsl-space-xl: 3.5rem;
    --tsl-shadow: 0 1px 2px rgba(4, 21, 38, 0.04);
    --tsl-shadow-sm: 0 1px 3px rgba(4, 21, 38, 0.06), 0 1px 2px rgba(4, 21, 38, 0.04);
    --tsl-shadow-md: 0 4px 16px rgba(4, 21, 38, 0.08), 0 2px 4px rgba(4, 21, 38, 0.04);
    --tsl-shadow-lg: 0 12px 40px rgba(4, 21, 38, 0.12), 0 4px 12px rgba(4, 21, 38, 0.06);
    --tsl-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --tsl-duration: 0.2s;
}


.ph {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--tsl-icon) center / contain no-repeat;
    mask: var(--tsl-icon) center / contain no-repeat;
    speak: never;
}
.ph::before { content: none; }

.ph-arrow-left { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H59.31l58.35%2C58.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-72-72a8%2C8%2C0%2C0%2C1%2C0-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L59.31%2C120H216A8%2C8%2C0%2C0%2C1%2C224%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-arrow-up { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M205.66%2C117.66a8%2C8%2C0%2C0%2C1-11.32%2C0L136%2C59.31V216a8%2C8%2C0%2C0%2C1-16%2C0V59.31L61.66%2C117.66a8%2C8%2C0%2C0%2C1-11.32-11.32l72-72a8%2C8%2C0%2C0%2C1%2C11.32%2C0l72%2C72A8%2C8%2C0%2C0%2C1%2C205.66%2C117.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-bell { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M221.8%2C175.94C216.25%2C166.38%2C208%2C139.33%2C208%2C104a80%2C80%2C0%2C1%2C0-160%2C0c0%2C35.34-8.26%2C62.38-13.81%2C71.94A16%2C16%2C0%2C0%2C0%2C48%2C200H88.81a40%2C40%2C0%2C0%2C0%2C78.38%2C0H208a16%2C16%2C0%2C0%2C0%2C13.8-24.06ZM128%2C216a24%2C24%2C0%2C0%2C1-22.62-16h45.24A24%2C24%2C0%2C0%2C1%2C128%2C216ZM48%2C184c7.7-13.24%2C16-43.92%2C16-80a64%2C64%2C0%2C1%2C1%2C128%2C0c0%2C36.05%2C8.28%2C66.73%2C16%2C80Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-caret-down { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M213.66%2C101.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32%2C0l-80-80A8%2C8%2C0%2C0%2C1%2C53.66%2C90.34L128%2C164.69l74.34-74.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-caret-left { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M165.66%2C202.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32l-80-80a8%2C8%2C0%2C0%2C1%2C0-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L91.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-caret-right { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M181.66%2C133.66l-80%2C80a8%2C8%2C0%2C0%2C1-11.32-11.32L164.69%2C128%2C90.34%2C53.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32l80%2C80A8%2C8%2C0%2C0%2C1%2C181.66%2C133.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-caret-up { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M213.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32%2C0L128%2C91.31%2C53.66%2C165.66a8%2C8%2C0%2C0%2C1-11.32-11.32l80-80a8%2C8%2C0%2C0%2C1%2C11.32%2C0l80%2C80A8%2C8%2C0%2C0%2C1%2C213.66%2C165.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-chat-circle { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C0%2C0%2C36.18%2C176.88L24.83%2C210.93a16%2C16%2C0%2C0%2C0%2C20.24%2C20.24l34.05-11.35A104%2C104%2C0%2C1%2C0%2C128%2C24Zm0%2C192a87.87%2C87.87%2C0%2C0%2C1-44.06-11.81%2C8%2C8%2C0%2C0%2C0-6.54-.67L40%2C216%2C52.47%2C178.6a8%2C8%2C0%2C0%2C0-.66-6.54A88%2C88%2C0%2C1%2C1%2C128%2C216Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-check-circle { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M173.66%2C98.34a8%2C8%2C0%2C0%2C1%2C0%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0l-24-24a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35A8%2C8%2C0%2C0%2C1%2C173.66%2C98.34ZM232%2C128A104%2C104%2C0%2C1%2C1%2C128%2C24%2C104.11%2C104.11%2C0%2C0%2C1%2C232%2C128Zm-16%2C0a88%2C88%2C0%2C1%2C0-88%2C88A88.1%2C88.1%2C0%2C0%2C0%2C216%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-check { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M229.66%2C77.66l-128%2C128a8%2C8%2C0%2C0%2C1-11.32%2C0l-56-56a8%2C8%2C0%2C0%2C1%2C11.32-11.32L96%2C188.69%2C218.34%2C66.34a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-clock { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm64-88a8%2C8%2C0%2C0%2C1-8%2C8H128a8%2C8%2C0%2C0%2C1-8-8V72a8%2C8%2C0%2C0%2C1%2C16%2C0v48h48A8%2C8%2C0%2C0%2C1%2C192%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-clock-counter-clockwise { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M136%2C80v43.47l36.12%2C21.67a8%2C8%2C0%2C0%2C1-8.24%2C13.72l-40-24A8%2C8%2C0%2C0%2C1%2C120%2C128V80a8%2C8%2C0%2C0%2C1%2C16%2C0Zm-8-48A95.44%2C95.44%2C0%2C0%2C0%2C60.08%2C60.15C52.81%2C67.51%2C46.35%2C74.59%2C40%2C82V64a8%2C8%2C0%2C0%2C0-16%2C0v40a8%2C8%2C0%2C0%2C0%2C8%2C8H72a8%2C8%2C0%2C0%2C0%2C0-16H49c7.15-8.42%2C14.27-16.35%2C22.39-24.57a80%2C80%2C0%2C1%2C1%2C1.66%2C114.75%2C8%2C8%2C0%2C1%2C0-11%2C11.64A96%2C96%2C0%2C1%2C0%2C128%2C32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-clock-counter-clockwise { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M136%2C80v43.47l36.12%2C21.67a8%2C8%2C0%2C0%2C1-8.24%2C13.72l-40-24A8%2C8%2C0%2C0%2C1%2C120%2C128V80a8%2C8%2C0%2C0%2C1%2C16%2C0Zm-8-48A95.44%2C95.44%2C0%2C0%2C0%2C60.08%2C60.15C52.81%2C67.51%2C46.35%2C74.59%2C40%2C82V64a8%2C8%2C0%2C0%2C0-16%2C0v40a8%2C8%2C0%2C0%2C0%2C8%2C8H72a8%2C8%2C0%2C0%2C0%2C0-16H49c7.15-8.42%2C14.27-16.35%2C22.39-24.57a80%2C80%2C0%2C1%2C1%2C1.66%2C114.75%2C8%2C8%2C0%2C1%2C0-11%2C11.64A96%2C96%2C0%2C1%2C0%2C128%2C32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-clock-counter-clockwise { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M136%2C80v43.47l36.12%2C21.67a8%2C8%2C0%2C0%2C1-8.24%2C13.72l-40-24A8%2C8%2C0%2C0%2C1%2C120%2C128V80a8%2C8%2C0%2C0%2C1%2C16%2C0Zm-8-48A95.44%2C95.44%2C0%2C0%2C0%2C60.08%2C60.15C52.81%2C67.51%2C46.35%2C74.59%2C40%2C82V64a8%2C8%2C0%2C0%2C0-16%2C0v40a8%2C8%2C0%2C0%2C0%2C8%2C8H72a8%2C8%2C0%2C0%2C0%2C0-16H49c7.15-8.42%2C14.27-16.35%2C22.39-24.57a80%2C80%2C0%2C1%2C1%2C1.66%2C114.75%2C8%2C8%2C0%2C1%2C0-11%2C11.64A96%2C96%2C0%2C1%2C0%2C128%2C32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-credit-card { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M224%2C48H32A16%2C16%2C0%2C0%2C0%2C16%2C64V192a16%2C16%2C0%2C0%2C0%2C16%2C16H224a16%2C16%2C0%2C0%2C0%2C16-16V64A16%2C16%2C0%2C0%2C0%2C224%2C48Zm0%2C16V88H32V64Zm0%2C128H32V104H224v88Zm-16-24a8%2C8%2C0%2C0%2C1-8%2C8H168a8%2C8%2C0%2C0%2C1%2C0-16h32A8%2C8%2C0%2C0%2C1%2C208%2C168Zm-64%2C0a8%2C8%2C0%2C0%2C1-8%2C8H120a8%2C8%2C0%2C0%2C1%2C0-16h16A8%2C8%2C0%2C0%2C1%2C144%2C168Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-currency-btc { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M178.48%2C115.7A44%2C44%2C0%2C0%2C0%2C152%2C40.19V24a8%2C8%2C0%2C0%2C0-16%2C0V40H120V24a8%2C8%2C0%2C0%2C0-16%2C0V40H72a8%2C8%2C0%2C0%2C0%2C0%2C16h8V192H72a8%2C8%2C0%2C0%2C0%2C0%2C16h32v16a8%2C8%2C0%2C0%2C0%2C16%2C0V208h16v16a8%2C8%2C0%2C0%2C0%2C16%2C0V208h8a48%2C48%2C0%2C0%2C0%2C18.48-92.3ZM176%2C84a28%2C28%2C0%2C0%2C1-28%2C28H96V56h52A28%2C28%2C0%2C0%2C1%2C176%2C84ZM160%2C192H96V128h64a32%2C32%2C0%2C0%2C1%2C0%2C64Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-eye-slash { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M53.92%2C34.62A8%2C8%2C0%2C1%2C0%2C42.08%2C45.38L61.32%2C66.55C25%2C88.84%2C9.38%2C123.2%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208a127.11%2C127.11%2C0%2C0%2C0%2C52.07-10.83l22%2C24.21a8%2C8%2C0%2C1%2C0%2C11.84-10.76Zm47.33%2C75.84%2C41.67%2C45.85a32%2C32%2C0%2C0%2C1-41.67-45.85ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.16%2C133.16%2C0%2C0%2C1%2C25%2C128c4.69-8.79%2C19.66-33.39%2C47.35-49.38l18%2C19.75a48%2C48%2C0%2C0%2C0%2C63.66%2C70l14.73%2C16.2A112%2C112%2C0%2C0%2C1%2C128%2C192Zm6-95.43a8%2C8%2C0%2C0%2C1%2C3-15.72%2C48.16%2C48.16%2C0%2C0%2C1%2C38.77%2C42.64%2C8%2C8%2C0%2C0%2C1-7.22%2C8.71%2C6.39%2C6.39%2C0%2C0%2C1-.75%2C0%2C8%2C8%2C0%2C0%2C1-8-7.26A32.09%2C32.09%2C0%2C0%2C0%2C134%2C96.57Zm113.28%2C34.69c-.42.94-10.55%2C23.37-33.36%2C43.8a8%2C8%2C0%2C1%2C1-10.67-11.92A132.77%2C132.77%2C0%2C0%2C0%2C231.05%2C128a133.15%2C133.15%2C0%2C0%2C0-23.12-30.77C185.67%2C75.19%2C158.78%2C64%2C128%2C64a118.37%2C118.37%2C0%2C0%2C0-19.36%2C1.57A8%2C8%2C0%2C1%2C1%2C106%2C49.79%2C134%2C134%2C0%2C0%2C1%2C128%2C48c34.88%2C0%2C66.57%2C13.26%2C91.66%2C38.35%2C18.83%2C18.83%2C27.3%2C37.62%2C27.65%2C38.41A8%2C8%2C0%2C0%2C1%2C247.31%2C131.26Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-eye { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M247.31%2C124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57%2C61.26%2C162.88%2C48%2C128%2C48S61.43%2C61.26%2C36.34%2C86.35C17.51%2C105.18%2C9%2C124%2C8.69%2C124.76a8%2C8%2C0%2C0%2C0%2C0%2C6.5c.35.79%2C8.82%2C19.57%2C27.65%2C38.4C61.43%2C194.74%2C93.12%2C208%2C128%2C208s66.57-13.26%2C91.66-38.34c18.83-18.83%2C27.3-37.61%2C27.65-38.4A8%2C8%2C0%2C0%2C0%2C247.31%2C124.76ZM128%2C192c-30.78%2C0-57.67-11.19-79.93-33.25A133.47%2C133.47%2C0%2C0%2C1%2C25%2C128%2C133.33%2C133.33%2C0%2C0%2C1%2C48.07%2C97.25C70.33%2C75.19%2C97.22%2C64%2C128%2C64s57.67%2C11.19%2C79.93%2C33.25A133.46%2C133.46%2C0%2C0%2C1%2C231.05%2C128C223.84%2C141.46%2C192.43%2C192%2C128%2C192Zm0-112a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-funnel { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M230.6%2C49.53A15.81%2C15.81%2C0%2C0%2C0%2C216%2C40H40A16%2C16%2C0%2C0%2C0%2C28.19%2C66.76l.08.09L96%2C139.17V216a16%2C16%2C0%2C0%2C0%2C24.87%2C13.32l32-21.34A16%2C16%2C0%2C0%2C0%2C160%2C194.66V139.17l67.74-72.32.08-.09A15.8%2C15.8%2C0%2C0%2C0%2C230.6%2C49.53ZM40%2C56h0Zm106.18%2C74.58A8%2C8%2C0%2C0%2C0%2C144%2C136v58.66L112%2C216V136a8%2C8%2C0%2C0%2C0-2.16-5.47L40%2C56H216Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-gear { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C80a48%2C48%2C0%2C1%2C0%2C48%2C48A48.05%2C48.05%2C0%2C0%2C0%2C128%2C80Zm0%2C80a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C128%2C160Zm88-29.84q.06-2.16%2C0-4.32l14.92-18.64a8%2C8%2C0%2C0%2C0%2C1.48-7.06%2C107.21%2C107.21%2C0%2C0%2C0-10.88-26.25%2C8%2C8%2C0%2C0%2C0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186%2C40.54a8%2C8%2C0%2C0%2C0-3.94-6%2C107.71%2C107.71%2C0%2C0%2C0-26.25-10.87%2C8%2C8%2C0%2C0%2C0-7.06%2C1.49L130.16%2C40Q128%2C40%2C125.84%2C40L107.2%2C25.11a8%2C8%2C0%2C0%2C0-7.06-1.48A107.6%2C107.6%2C0%2C0%2C0%2C73.89%2C34.51a8%2C8%2C0%2C0%2C0-3.93%2C6L67.32%2C64.27q-1.56%2C1.49-3%2C3L40.54%2C70a8%2C8%2C0%2C0%2C0-6%2C3.94%2C107.71%2C107.71%2C0%2C0%2C0-10.87%2C26.25%2C8%2C8%2C0%2C0%2C0%2C1.49%2C7.06L40%2C125.84Q40%2C128%2C40%2C130.16L25.11%2C148.8a8%2C8%2C0%2C0%2C0-1.48%2C7.06%2C107.21%2C107.21%2C0%2C0%2C0%2C10.88%2C26.25%2C8%2C8%2C0%2C0%2C0%2C6%2C3.93l23.72%2C2.64q1.49%2C1.56%2C3%2C3L70%2C215.46a8%2C8%2C0%2C0%2C0%2C3.94%2C6%2C107.71%2C107.71%2C0%2C0%2C0%2C26.25%2C10.87%2C8%2C8%2C0%2C0%2C0%2C7.06-1.49L125.84%2C216q2.16.06%2C4.32%2C0l18.64%2C14.92a8%2C8%2C0%2C0%2C0%2C7.06%2C1.48%2C107.21%2C107.21%2C0%2C0%2C0%2C26.25-10.88%2C8%2C8%2C0%2C0%2C0%2C3.93-6l2.64-23.72q1.56-1.48%2C3-3L215.46%2C186a8%2C8%2C0%2C0%2C0%2C6-3.94%2C107.71%2C107.71%2C0%2C0%2C0%2C10.87-26.25%2C8%2C8%2C0%2C0%2C0-1.49-7.06Zm-16.1-6.5a73.93%2C73.93%2C0%2C0%2C1%2C0%2C8.68%2C8%2C8%2C0%2C0%2C0%2C1.74%2C5.48l14.19%2C17.73a91.57%2C91.57%2C0%2C0%2C1-6.23%2C15L187%2C173.11a8%2C8%2C0%2C0%2C0-5.1%2C2.64%2C74.11%2C74.11%2C0%2C0%2C1-6.14%2C6.14%2C8%2C8%2C0%2C0%2C0-2.64%2C5.1l-2.51%2C22.58a91.32%2C91.32%2C0%2C0%2C1-15%2C6.23l-17.74-14.19a8%2C8%2C0%2C0%2C0-5-1.75h-.48a73.93%2C73.93%2C0%2C0%2C1-8.68%2C0%2C8%2C8%2C0%2C0%2C0-5.48%2C1.74L100.45%2C215.8a91.57%2C91.57%2C0%2C0%2C1-15-6.23L82.89%2C187a8%2C8%2C0%2C0%2C0-2.64-5.1%2C74.11%2C74.11%2C0%2C0%2C1-6.14-6.14%2C8%2C8%2C0%2C0%2C0-5.1-2.64L46.43%2C170.6a91.32%2C91.32%2C0%2C0%2C1-6.23-15l14.19-17.74a8%2C8%2C0%2C0%2C0%2C1.74-5.48%2C73.93%2C73.93%2C0%2C0%2C1%2C0-8.68%2C8%2C8%2C0%2C0%2C0-1.74-5.48L40.2%2C100.45a91.57%2C91.57%2C0%2C0%2C1%2C6.23-15L69%2C82.89a8%2C8%2C0%2C0%2C0%2C5.1-2.64%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14-6.14A8%2C8%2C0%2C0%2C0%2C82.89%2C69L85.4%2C46.43a91.32%2C91.32%2C0%2C0%2C1%2C15-6.23l17.74%2C14.19a8%2C8%2C0%2C0%2C0%2C5.48%2C1.74%2C73.93%2C73.93%2C0%2C0%2C1%2C8.68%2C0%2C8%2C8%2C0%2C0%2C0%2C5.48-1.74L155.55%2C40.2a91.57%2C91.57%2C0%2C0%2C1%2C15%2C6.23L173.11%2C69a8%2C8%2C0%2C0%2C0%2C2.64%2C5.1%2C74.11%2C74.11%2C0%2C0%2C1%2C6.14%2C6.14%2C8%2C8%2C0%2C0%2C0%2C5.1%2C2.64l22.58%2C2.51a91.32%2C91.32%2C0%2C0%2C1%2C6.23%2C15l-14.19%2C17.74A8%2C8%2C0%2C0%2C0%2C199.87%2C123.66Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-gift { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M216%2C72H180.92c.39-.33.79-.65%2C1.17-1A29.53%2C29.53%2C0%2C0%2C0%2C192%2C49.57%2C32.62%2C32.62%2C0%2C0%2C0%2C158.44%2C16%2C29.53%2C29.53%2C0%2C0%2C0%2C137%2C25.91a54.94%2C54.94%2C0%2C0%2C0-9%2C14.48%2C54.94%2C54.94%2C0%2C0%2C0-9-14.48A29.53%2C29.53%2C0%2C0%2C0%2C97.56%2C16%2C32.62%2C32.62%2C0%2C0%2C0%2C64%2C49.57%2C29.53%2C29.53%2C0%2C0%2C0%2C73.91%2C71c.38.33.78.65%2C1.17%2C1H40A16%2C16%2C0%2C0%2C0%2C24%2C88v32a16%2C16%2C0%2C0%2C0%2C16%2C16v64a16%2C16%2C0%2C0%2C0%2C16%2C16H200a16%2C16%2C0%2C0%2C0%2C16-16V136a16%2C16%2C0%2C0%2C0%2C16-16V88A16%2C16%2C0%2C0%2C0%2C216%2C72ZM149%2C36.51a13.69%2C13.69%2C0%2C0%2C1%2C10-4.5h.49A16.62%2C16.62%2C0%2C0%2C1%2C176%2C49.08a13.69%2C13.69%2C0%2C0%2C1-4.5%2C10c-9.49%2C8.4-25.24%2C11.36-35%2C12.4C137.7%2C60.89%2C141%2C45.5%2C149%2C36.51Zm-64.09.36A16.63%2C16.63%2C0%2C0%2C1%2C96.59%2C32h.49a13.69%2C13.69%2C0%2C0%2C1%2C10%2C4.5c8.39%2C9.48%2C11.35%2C25.2%2C12.39%2C34.92-9.72-1-25.44-4-34.92-12.39a13.69%2C13.69%2C0%2C0%2C1-4.5-10A16.6%2C16.6%2C0%2C0%2C1%2C84.87%2C36.87ZM40%2C88h80v32H40Zm16%2C48h64v64H56Zm144%2C64H136V136h64Zm16-80H136V88h80v32Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-heart { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M178%2C40c-20.65%2C0-38.73%2C8.88-50%2C23.89C116.73%2C48.88%2C98.65%2C40%2C78%2C40a62.07%2C62.07%2C0%2C0%2C0-62%2C62c0%2C70%2C103.79%2C126.66%2C108.21%2C129a8%2C8%2C0%2C0%2C0%2C7.58%2C0C136.21%2C228.66%2C240%2C172%2C240%2C102A62.07%2C62.07%2C0%2C0%2C0%2C178%2C40ZM128%2C214.8C109.74%2C204.16%2C32%2C155.69%2C32%2C102A46.06%2C46.06%2C0%2C0%2C1%2C78%2C56c19.45%2C0%2C35.78%2C10.36%2C42.6%2C27a8%2C8%2C0%2C0%2C0%2C14.8%2C0c6.82-16.67%2C23.15-27%2C42.6-27a46.06%2C46.06%2C0%2C0%2C1%2C46%2C46C224%2C155.61%2C146.24%2C204.15%2C128%2C214.8Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-image { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M216%2C40H40A16%2C16%2C0%2C0%2C0%2C24%2C56V200a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V56A16%2C16%2C0%2C0%2C0%2C216%2C40Zm0%2C16V158.75l-26.07-26.06a16%2C16%2C0%2C0%2C0-22.63%2C0l-20%2C20-44-44a16%2C16%2C0%2C0%2C0-22.62%2C0L40%2C149.37V56ZM40%2C172l52-52%2C80%2C80H40Zm176%2C28H194.63l-36-36%2C20-20L216%2C181.38V200ZM144%2C100a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C144%2C100Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-info { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm16-40a8%2C8%2C0%2C0%2C1-8%2C8%2C16%2C16%2C0%2C0%2C1-16-16V128a8%2C8%2C0%2C0%2C1%2C0-16%2C16%2C16%2C0%2C0%2C1%2C16%2C16v40A8%2C8%2C0%2C0%2C1%2C144%2C176ZM112%2C84a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C112%2C84Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-lightning { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M215.79%2C118.17a8%2C8%2C0%2C0%2C0-5-5.66L153.18%2C90.9l14.66-73.33a8%2C8%2C0%2C0%2C0-13.69-7l-112%2C120a8%2C8%2C0%2C0%2C0%2C3%2C13l57.63%2C21.61L88.16%2C238.43a8%2C8%2C0%2C0%2C0%2C13.69%2C7l112-120A8%2C8%2C0%2C0%2C0%2C215.79%2C118.17ZM109.37%2C214l10.47-52.38a8%2C8%2C0%2C0%2C0-5-9.06L62%2C132.71l84.62-90.66L136.16%2C94.43a8%2C8%2C0%2C0%2C0%2C5%2C9.06l52.8%2C19.8Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-list { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H40a8%2C8%2C0%2C0%2C1%2C0-16H216A8%2C8%2C0%2C0%2C1%2C224%2C128ZM40%2C72H216a8%2C8%2C0%2C0%2C0%2C0-16H40a8%2C8%2C0%2C0%2C0%2C0%2C16ZM216%2C184H40a8%2C8%2C0%2C0%2C0%2C0%2C16H216a8%2C8%2C0%2C0%2C0%2C0-16Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-lock { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M208%2C80H176V56a48%2C48%2C0%2C0%2C0-96%2C0V80H48A16%2C16%2C0%2C0%2C0%2C32%2C96V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V96A16%2C16%2C0%2C0%2C0%2C208%2C80ZM96%2C56a32%2C32%2C0%2C0%2C1%2C64%2C0V80H96ZM208%2C208H48V96H208V208Zm-68-56a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C152Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-lock-open { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M208%2C80H96V56a32%2C32%2C0%2C0%2C1%2C32-32c15.37%2C0%2C29.2%2C11%2C32.16%2C25.59a8%2C8%2C0%2C0%2C0%2C15.68-3.18C171.32%2C24.15%2C151.2%2C8%2C128%2C8A48.05%2C48.05%2C0%2C0%2C0%2C80%2C56V80H48A16%2C16%2C0%2C0%2C0%2C32%2C96V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V96A16%2C16%2C0%2C0%2C0%2C208%2C80Zm0%2C128H48V96H208V208Zm-68-56a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C152Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-magnifying-glass { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M229.66%2C218.34l-50.07-50.06a88.11%2C88.11%2C0%2C1%2C0-11.31%2C11.31l50.06%2C50.07a8%2C8%2C0%2C0%2C0%2C11.32-11.32ZM40%2C112a72%2C72%2C0%2C1%2C1%2C72%2C72A72.08%2C72.08%2C0%2C0%2C1%2C40%2C112Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-paper-plane-tilt { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M227.32%2C28.68a16%2C16%2C0%2C0%2C0-15.66-4.08l-.15%2C0L19.57%2C82.84a16%2C16%2C0%2C0%2C0-2.49%2C29.8L102%2C154l41.3%2C84.87A15.86%2C15.86%2C0%2C0%2C0%2C157.74%2C248q.69%2C0%2C1.38-.06a15.88%2C15.88%2C0%2C0%2C0%2C14-11.51l58.2-191.94c0-.05%2C0-.1%2C0-.15A16%2C16%2C0%2C0%2C0%2C227.32%2C28.68ZM157.83%2C231.85l-.05.14%2C0-.07-40.06-82.3%2C48-48a8%2C8%2C0%2C0%2C0-11.31-11.31l-48%2C48L24.08%2C98.25l-.07%2C0%2C.14%2C0L216%2C40Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-pause { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M200%2C32H160a16%2C16%2C0%2C0%2C0-16%2C16V208a16%2C16%2C0%2C0%2C0%2C16%2C16h40a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C200%2C32Zm0%2C176H160V48h40ZM96%2C32H56A16%2C16%2C0%2C0%2C0%2C40%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H96a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C96%2C32Zm0%2C176H56V48H96Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-play { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M232.4%2C114.49%2C88.32%2C26.35a16%2C16%2C0%2C0%2C0-16.2-.3A15.86%2C15.86%2C0%2C0%2C0%2C64%2C39.87V216.13A15.94%2C15.94%2C0%2C0%2C0%2C80%2C232a16.07%2C16.07%2C0%2C0%2C0%2C8.36-2.35L232.4%2C141.51a15.81%2C15.81%2C0%2C0%2C0%2C0-27ZM80%2C215.94V40l143.83%2C88Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-plus-circle { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216Zm48-88a8%2C8%2C0%2C0%2C1-8%2C8H136v32a8%2C8%2C0%2C0%2C1-16%2C0V136H88a8%2C8%2C0%2C0%2C1%2C0-16h32V88a8%2C8%2C0%2C0%2C1%2C16%2C0v32h32A8%2C8%2C0%2C0%2C1%2C176%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-prohibit { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm88%2C104a87.56%2C87.56%2C0%2C0%2C1-20.41%2C56.28L71.72%2C60.4A88%2C88%2C0%2C0%2C1%2C216%2C128ZM40%2C128A87.56%2C87.56%2C0%2C0%2C1%2C60.41%2C71.72L184.28%2C195.6A88%2C88%2C0%2C0%2C1%2C40%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-share-network { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M176%2C160a39.89%2C39.89%2C0%2C0%2C0-28.62%2C12.09l-46.1-29.63a39.8%2C39.8%2C0%2C0%2C0%2C0-28.92l46.1-29.63a40%2C40%2C0%2C1%2C0-8.66-13.45l-46.1%2C29.63a40%2C40%2C0%2C1%2C0%2C0%2C55.82l46.1%2C29.63A40%2C40%2C0%2C1%2C0%2C176%2C160Zm0-128a24%2C24%2C0%2C1%2C1-24%2C24A24%2C24%2C0%2C0%2C1%2C176%2C32ZM64%2C152a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C64%2C152Zm112%2C72a24%2C24%2C0%2C1%2C1%2C24-24A24%2C24%2C0%2C0%2C1%2C176%2C224Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-shield-check { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M208%2C40H48A16%2C16%2C0%2C0%2C0%2C32%2C56v56c0%2C52.72%2C25.52%2C84.67%2C46.93%2C100.65%2C23%2C17.16%2C46%2C20.82%2C47.5%2C21a7.93%2C7.93%2C0%2C0%2C0%2C2.14%2C0c1.47-.16%2C24.47-3.82%2C47.5-21C198.48%2C196.67%2C224%2C164.72%2C224%2C112V56A16%2C16%2C0%2C0%2C0%2C208%2C40Zm0%2C72c0%2C37.38-13.76%2C67.49-40.85%2C89.5-19.07%2C15.54-38.35%2C18.82-43.15%2C19.4-4.81-.58-24.09-3.86-43.15-19.4C61.76%2C179.49%2C48%2C149.38%2C48%2C112V56H208ZM82.34%2C141.66a8%2C8%2C0%2C0%2C1%2C11.32-11.32L112%2C148.69l50.34-50.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32l-56%2C56a8%2C8%2C0%2C0%2C1-11.32%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-smiley { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M128%2C24A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.11%2C104.11%2C0%2C0%2C0%2C128%2C24Zm0%2C192a88%2C88%2C0%2C1%2C1%2C88-88A88.1%2C88.1%2C0%2C0%2C1%2C128%2C216ZM80%2C108a12%2C12%2C0%2C1%2C1%2C12%2C12A12%2C12%2C0%2C0%2C1%2C80%2C108Zm96%2C0a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C176%2C108Zm-1.07%2C48c-10.29%2C17.79-27.4%2C28-46.93%2C28s-36.63-10.2-46.92-28a8%2C8%2C0%2C1%2C1%2C13.84-8c7.47%2C12.91%2C19.21%2C20%2C33.08%2C20s25.61-7.1%2C33.07-20a8%2C8%2C0%2C0%2C1%2C13.86%2C8Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-storefront { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M232%2C96a7.89%2C7.89%2C0%2C0%2C0-.3-2.2L217.35%2C43.6A16.07%2C16.07%2C0%2C0%2C0%2C202%2C32H54A16.07%2C16.07%2C0%2C0%2C0%2C38.65%2C43.6L24.31%2C93.8A7.89%2C7.89%2C0%2C0%2C0%2C24%2C96h0v16a40%2C40%2C0%2C0%2C0%2C16%2C32v72a8%2C8%2C0%2C0%2C0%2C8%2C8H208a8%2C8%2C0%2C0%2C0%2C8-8V144a40%2C40%2C0%2C0%2C0%2C16-32V96ZM54%2C48H202l11.42%2C40H42.61Zm50%2C56h48v8a24%2C24%2C0%2C0%2C1-48%2C0Zm-16%2C0v8a24%2C24%2C0%2C0%2C1-35.12%2C21.26%2C7.88%2C7.88%2C0%2C0%2C0-1.82-1.06A24%2C24%2C0%2C0%2C1%2C40%2C112v-8ZM200%2C208H56V151.2a40.57%2C40.57%2C0%2C0%2C0%2C8%2C.8%2C40%2C40%2C0%2C0%2C0%2C32-16%2C40%2C40%2C0%2C0%2C0%2C64%2C0%2C40%2C40%2C0%2C0%2C0%2C32%2C16%2C40.57%2C40.57%2C0%2C0%2C0%2C8-.8Zm4.93-75.8a8.08%2C8.08%2C0%2C0%2C0-1.8%2C1.05A24%2C24%2C0%2C0%2C1%2C168%2C112v-8h48v8A24%2C24%2C0%2C0%2C1%2C204.93%2C132.2Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-trash { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M216%2C48H176V40a24%2C24%2C0%2C0%2C0-24-24H104A24%2C24%2C0%2C0%2C0%2C80%2C40v8H40a8%2C8%2C0%2C0%2C0%2C0%2C16h8V208a16%2C16%2C0%2C0%2C0%2C16%2C16H192a16%2C16%2C0%2C0%2C0%2C16-16V64h8a8%2C8%2C0%2C0%2C0%2C0-16ZM96%2C40a8%2C8%2C0%2C0%2C1%2C8-8h48a8%2C8%2C0%2C0%2C1%2C8%2C8v8H96Zm96%2C168H64V64H192ZM112%2C104v64a8%2C8%2C0%2C0%2C1-16%2C0V104a8%2C8%2C0%2C0%2C1%2C16%2C0Zm48%2C0v64a8%2C8%2C0%2C0%2C1-16%2C0V104a8%2C8%2C0%2C0%2C1%2C16%2C0Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-user { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M230.92%2C212c-15.23-26.33-38.7-45.21-66.09-54.16a72%2C72%2C0%2C1%2C0-73.66%2C0C63.78%2C166.78%2C40.31%2C185.66%2C25.08%2C212a8%2C8%2C0%2C1%2C0%2C13.85%2C8c18.84-32.56%2C52.14-52%2C89.07-52s70.23%2C19.44%2C89.07%2C52a8%2C8%2C0%2C1%2C0%2C13.85-8ZM72%2C96a56%2C56%2C0%2C1%2C1%2C56%2C56A56.06%2C56.06%2C0%2C0%2C1%2C72%2C96Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-warning-octagon { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M120%2C136V80a8%2C8%2C0%2C0%2C1%2C16%2C0v56a8%2C8%2C0%2C0%2C1-16%2C0ZM232%2C91.55v72.9a15.86%2C15.86%2C0%2C0%2C1-4.69%2C11.31l-51.55%2C51.55A15.86%2C15.86%2C0%2C0%2C1%2C164.45%2C232H91.55a15.86%2C15.86%2C0%2C0%2C1-11.31-4.69L28.69%2C175.76A15.86%2C15.86%2C0%2C0%2C1%2C24%2C164.45V91.55a15.86%2C15.86%2C0%2C0%2C1%2C4.69-11.31L80.24%2C28.69A15.86%2C15.86%2C0%2C0%2C1%2C91.55%2C24h72.9a15.86%2C15.86%2C0%2C0%2C1%2C11.31%2C4.69l51.55%2C51.55A15.86%2C15.86%2C0%2C0%2C1%2C232%2C91.55Zm-16%2C0L164.45%2C40H91.55L40%2C91.55v72.9L91.55%2C216h72.9L216%2C164.45ZM128%2C160a12%2C12%2C0%2C1%2C0%2C12%2C12A12%2C12%2C0%2C0%2C0%2C128%2C160Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-warning { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M236.8%2C188.09%2C149.35%2C36.22h0a24.76%2C24.76%2C0%2C0%2C0-42.7%2C0L19.2%2C188.09a23.51%2C23.51%2C0%2C0%2C0%2C0%2C23.72A24.35%2C24.35%2C0%2C0%2C0%2C40.55%2C224h174.9a24.35%2C24.35%2C0%2C0%2C0%2C21.33-12.19A23.51%2C23.51%2C0%2C0%2C0%2C236.8%2C188.09ZM222.93%2C203.8a8.5%2C8.5%2C0%2C0%2C1-7.48%2C4.2H40.55a8.5%2C8.5%2C0%2C0%2C1-7.48-4.2%2C7.59%2C7.59%2C0%2C0%2C1%2C0-7.72L120.52%2C44.21a8.75%2C8.75%2C0%2C0%2C1%2C15%2C0l87.45%2C151.87A7.59%2C7.59%2C0%2C0%2C1%2C222.93%2C203.8ZM120%2C144V104a8%2C8%2C0%2C0%2C1%2C16%2C0v40a8%2C8%2C0%2C0%2C1-16%2C0Zm20%2C36a12%2C12%2C0%2C1%2C1-12-12A12%2C12%2C0%2C0%2C1%2C140%2C180Z%22%2F%3E%3C%2Fsvg%3E"); }
.ph-x { --tsl-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M205.66%2C194.34a8%2C8%2C0%2C0%2C1-11.32%2C11.32L128%2C139.31%2C61.66%2C205.66a8%2C8%2C0%2C0%2C1-11.32-11.32L116.69%2C128%2C50.34%2C61.66A8%2C8%2C0%2C0%2C1%2C61.66%2C50.34L128%2C116.69l66.34-66.35a8%2C8%2C0%2C0%2C1%2C11.32%2C11.32L139.31%2C128Z%22%2F%3E%3C%2Fsvg%3E"); }


.tsl-soft-nav-progress {
    position: fixed;
    top: 3.45rem;
    left: 0;
    right: 0;
    width: auto;
    height: 4px;
    z-index: 2147483646;
    transform: scaleX(0.08);
    transform-origin: 0 50%;
    background: #0f5596;
    box-shadow: 0 0 8px rgba(15, 85, 150, 0.65);
    opacity: 0;
    pointer-events: none;
}

.tsl-soft-nav-progress.is-active {
    opacity: 1;
    animation: tsl-soft-nav-progress-grow 1400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes tsl-soft-nav-progress-grow {
    0%   { transform: scaleX(0.08); }
    35%  { transform: scaleX(0.55); }
    75%  { transform: scaleX(0.82); }
    100% { transform: scaleX(0.94); }
}


.tsl-soft-nav-overlay {
    --tsl-soft-nav-overlay-top: 0px;
    --tsl-soft-nav-overlay-right: 0px;
    --tsl-soft-nav-overlay-bottom: 0px;
    --tsl-soft-nav-overlay-left: 0px;

    position: fixed;
    top: var(--tsl-soft-nav-overlay-top);
    right: var(--tsl-soft-nav-overlay-right);
    bottom: var(--tsl-soft-nav-overlay-bottom);
    left: var(--tsl-soft-nav-overlay-left);
    z-index: 30;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    cursor: progress;
}

.tsl-soft-nav-overlay.is-blocking {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    background: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .tsl-soft-nav-progress.is-active {
        animation: none;
        transform: scaleX(0.94);
    }
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("fonts/inter-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 600;
    font-display: swap;
    src: url("fonts/inter-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 500 600;
    font-display: swap;
    src: url("fonts/cormorant-garamond-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/caveat-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}body.tsl-body--dark-mode {
    --tsl-dark-mode: 1;
}

*, *::before, *::after { box-sizing: border-box; }


.tsl-index-body :where(
    .tsl-index,
    .tsl-index-stage,
    .tsl-index-page,
    .tsl-index-panel,
    .tsl-index-workspace,
    .tsl-index-workspace__rail,
    .tsl-index-workspace__main,
    .tsl-index-settings,
    .tsl-index-settings__layout,
    .tsl-index-settings__nav,
    .tsl-index-settings__main,
    .tsl-index-feed,
    .tsl-ter-main,
    .tsl-ter-hero,
    .tsl-ter-hero__copy,
    .tsl-ter-body,
    .tsl-ter-content
) {
    min-width: 0;
}

.tsl-index-body :where(
    .tsl-index-panel,
    .tsl-index-workspace__main,
    .tsl-index-settings__main,
    .tsl-index-feed
) {
    overflow-wrap: break-word;
}

html, body {
    margin: 0;
    padding: 0;
}

html {
    font-size: var(--tsl-font-scale, 93.75%);
    -webkit-text-size-adjust: 100%;
    overflow-x: clip;
    overflow-y: auto;


    scrollbar-gutter: stable;
}


body.modal-open,
body.qx-modal-open {
    overscroll-behavior: none;
}

.tsl-index-body {
    margin: 0;
    min-height: 100svh;
    font-family: 'Inter', system-ui, sans-serif;
    color: var(--tsl-ink, #e8e9ec);
    background:
        radial-gradient(60rem 35rem at 78% 48%, color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent), transparent 66%),
        radial-gradient(45rem 30rem at 16% 22%, color-mix(in srgb, var(--tsl-accent, #8e9fc6) 12%, transparent), transparent 72%),
        linear-gradient(160deg, var(--tsl-bg, #08090d) 0%, var(--tsl-bg-elevated, #10131b) 100%);
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { display: block; max-width: 100%; }


.tsl-danger-bg,
.tsl-ter-btn.tsl-ter-btn--danger {
    background: var(--tsl-danger);
    color: var(--tsl-danger-on);
}

.tsl-warning-bg,
.tsl-ter-btn.tsl-ter-btn--warning {
    background: var(--tsl-warning, #c9a227);
    color: var(--tsl-warning-on, #ffffff);
}

.tsl-danger-surface {
    background: color-mix(in srgb, var(--tsl-danger) 12%, #fff);
    border-color: color-mix(in srgb, var(--tsl-danger) 28%, transparent);
    color: var(--tsl-danger-muted-fg);
}

.tsl-index-skip {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 9999;
    padding: 0.75rem 1rem;
    background: var(--tsl-surface, #181c25);
    color: var(--tsl-ink, #e8e9ec);
}
.tsl-index-skip:focus { left: 1rem; top: 1rem; }

.tsl-index {
    --idx-gutter: clamp(1rem, 4vw, 3rem);
    --idx-sans: 'Inter', system-ui, sans-serif;
    --idx-serif: 'Cormorant Garamond', Georgia, serif;
    --idx-script: 'Caveat', 'Segoe Script', cursive;
    --idx-line: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 32%, transparent);
    --idx-surface: color-mix(in srgb, var(--tsl-surface, #181c25) 82%, transparent);
    --idx-soft-bg: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 76%, transparent);
    --idx-ink-strong: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 82%, white);
    --idx-ink-body: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 68%, white);
    --idx-ink-soft: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 56%, white);
    --idx-gold: #c9a84c;
    --idx-gold-light: #f5e6a8;
    --idx-gold-shine: color-mix(in srgb, #d4af37 55%, #fff8dc);
    --idx-nav-height: 3.25rem;
    --idx-footer-height: 2.35rem;
    min-height: 100svh;
}

.tsl-index-stage {
    display: grid;
    gap: 1.25rem;
    padding: calc(var(--idx-nav-height) + 0.5rem) var(--idx-gutter) clamp(1.4rem, 3vw, 2rem);
}

.tsl-index-stage--landing {
    padding-top: var(--idx-nav-height);
    gap: 1rem;
}


html:has(.tsl-index--home) {
    height: 100%;
    overflow-x: clip;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.tsl-index-body:has(.tsl-index--home) {
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    overflow: hidden;
}

.tsl-index--home {
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tsl-index--home .tsl-index-stage--landing {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto auto;
    gap: clamp(0.35rem, 1vh, 0.85rem);
    padding: var(--idx-nav-height) var(--idx-gutter) clamp(0.35rem, 1vh, 0.9rem);
    overflow: hidden;
}

.tsl-index--home .tsl-index-stage--landing .tsl-index-hero,
.tsl-index--home .tsl-index-hero {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    padding: clamp(0.65rem, 1.6vh, 1.35rem) clamp(1rem, 3vw, 2.5rem);
}

.tsl-index--home .tsl-index-hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
}

.tsl-index--home .tsl-index-hero__title {
    font-size: clamp(1.55rem, 4.2vh + 0.85rem, 4.2rem);
    margin-bottom: clamp(0.3rem, 0.9vh, 0.85rem);
}

.tsl-index--home .tsl-index-hero__lead {
    margin-bottom: clamp(0.45rem, 1vh, 1.1rem);
    font-size: clamp(0.8rem, 1.1vh + 0.45rem, 1.02rem);
    line-height: 1.45;
}

.tsl-index--home .tsl-index-hero__actions {
    gap: clamp(0.45rem, 0.8vh, 0.7rem);
}

.tsl-index--home .tsl-index-pillars {
    padding: clamp(0.35rem, 0.7vh, 0.6rem);
}

.tsl-index--home .tsl-index-pillar {
    padding: clamp(0.35rem, 0.8vh, 0.55rem) clamp(0.45rem, 1vw, 0.75rem);
}

.tsl-index--home .tsl-index-pillar__icon {
    width: clamp(1rem, 2vh, 1.35rem);
    height: clamp(1rem, 2vh, 1.35rem);
    margin-bottom: clamp(0.35rem, 0.8vh, 0.75rem);
}

.tsl-index--home .tsl-index-pillar h2 {
    font-size: clamp(0.58rem, 0.9vh + 0.35rem, 0.72rem);
}

.tsl-index--home .tsl-index-pillar p {
    font-size: clamp(0.68rem, 0.95vh + 0.35rem, 0.8rem);
    line-height: 1.35;
}

.tsl-index--home .tsl-index-quote {
    padding: clamp(0.55rem, 1.2vh, 1.2rem) clamp(0.75rem, 2vw, 1rem);
}

.tsl-index--home .tsl-index-quote p {
    font-size: clamp(0.95rem, 1.8vh + 0.35rem, 1.45rem);
    margin-bottom: clamp(0.35rem, 0.7vh, 0.75rem);
    line-height: 1.28;
}

.tsl-index--home .tsl-index-quote::after {
    bottom: clamp(0.35rem, 0.8vh, 0.65rem);
}

.tsl-index--home .tsl-index-footer {
    flex: 0 0 var(--idx-footer-height);
    height: var(--idx-footer-height);
    min-height: var(--idx-footer-height);
    max-height: var(--idx-footer-height);
    padding-top: 0;
    padding-bottom: 0;
    gap: clamp(0.35rem, 0.8vh, 0.75rem);
}

.tsl-index--home .tsl-index-btn {
    padding: clamp(0.5rem, 1vh, 0.68rem) clamp(0.85rem, 2vw, 1.2rem);
}

@media (max-height: 720px) {
    .tsl-index--home {
        --idx-nav-height: 2.75rem;
    }

    .tsl-index--home .tsl-index-nav {
        padding-block: 0.65rem;
    }

    .tsl-index--home .tsl-index-stage--landing {
        gap: clamp(0.25rem, 0.7vh, 0.45rem);
    }

    .tsl-index--home .tsl-index-hero__title {
        font-size: clamp(1.25rem, 3.8vh + 0.65rem, 2.6rem);
    }

    .tsl-index--home .tsl-index-quote::after {
        display: none;
    }
}

.tsl-index-nav {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 30;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.5rem;
    padding: 0.95rem var(--idx-gutter);
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 25%, transparent);
    background: color-mix(in srgb, var(--tsl-bg, #08090d) 84%, transparent);
    backdrop-filter: blur(10px);
}

.tsl-index-nav__brand {
    grid-column: 2;
    justify-self: center;
    display: inline-block;
    text-decoration: none;
    color: var(--idx-ink-strong);
    font-family: var(--idx-serif);
    font-size: clamp(1rem, 1.35vw, 1.28rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1;
}

.tsl-index-nav__links {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.tsl-index-nav__signin {
    text-decoration: none;
    font-size: 0.84rem;
    color: var(--idx-ink-body);
}
.tsl-index-nav__signin:hover { color: var(--idx-ink-strong); }
.tsl-index-nav__link {
    text-decoration: none;
    font-size: 0.84rem;
    color: var(--idx-ink-soft);
}
.tsl-index-nav__start {
    grid-column: 1;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.tsl-index-nav__link.is-active {
    color: var(--idx-ink-strong);
}

.tsl-index-btn--nav {
    padding: 0.52rem 0.95rem;
    font-size: 0.72rem;
}

.tsl-index-stage--flush {
    padding-top: var(--idx-nav-height);
    padding-bottom: 0;
    gap: 0;
}

.tsl-index-stage--landing .tsl-index-hero {
    padding-top: clamp(0.85rem, 2.5vw, 1.75rem);
    min-height: min(46vh, 28rem);
}

.tsl-index-hero--auth {
    min-height: auto;
}


html:has(.tsl-index-body--signin) {
    height: 100%;
    overflow-x: clip;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.tsl-index-body--signin {
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    overflow: hidden;
}

.tsl-index-body--signin .tsl-index {
    height: 100svh;
    max-height: 100svh;
    min-height: 100svh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tsl-index-stage--signin {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: var(--idx-nav-height) var(--idx-gutter) 0;
    overflow: hidden;
}

.tsl-index-stage--signin .tsl-index-hero--signin {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.85rem, 2vh, 1.2rem) clamp(1rem, 3.5vw, 2rem);
}

.tsl-index-stage--signin .tsl-index-hero {
    min-height: 0;
}

.tsl-index-stage--signin .tsl-index-hero__badge {
    margin-bottom: 0.65rem;
}

.tsl-index-stage--signin .tsl-index-hero__title {
    font-size: clamp(1.55rem, 3.8vw, 2.35rem);
    margin-bottom: 0.55rem;
}

.tsl-index-stage--signin .tsl-index-hero__lead {
    margin-bottom: 0.8rem;
    font-size: clamp(0.86rem, 1.4vw, 0.96rem);
    line-height: 1.5;
}

.tsl-index-stage--signin .tsl-index-hero__form {
    gap: 0.7rem;
    margin-top: 0.15rem;
}

.tsl-index-stage--signin .tsl-index-hint {
    margin-top: 0.15rem;
}

.tsl-index-stage--signin .tsl-index-footer {
    flex: 0 0 var(--idx-footer-height);
    height: var(--idx-footer-height);
    min-height: var(--idx-footer-height);
    max-height: var(--idx-footer-height);
    margin-top: 0;
}

.tsl-index-hero--auth .tsl-index-hero__content {
    max-width: 26rem;
}

.tsl-index-hero__form {
    display: grid;
    gap: 0.85rem;
    width: 100%;
    margin-top: 0.35rem;
    text-align: left;
}

.tsl-index-hero__form .tsl-field {
    display: grid;
    gap: 0.35rem;
}

.tsl-index-hero__form .tsl-label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tsl-accent, #8e9fc6);
}

.tsl-index-hero__form .tsl-input {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 32%, transparent);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--tsl-bg, #08090d) 68%, transparent);
    color: var(--idx-ink-strong);
    font: inherit;
}

.tsl-index-hero__form .tsl-input:focus {
    outline: none;
    border-color: var(--tsl-accent, #8e9fc6);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #8e9fc6) 16%, transparent);
}

.tsl-index-hero__form .tsl-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--idx-ink-body);
    font-size: 0.86rem;
}

.tsl-index-hero__form .tsl-check a,
.tsl-index-hero__form .tsl-index-hint a {
    color: var(--idx-ink-strong);
}

.tsl-index-hero__form .tsl-index-hint {
    margin: 0;
    font-size: 0.84rem;
    text-align: center;
}

.tsl-index-hero__form .tsl-index-hero__actions {
    justify-content: center;
    margin-top: 0.15rem;
}

.tsl-index-hero__form .tsl-alert {
    padding: 0.7rem 0.85rem;
    border-radius: 0.5rem;
    font-size: 0.86rem;
    border: 1px solid color-mix(in srgb, var(--tsl-danger) 40%, transparent);
    background: color-mix(in srgb, #8b3a3a 22%, transparent);
    color: #f0c4c4;
}

.tsl-index-panel--auth {
    max-width: 40rem;
    margin-inline: auto;
    width: 100%;
}

.tsl-index-nav__menu {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 38%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 84%, transparent);
    cursor: pointer;
}
.tsl-index-nav__menu span {
    width: 14px;
    height: 1.5px;
    margin: 0 auto;
    background: var(--tsl-ink, #e8e9ec);
}

.tsl-index-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.72rem 1.35rem;
    border-radius: var(--tsl-radius-full, 999px);
    border: 1px solid transparent;
    font-size: 0.92rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
    isolation: isolate;
}

.tsl-index-btn::after {
    content: "";
    position: absolute;
    top: 0.22rem;
    right: 0.32rem;
    width: 0.28rem;
    height: 0.28rem;
    pointer-events: none;
    opacity: 0;
    transform: scale(0.2) rotate(0deg);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--idx-gold-light) 55%, transparent),
        color-mix(in srgb, var(--idx-gold) 45%, transparent));
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%);
    -webkit-mask-image: radial-gradient(circle, #000 28%, transparent 72%);
    mask-image: radial-gradient(circle, #000 28%, transparent 72%);
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--idx-gold) 28%, transparent));
}

.tsl-index-btn:hover::after {
    animation: tsl-index-btn-spark 1.35s ease-in-out forwards;
}

.tsl-index-btn:not(:hover)::after {
    animation: none;
    opacity: 0;
    transform: scale(0.2) rotate(0deg);
}

.tsl-index-btn--solid {
    background: var(--tsl-accent, #bc6c74);
    border-color: var(--tsl-accent, #bc6c74);
    color: var(--tsl-surface-muted, #fff);
    font-weight: 600;
}
.tsl-index-btn--solid:hover {
    transform: translateY(-1px);
    background: var(--tsl-accent-hover, #a55d65);
    color: var(--tsl-surface-muted, #fff);
    font-weight: 600;
}

.tsl-index-btn--line {
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 44%, transparent);
    color: var(--idx-ink-body);
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 62%, transparent);
}
.tsl-index-btn--line:hover {
    border-color: var(--tsl-accent, #8e9fc6);
    color: var(--idx-ink-strong);
}
.tsl-index-btn--block { width: 100%; }

.tsl-index-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 18%, transparent);
    border-radius: 1.05rem;
    padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1.2rem, 4vw, 4.5rem);
    overflow: hidden;
    background:
        radial-gradient(42rem 22rem at 82% 65%, color-mix(in srgb, var(--tsl-accent, #8e9fc6) 20%, transparent), transparent 70%),
        linear-gradient(115deg, color-mix(in srgb, var(--tsl-bg, #08090d) 78%, black), color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 88%, black));
    min-height: min(52vh, 30rem);
}

.tsl-index-hero::before,
.tsl-index-hero::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.tsl-index-hero::before {
    inset: 1rem;
    border-radius: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
}

.tsl-index-hero::after {
    left: 1.2rem;
    right: 1.2rem;
    bottom: 1.1rem;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 10%, transparent) 20%,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 45%, transparent) 50%,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 10%, transparent) 80%,
        transparent 100%);
}

.tsl-index-hero__veil {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--tsl-bg, #08090d) 78%, transparent) 12%, transparent 68%),
        linear-gradient(180deg, transparent 62%, color-mix(in srgb, var(--tsl-bg, #08090d) 65%, transparent) 100%);
}

.tsl-index-hero__content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 40rem;
    margin: 0 auto;
    text-align: center;
}

.tsl-index-hero__badge {
    display: inline-block;
    margin: 0 0 1.15rem;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    border: 1px solid var(--idx-line);
    color: var(--tsl-accent, #8e9fc6);
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 10%, transparent);
    font-size: 0.64rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
}

.tsl-index-hero__title {
    margin: 0 0 0.95rem;
    font-family: var(--idx-serif);
    font-size: clamp(2.1rem, 6.6vw, 4.9rem);
    line-height: 0.98;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--idx-ink-strong);
    text-shadow: 0 10px 24px color-mix(in srgb, var(--tsl-bg, #08090d) 80%, transparent);
}

.tsl-index-hero__lead {
    margin: 0 0 1.5rem;
    max-width: 36ch;
    margin-left: auto;
    margin-right: auto;
    color: var(--idx-ink-body);
    font-size: clamp(0.95rem, 1.8vw, 1.08rem);
    line-height: 1.62;
}

.tsl-index-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: center;
}

.tsl-index-pillars {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 16%, transparent);
    border-radius: 0.85rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--idx-soft-bg) 90%, transparent), color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 85%, transparent));
    padding: 0.65rem;
}

.tsl-index-pillar {
    position: relative;
    overflow: hidden;
    border-right: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 18%, transparent);
    padding: 0.55rem 0.75rem;
    text-align: center;
}

.tsl-index-pillar::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        transparent 18%,
        color-mix(in srgb, var(--idx-gold) 3%, transparent) 34%,
        color-mix(in srgb, var(--idx-gold) 6%, transparent) 42%,
        color-mix(in srgb, var(--idx-gold-shine) 10%, transparent) 50%,
        color-mix(in srgb, var(--idx-gold) 6%, transparent) 58%,
        color-mix(in srgb, var(--idx-gold) 3%, transparent) 66%,
        transparent 82%);
    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
    mask-image:
        linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    transform: translateX(-130%);
    opacity: 0;
}

.tsl-index-pillar:hover::before {
    opacity: 0.42;
    animation: tsl-index-gold-shine 2.1s ease-in-out forwards;
}

.tsl-index-pillar:not(:hover)::before {
    animation: none;
    transform: translateX(-130%);
    opacity: 0;
}

.tsl-index-pillar > * {
    position: relative;
    z-index: 1;
}
.tsl-index-pillar__icon {
    width: 1.45rem;
    height: 1.45rem;
    margin: 0 auto 0.95rem;
    display: block;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 88%, white) 0%,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 62%, black) 100%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    filter: drop-shadow(0 0 10px color-mix(in srgb, var(--tsl-accent, #8e9fc6) 38%, transparent));
}
.tsl-index-pillar__icon--message {
    -webkit-mask-image: url('../icons/tsl/chat-left-dots-fill.svg');
    mask-image: url('../icons/tsl/chat-left-dots-fill.svg');
}
.tsl-index-pillar__icon--journal {
    -webkit-mask-image: url('../icons/tsl/journal-richtext.svg');
    mask-image: url('../icons/tsl/journal-richtext.svg');
}
.tsl-index-pillar__icon--shield {
    -webkit-mask-image: url('../icons/tsl/shield-lock-fill.svg');
    mask-image: url('../icons/tsl/shield-lock-fill.svg');
}
.tsl-index-pillar__icon--gem {
    -webkit-mask-image: url('../icons/tsl/gem.svg');
    mask-image: url('../icons/tsl/gem.svg');
}
.tsl-index-pillar:last-child { border-right: none; }
.tsl-index-pillar h2 {
    margin: 0;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--idx-ink-strong);
}
.tsl-index-pillar p {
    margin: 0.33rem 0 0;
    color: var(--idx-ink-soft);
    font-size: 0.82rem;
}

.tsl-index-quote {
    text-align: center;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 88%, transparent),
        color-mix(in srgb, var(--tsl-bg, #08090d) 82%, transparent));
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 24%, transparent);
    border-radius: 0.85rem;
    padding: 1.6rem 1rem;
    position: relative;
}
.tsl-index-quote::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.8rem;
    width: 6rem;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 75%, transparent) 50%,
        transparent 100%);
}
.tsl-index-quote p {
    margin: 0 0 0.95rem;
    font-family: var(--idx-serif);
    font-size: clamp(1.2rem, 2.6vw, 1.7rem);
    line-height: 1.35;
    color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 82%, white);
    font-weight: 600;
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.7);
}

.tsl-index-footer {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: var(--idx-footer-height);
    min-height: var(--idx-footer-height);
    max-height: var(--idx-footer-height);
    border-top: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 30%, transparent);
    padding: 0 0.2rem;
    overflow: hidden;
}

.tsl-index-footer__links {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
}

.tsl-index-footer__links a {
    text-decoration: none;
    font-size: 0.84rem;
    color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 70%, black);
}
.tsl-index-footer__links a:hover { color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 88%, black); }

.tsl-index-footer__copyright {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.2;
    letter-spacing: 0.04em;
    color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 58%, black);
    white-space: nowrap;
}

.tsl-index-drawer {
    position: fixed;
    inset: 0;
    z-index: 200;
    pointer-events: none;
    visibility: hidden;
}
.tsl-index-drawer.is-open { pointer-events: auto; visibility: visible; }

.tsl-index-drawer__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--tsl-bg, #08090d) 72%, transparent);
    opacity: 0;
    transition: opacity 0.25s ease;
}
.tsl-index-drawer.is-open .tsl-index-drawer__backdrop { opacity: 1; }

.tsl-index-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(18rem, 85vw);
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 92%, black);
    border-left: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 28%, transparent);
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    display: flex;
    flex-direction: column;
}
.tsl-index-drawer.is-open .tsl-index-drawer__panel { transform: translateX(0); }

.tsl-index-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 20%, transparent);
}

.tsl-index-drawer__title {
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--idx-ink-strong);
}

.tsl-index-drawer__close {
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    color: var(--tsl-ink-soft, #9ea4b4);
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.tsl-index-drawer__links {
    display: grid;
    gap: 0.25rem;
    padding: 1rem;
}

.tsl-index-drawer__links a {
    text-decoration: none;
    color: var(--idx-ink-body);
    padding: 0.8rem 0.72rem;
    border-radius: 6px;
}
.tsl-index-drawer__links a:hover {
    color: var(--idx-ink-strong);
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 12%, transparent);
}
.tsl-index-drawer__links .tsl-index-btn { margin-top: 0.7rem; }

body.tsl-index-drawer-open { overflow: hidden; }

@keyframes tsl-index-gold-shine {
    from { transform: translateX(-130%); }
    to { transform: translateX(130%); }
}

@keyframes tsl-index-btn-spark {
    0% {
        opacity: 0;
        transform: scale(0.15) rotate(0deg);
    }
    40% {
        opacity: 0.32;
        transform: scale(0.85) rotate(12deg);
    }
    70% {
        opacity: 0.22;
        transform: scale(0.75) rotate(20deg);
    }
    100% {
        opacity: 0;
        transform: scale(0.3) rotate(28deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-index-pillar:hover::before,
    .tsl-index-btn:hover::after {
        animation: none;
    }

    .tsl-index-pillar:hover::before {
        opacity: 0.18;
        transform: none;
    }

    .tsl-index-btn:hover::after {
        opacity: 0.25;
        transform: scale(0.8) rotate(0deg);
    }

    .tsl-ter-nav,
    .tsl-ter-aside {
        transition: none;
    }
}

@media (max-width: 980px) {
    .tsl-index-pillars {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tsl-index-pillar:nth-child(2n) { border-right: none; }
}

@media (max-width: 768px) {
    .tsl-index {
        --idx-nav-height: 2.5rem;
    }

    .tsl-index-stage {
        gap: 0.9rem;
        padding: calc(var(--idx-nav-height) + 0.35rem) 0.9rem 1rem;
    }

    .tsl-index-stage--landing {
        padding-top: var(--idx-nav-height);
    }

    .tsl-index--home .tsl-index-stage--landing {
        gap: clamp(0.3rem, 0.8vh, 0.55rem);
        padding: var(--idx-nav-height) 0.9rem clamp(0.3rem, 0.8vh, 0.55rem);
    }

    .tsl-index--home .tsl-index-stage--landing .tsl-index-hero {
        padding-top: clamp(0.45rem, 1vh, 0.75rem);
    }

    .tsl-index--home .tsl-index-hero__title {
        font-size: clamp(1.35rem, 5.5vh + 0.5rem, 2.4rem);
        margin-bottom: clamp(0.25rem, 0.6vh, 0.55rem);
    }

    .tsl-index--home .tsl-index-hero__lead {
        font-size: clamp(0.76rem, 1vh + 0.35rem, 0.92rem);
        margin-bottom: clamp(0.35rem, 0.7vh, 0.65rem);
    }

    .tsl-index--home .tsl-index-hero__actions .tsl-index-btn {
        flex: 1 1 calc(50% - 0.3rem);
        min-height: 0;
    }

    .tsl-index--home .tsl-index-pillars {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.25rem, 0.6vh, 0.4rem);
        padding: clamp(0.25rem, 0.6vh, 0.4rem);
    }

    .tsl-index--home .tsl-index-pillar {
        border-right: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 18%, transparent);
        border-radius: 0;
        background: transparent;
        border-top: none;
        border-bottom: none;
        border-left: none;
        padding: clamp(0.3rem, 0.7vh, 0.45rem) clamp(0.35rem, 1vw, 0.5rem);
    }

    .tsl-index--home .tsl-index-pillar:nth-child(2n) {
        border-right: none;
    }

    .tsl-index--home .tsl-index-pillar h2 {
        font-size: clamp(0.52rem, 0.75vh + 0.28rem, 0.68rem);
    }

    .tsl-index--home .tsl-index-pillar p {
        font-size: clamp(0.62rem, 0.8vh + 0.25rem, 0.72rem);
        line-height: 1.25;
    }

    .tsl-index--home .tsl-index-quote {
        padding: clamp(0.45rem, 1vh, 0.75rem) clamp(0.65rem, 2vw, 0.85rem);
    }

    .tsl-index--home .tsl-index-quote p {
        font-size: clamp(0.85rem, 1.6vh + 0.25rem, 1.15rem);
        margin-bottom: clamp(0.3rem, 0.6vh, 0.5rem);
    }

    .tsl-index--home .tsl-index-quote .tsl-index-btn {
        width: auto;
        min-height: 0;
    }

    .tsl-index--home .tsl-index-footer {
        flex-direction: row;
        align-items: center;
    }

    .tsl-index--home .tsl-index-footer__links a {
        font-size: clamp(0.68rem, 0.9vh + 0.3rem, 0.82rem);
    }

    .tsl-index--home .tsl-index-footer__copyright {
        font-size: clamp(0.62rem, 0.75vh + 0.25rem, 0.72rem);
    }

    .tsl-index-stage--signin {
        padding: var(--idx-nav-height) 0.9rem 0;
    }

    .tsl-index-stage--signin .tsl-index-hero--signin {
        padding: clamp(0.65rem, 1.5vh, 0.95rem) 0.85rem;
    }

    .tsl-index-stage--signin .tsl-index-hero__title {
        font-size: clamp(1.35rem, 5.5vh + 0.5rem, 2rem);
    }

    .tsl-index-stage--signin .tsl-index-hero__actions .tsl-index-btn {
        flex: 1 1 calc(50% - 0.3rem);
        min-height: 0;
    }

    .tsl-index-stage--landing .tsl-index-hero {
        padding-top: 0.85rem;
    }

    .tsl-index-nav__links { display: none; }
    .tsl-index-nav__menu { display: none; }
    .tsl-index-nav {
        padding: 0.72rem 0.9rem;
        grid-template-columns: 1fr auto 1fr;
    }
    .tsl-index-nav__brand {
        font-size: clamp(0.88rem, 4vw, 1.02rem);
        letter-spacing: 0.1em;
    }
    .tsl-index-hero {
        min-height: auto;
        border-radius: 0.9rem;
        padding: 1.1rem 1rem 1.4rem;
    }
    .tsl-index-hero::before {
        inset: 0.6rem;
        border-radius: 0.68rem;
    }
    .tsl-index-hero::after {
        left: 0.85rem;
        right: 0.85rem;
        bottom: 0.75rem;
    }
    .tsl-index-hero__badge {
        margin-bottom: 0.75rem;
        font-size: 0.58rem;
        letter-spacing: 0.15em;
    }
    .tsl-index-hero__title {
        font-size: clamp(2rem, 12vw, 2.8rem);
        line-height: 0.96;
        margin-bottom: 0.72rem;
    }
    .tsl-index-hero__lead {
        max-width: 30ch;
        font-size: 1.05rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .tsl-index-hero__actions {
        width: 100%;
        gap: 0.55rem;
    }
    .tsl-index-hero__actions .tsl-index-btn {
        flex: 1 1 100%;
        min-height: 2.65rem;
    }
    .tsl-index-btn {
        font-size: 0.78rem;
        letter-spacing: 0.08em;
    }

    .tsl-index-pillars {
        grid-template-columns: 1fr;
        gap: 0.55rem;
        padding: 0.45rem;
        border-radius: 0.9rem;
    }
    .tsl-index-pillar {
        border-right: none;
        border-radius: 0.72rem;
        background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 86%, transparent);
        border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 15%, transparent);
        padding: 0.75rem 0.85rem;
    }
    .tsl-index-pillar h2 {
        font-size: 0.82rem;
        letter-spacing: 0.09em;
    }
    .tsl-index-pillar p {
        font-size: 1.02rem;
        line-height: 1.4;
    }

    .tsl-index-quote {
        border-radius: 0.9rem;
        padding: 1.15rem 0.95rem 1.45rem;
    }
    .tsl-index-quote p {
        font-size: clamp(1.3rem, 6.8vw, 1.8rem);
        line-height: 1.28;
        margin-bottom: 0.85rem;
    }
    .tsl-index-quote .tsl-index-btn {
        width: 100%;
        min-height: 2.65rem;
    }

    .tsl-index-footer {
        --idx-footer-height: 3.65rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0.35rem;
        padding: 0 0.2rem;
    }

    .tsl-index--home .tsl-index-footer,
    .tsl-index-stage--signin .tsl-index-footer,
    .tsl-index-body:has(.tsl-index-page) .tsl-index-footer {
        --idx-footer-height: 2.35rem;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }
    .tsl-index-footer__links {
        flex-wrap: wrap;
    }
    .tsl-index-footer__links a { font-size: 0.95rem; }
    .tsl-index-footer__copyright { font-size: 0.78rem; }

    .tsl-index-nav__start { display: none; }
    .tsl-index-nav__links { display: none; }

}


.tsl-index-page {
    display: grid;
    gap: 1rem;
    justify-items: center;
    width: 100%;
}

.tsl-index-page > .tsl-index-page-hero,
.tsl-index-page > .tsl-index-panel {
    width: 100%;
}

.tsl-index-page > .tsl-index-page-hero,
.tsl-index-page > .tsl-index-panel--narrow {
    max-width: 40rem;
}

.tsl-index-page > .tsl-index-panel:not(.tsl-index-panel--narrow) {
    max-width: 52rem;
}

.tsl-index-page-hero {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 18%, transparent);
    border-radius: 1.05rem;
    padding: clamp(1.5rem, 4vw, 2.75rem) clamp(1.2rem, 4vw, 3rem);
    overflow: hidden;
    background:
        radial-gradient(36rem 18rem at 82% 65%, color-mix(in srgb, var(--tsl-accent, #8e9fc6) 16%, transparent), transparent 70%),
        linear-gradient(115deg, color-mix(in srgb, var(--tsl-bg, #08090d) 78%, black), color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 88%, black));
}

.tsl-index-page-hero__veil {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--tsl-bg, #08090d) 72%, transparent) 8%, transparent 62%),
        linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--tsl-bg, #08090d) 60%, transparent) 100%);
}

.tsl-index-page-hero__content {
    position: relative;
    z-index: 1;
    max-width: 44rem;
    margin-inline: auto;
    text-align: center;
}

.tsl-index-page-hero__title {
    margin: 0 0 0.75rem;
    font-family: var(--idx-serif);
    font-size: clamp(1.85rem, 4.8vw, 3.2rem);
    line-height: 1.18;
    padding-bottom: 0.12em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--idx-ink-strong);
}

.tsl-index-page-hero__lead {
    margin: 0 auto;
    max-width: 52ch;
    color: var(--idx-ink-body);
    font-size: clamp(0.95rem, 1.8vw, 1.06rem);
    line-height: 1.62;
}


html:has(.tsl-index-body .tsl-index-page) {
    height: 100%;
}

.tsl-index-body:has(.tsl-index-page) {
    min-height: 100svh;
}

.tsl-index-body:has(.tsl-index-page) .tsl-index {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
}

.tsl-index-body:has(.tsl-index-page) .tsl-index-stage {
    flex: 1 1 auto;
    min-height: calc(100svh - var(--idx-nav-height));
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

.tsl-index-body:has(.tsl-index-page) .tsl-index-page {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    align-content: start;
}

.tsl-index-body:has(.tsl-index-page) .tsl-index-footer {
    flex: 0 0 var(--idx-footer-height);
    margin-top: auto;
}

.tsl-index-panel {
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 16%, transparent);
    border-radius: 0.85rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--idx-soft-bg) 90%, transparent), color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 85%, transparent));
    padding: clamp(1.25rem, 3vw, 2rem);
}

.tsl-index-panel--disabled {
    background: color-mix(in srgb, var(--tsl-surface-muted, #f3f4f6) 88%, transparent);
    border-color: color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 22%, transparent);
    box-shadow: none;
}

.tsl-index-panel--disabled .tsl-index-panel__title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-panel--disabled .tsl-index-panel__title::after {
    content: "";
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
    background: url("/icons/tsl/lock.svg") center / contain no-repeat;
    opacity: 0.78;
}

.tsl-index-panel--disabled .tsl-index-hint,
.tsl-index-panel--disabled .tsl-label {
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-panel .tsl-fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.tsl-index-panel--narrow { max-width: 40rem; margin-inline: auto; width: 100%; }

.tsl-index-panel--narrow .tsl-index-auth__intro {
    text-align: center;
}

.tsl-index-panel--narrow .tsl-index-page__actions {
    justify-content: center;
}

.tsl-index-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 22%, transparent);
}

.tsl-index-page__actions--center {
    justify-content: center;
}


.tsl-empty-state {
    display: grid;
    gap: 0.65rem;
    justify-items: center;
    text-align: center;
    padding: 1.25rem 0.5rem;
}

.tsl-empty-state__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-empty-state__message {
    margin: 0;
    max-width: 32rem;
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 0.92rem;
    line-height: 1.5;
}

.tsl-empty-state .tsl-index-page__actions {
    margin-top: 0.35rem;
    padding-top: 0;
    border-top: none;
}

.tsl-permission-denied {
    display: grid;
    gap: 0.65rem;
    justify-items: start;
    text-align: left;
}

.tsl-permission-denied .tsl-index-panel__title {
    margin-bottom: 0;
}

.tsl-permission-denied .tsl-empty-state__message {
    max-width: 36rem;
}

.tsl-permission-denied .tsl-index-page__actions,
.tsl-permission-denied .tsl-actions {
    margin-top: 0.5rem;
    padding-top: 0;
    border-top: none;
    justify-self: stretch;
}

.tsl-permission-denied .tsl-ter-btn {
    margin-top: 0.15rem;
}

.tsl-permission-denied__key {
    display: inline-block;
    padding: 0.35rem 0.55rem;
    border-radius: 0.4rem;
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 22%, transparent);
    background: color-mix(in srgb, var(--idx-soft-bg, #f8fafb) 70%, transparent);
    font-size: 0.82rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-callout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 28%, transparent);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 8%, transparent);
}

.tsl-index-callout__text {
    margin: 0;
    color: var(--idx-ink-body);
    font-size: 0.92rem;
    line-height: 1.55;
    max-width: 48ch;
}

.tsl-index-doc-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.tsl-index-doc-nav__link {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 24%, transparent);
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 6%, transparent);
    color: var(--idx-ink-body);
    font-size: 0.68rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.tsl-index-doc-nav__link:hover {
    color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 88%, white);
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 42%, transparent);
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 12%, transparent);
}

.tsl-index-contact-form {
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 22%, transparent);
}

.tsl-note--contact-status {
    margin-bottom: 1.25rem;
}

.tsl-index-contact-form .tsl-index-panel__subtitle {
    margin: 0 0 1rem;
}

.tsl-index-hint {
    margin: 0;
    color: var(--idx-ink-soft);
    font-size: 0.88rem;
    line-height: 1.5;
}

.tsl-help-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.tsl-help-card {
    border: 1px solid color-mix(in srgb, var(--tsl-ink-soft, #9ea4b4) 16%, transparent);
    border-radius: 0.7rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--idx-soft-bg) 78%, transparent);
}

.tsl-help-card h3 {
    margin: 0 0 0.6rem;
    color: var(--idx-ink-strong);
    font-size: 1rem;
}

.tsl-help-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.45rem;
}

.tsl-help-links a {
    text-decoration: none;
    color: var(--idx-ink-body);
    font-size: 0.92rem;
}

.tsl-help-links a:hover {
    color: var(--idx-ink-strong);
    text-decoration: underline;
}

@media (max-width: 760px) {
    .tsl-help-grid {
        grid-template-columns: 1fr;
    }
}

.tsl-index-hint a {
    color: var(--idx-ink-strong);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.tsl-index-empty {
    display: grid;
    gap: 0.85rem;
    text-align: center;
    padding: 1rem 0.5rem;
}

.tsl-index-empty__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: center;
}


.tsl-index-accordion {
    display: grid;
    gap: 0.55rem;
}

.tsl-index-accordion__group {
    margin: 0.85rem 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tsl-ink-soft, #444);
}

.tsl-index-accordion__group:first-child {
    margin-top: 0;
}

.tsl-index-accordion__item {
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 72%, transparent);
    overflow: hidden;
    transition: border-color 0.22s ease;
}

.tsl-index-accordion__item[open] {
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 36%, transparent);
}

.tsl-index-accordion__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.95rem 1.05rem;
    cursor: pointer;
    list-style: none;
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--idx-ink-strong);
    transition: background-color 0.2s ease;
}

.tsl-index-accordion__summary::-webkit-details-marker { display: none; }

.tsl-index-accordion__icon {
    flex-shrink: 0;
    color: var(--tsl-accent, #8e9fc6);
    transition: transform 0.2s ease;
}

.tsl-index-accordion__item[open] .tsl-index-accordion__icon { transform: rotate(180deg); }

.tsl-index-accordion__panel {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 1.05rem 0;
    color: var(--idx-ink-body);
    font-size: 0.9rem;
    line-height: 1.65;
    border-top: 1px solid transparent;
    transition:
        max-height 0.3s ease,
        opacity 0.24s ease,
        padding 0.3s ease,
        border-color 0.3s ease;
}

.tsl-index-accordion__item[open] .tsl-index-accordion__panel {
    max-height: 40rem;
    opacity: 1;
    padding: 0 1.05rem 1rem;
    border-top-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 14%, transparent);
}

.tsl-index-accordion__panel p { margin: 0.75rem 0 0; }
.tsl-index-accordion__panel p:last-child { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
    .tsl-index-accordion__item,
    .tsl-index-accordion__summary,
    .tsl-index-accordion__icon,
    .tsl-index-accordion__panel {
        transition: none;
    }
}


.tsl-index-auth {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: calc(100svh - clamp(4.8rem, 8vw, 6.5rem));
    margin: calc(-1 * clamp(4.8rem, 8vw, 6.5rem)) calc(-1 * var(--idx-gutter)) 0;
    width: calc(100% + (var(--idx-gutter) * 2));
}

.tsl-index-auth__promo {
    position: relative;
    display: flex;
    align-items: center;
    padding: clamp(2rem, 5vw, 4rem);
    overflow: hidden;
    background:
        radial-gradient(42rem 22rem at 82% 65%, color-mix(in srgb, var(--tsl-accent, #8e9fc6) 20%, transparent), transparent 70%),
        linear-gradient(115deg, color-mix(in srgb, var(--tsl-bg, #08090d) 78%, black), color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 88%, black));
    border-right: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 22%, transparent);
}

.tsl-index-auth__promo::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--tsl-bg, #08090d) 78%, transparent) 12%, transparent 68%),
        linear-gradient(180deg, transparent 62%, color-mix(in srgb, var(--tsl-bg, #08090d) 65%, transparent) 100%);
}

.tsl-index-auth__promo-inner {
    position: relative;
    z-index: 1;
    max-width: 26rem;
}

.tsl-index-auth__promo-title {
    margin: 0 0 0.85rem;
    font-family: var(--idx-serif);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    line-height: 1.1;
    color: var(--idx-ink-strong);
}

.tsl-index-auth__promo-text {
    margin: 0 0 1.1rem;
    color: var(--idx-ink-body);
    line-height: 1.6;
}

.tsl-index-auth__bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.tsl-index-auth__bullets li {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    color: var(--idx-ink-soft);
    font-size: 0.9rem;
}

.tsl-index-auth__bullets li::before {
    content: "";
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: var(--tsl-accent, #8e9fc6);
    flex-shrink: 0;
}

.tsl-index-auth__main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 88%, transparent);
}

.tsl-index-auth__surface {
    width: 100%;
    max-width: 26rem;
}

.tsl-index-auth--signup .tsl-index-auth__main {
    align-items: flex-start;
    padding-top: clamp(2rem, 5vw, 3.5rem);
}

.tsl-index-auth--signup .tsl-index-auth__surface { max-width: 36rem; }

.tsl-index-auth__title {
    margin: 0 0 0.65rem;
    font-family: var(--idx-serif);
    font-size: clamp(1.45rem, 3vw, 1.85rem);
    color: var(--idx-ink-strong);
}

.tsl-index-auth__intro {
    margin: 0 0 1.1rem;
}


.tsl-index-body .tsl-form {
    display: grid;
    gap: 0.95rem;
}

.tsl-index-body .tsl-field,
.tsl-index-body .tsl-field-group {
    display: grid;
    gap: 0.35rem;
}

.tsl-index-body .tsl-label,
.tsl-index-body .tsl-field__label {
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--idx-ink-soft);
}

.tsl-index-body .tsl-input,
.tsl-index-body select.tsl-input,
.tsl-index-body textarea.tsl-input,
.tsl-index-body .tsl-field__input,
.tsl-index-body .tsl-field__select,
.tsl-index-body select.tsl-field__select,
.tsl-index-body textarea.tsl-field__input {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 28%, transparent);
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--tsl-bg, #08090d) 72%, transparent);
    color: var(--idx-ink-strong);
    font: inherit;
}

.tsl-index-body .tsl-input::placeholder,
.tsl-index-body textarea.tsl-input::placeholder,
.tsl-index-body .tsl-field__input::placeholder,
.tsl-index-body textarea.tsl-field__input::placeholder {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
}

.tsl-index-body .tsl-input:focus,
.tsl-index-body .tsl-field__input:focus,
.tsl-index-body .tsl-field__select:focus,
.tsl-index-body select.tsl-field__select:focus {
    outline: none;
    border-color: var(--tsl-accent, #8e9fc6);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
}

.tsl-index-body .tsl-check {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--idx-ink-body);
    font-size: 0.88rem;
    cursor: pointer;
    line-height: 1.2;
}

.tsl-index-body .tsl-check a { color: var(--idx-ink-strong); }


.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input),
.tsl-index-body input[type="radio"]:not(.tox-checkbox__input),
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input),
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input) {
    appearance: none;
    -webkit-appearance: none;
    width: var(--tsl-check-size, 1.1rem);
    height: var(--tsl-check-size, 1.1rem);
    margin: 0;
    flex-shrink: 0;
    align-self: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1.5px solid color-mix(in srgb, var(--tsl-accent, #005da8) 42%, var(--tsl-border-strong, rgba(4, 21, 38, 0.22)));
    background-color: var(--tsl-surface-muted, #fff);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0;
    image-rendering: auto;
    cursor: pointer;
    transition:
        border-color 0.16s ease,
        background-color 0.16s ease,
        box-shadow 0.16s ease,
        background-size 0.18s cubic-bezier(0.2, 0.9, 0.25, 1.15),
        transform 0.12s ease;
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input),
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input) {
    border-radius: var(--tsl-check-radius, 0.3rem);
}

.tsl-index-body input[type="radio"]:not(.tox-checkbox__input),
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input) {
    border-radius: 50%;
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):hover:not(:disabled):not(:checked):not(:indeterminate),
.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):hover:not(:disabled):not(:checked),
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):hover:not(:disabled):not(:checked):not(:indeterminate),
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):hover:not(:disabled):not(:checked) {
    border-color: var(--tsl-accent, #005da8);
    background-color: color-mix(in srgb, var(--tsl-accent-soft, rgba(0, 93, 168, 0.14)) 55%, var(--tsl-surface-muted, #fff));
    transform: scale(1.06);
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):active:not(:disabled),
.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):active:not(:disabled),
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):active:not(:disabled),
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):active:not(:disabled) {
    transform: scale(0.9);
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):checked,
.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):indeterminate,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):checked,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):indeterminate {
    background-color: var(--tsl-accent, #005da8);
    border-color: var(--tsl-accent, #005da8);
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):checked,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):checked {
    background-image: var(--tsl-check-mark);
    background-size: 58% 58%;
    animation: tsl-choice-pop 0.32s cubic-bezier(0.2, 1.35, 0.32, 1);
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):indeterminate,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):indeterminate {
    background-image: var(--tsl-check-dash);
    background-size: 58% 58%;
}

.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):checked,
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):checked {
    background-color: #fff;
    background-image: none;
    border-color: var(--tsl-accent, #005da8);
    box-shadow: inset 0 0 0 0.32rem var(--tsl-accent, #005da8);
    animation: tsl-choice-pop 0.32s cubic-bezier(0.2, 1.35, 0.32, 1);
}

@keyframes tsl-choice-pop {
    0% { transform: scale(0.78); }
    58% { transform: scale(1.14); }
    100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input),
    .tsl-index-body input[type="radio"]:not(.tox-checkbox__input),
    :is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input),
    :is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input) {
        transition: none;
    }

    .tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):checked,
    .tsl-index-body input[type="radio"]:not(.tox-checkbox__input):checked,
    :is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):checked,
    :is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):checked {
        animation: none;
        background-size: 58% 58%;
    }

    .tsl-index-body input[type="radio"]:not(.tox-checkbox__input):checked,
    :is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):checked {
        background-size: auto;
    }
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):focus-visible,
.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):focus-visible,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):focus-visible,
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):focus-visible {
    outline: 2px solid color-mix(in srgb, var(--tsl-accent, #005da8) 55%, transparent);
    outline-offset: 2px;
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):disabled,
.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):disabled,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):disabled,
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):disabled {
    cursor: not-allowed;
    opacity: 0.45;
    background-color: var(--tsl-surface, #f7f8f8);
}

.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):disabled:checked,
.tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input):disabled:indeterminate,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):disabled:checked,
:is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input):disabled:indeterminate {
    background-color: color-mix(in srgb, var(--tsl-ink-muted, #6c757d) 55%, var(--tsl-surface, #f7f8f8));
    border-color: color-mix(in srgb, var(--tsl-ink-muted, #6c757d) 45%, var(--tsl-border, rgba(4, 21, 38, 0.12)));
}

.tsl-index-body input[type="radio"]:not(.tox-checkbox__input):disabled:checked,
:is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input):disabled:checked {
    background-color: #fff;
    border-color: color-mix(in srgb, var(--tsl-ink-muted, #6c757d) 45%, var(--tsl-border, rgba(4, 21, 38, 0.12)));
    box-shadow: inset 0 0 0 0.32rem color-mix(in srgb, var(--tsl-ink-muted, #6c757d) 55%, var(--tsl-surface, #f7f8f8));
}

@media (forced-colors: active) {
    .tsl-index-body input[type="checkbox"]:not(.tox-checkbox__input),
    .tsl-index-body input[type="radio"]:not(.tox-checkbox__input),
    :is(#popupModal, #confirmModal, #notifyModal) input[type="checkbox"]:not(.tox-checkbox__input),
    :is(#popupModal, #confirmModal, #notifyModal) input[type="radio"]:not(.tox-checkbox__input) {
        appearance: auto;
        background-image: none;
        border: revert;
    }
}

.tsl-index-body .tsl-radio-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--idx-ink-body);
    font-size: 0.9rem;
    cursor: pointer;
    line-height: 1.2;
}

.tsl-index-body .tsl-validation {
    color: #e8a0a0;
    font-size: 0.82rem;
}

.tsl-index-body .tsl-alert {
    padding: 0.75rem 0.9rem;
    border-radius: 0.5rem;
    font-size: 0.88rem;
    border: 1px solid transparent;
}

.tsl-index-body .tsl-alert--danger {
    color: #f0c4c4;
    background: color-mix(in srgb, #8b3a3a 24%, transparent);
    border-color: color-mix(in srgb, var(--tsl-danger) 40%, transparent);
}

.tsl-index-body .tsl-alert--warning {
    color: #f0e0b8;
    background: color-mix(in srgb, #c9a227 18%, transparent);
    border-color: color-mix(in srgb, #c9a227 40%, transparent);
}

.tsl-index-body .tsl-alert--info {
    color: var(--idx-ink-body);
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 12%, transparent);
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 28%, transparent);
}

.tsl-index-body .tsl-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.tsl-index-body .tsl-input-group {
    display: flex;
    align-items: stretch;
}

.tsl-index-body .tsl-input-group .tsl-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tsl-index-body .tsl-input-group__toggle {
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 28%, transparent);
    border-left: none;
    border-radius: 0 0.5rem 0.5rem 0;
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 80%, transparent);
    color: var(--idx-ink-soft);
    padding: 0 0.75rem;
    cursor: pointer;
}

.tsl-index-body .tsl-password-req__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
    font-size: 0.82rem;
    color: var(--idx-ink-soft);
}

.tsl-index-body .tsl-password-req__item {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.tsl-index-body .tsl-password-req__item .ph-check {
    display: none;
    color: #6fbf8a;
}

.tsl-index-body .tsl-password-req__item .ph-x {
    display: inline-flex;
    color: #e08a8a;
}

.tsl-index-body .tsl-password-req__item.good {
    color: #9ed4af;
}

.tsl-index-body .tsl-password-req__item.good .ph-check {
    display: inline-flex;
}

.tsl-index-body .tsl-password-req__item.good .ph-x {
    display: none;
}

.tsl-index-body .tsl-password-req__item.wrong {
    color: #e8a0a0;
}

.tsl-index-body .tsl-password-req__item.wrong .ph-check {
    display: none;
}

.tsl-index-body .tsl-password-req__item.wrong .ph-x {
    display: inline-flex;
}

.tsl-index-body .tsl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.72rem 1.35rem;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

.tsl-index-body .tsl-btn--primary {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--tsl-accent, #8e9fc6) 84%, white) 0%,
        var(--tsl-accent, #8e9fc6) 100%);
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 65%, transparent);
    color: var(--tsl-bg, #08090d);
}

.tsl-index-body .tsl-btn--ghost {
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 44%, transparent);
    color: var(--idx-ink-body);
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 62%, transparent);
}

.tsl-index-body .tsl-btn--sm {
    padding: 0.5rem 0.85rem;
    font-size: 0.72rem;
}


.tsl-index-body .tsl-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 1.1rem;
}

.tsl-index-body .tsl-tabs__tab {
    padding: 0.45rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 24%, transparent);
    border-radius: 999px;
    background: transparent;
    color: var(--idx-ink-soft);
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
}

.tsl-index-body .tsl-tabs__tab.is-active {
    color: var(--tsl-bg, #08090d);
    background: var(--tsl-accent, #8e9fc6);
    border-color: var(--tsl-accent, #8e9fc6);
}

.tsl-index-body .tsl-article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr));
    gap: 0.85rem;
}

.tsl-index-body .tsl-index-tabs--blog-filters {
    padding-bottom: 0.85rem;
}

.tsl-index-body .tsl-article {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
    border-radius: 0.75rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--tsl-bg-elevated, #10131b) 80%, transparent);
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.tsl-index-body .tsl-article:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 42%, transparent);
    transform: translateY(-1px);
}

.tsl-index-body .tsl-article__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    overflow-wrap: normal;
}

.tsl-index-body .tsl-article__link::after {
    content: "";
    position: absolute;
    inset: 0;
}

.tsl-index-body .tsl-article__image {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    background: #fff;
}

.tsl-index-body .tsl-article__body { padding: 0.9rem 1rem 1.1rem; }

.tsl-index-body .tsl-article__meta {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tsl-accent, #8e9fc6);
}

.tsl-index-body .tsl-article__title {
    margin: 0;
    font-family: var(--idx-serif);
    font-size: 1.15rem;
    line-height: 1.2;
    color: var(--idx-ink-strong);
}

.tsl-index-body .tsl-article__summary {
    margin-top: 0.45rem;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--idx-ink-soft);
}

.tsl-index-body .tsl-article-index__footer {
    margin-top: 1.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
}


.tsl-index-article {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    max-width: 100%;
}

.tsl-index-article__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--idx-ink-soft);
    text-decoration: none;
    font-size: 0.84rem;
}

.tsl-index-article__back:hover { color: var(--idx-ink-strong); }

.tsl-index-article__cover img {
    width: 100%;
    height: auto;
    object-fit: contain;
    background: #fff;
    border-radius: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
}

.tsl-index-article__eyebrow {
    margin: 0 0 0.45rem;
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tsl-accent, #8e9fc6);
}

.tsl-index-article__title {
    margin: 0 0 0.5rem;
    font-family: var(--idx-serif);
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    line-height: 1.08;
    color: var(--idx-ink-strong);
}

.tsl-index-article__byline {
    margin: 0 0 1rem;
    color: var(--idx-ink-soft);
    font-size: 0.88rem;
}

.tsl-index-article__body {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    color: var(--idx-ink-body);
    line-height: 1.7;
    font-size: 0.95rem;
}

.tsl-index-article__body p { margin: 0 0 0.85rem; }

.tsl-index-article__body img {
    height: auto;
}

.tsl-index-article__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 18%, transparent);
}


.tsl-index-article__foot .js-popup[data-popup-type="shareSocial"] {
    font-size: 0;
    letter-spacing: 0;
    gap: 0;
    padding-inline: 0.55rem;
}

.tsl-index-article__foot .js-popup[data-popup-type="shareSocial"] i {
    font-size: 1.05rem;
}

.tsl-index-article__stat {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--idx-ink-soft);
    font-size: 0.84rem;
}

.tsl-index-article__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.5rem;
}

.tsl-index-article__replies-title {
    margin: 1.5rem 0 0.85rem;
    font-family: var(--idx-serif);
    font-size: 1.25rem;
    color: var(--idx-ink-strong);
}


.tsl-index-body .tsl-search-page {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tsl-index-body .tsl-search-shell {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.tsl-index-body .tsl-search-drawer {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #e8e3da);
    overflow: hidden;
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(26, 31, 46, 0.06));
}

.tsl-index-body .tsl-search-drawer__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-surface-muted, #e8e3da) 88%, var(--tsl-surface, #f3efe8));
}

.tsl-index-body .tsl-search-drawer__bar-start,
.tsl-index-body .tsl-search-drawer__bar-end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.tsl-index-body .tsl-search-drawer__panel {
    display: none;
    padding: 0.85rem;
}

.tsl-index-body .tsl-search-drawer.is-expanded .tsl-search-drawer__panel {
    display: block;
}

.tsl-index-body .tsl-search-mode-pills {
    display: inline-flex;
    gap: 0.3rem;
    padding: 0.2rem;
    border-radius: 999px;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface, #f3efe8);
}

.tsl-index-body .tsl-search-mode-pill {
    border: none;
    background: transparent;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font: inherit;
    font-size: 0.84rem;
    cursor: pointer;
    color: var(--tsl-ink-soft, #4a5168);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.tsl-index-body a.tsl-search-mode-pill:hover {
    color: var(--tsl-accent-hover, #4a7565);
}

.tsl-index-body .tsl-search-mode-pill--active {
    background: var(--tsl-accent-soft, rgba(92, 143, 123, 0.14));
    color: var(--tsl-accent-hover, #4a7565);
    font-weight: 600;
}

.tsl-index-body .tsl-search-results-count {
    margin: 0;
    font-size: 0.84rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-locked-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.85rem;
    margin-bottom: 0.55rem;
    border-radius: var(--tsl-radius-lg, 0.35rem);
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 26%, var(--tsl-border, #d8dde3));
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 10%, var(--tsl-surface, #fff));
}

.tsl-index-body .tsl-search-locked-banner::before {
    content: "";
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background: url("/icons/tsl/lock.svg") center / contain no-repeat;
    opacity: 0.8;
}

.tsl-index-body .tsl-search-locked-banner__copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 auto;
}

.tsl-index-body .tsl-search-locked-banner__title {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-locked-banner__text {
    margin: 0;
    font-size: 0.88rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-body .tsl-search-locked-link {
    color: var(--tsl-ink, #1a1f2e);
    font-weight: 600;
    text-decoration: none;
}

.tsl-index-body .tsl-search-locked-link:hover {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-locked-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    padding: 0.2rem 0.55rem 0.2rem 0.4rem;
    border: 1px solid rgba(26, 31, 46, 0.12);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tsl-surface-muted, #f6f7f9) 85%, #fff);
    color: var(--tsl-ink-soft, #5c6478);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.tsl-index-body .tsl-search-locked-cta:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-locked-icon {
    display: block;
    width: 0.85rem;
    height: 0.85rem;
    flex: 0 0 auto;
    opacity: 0.75;
}

.tsl-index-body .tsl-search-locked-cta .tsl-search-locked-icon {
    opacity: 0.85;
}

.tsl-index-body .tsl-search-detail-table td .tsl-search-locked-cta {
    vertical-align: middle;
}

.tsl-index-body .tsl-search-filter-shell.is-disabled {
    opacity: 1;
    pointer-events: none;
}

.tsl-index-body .tsl-search-filter-shell.is-disabled .tsl-filter-section {
    background: transparent;
    border-color: transparent;
    opacity: 0.72;
}

.tsl-index-body .tsl-search-filter-shell.is-disabled .tsl-filter-section__toggle {
    color: var(--tsl-accent, #5c8f7b);
    cursor: not-allowed;
}

.tsl-index-body .tsl-search-filter-shell.is-disabled .tsl-filter-section__toggle::before {
    content: "";
    width: 0.85rem;
    height: 0.85rem;
    margin-right: 0.45rem;
    flex-shrink: 0;
    background: url("/icons/tsl/lock.svg") center / contain no-repeat;
    opacity: 0.8;
}

.tsl-index-body .tsl-search-filter-shell.is-disabled .tsl-filter-section__toggle::after {
    border-color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-filter-fieldset {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.tsl-index-body .tsl-search-filter-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
}

.tsl-index-body .tsl-search-filter-grid #advancedFiltersContainer {
    display: contents;
}

.tsl-index-body .tsl-search-filter-hint {
    margin: 0 0 0.35rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-filter-grid #advancedFiltersContainer.tsl-hidden {
    display: none;
}

.tsl-index-body .tsl-filter-section {
    border: none;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0;
    background: transparent;
    overflow: clip;
}

.tsl-index-body .tsl-filter-section:last-child {
    border-bottom: none;
}

.tsl-index-body .tsl-filter-section[open] {

    overflow: visible;
}

.tsl-index-body .tsl-filter-section__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.1rem;
    font-weight: 700;
    font-size: 0.92rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
    color: var(--tsl-ink, #041526);
    position: relative;
    z-index: 0;
}

.tsl-index-body .tsl-filter-section__toggle::-webkit-details-marker {
    display: none;
}

.tsl-index-body .tsl-filter-section__toggle::after {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    flex-shrink: 0;
    border-right: 1.5px solid var(--tsl-ink-muted, #6b7289);
    border-bottom: 1.5px solid var(--tsl-ink-muted, #6b7289);
    transform: rotate(45deg);
    transition: transform 0.16s var(--tsl-ease, ease);
}

.tsl-index-body .tsl-filter-section[open] .tsl-filter-section__toggle::after {
    content: "";
    transform: rotate(225deg);
    margin-top: 0.2rem;
}

.tsl-index-body .tsl-filter-section__body {
    padding: 0 0.1rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    position: relative;
    z-index: 1;
}

.tsl-index-body .tsl-filter-section__body .tsl-field,
.tsl-index-body .tsl-filter-section__body .tsl-field-group {
    margin-top: 0;
}

.tsl-index-body .tsl-filter-section__body .tsl-label,
.tsl-index-body .tsl-filter-section__body .tsl-field__label {
    color: var(--tsl-ink-soft, #3e4a51);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}

.tsl-index-body .tsl-filter-section__body .tsl-check {
    color: var(--tsl-ink, #041526);
}

.tsl-index-body .tsl-search-filter-shell .tsl-input,
.tsl-index-body .tsl-search-filter-shell select.tsl-input,
.tsl-index-body .tsl-search-filter-shell textarea.tsl-input,
.tsl-index-body .tsl-search-filter-shell .tsl-field__input,
.tsl-index-body .tsl-search-filter-shell .tsl-field__select {
    background: var(--tsl-surface-muted, #fff);
    border-color: var(--tsl-border, #ccc);
    border-radius: 0.35rem;
}

.tsl-index-body .tsl-search-filter-shell input.tsl-input,
.tsl-index-body .tsl-search-filter-shell textarea.tsl-input,
.tsl-index-body .tsl-search-filter-shell input.tsl-field__input,
.tsl-index-body .tsl-search-filter-shell textarea.tsl-field__input {
    appearance: none;
    -webkit-appearance: none;
}

.tsl-index-body .tsl-search-filter-shell .tsl-input:disabled,
.tsl-index-body .tsl-search-filter-shell select.tsl-input:disabled,
.tsl-index-body .tsl-search-filter-shell textarea.tsl-input:disabled,
.tsl-index-body .tsl-search-filter-shell .tsl-field__input:disabled,
.tsl-index-body .tsl-search-filter-shell .tsl-field__select:disabled {
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink-muted, #5e6f7e);
    cursor: not-allowed;
}

.tsl-index-body .tsl-search-add-location {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.84rem;
    color: var(--tsl-accent, #5c8f7b);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.tsl-index-body .tsl-search-add-location:hover {
    color: var(--tsl-accent-hover, #4a7565);
}

.tsl-index-body .tsl-field:has(input[hidden]) {
    display: none;
}

.tsl-index-body .tsl-search-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-index-body .tsl-search-action-bar .tsl-ter-btn {
    flex: 1 1 0;
}

.tsl-index-body .tsl-search-results-column {
    min-height: 12rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #e8e3da);
    padding: 0.85rem;
}

.tsl-index-body .tsl-search-results-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.tsl-index-body .tsl-search-result {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.85rem);
    background: var(--tsl-surface-muted, #fff);
    overflow: hidden;
    scroll-margin-top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.tsl-index-body .tsl-search-result:hover {
    border-color: var(--tsl-border-strong, rgba(26, 31, 46, 0.22));
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(26, 31, 46, 0.06));
}

.tsl-index-body .tsl-search-result--open {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, var(--tsl-border, #d8dde3));
    background: var(--tsl-surface-muted, #fff);
    box-shadow: var(--tsl-shadow-md, 0 4px 16px rgba(26, 31, 46, 0.08));
}

.tsl-index-body .tsl-search-result--open::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--tsl-accent, #5c8f7b),
        color-mix(in srgb, var(--tsl-accent, #5c8f7b) 55%, #fff)
    );
}

.tsl-index-body .tsl-search-result__summary {
    padding: 1rem 1.1rem;
    cursor: pointer;
    background: transparent;
}

.tsl-index-body .tsl-search-result__detail {
    display: none;
    padding: 0;
    border-top: none;
    background: transparent;
}

.tsl-index-body .tsl-search-result__detail-panel {
    display: none;
    padding: 1rem 1.1rem;
}

.tsl-index-body .tsl-search-result--open .tsl-search-result__summary {
    display: none;
}

.tsl-index-body .tsl-search-result--open .tsl-search-result__detail,
.tsl-index-body .tsl-search-result--open .tsl-search-result__detail-panel {
    display: block;
}

.tsl-index-body .tsl-search-result__hint {
    margin: 0 0 0.55rem;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-result--open .tsl-search-result__hint {
    display: none;
}

.tsl-index-body .tsl-search-result__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.tsl-index-body .tsl-search-result__profile {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.tsl-index-body a.tsl-search-result__profile {
    cursor: pointer;
}

.tsl-index-body a.tsl-search-result__profile:hover,
.tsl-index-body a.tsl-search-result__profile-text:hover {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-result__avatar {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    background: var(--tsl-surface-muted, #e8e3da);
    cursor: pointer;
}

.tsl-index-body .tsl-search-result--just-opened .tsl-search-result__detail-panel a {
    pointer-events: none;
}

.tsl-index-body .tsl-search-result__profile-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.tsl-index-body .tsl-search-result__name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.tsl-index-body .tsl-search-result__name,
.tsl-index-body .tsl-search-result__title {
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-body .tsl-search-result__name {
    font-size: 1rem;
}

.tsl-index-body .tsl-search-result__account-type {
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-result__verified {
    width: 1rem;
    height: 1rem;
}

.tsl-index-body .tsl-search-result__meta,
.tsl-index-body .tsl-search-result__hint,
.tsl-index-body .tsl-search-results-count {
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-result__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    font-size: 0.84rem;
    color: var(--tsl-ink-soft, #4a5168);
    text-align: right;
}

.tsl-index-body .tsl-search-result__title {
    font-size: 1.25rem;
    margin: 0;
    line-height: 1.25;
}

.tsl-index-body .tsl-search-subscribe-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    padding: 0.75rem 0.9rem;
    margin-bottom: 0.85rem;
    border-radius: var(--tsl-radius-lg, 0.75rem);
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 70%, var(--tsl-surface-muted, #fff));
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.tsl-index-body .tsl-search-subscribe-banner__title {
    margin: 0;
    font-weight: 600;
}

.tsl-index-body .tsl-search-result__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin: 0 0 0.85rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.75rem);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-index-body .tsl-search-result--open .tsl-search-result__detail-panel > .tsl-search-result__head {
    padding: 0.85rem 1rem;
    margin-bottom: 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.75rem);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-index-body .tsl-search-result--open .tsl-search-result__detail-panel > .tsl-search-result__title {
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-index-body .tsl-search-actions-menu {
    position: relative;
}

.tsl-index-body .tsl-search-actions-menu__toggle {
    list-style: none;
    cursor: pointer;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    padding: 0.35rem 0.65rem;
    background: var(--tsl-surface, #f3efe8);
    font-weight: 700;
    letter-spacing: 0.1em;
}

.tsl-index-body .tsl-search-actions-menu__toggle::-webkit-details-marker {
    display: none;
}

.tsl-index-body .tsl-search-actions-menu__panel {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 20;
    min-width: 10rem;
    padding: 0.35rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #f3efe8);
    box-shadow: var(--tsl-shadow-md, 0 4px 16px rgba(26, 31, 46, 0.08));
}

.tsl-index-body .tsl-search-actions-menu:not([open]) .tsl-search-actions-menu__panel {
    display: none;
}

.tsl-index-body .tsl-search-actions-menu__item {
    display: block;
    width: 100%;
    border: none;
    background: none;
    padding: 0.5rem 0.65rem;
    text-align: left;
    font: inherit;
    cursor: pointer;
    border-radius: var(--tsl-radius, 0.35rem);
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-body .tsl-search-actions-menu__item:hover {
    background: var(--tsl-surface-muted, #e8e3da);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-detail-block {
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.75rem);
    background: color-mix(in srgb, var(--tsl-surface, #f3efe8) 42%, var(--tsl-surface-muted, #fff));
}

.tsl-index-body .tsl-search-detail-block:first-of-type {
    margin-top: 0;
}

.tsl-index-body .tsl-search-detail-block__title {
    margin: 0 0 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-detail-block .tsl-alert {
    margin: 0;
    border-radius: var(--tsl-radius, 0.5rem);
}

.tsl-index-body .tsl-search-detail-table {
    margin: 0;
    border: 0;
    background: transparent;
}

.tsl-index-body .tsl-search-detail-table th,
.tsl-index-body .tsl-search-detail-table td {
    padding: 0.45rem 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 75%, transparent);
    vertical-align: top;
    background: transparent;
}

.tsl-index-body .tsl-search-detail-table tr:last-child th,
.tsl-index-body .tsl-search-detail-table tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0;
}

.tsl-index-body .tsl-search-detail-table th {
    width: 11rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-detail-table td {
    font-size: 0.88rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-body .tsl-search-subjects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.55rem;
}

.tsl-index-body .tsl-search-subject-card {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.55rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    text-decoration: none;
    color: inherit;
}

.tsl-index-body .tsl-search-subject-card:hover {
    border-color: var(--tsl-accent, #5c8f7b);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-search-locked-panel {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.85rem;
    border: 1px dashed var(--tsl-border-strong, rgba(26, 31, 46, 0.22));
    border-radius: var(--tsl-radius, 0.35rem);
    margin-top: 0.55rem;
    background: color-mix(in srgb, var(--tsl-surface-muted, #f6f7f9) 70%, #fff);
}

.tsl-index-body .tsl-chip {
    display: inline-flex;
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
    border-radius: 999px;
    background: var(--tsl-accent-soft, rgba(92, 143, 123, 0.14));
    color: var(--tsl-accent-hover, #4a7565);
}

.tsl-index-body .tsl-chip--info {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, #fff);
    color: var(--tsl-accent-hover, #4a7565);
}

.tsl-index-body .tsl-pager-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.tsl-index-body .tsl-pager-nav__controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tsl-index-body .tsl-search-pager {
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    padding-top: 0.85rem;
}

.tsl-index-body .tsl-search-pager__meta {
    color: var(--tsl-ink-soft, #4a5168);
    font-size: 0.86rem;
}

.tsl-index-body .tsl-search-mobile-bar {
    display: none;
    position: sticky;
    bottom: 0;
    z-index: 30;
    gap: 0.55rem;
    padding: 0.55rem;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-glass, rgba(243, 239, 232, 0.92));
    backdrop-filter: blur(8px);
}

.tsl-index-body .tsl-search-mobile-bar .tsl-ter-btn--solid {
    flex: 1;
}

.tsl-index-body .tsl-dual-range {
    margin: 0.55rem 0;
}

.tsl-index-body .tsl-dual-range__track {
    position: relative;
    height: 2.6rem;
    margin: 0.85rem 0.5rem 0.15rem;
}

.tsl-index-body .tsl-dual-range__rail,
.tsl-index-body .tsl-dual-range__fill {
    position: absolute;
    top: 50%;
    height: 4px;
    transform: translateY(-50%);
    border-radius: 2px;
}

.tsl-index-body .tsl-dual-range__rail {
    left: 0;
    right: 0;
    background: var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-index-body .tsl-dual-range__fill {
    background: var(--tsl-accent, #5c8f7b);
}

.tsl-index-body .tsl-dual-range__handle {
    position: absolute;
    top: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    padding: 0;
    border: 2px solid var(--tsl-accent, #5c8f7b);
    border-radius: 50%;
    background: var(--tsl-surface, #f3efe8);
    transform: translate(-50%, -50%);
    cursor: pointer;
    overflow: visible;
}

.tsl-index-body .tsl-dual-range__handle-value {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.28rem);
    transform: translateX(-50%);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    color: var(--tsl-ink-soft, #0d1b2a);
    white-space: nowrap;
    pointer-events: none;
}

.tsl-index-body .tsl-dual-range__labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-body .tsl-search-page--public {
    margin-top: 0.5rem;
}

.tsl-index-body .tsl-search-page--public .tsl-search-shell {
    border: none;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}

.tsl-index-body .tsl-search-page--public .tsl-search-drawer,
.tsl-index-body .tsl-search-page--public .tsl-search-results-column {
    border: 1px solid var(--tsl-border, #d8dde3);
    border-radius: 0.85rem;
    background: var(--tsl-surface-muted, #fff);
}

@media (max-width: 768px) {
    .tsl-index-body .tsl-search-mobile-bar {
        display: flex;
    }

    .tsl-index-body .tsl-search-result__aside {
        align-items: flex-start;
        text-align: left;
    }
}

@media (min-width: 901px) {
    .tsl-index-body .tsl-search-shell {
        display: grid;
        grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr);
        gap: 0.85rem;
        align-items: start;
    }

    .tsl-index-body .tsl-search-drawer {
        position: sticky;
        top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
        align-self: start;
    }

    .tsl-index-body .tsl-search-drawer__panel {
        display: block;
    }

    .tsl-index-body .tsl-search-drawer #toggleSearchDrawer {
        display: none;
    }

    .tsl-index-body .tsl-search-result__hint {
        display: none;
    }
}

@media (max-width: 900px) {
    .tsl-index-body .tsl-search-page--public .tsl-search-shell {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .tsl-index-body .tsl-search-page--public .tsl-search-results-column {
        padding: 0.65rem;
    }
}


.tsl-index-status {
    display: grid;
    gap: 0.85rem;
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.tsl-index-status__title {
    margin: 0;
    font-family: var(--idx-serif);
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--idx-ink-strong);
}

.tsl-index-status__text {
    margin: 0;
    color: var(--idx-ink-body);
    line-height: 1.6;
}

@media (max-width: 900px) {
    .tsl-index-auth {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .tsl-index-auth__promo {
        border-right: none;
        border-bottom: 1px solid color-mix(in srgb, var(--tsl-accent, #8e9fc6) 22%, transparent);
        padding: 2rem 1.25rem;
    }

    .tsl-index-auth__main {
        padding: 1.5rem 1.25rem 2rem;
    }
}


.tsl-index-body:has(.tsl-index--ter) {
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink, #111);
}

.tsl-index--ter {
    --ter-gutter: clamp(1rem, 3vw, 2.5rem);
    --ter-max: 82rem;
    --ter-nav-max: 82rem;
    --ter-nav-height: 3.45rem;
    --tsl-site-banner-offset: 0px;
    --ter-chrome-offset: var(--ter-nav-height);
    width: 100%;
    max-width: 100%;

    --idx-ink-strong: var(--tsl-ink, #041526);
    --idx-ink-body: var(--tsl-ink-soft, #0d1b2a);
    --idx-ink-soft: var(--tsl-ink-muted, #374151);
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

.tsl-index--has-site-banners {
    --ter-chrome-offset: calc(var(--tsl-site-banner-offset, 0px) + var(--ter-nav-height));
}

.tsl-site-banners {
    position: sticky;
    top: 0;
    z-index: 50;
    display: grid;
    flex-shrink: 0;
}

.tsl-site-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.7rem 1rem;
    text-align: center;
    background: #fff3cd;
    color: #5c4a00;
    border-bottom: 1px solid #ffe69c;
}

.tsl-site-banner__message {
    margin: 0;
    max-width: 72rem;
    font-size: 0.9rem;
    line-height: 1.45;
}

.tsl-site-banner__action {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border: 1px solid #e0c35a;
    border-radius: 999px;
    background: #fff8df;
    color: #5c4a00;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.tsl-site-banner__action:hover {
    background: #fff1bf;
    color: #3f3200;
}

a.tsl-site-banner--notification {
    text-decoration: none;
    cursor: pointer;
}

.tsl-site-banner--notification {
    background: #e8f2fb;
    color: #041526;
    border-bottom-color: #b7d4ee;
}

a.tsl-site-banner--notification:hover {
    background: #d7e8f6;
    color: #003966;
}

.tsl-staff-acting-banner {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.7rem 1rem;
    text-align: center;
    background: var(--tsl-staff-acting-banner-bg, #fff3cd);
    color: var(--tsl-staff-acting-banner-fg, #5c4a00);
    border-top: 1px solid var(--tsl-staff-acting-banner-border, #ffe69c);
}

.tsl-staff-acting-banner__message {
    margin: 0;
    max-width: 72rem;
    font-size: 0.9rem;
    line-height: 1.45;
}

.tsl-staff-acting-banner__action {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border: 1px solid var(--tsl-staff-acting-banner-action-border, #e0c35a);
    border-radius: 999px;
    background: var(--tsl-staff-acting-banner-action-bg, #fff8df);
    color: var(--tsl-staff-acting-banner-action-fg, #5c4a00);
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.tsl-staff-acting-banner__action:hover {
    background: var(--tsl-staff-acting-banner-action-hover-bg, #fff1bf);
    color: var(--tsl-staff-acting-banner-action-hover-fg, #3f3200);
}

.tsl-staff-acting-banner.tsl-danger-bg {
    background: var(--tsl-danger);
    color: var(--tsl-danger-on);
    border-top-color: color-mix(in srgb, var(--tsl-danger) 88%, #000);
}

.tsl-staff-acting-banner.tsl-danger-bg .tsl-staff-acting-banner__action {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.12);
    color: var(--tsl-danger-on);
}

.tsl-staff-acting-banner.tsl-danger-bg .tsl-staff-acting-banner__action:hover {
    background: rgba(255, 255, 255, 0.22);
    color: var(--tsl-danger-on);
}

.tsl-index-body--staff-acting {
    --tsl-staff-acting-banner-offset: 0px;
    padding-bottom: var(--tsl-staff-acting-banner-offset, 0px);
}

.tsl-index--ter:has(.tsl-ter-hero) {
    background: linear-gradient(
        to bottom,
        var(--tsl-header-bg, var(--tsl-bg, #141820)) 0,
        var(--tsl-header-bg, var(--tsl-bg, #141820)) var(--ter-nav-height),
        var(--tsl-surface, #f7f8f8) var(--ter-nav-height)
    );
}

.tsl-ter-main {
    flex: 1 1 auto;
    min-height: calc(100svh - var(--ter-chrome-offset));
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tsl-ter-public-body {
    flex: 1 1 auto;
    width: 100%;
    max-width: var(--ter-max);
    margin: 0 auto;
    padding: 0 var(--ter-gutter) 1.5rem;
}


.tsl-index--ter .tsl-index-page-hero {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: clamp(0.85rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
}

.tsl-index--ter .tsl-index-page-hero__veil {
    display: none;
}

.tsl-index--ter .tsl-index-page-hero__title {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-page-hero__lead {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-panel {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: var(--tsl-radius-lg, 20px);
    background: var(--tsl-surface-muted, #fff);
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(42, 34, 36, 0.06));
}

.tsl-index--ter .tsl-index-panel--disabled {
    background: color-mix(in srgb, var(--tsl-surface, #f7f8f8) 92%, var(--tsl-ink-soft, #9ea4b4));
    border-color: color-mix(in srgb, var(--tsl-border, #ddd) 80%, var(--tsl-ink-soft, #9ea4b4));
    box-shadow: none;
}


.tsl-index--ter .tsl-input,
.tsl-index--ter select.tsl-input,
.tsl-index--ter textarea.tsl-input,
.tsl-index--ter .tsl-field__input,
.tsl-index--ter .tsl-field__select,
.tsl-index--ter select.tsl-field__select,
.tsl-index--ter textarea.tsl-field__input {
    border-color: var(--tsl-border, #ccc);
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
}

.tsl-index--ter input.tsl-input,
.tsl-index--ter textarea.tsl-input,
.tsl-index--ter input.tsl-field__input,
.tsl-index--ter textarea.tsl-field__input {
    appearance: none;
    -webkit-appearance: none;
}

.tsl-index--ter .tsl-input:disabled,
.tsl-index--ter select.tsl-input:disabled,
.tsl-index--ter textarea.tsl-input:disabled,
.tsl-index--ter .tsl-field__input:disabled,
.tsl-index--ter .tsl-field__select:disabled,
.tsl-index--ter select.tsl-field__select:disabled,
.tsl-index--ter textarea.tsl-field__input:disabled {
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink-muted, #5e6f7e);
    cursor: not-allowed;
}

.tsl-index--ter .tsl-input::placeholder,
.tsl-index--ter textarea.tsl-input::placeholder,
.tsl-index--ter .tsl-field__input::placeholder,
.tsl-index--ter textarea.tsl-field__input::placeholder {
    color: var(--tsl-ink-muted, #666);
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    opacity: 1;
}

.tsl-index--ter .tsl-input:focus,
.tsl-index--ter select.tsl-input:focus,
.tsl-index--ter textarea.tsl-input:focus,
.tsl-index--ter .tsl-field__input:focus,
.tsl-index--ter .tsl-field__select:focus,
.tsl-index--ter select.tsl-field__select:focus {
    border-color: var(--tsl-accent, #5c8f7b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, transparent);
}

.tsl-index--ter .tsl-input-group__toggle {
    background: color-mix(in srgb, var(--tsl-surface-muted, #f5f5f5) 80%, transparent);
    color: var(--tsl-ink-soft, #444);
    border-color: var(--tsl-border, #ccc);
}

.tsl-index--ter .tsl-input-group {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 2.75rem;
}

.tsl-index--ter .tsl-input-group .tsl-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 2.75rem;
    min-height: 2.75rem;
    max-height: 2.75rem;
    padding: 0 0.85rem;
    line-height: normal;
    box-sizing: border-box;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tsl-index--ter .tsl-input-group__toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-height: 2.75rem;
    padding: 0 0.85rem;
    border-radius: 0 0.35rem 0.35rem 0;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

.tsl-index--ter .tsl-input-group__toggle[data-password-toggle] {
    min-width: 2.75rem;
    padding: 0 0.65rem;
}

.tsl-index--ter .tsl-input-group__toggle[data-password-toggle] .ph {
    width: 1.15rem;
    height: 1.15rem;
}

.tsl-settings-password-form {
    width: 100%;
    min-width: 0;
}

.tsl-settings-password-form .tsl-index-grid-2,
.tsl-settings-password-form .tsl-settings-password-form__pair {
    width: 100%;
    min-width: 0;
    align-items: start;
    gap: 1rem;
}

.tsl-settings-password-form .tsl-field {
    min-width: 0;
    width: 100%;
}

.tsl-settings-password-form .tsl-input-group {
    width: 100%;
}

.tsl-settings-password-form__hint {
    margin: 0;
}

.tsl-settings-security-reset {
    display: grid;
    gap: 0.65rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
}

.tsl-settings-security-reset .tsl-index-panel__subtitle {
    margin: 0;
}

.tsl-settings-security-reset .tsl-index-hint,
.tsl-settings-security-reset .tsl-actions {
    margin: 0;
}

.tsl-settings-email-break {
    display: inline;
    font-weight: 700;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 720px) {
    .tsl-settings-password-form .tsl-settings-password-form__pair {
        grid-template-columns: 1fr;
    }
}

.tsl-index--ter textarea.tsl-input {
    resize: vertical;
    min-height: 7rem;
}

.tsl-index--ter .tsl-index-hero {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    min-height: auto;
}

.tsl-index--ter .tsl-index-hero::before,
.tsl-index--ter .tsl-index-hero::after,
.tsl-index--ter .tsl-index-hero__veil {
    display: none;
}

.tsl-index--ter .tsl-index-hero__badge {
    color: var(--tsl-accent, #5c8f7b);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, transparent);
}

.tsl-index--ter .tsl-index-hero__title {
    color: var(--tsl-ink, #111);
    text-shadow: none;
}

.tsl-index--ter .tsl-index-hero__lead {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-hero__form .tsl-label {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-index-hero__form .tsl-input {
    border-color: var(--tsl-border, #ccc);
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-hero__form .tsl-check,
.tsl-index--ter .tsl-index-hero__form .tsl-index-hint,
.tsl-index--ter .tsl-index-hint {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-hero__form .tsl-check a,
.tsl-index--ter .tsl-index-hero__form .tsl-index-hint a,
.tsl-index--ter .tsl-index-hint a {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-index-callout {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 28%, transparent);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 45%, transparent);
}

.tsl-index--ter .tsl-index-callout__text,
.tsl-index--ter .tsl-index-hint {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-accordion__item {
    border: 1px solid var(--tsl-border, #ddd);
    background: var(--tsl-surface, #fff);
}

.tsl-index--ter .tsl-index-accordion__item[open] {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
}

.tsl-index--ter .tsl-index-accordion__summary {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-accordion__icon {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-index-accordion__panel {
    color: var(--tsl-ink-soft, #444);
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-index--ter .tsl-index-btn--line {
    color: var(--tsl-ink, #111);
    border-color: var(--tsl-border-strong, #bbb);
    background: var(--tsl-surface, #fff);
}

.tsl-index--ter .tsl-index-btn--solid {
    color: var(--tsl-surface, #fff);
}

.tsl-index--ter .tsl-index-btn--solid:hover {
    color: var(--tsl-surface, #fff);
}

.tsl-index--ter :is(.tsl-btn, .tsl-index-btn, .tsl-ter-btn, .tsl-popup-btn) {
    border-radius: 0.5rem;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tsl-index--ter .tsl-index-btn::after {
    display: none;
}

.tsl-index--ter .tsl-tabs__tab {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 24%, var(--tsl-border, #d8dde3));
    color: var(--tsl-accent, #5c8f7b);
    background: var(--tsl-surface, #fff);
}

.tsl-index--ter .tsl-tabs__tab.is-active {
    color: #fff;
    background: var(--tsl-accent, #5c8f7b);
    border-color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-article {
    border: 1px solid var(--tsl-border, #d8dde3);
    border-radius: 0.45rem;
    background: var(--tsl-surface-muted, #fff);
    box-shadow: none;
}

.tsl-index--ter .tsl-article:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 36%, var(--tsl-border, #d8dde3));
    transform: translateY(-1px);
}

.tsl-index--ter .tsl-article__body {
    background: var(--tsl-surface-muted, #fff);
}

.tsl-index--ter .tsl-article__meta {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-article__title {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-article__summary {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-article__back {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-article__back:hover {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-article__cover img {
    border-color: var(--tsl-border, #d8dde3);
}

.tsl-index--ter .tsl-index-article__eyebrow {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-index-article__title,
.tsl-index--ter .tsl-index-article__replies-title {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-article__byline,
.tsl-index--ter .tsl-index-article__stat {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-article__body {
    color: var(--tsl-ink, #111);
}

.tsl-index--ter .tsl-index-article__foot {
    border-top-color: var(--tsl-border, #d8dde3);
}

.tsl-simple-search {
    display: grid;
    gap: 1rem;
}

.tsl-simple-search__title {
    margin: 0;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-simple-search__form {
    display: grid;
    gap: 0.55rem;
}

.tsl-simple-search__form-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.tsl-simple-search__advanced-toggle {
    justify-self: start;
}

.tsl-simple-search__advanced {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f8fafb);
    padding: 0.65rem 0.75rem;
}

.tsl-simple-search__check {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--tsl-ink, #111);
    font-size: 0.88rem;
    font-weight: 600;
}

.tsl-index--ter .tsl-simple-search .tsl-input {
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
    border-color: var(--tsl-border, #cfd5dd);
}

.tsl-index--ter .tsl-simple-search .tsl-input::placeholder {
    color: var(--tsl-ink-muted, #6a7280);
    opacity: 1;
}

.tsl-simple-search__meta {
    margin: 0;
    color: var(--tsl-ink-soft, #444);
}

.tsl-simple-search__group {
    border-top: 1px solid var(--tsl-border, #ddd);
    padding-top: 0.9rem;
}

.tsl-simple-search__group h3 {
    margin: 0 0 0.6rem;
    color: var(--tsl-ink, #111);
}

.tsl-simple-search__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
}

.tsl-simple-search__item {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    padding: 0.7rem 0.8rem;
}

.tsl-simple-search__link {
    color: var(--tsl-accent, #5c8f7b);
    font-weight: 700;
    text-decoration: none;
}

.tsl-simple-search__link:hover {
    text-decoration: underline;
}

.tsl-simple-search__sub {
    margin: 0.3rem 0 0;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.87rem;
}

.tsl-simple-search__snippet {
    margin: 0.4rem 0 0;
    color: var(--tsl-ink, #111);
    font-size: 0.9rem;
}

.tsl-ter-nav {
    position: sticky;
    top: var(--tsl-site-banner-offset, 0px);
    left: 0;
    right: 0;
    z-index: 40;
    font-family: var(--idx-sans, 'Inter', system-ui, sans-serif);
    transition: transform 0.28s ease-in-out;
    flex-shrink: 0;
}

.tsl-ter-nav.is-hidden {
    transform: translateY(-100%);
}

.tsl-ter-nav--toolbar {
    display: flex;
    height: var(--ter-nav-height);
    min-height: var(--ter-nav-height);
    overflow: visible;
    background: var(--tsl-header-bg, var(--tsl-bg, #1f2733));
    color: var(--tsl-header-fg, #e8eaee);
    border-bottom: 1px solid var(--tsl-border, rgba(42, 34, 36, 0.12));
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(42, 34, 36, 0.06));
}

.tsl-ter-nav--guest {
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: saturate(140%) blur(12px);
    -webkit-backdrop-filter: saturate(140%) blur(12px);
    color: var(--tsl-ink, #2a2224);
    border-bottom: 1px solid var(--idx-line, rgba(42, 34, 36, 0.08));
}

.tsl-ter-nav--guest .tsl-ter-nav__logo--wordmark,
.tsl-ter-nav--guest .tsl-ter-nav__icon-item,
.tsl-ter-nav--guest .tsl-ter-nav__signin,
.tsl-ter-nav--guest .tsl-ter-nav__tool-btn {
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-nav--guest .tsl-ter-nav__logo--wordmark span {
    font-size: 0;
}

.tsl-ter-nav--guest .tsl-ter-nav__logo--wordmark span::after {
    content: "TheSugarLook";
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.tsl-index--ter:has(.tsl-ter-nav--guest) .tsl-ter-footer__wordmark {
    font-size: 0;
}

.tsl-index--ter:has(.tsl-ter-nav--guest) .tsl-ter-footer__wordmark::after {
    content: "TheSugarLook";
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.tsl-ter-nav--guest .tsl-ter-nav__divider {
    display: none;
}

.tsl-ter-nav--guest .tsl-ter-nav__signin:hover,
.tsl-ter-nav--guest .tsl-ter-nav__tool-btn:hover {
    color: var(--tsl-accent, #bc6c74);
    background: transparent;
}

.tsl-ter-nav__toolbar {
    max-width: var(--ter-nav-max, var(--ter-max));
    margin: 0 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
    padding: 0 var(--ter-gutter);
    display: flex;
    align-items: stretch;
    gap: 0.85rem;
}

.tsl-ter-nav__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: var(--tsl-surface, #fff);
    flex-shrink: 0;
    overflow: hidden;
}

.tsl-ter-nav__logo--wordmark {
    width: auto;
    height: auto;
    min-height: 2.35rem;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    padding: 0.15rem 0;
    text-decoration: none;
    color: var(--tsl-header-fg, #2a2224);
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
}

.tsl-ter-nav__logo--wordmark span {
    display: block;
    white-space: nowrap;
}

.tsl-ter-nav__logo img {
    width: 1.65rem;
    height: 1.65rem;
    display: block;
}

.tsl-ter-nav__signin {
    display: inline-flex;
    align-items: center;
    align-self: center;
    color: var(--tsl-header-fg, #2a2224);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 500;
    white-space: nowrap;
}

.tsl-ter-nav__signin:hover {
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-nav__tools > .tsl-ter-btn--nav,
.tsl-ter-nav__tools > .tsl-ter-nav__signin {
    align-self: center;
}

.tsl-ter-nav__icon-menu {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-self: stretch;
    align-items: stretch;
    flex: 0 1 auto;
    min-width: 0;
    min-height: 100%;
}

.tsl-ter-nav__icon-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex: 0 0 auto;
    gap: 0.22rem;
    min-width: 4.55rem;
    min-height: 100%;
    padding: 0 0.5rem;
    border-radius: 0;
    overflow: visible;
    text-decoration: none;
    color: var(--tsl-header-link, color-mix(in srgb, var(--tsl-header-fg, #fff) 94%, transparent));
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

.tsl-ter-nav__icon-item:hover,
.tsl-ter-nav__icon-item.is-active {
    color: var(--tsl-header-fg, #fff);
    background: var(--tsl-accent-soft, rgba(188, 108, 116, 0.14));
}

.tsl-ter-nav__icon-item:hover::after,
.tsl-ter-nav__icon-item.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--tsl-accent, #bc6c74);
    pointer-events: none;
}


.tsl-ter-nav--guest .tsl-ter-nav__icon-item {
    min-width: 4.15rem;
    padding: 0 0.3rem;
    font-size: 0.76rem;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-nav--guest .tsl-ter-nav__icon-item:hover,
.tsl-ter-nav--guest .tsl-ter-nav__icon-item.is-active {
    color: var(--tsl-ink, #2a2224);
    background: var(--tsl-accent-soft, rgba(188, 108, 116, 0.14));
}

.tsl-ter-nav--guest .tsl-ter-nav__icon-item.is-active {
    color: var(--tsl-accent, #bc6c74);
}

@media (min-width: 901px) and (max-width: 1180px) {
    .tsl-ter-nav--guest .tsl-ter-nav__icon-label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .tsl-ter-nav--guest .tsl-ter-nav__icon-item {
        min-width: 2.85rem;
    }
}

.tsl-ter-nav__icon-wrap {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
}

.tsl-ter-nav__icon {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-image: var(--tsl-nav-icon);
    mask-image: var(--tsl-nav-icon);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    opacity: 1;
}

.tsl-ter-nav__icon-item:hover .tsl-ter-nav__icon,
.tsl-ter-nav__icon-item.is-active .tsl-ter-nav__icon {
    opacity: 1;
}

.tsl-ter-nav .tsl-ter-nav__message-badge {
    position: absolute;
    top: -0.12rem;
    right: -0.45rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    box-sizing: border-box;
    min-width: 1.2rem;
    min-height: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    aspect-ratio: 1;
    border-radius: 50%;
    font-size: 0.58rem;
    font-weight: 800;
    line-height: 1;
    color: var(--tsl-surface-muted, #fff);
    background: var(--tsl-accent, #bc6c74);
    border: 1px solid var(--tsl-accent, #bc6c74);
    box-shadow: none;
}

.tsl-ter-nav__tools {
    display: flex;
    align-self: stretch;
    align-items: stretch;
    flex: 0 0 auto;
    gap: 0.55rem;
    margin-left: auto;
}

.tsl-ter-nav__tools > .tsl-account-menu,
.tsl-ter-nav__tools > .tsl-ter-nav__search,
.tsl-ter-nav__tools > .tsl-ter-nav__divider {
    align-self: center;
}

.tsl-index-body .tsl-account-menu {
    position: relative;
}

.tsl-index-body .tsl-account-menu__trigger,
.tsl-index-body .tsl-account-menu__profile-link {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.tsl-index-body .tsl-account-menu__profile-link {
    text-decoration: none;
}

.tsl-ter-nav__profile-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0;
    border-radius: 0.35rem;
    text-decoration: none;
    color: color-mix(in srgb, var(--tsl-header-fg, #fff) 90%, transparent);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.tsl-ter-nav__profile-trigger:hover {
    color: color-mix(in srgb, var(--tsl-header-fg, #fff) 90%, transparent);
    background: transparent;
}

.tsl-ter-nav__profile-trigger .tsl-account-menu__avatar {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--tsl-header-fg, #fff) 28%, transparent);
}

.tsl-ter-nav__profile-trigger .tsl-account-menu__avatar--default {
    background-color: currentColor;
    -webkit-mask-image: var(--tsl-nav-icon);
    mask-image: var(--tsl-nav-icon);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    opacity: 0.88;
    object-fit: contain;
    padding: 0.15rem;

    object-position: 20rem;
}

.tsl-account-menu--ter {
    display: inline-flex;
    align-items: center;
}

.tsl-account-menu--ter.is-open::before {
    content: '';
    position: absolute;
    right: 0;
    top: 100%;
    width: max(100%, 13rem);
    height: 0.5rem;
}

.tsl-index-body .tsl-account-menu__panel {
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem + 2px);
    min-width: 14rem;
    max-height: min(28rem, calc(100vh - 5rem));
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--tsl-header-fg, #fff) 20%, var(--tsl-border, #d8dde3));
    border-radius: 0.5rem;
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 10px 24px rgba(8, 16, 28, 0.16);
    z-index: 240;
}

.tsl-index-body .tsl-account-menu__panel[hidden] { display: none !important; }

.tsl-index-body .tsl-account-menu__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.35rem;
    color: var(--tsl-ink, #111);
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.tsl-index-body .tsl-account-menu__item:hover,
.tsl-index-body .tsl-account-menu__item:focus-visible {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e6eef7) 58%, var(--tsl-surface-muted, #fff) 42%);
    color: var(--tsl-accent, #1462a8);
}

body.tsl-body--dark-mode .tsl-index-body .tsl-account-menu__item:hover,
body.tsl-body--dark-mode .tsl-index-body .tsl-account-menu__item:focus-visible {
    background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 24%, var(--tsl-surface-muted, #1e293b));
    color: var(--tsl-ink, #e8eaee);
}

.tsl-index-body .tsl-account-menu__heading {
    padding: 0.35rem 0.75rem 0.15rem;
    color: var(--tsl-muted, #64748b);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    pointer-events: none;
}

.tsl-index-drawer__links .tsl-account-menu__heading {
    padding: 0.85rem 0 0.25rem;
    color: var(--tsl-muted, #64748b);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.tsl-index-body .tsl-account-menu__divider {
    height: 1px;
    margin: 0.35rem 0;
    background: var(--tsl-border, #d8dde3);
}

.tsl-ter-nav__divider {
    width: 1px;
    height: 1.65rem;
    background: color-mix(in srgb, var(--tsl-header-fg, #fff) 22%, transparent);
}

.tsl-ter-nav__tool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0 0.45rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    color: var(--tsl-header-link, color-mix(in srgb, var(--tsl-header-fg, #fff) 94%, transparent));
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.tsl-ter-nav__tool-btn:hover,
.tsl-ter-nav__tool-btn.is-active {
    color: var(--tsl-header-fg, #fff);
    background: color-mix(in srgb, var(--tsl-header-fg, #fff) 16%, transparent);
}

.tsl-ter-nav__search {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.35rem;
    margin: 0;
    min-width: 0;
}

.tsl-ter-nav__search-input {
    width: 0;
    min-width: 0;
    max-width: 0;
    opacity: 0;
    pointer-events: none;
    border: 1px solid var(--tsl-border, rgba(42, 34, 36, 0.12));
    border-radius: var(--tsl-radius-full, 999px);
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-header-fg, #2a2224);
    height: 2rem;
    padding: 0;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    transition: width 0.2s ease, max-width 0.2s ease, opacity 0.2s ease, padding 0.2s ease;
}

.tsl-ter-nav__search-input::placeholder {
    color: color-mix(in srgb, var(--tsl-header-fg, #fff) 65%, transparent);
}

.tsl-ter-nav__search-input:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--tsl-header-fg, #fff) 55%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-header-fg, #fff) 22%, transparent);
}

.tsl-ter-nav__search-input::-webkit-search-cancel-button {
    opacity: 0.7;
    cursor: pointer;
}

.tsl-ter-nav__search:hover .tsl-ter-nav__search-input,
.tsl-ter-nav__search:focus-within .tsl-ter-nav__search-input,
.tsl-ter-nav__search.is-open .tsl-ter-nav__search-input,
.tsl-ter-nav__search.is-active .tsl-ter-nav__search-input {
    width: 10.5rem;
    min-width: 0;
    max-width: 10.5rem;
    opacity: 1;
    pointer-events: auto;
    padding: 0 0.65rem;
}

.tsl-ter-nav__menu {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    gap: 4px;
    width: 2.25rem;
    height: 2.25rem;
    margin-left: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--tsl-header-fg, #fff) 24%, transparent);
    border-radius: 0.35rem;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}

.tsl-ter-nav__menu span {
    display: block;
    width: 14px;
    height: 2px;
    margin: 0 auto;
    background: var(--tsl-header-fg, #fff);
}

.tsl-ter-hero {
    position: relative;
    z-index: 2;
    margin-top: 0;
    margin-bottom: 4.5rem;
    background: var(--tsl-bg, #141820);
}

.tsl-ter-hero--plain {
    margin-bottom: 0;
}

.tsl-ter-hero--plain .tsl-ter-hero__overlay {
    padding-bottom: 2.5rem;
}

.tsl-ter-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1rem;
}

.tsl-ter-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: var(--tsl-bg, #141820);
    background-image:
        linear-gradient(
            180deg,
            var(--tsl-bg, #141820) 0%,
            color-mix(in srgb, var(--tsl-bg-subtle, var(--tsl-bg-elevated, #1c2230)) 55%, var(--tsl-bg, #141820)) 100%
        ),
        url('landing/hero-bg.svg') center / cover no-repeat;
}

.tsl-ter-hero__overlay {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(18rem, 42vw, 28rem);
    padding: 2rem var(--ter-gutter) 6rem;
}

.tsl-ter-hero__copy {
    max-width: 44rem;
    width: 100%;
    min-width: 0;
    text-align: center;
    color: var(--tsl-header-fg, #fff);
}

.tsl-ter-hero__eyebrow {
    margin: 0 0 0.55rem;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--tsl-header-fg, #fff) 78%, transparent);
}

.tsl-ter-hero__title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.75rem, 4.5vw, 3rem);
    line-height: 1.08;
    font-weight: 700;
}

.tsl-ter-hero__lead {
    margin: 0 auto 1.15rem;
    max-width: 42ch;
    font-size: clamp(0.92rem, 1.8vw, 1.05rem);
    line-height: 1.55;
    color: color-mix(in srgb, var(--tsl-header-fg, #fff) 88%, transparent);
}

.tsl-ter-btn--hero {
    box-sizing: border-box;
    max-width: 100%;
    padding-inline: 1.35rem;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
}

.tsl-ter-hero__stats-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
    padding: 0 var(--ter-gutter);
    z-index: 3;
    pointer-events: none;
}

.tsl-ter-hero__stats-card {
    max-width: var(--ter-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    background: var(--tsl-surface-muted, #fff);
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--tsl-ink, #111) 8%, transparent),
        0 4px 10px -6px color-mix(in srgb, var(--tsl-ink, #111) 22%, transparent);
    overflow: hidden;
    pointer-events: auto;
}

.tsl-ter-hero__stats-card--full {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-hero__stats-card--full .tsl-ter-hero__stat--heading {
    align-items: center;
    text-align: center;
    padding: 1rem 1.25rem;
}

.tsl-ter-hero__stats-card--full .tsl-index-page-hero__eyebrow,
.tsl-ter-hero__stats-card--full .tsl-index-page-hero__title,
.tsl-ter-hero__stats-card--full .tsl-index-page-hero__lead {
    max-width: none;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-wrap: nowrap;
}

.tsl-ter-hero__stat {
    padding: 1.35rem 1rem 1.2rem;
    text-align: center;
}

.tsl-ter-hero__stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.35rem;
    height: 3.35rem;
    margin: 0 auto 0.75rem;
    border-radius: 50%;
}

.tsl-ter-hero__stat-icon img {
    width: 1.35rem;
    height: 1.35rem;
    filter: brightness(0) invert(1);
}

.tsl-ter-hero__stat-icon--testimonials {
    background: color-mix(in srgb, #d4a72c 78%, var(--tsl-accent, #5c8f7b));
}

.tsl-ter-hero__stat-icon--community {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 82%, #e91e8c);
}

.tsl-ter-hero__stat-icon--members {
    background: color-mix(in srgb, #b42318 72%, var(--tsl-accent-hover, #4a7563));
}

.tsl-ter-hero__stat-value {
    margin: 0 0 0.25rem;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--tsl-ink, #111);
}

.tsl-ter-hero__stat-label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tsl-ink-soft, #444);
}


.tsl-ter-body {
    --tsl-ter-left-col: 12rem;
    --tsl-ter-right-col: 12rem;
    position: relative;
    z-index: 1;
    max-width: var(--ter-max);
    margin: 0 auto;
    padding: 3rem var(--ter-gutter) 1.5rem;
    display: grid;
    grid-template-columns: minmax(0, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
    column-gap: 2rem;
    row-gap: 1rem;
    align-items: start;
}

.tsl-ter-body--settings {
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, var(--tsl-ter-left-col)) minmax(0, 1fr);
}

.tsl-ter-body--settings.tsl-ter-body--settings-support {
    --tsl-ter-right-col: 10.5rem;
    grid-template-columns: minmax(0, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
}

.tsl-ter-body--settings.tsl-ter-body--settings-support .tsl-ter-content {
    grid-column: 2;
}

.tsl-ter-body--settings.tsl-ter-body--settings-support .tsl-ter-aside--right {
    grid-column: 3;
}

.tsl-ter-body--community {
    --tsl-ter-left-col: 0rem;
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
}

.tsl-ter-body--community .tsl-ter-content {
    grid-column: 1;
    width: min(100%, 64rem);
    max-width: 64rem;
}

.tsl-ter-body--search {
    --tsl-ter-left-col: 0rem;
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--search .tsl-ter-content {
    grid-column: 1;
    width: 100%;
    max-width: none;
}


.tsl-ter-body--no-side-asides {
    --tsl-ter-left-col: 0rem;
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--no-side-asides .tsl-ter-content {
    grid-column: 1;
    width: 100%;
    max-width: none;
}

.tsl-ter-body--no-side-asides.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    width: calc(100% + (var(--ter-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--auth.tsl-ter-body--header-top.tsl-ter-body--no-side-asides .tsl-index-page > .tsl-index-settings__layout,
.tsl-ter-body--no-side-asides.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}


.tsl-ter-body--search.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    width: calc(100% + (var(--ter-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--search.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

.tsl-ter-body--community.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    width: calc(100% + (var(--ter-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--community.tsl-ter-body--header-top .tsl-index-page > .tsl-index-feed__body,
.tsl-ter-body--community.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

.tsl-ter-body--settings .tsl-index-settings__layout {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--settings .tsl-ter-aside--left {
    grid-column: 1;
}

.tsl-ter-body--settings .tsl-ter-content {
    grid-column: 2;
}

.tsl-ter-body--messages {
    --tsl-ter-left-col: 24rem;
}

.tsl-ter-body--testimonials {
    --tsl-ter-left-col: 22rem;
    grid-template-columns: minmax(20rem, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
}

.tsl-ter-body--messages .tsl-ter-aside--left {
    align-self: stretch;
}

.tsl-ter-body--testimonials .tsl-ter-aside--left {
    align-self: start;
}

.tsl-ter-body--messages .messages-aside-shell {
    height: 100%;
    min-height: min(calc(100dvh - 220px), 860px);
}


.tsl-ter-body--personnel,
.tsl-ter-body--auth.tsl-ter-body--personnel {

    --tsl-ter-left-col: 18.5rem;
}


.tsl-index-body--superadmin .tsl-index--ter,
.tsl-index-body--staff-fullwidth .tsl-index--ter {
    --ter-max: none;
}


@media (min-width: 1025px) {
    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel:not(.tsl-ter-body--settings) {
        grid-template-columns:
            minmax(0, var(--tsl-ter-left-col))
            minmax(18rem, 1fr)
            minmax(0, min(28rem, max(var(--tsl-ter-right-col), 22vw)));
    }

    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel.tsl-ter-body--inquiry-detail,
    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel.tsl-ter-body--moderation-ticket {
        grid-template-columns:
            minmax(0, var(--tsl-ter-left-col))
            minmax(18rem, 1fr)
            minmax(16rem, min(22rem, max(var(--tsl-ter-right-col), 18vw)));
    }

    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel.tsl-ter-body--settings {
        grid-template-columns:
            minmax(0, var(--tsl-ter-left-col))
            minmax(18rem, 1fr);
    }

    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel .tsl-ter-aside--right {
        min-width: 0;
        max-width: 100%;
    }

    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel.tsl-ter-body--inquiry-detail .tsl-ter-aside--right,
    .tsl-index-body--staff-fullwidth .tsl-ter-body--personnel.tsl-ter-body--moderation-ticket .tsl-ter-aside--right {
        min-width: 16rem;
    }
}

.tsl-ter-body--superadmin,
.tsl-ter-body--auth.tsl-ter-body--superadmin,
.tsl-ter-body--superadmin.tsl-ter-body--text-inspector,
.tsl-ter-body--auth.tsl-ter-body--superadmin.tsl-ter-body--text-inspector {
    --tsl-ter-left-col: 21rem;
}

.tsl-staff-width-toggle {
    position: fixed;
    top: calc(var(--ter-chrome-offset, var(--ter-nav-height, 3.45rem)) + 0.55rem);
    right: var(--ter-gutter, 1.25rem);
    z-index: 36;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.28rem 0.45rem 0.28rem 0.5rem;
    border: 1px solid var(--tsl-border, #d7dde6);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tsl-surface, #fff) 92%, transparent);
    box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--tsl-ink, #041526) 10%, transparent);
    backdrop-filter: blur(10px);
}

.tsl-staff-width-toggle__control {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.tsl-staff-width-toggle__input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.tsl-staff-width-toggle__track {
    position: relative;
    display: inline-block;
    width: 1.85rem;
    height: 1.05rem;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--tsl-border, #c9d1dc);
    transition: background 0.16s ease;
}

.tsl-staff-width-toggle__track::after {
    content: "";
    position: absolute;
    top: 0.12rem;
    left: 0.12rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0.05rem 0.2rem color-mix(in srgb, var(--tsl-ink, #041526) 18%, transparent);
    transition: transform 0.16s ease;
}

.tsl-staff-width-toggle__input:checked + .tsl-staff-width-toggle__track {
    background: var(--tsl-accent, #005da8);
}

.tsl-staff-width-toggle__input:checked + .tsl-staff-width-toggle__track::after {
    transform: translateX(0.8rem);
}

.tsl-staff-width-toggle__input:focus-visible + .tsl-staff-width-toggle__track {
    outline: 2px solid var(--tsl-accent, #005da8);
    outline-offset: 2px;
}

.tsl-staff-width-toggle__text {
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.01em;
    color: var(--tsl-ink, #041526);
    white-space: nowrap;
}

.tsl-staff-width-toggle__submit {
    border: 0;
    background: transparent;
    color: var(--tsl-ink-soft, #374151);
    font-size: 0.72rem;
    font-weight: 650;
    cursor: pointer;
}

.tsl-staff-width-toggle.is-autosave .tsl-staff-width-toggle__submit {
    display: none;
}


.tsl-ter-body--personnel:has(.messages-aside-shell) .tsl-ter-aside--left {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 0;
}

.tsl-ter-body--personnel:has(.messages-aside-shell) .messages-aside-shell {
    flex: 1 1 auto;
    min-height: min(calc(100dvh - 280px), 720px);
}

.tsl-search-aside {
    padding: 0;


    overflow: clip;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.tsl-search-aside .tsl-search-drawer {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    overflow: visible;
}

.tsl-search-aside .tsl-search-drawer__bar {
    border-bottom: 1px solid var(--tsl-border, #ddd);
    background: transparent;
    padding: 0.75rem 0.85rem 0.55rem;
}

.tsl-search-drawer__mobile-toggle {
    display: none;
}

.tsl-search-aside .tsl-search-drawer__panel {
    display: block;
    padding: 0.35rem 0.9rem 0.9rem;
}

.tsl-search-aside__count {
    margin: 0;
    padding: 0.15rem 0.9rem 0.65rem;
    font-size: 0.84rem;
    color: var(--tsl-ink-muted, #6b7289);
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-index-body .tsl-search-page--aside-filters .tsl-search-shell--results-only {
    display: block;
}

.tsl-index-body .tsl-search-page--aside-filters .tsl-search-results-column {
    width: 100%;
}

.tsl-ter-body--header-top .tsl-ter-content,
.tsl-ter-body--header-top .tsl-ter-content > .tsl-index-page {
    display: contents;
}

.tsl-ter-body--header-top {
    row-gap: 0;
}

.tsl-ter-body--header-top .tsl-ter-aside {
    grid-row: 2;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-index-page-hero {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    max-width: none;
    margin-bottom: 1rem;
}

.tsl-ter-body--header-top .tsl-index-page-hero {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--tsl-ink, #111) 5%, transparent);
}

.tsl-ter-body--header-top .tsl-index-page-hero__veil {
    display: none;
}

.tsl-ter-body--header-top .tsl-index-page-hero__content {
    max-width: none;
    margin-inline: 0;
    text-align: center;
}

.tsl-ter-body--header-top .tsl-index-page-hero__title {
    font-size: clamp(1.7rem, 4vw, 3rem);
    color: var(--tsl-ink, #111);
    text-shadow: none;
}

.tsl-ter-body--header-top .tsl-index-page-hero__lead,
.tsl-ter-body--header-top .tsl-index-page-hero__eyebrow {
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-body--header-top .tsl-index-page-hero__eyebrow,
.tsl-ter-body--header-top .tsl-index-page-hero__title,
.tsl-ter-body--header-top .tsl-index-page-hero__lead {
    max-width: 100%;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-wrap: nowrap;
}

.tsl-ter-body--header-top .tsl-index-page > :not(.tsl-index-page-hero) {
    grid-column: 2;
    grid-row: 2;
}


.tsl-ter-body--no-side-asides.tsl-ter-body--header-top .tsl-index-page > :not(.tsl-index-page-hero):not(.tsl-ter-hero__stats-wrap),
.tsl-ter-body--auth.tsl-ter-body--header-top.tsl-ter-body--no-side-asides .tsl-index-page > :not(.tsl-index-page-hero):not(.tsl-ter-hero__stats-wrap) {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    padding: 0;
    width: calc(100% + (var(--ter-gutter) * 2));
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card {
    max-width: none;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--tsl-surface-muted, #fff);
    height: 8.75rem;
    align-items: stretch;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat {
    text-align: center;
    padding: 1rem 1.25rem;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__eyebrow {
    flex: 0 0 auto;
    margin: 0 0 0.4rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__title {
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-wrap: nowrap;
    line-height: 1.18;
    padding-bottom: 0.12em;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__lead {
    flex: 0 0 auto;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    line-height: 1.4;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 8.75rem;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-ter-hero__stat--heading {
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 1.25rem;
    overflow: hidden;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__eyebrow,
.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__title,
.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__lead {
    max-width: none;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-wrap: nowrap;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--empty {
    min-height: 100%;
    visibility: hidden;
}

.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
    width: 100%;
    min-width: 0;
}

.tsl-ter-aside {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    position: sticky;


    top: calc(var(--tsl-site-banner-offset, 0px) + 1rem);
}

@media (min-width: 1025px) {
    .tsl-ter-body--testimonials > .tsl-ter-aside--left {


        max-height: none;
        overflow-x: clip;
        overflow-y: clip;
        scrollbar-gutter: auto;
    }


    .tsl-ter-body--testimonials > .tsl-ter-aside--left.is-scrollable {
        position: static;
        overflow-x: clip;
        overflow-y: clip;
        scrollbar-gutter: auto;
    }
}


.tsl-ter-hero + .tsl-ter-body {
    padding-top: 1.5rem;
}

.tsl-ter-content {
    display: grid;
    gap: 0;
    min-width: 0;
}

.tsl-ter-side-card {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.9rem;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--tsl-ink, #111) 5%, transparent);
}

.tsl-ter-side-card__title,
.tsl-ter-search__title,
.tsl-ter-tiers__heading,
.tsl-ter-blog__title,
.tsl-ter-contact__title {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-side-card__title {
    margin: 0 0 0.55rem;
    font-size: 0.88rem;
}

.tsl-ter-side-card__text {
    margin: 0 0 0.75rem;
    font-size: 0.79rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-side-card__section {
    margin: 0.75rem 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-side-card__section:first-of-type {
    margin-top: 0;
}

.tsl-ter-side-metrics .tsl-ter-side-card__section + .tsl-ter-side-metrics__list {
    margin-bottom: 0.15rem;
}

.tsl-ter-btn--block {
    width: 100%;
}

.tsl-ter-start__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.tsl-ter-start__links a {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.35rem;
    border-radius: 0.25rem;
    text-decoration: none;
    color: var(--tsl-ink, #111);
    font-size: 0.84rem;
    font-weight: 600;
}

.tsl-ter-start__links a:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, transparent);
    color: var(--tsl-accent-hover, #4a7563);
}

.tsl-ter-start__icon {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    opacity: 0.82;
}

.tsl-ter-side-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.tsl-ter-side-links__list a {
    display: block;
    padding: 0.35rem 0;
    font-size: 0.84rem;
    color: var(--tsl-accent, #5c8f7b);
    text-decoration: none;
}

.tsl-ter-side-links__list a:hover {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.tsl-community-submit-aside {
    min-width: 0;
    padding: 0.7rem 0.75rem;
}

.tsl-community-submit-aside .tsl-ter-side-card__title {
    margin-bottom: 0.3rem;
}

.tsl-community-submit-aside .tsl-ter-side-card__text {
    margin-bottom: 0.4rem;
    font-size: 0.76rem;
    line-height: 1.35;
}

.tsl-community-submit-tips {
    margin-top: 0.3rem;
    padding-left: 0;
    list-style: none;
    display: grid;
    gap: 0.22rem;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.76rem;
    line-height: 1.35;
}

.tsl-community-submit-tips li {
    padding: 0 0 0 0.95rem;
    position: relative;
}

.tsl-community-submit-tips li::before {
    content: "";
    position: absolute;
    top: 0.48em;
    left: 0.1rem;
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 50%;
    background: var(--tsl-ink-soft, #666);
}

.tsl-community-submit-aside__actions {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.65rem;
    min-width: 0;
}

.tsl-community-submit-aside__actions .tsl-ter-btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0.38rem 0.45rem;
    font-size: 0.62rem;
    letter-spacing: 0.03em;
    line-height: 1.25;
    white-space: normal;
    text-align: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.tsl-ter-side-metrics__list {
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.tsl-ter-side-metrics__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 70%, transparent);
}

.tsl-ter-side-metrics__row:last-child {
    border-bottom: none;
}

.tsl-ter-side-metrics__row dt {
    margin: 0;
    font-size: 0.78rem;
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-side-metrics__row dd {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--tsl-ink, #111);
}

.tsl-ter-search,
.tsl-ter-tiers,
.tsl-ter-blog,
.tsl-ter-contact {
    max-width: none;
    margin: 0;
    padding: 0 0 1.25rem;
}

.tsl-ter-aside .tsl-ter-poll {
    max-width: none;
    margin: 0;
    padding: 0.9rem;
}

.tsl-ter-search__panel {
    border: 1px solid var(--tsl-border-strong, #bbb);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1rem;
    box-shadow: 0 1px 0 color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-ter-search__title {
    margin: 0 0 0.85rem;
    font-size: 1.05rem;
}

.tsl-ter-search__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.tsl-ter-field {
    display: grid;
    gap: 0.3rem;
}

.tsl-ter-label {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-search__actions,
.tsl-ter-contact-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.tsl-ter-contact-form .tsl-validation {
    color: #b42318;
    font-size: 0.78rem;
}

.tsl-ter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.4rem;
    padding: 0.7rem 1.35rem;
    border-radius: var(--tsl-radius-full, 999px);
    border: 1px solid transparent;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.tsl-ter-btn--solid {
    background: var(--tsl-accent, #bc6c74);
    border-color: var(--tsl-accent, #bc6c74);
    color: var(--tsl-surface-muted, #fff);
}

.tsl-ter-btn--solid:hover {
    background: var(--tsl-accent-hover, #a55d65);
    color: var(--tsl-surface-muted, #fff);
}

.tsl-ter-btn--line {
    background: var(--tsl-surface-muted, #fff);
    border-color: var(--tsl-border-strong, #bbb);
    color: var(--tsl-ink, #111);
}

.tsl-ter-btn--line:hover,
.tsl-ter-btn--line:focus-visible {
    border-color: var(--tsl-accent, #5c8f7b);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-btn--dark {
    background: var(--tsl-bg, #1a1f28);
    border-color: var(--tsl-bg-elevated, #222);

    color: #fff;
}

.tsl-ter-btn--sm {
    padding: 0.45rem 0.8rem;
    font-size: 0.72rem;
}

.tsl-ter-btn:disabled {
    background: var(--tsl-surface, #f1eaea);
    border-color: var(--idx-line, rgba(42, 34, 36, 0.12));
    color: var(--tsl-ink-muted, #8a7e81);
    box-shadow: none;
    cursor: not-allowed;
}

.tsl-ter-btn--icon {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    flex-shrink: 0;
    letter-spacing: 0;
    text-transform: none;
}

.tsl-ter-btn--icon .ph {
    font-size: 1.15rem;
    line-height: 1;
}

.tsl-index--ter .tsl-ter-btn--icon {
    font-size: 1.15rem;
    letter-spacing: 0;
    text-transform: none;
}

.tsl-ter-side-cta__btn {
    padding: 0.5rem 0.65rem;
    font-size: 0.66rem;
    letter-spacing: 0.03em;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

.tsl-ter-tiers__heading,
.tsl-ter-blog__title,
.tsl-ter-contact__title {
    margin: 0 0 0.75rem;
}

.tsl-ter-tiers__grid,
.tsl-ter-start__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.tsl-ter-tier,
.tsl-ter-start__card {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1rem;
}

.tsl-ter-tier--featured {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 45%, var(--tsl-border, #ddd));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 12%, transparent);
}

.tsl-ter-tier__title,
.tsl-ter-start__card-title {
    margin: 0 0 0.55rem;
    font-size: 0.95rem;
    color: var(--tsl-ink, #111);
}

.tsl-ter-tier__list {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
    font-size: 0.9rem;
}

.tsl-ter-poll__question,
.tsl-ter-blog__lead {
    margin: 0 0 0.85rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
}

.tsl-ter-poll__question {
    font-size: 0.86rem;
}

.tsl-ter-poll {
    border-top: none;
    border-bottom: none;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-ter-poll__form {
    display: grid;
    gap: 0.45rem;
}

.tsl-ter-poll.is-submitted .tsl-ter-poll__form {
    display: none !important;
}

.tsl-ter-poll__option {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.9rem;
}

.tsl-ter-poll__thanks {
    margin: 0.5rem 0 0;
    color: var(--tsl-accent, #5c8f7b);
    font-weight: 600;
}

.tsl-ter-poll-results {
    margin-top: 0.55rem;
    display: grid;
    gap: 0.45rem;
}

.tsl-ter-poll-results__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.38rem;
}

.tsl-ter-poll-results__row {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.76rem;
    color: var(--tsl-ink-soft, #444);
}

.tsl-ter-poll-results__bar {
    height: 0.3rem;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--tsl-border, #ddd) 62%, transparent);
}

.tsl-ter-poll-results__bar span {
    display: block;
    height: 100%;
    background: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-poll-results__total {
    margin: 0;
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-ter-blog__header { text-align: center; margin-bottom: 1rem; }

.tsl-ter-blog__eyebrow {
    margin: 0;
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.tsl-ter-blog__card {
    position: relative;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface-muted, #fff);
    transition: border-color 0.2s ease;
}

.tsl-ter-blog__card:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 36%, var(--tsl-border, #ddd));
}

.tsl-ter-blog__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    overflow-wrap: normal;
}

.tsl-ter-blog__link::after {
    content: "";
    position: absolute;
    inset: 0;
}

.tsl-ter-blog__image {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.tsl-ter-blog__body { padding: 0.85rem; }

.tsl-ter-blog__meta {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-ter-blog__card-title {
    margin: 0 0 0.65rem;
    font-size: 1rem;
    color: var(--tsl-ink, #111);
}

.tsl-ter-blog__footer { margin-top: 0.85rem; text-align: center; }

.tsl-ter-contact__layout {
    display: grid;
    grid-template-columns: minmax(12rem, 0.9fr) minmax(0, 1.4fr);
    gap: 0;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-ter-contact__aside {
    padding: 1.1rem;
    background: var(--tsl-accent, #5c8f7b);
    color: var(--tsl-header-fg, #fff);
}

.tsl-ter-contact__aside-title {
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
}

.tsl-ter-contact__details {
    list-style: none;
    margin: 0 0 0.85rem;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.tsl-ter-contact__details li {
    display: grid;
    gap: 0.2rem;
    font-size: 0.88rem;
    line-height: 1.45;
}

.tsl-ter-contact__form-wrap { padding: 1.1rem; }

.tsl-ter-contact-form {
    display: grid;
    gap: 0.75rem;
}

.tsl-ter-contact-form__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.tsl-ter-link {
    color: var(--tsl-accent, #5c8f7b);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.tsl-ter-link--inverse {
    color: var(--tsl-header-fg, #fff);
}

.tsl-ter-footer {
    margin-top: auto;
    background: var(--tsl-surface, #fff8f7);
    color: var(--tsl-ink, #2a2224);
    border-top: 1px solid var(--tsl-border, rgba(42, 34, 36, 0.12));
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-footer {
    margin-top: 0;
    background: #fff;
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-footer__brand-row,
.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-footer__copybar {
    display: none;
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-footer__meta-row {
    justify-content: flex-end;
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-footer__inner {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.tsl-ter-footer__inner {
    max-width: var(--ter-max);
    margin: 0 auto;
    padding: 1.35rem var(--ter-gutter);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.tsl-ter-footer__wordmark {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.2rem;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.tsl-ter-footer__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem 1.25rem;
    flex-wrap: wrap;
}

.tsl-ter-footer__links a {
    text-decoration: none;
    color: var(--tsl-ink-soft, #5c5356);
    font-size: 0.88rem;
    line-height: 1.2;
}

.tsl-ter-footer__links a:hover {
    color: var(--tsl-accent, #bc6c74);
    text-decoration: underline;
}

.tsl-ter-footer__tagline {
    margin: 0;
    font-family: var(--idx-script, Caveat, cursive);
    font-size: 1.05rem;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-footer__support {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.2;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-footer__meta-row {
    max-width: var(--ter-max);
    margin: 0 auto;
    padding: 0 var(--ter-gutter) 0.85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: nowrap;
}

.tsl-ter-footer__brand-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.tsl-ter-footer__social-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tsl-ter-footer__social-link {
    display: inline-flex;
    width: 1.2rem;
    height: 1.2rem;
    align-items: center;
    justify-content: center;
}

.tsl-ter-footer__social-link img {
    width: 1rem;
    height: 1rem;
    filter: none;
    opacity: 0.78;
}

.tsl-ter-footer__social-link:hover img {
    opacity: 1;
}

.tsl-ter-footer__pay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 1.5rem;
    padding: 0.2rem 0.35rem;
    border-radius: 0.22rem;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--tsl-header-fg, #fff) 12%, transparent);
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.tsl-ter-footer__pay:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.tsl-ter-footer__pay img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tsl-ter-footer__copybar {
    background: inherit;
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem var(--ter-gutter) 0.5rem;
    border-top: 1px solid var(--tsl-border, rgba(42, 34, 36, 0.12));
}

.tsl-ter-footer__copy {
    margin: 0;
    font-size: 0.76rem;
    text-align: center;
    color: var(--tsl-ink-muted, #8a7e81);
}

.tsl-ter-help {
    flex: 1 1 auto;
    max-width: var(--ter-max);
    margin: 0 auto;
    padding: 2rem var(--ter-gutter) 1.5rem;
}

.tsl-ter-signup {
    flex: 1 1 auto;
    max-width: 52rem;
    margin: 0 auto;
    padding: 1.75rem var(--ter-gutter) 1.5rem;
    display: grid;
    gap: 0.85rem;
}

.tsl-ter-signin {
    max-width: 46rem;
}

.tsl-ter-signup__hero {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1.15rem;
}

.tsl-ter-signup__eyebrow {
    margin: 0 0 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-signup__title {
    margin: 0 0 0.45rem;
    font-size: clamp(1.35rem, 2.6vw, 1.9rem);
    color: var(--tsl-ink, #111);
}

.tsl-ter-signup__lead {
    margin: 0 0 0.45rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
}

.tsl-ter-signup__hint {
    margin: 0;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.88rem;
}

.tsl-ter-signup__hint a {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index--ter .tsl-ter-signup .tsl-label,
.tsl-index--ter .tsl-ter-signin .tsl-label {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-ter-signup .tsl-input,
.tsl-index--ter .tsl-ter-signup .tsl-input-group__toggle,
.tsl-index--ter .tsl-ter-signup .tsl-radio-other,
.tsl-index--ter .tsl-ter-signin .tsl-input,
.tsl-index--ter .tsl-ter-signin .tsl-input-group__toggle,
.tsl-index--ter .tsl-ter-signin .tsl-radio-other {
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
    border-color: var(--tsl-border, #ccc);
}

.tsl-index--ter .tsl-ter-signup .tsl-input::placeholder,
.tsl-index--ter .tsl-ter-signup .tsl-radio-other::placeholder,
.tsl-index--ter .tsl-ter-signin .tsl-input::placeholder,
.tsl-index--ter .tsl-ter-signin .tsl-radio-other::placeholder {
    color: var(--tsl-ink-muted, #666);
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    opacity: 1;
}

.tsl-index--ter .tsl-ter-signup .tsl-radio-option,
.tsl-index--ter .tsl-ter-signup .tsl-check,
.tsl-index--ter .tsl-ter-signin .tsl-radio-option,
.tsl-index--ter .tsl-ter-signin .tsl-check {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-ter-signup .tsl-validation,
.tsl-index--ter .tsl-ter-signin .tsl-validation {
    color: #b42318;
}

.tsl-index--ter .tsl-ter-signin .tsl-index-hint {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-ter-signin .tsl-index-hint a {
    color: var(--tsl-accent, #5c8f7b);
}


.tsl-index--ter .tsl-index-panel--auth .tsl-label,
.tsl-index--ter .tsl-index-panel--narrow .tsl-label {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-index-panel--auth .tsl-input,
.tsl-index--ter .tsl-index-panel--auth .tsl-input-group__toggle,
.tsl-index--ter .tsl-index-panel--auth .tsl-radio-other,
.tsl-index--ter .tsl-index-panel--narrow .tsl-input,
.tsl-index--ter .tsl-index-panel--narrow .tsl-input-group__toggle,
.tsl-index--ter .tsl-index-panel--narrow .tsl-radio-other {
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
    border-color: var(--tsl-border, #ccc);
}

.tsl-index--ter .tsl-index-panel--auth .tsl-input::placeholder,
.tsl-index--ter .tsl-index-panel--auth .tsl-radio-other::placeholder,
.tsl-index--ter .tsl-index-panel--narrow .tsl-input::placeholder,
.tsl-index--ter .tsl-index-panel--narrow .tsl-radio-other::placeholder {
    color: var(--tsl-ink-muted, #666);
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    opacity: 1;
}

.tsl-index--ter .tsl-index-panel--auth .tsl-radio-option,
.tsl-index--ter .tsl-index-panel--auth .tsl-check,
.tsl-index--ter .tsl-index-panel--narrow .tsl-radio-option,
.tsl-index--ter .tsl-index-panel--narrow .tsl-check {
    color: var(--tsl-ink-soft, #444);
}

.tsl-signin-links-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tsl-signin-links-row .tsl-index-hint {
    margin: 0;
}

.tsl-ter-help__hero {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1.1rem;
}

.tsl-ter-help__eyebrow {
    margin: 0 0 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-help__title {
    margin: 0 0 0.45rem;
    font-size: clamp(1.35rem, 2.6vw, 1.8rem);
    color: var(--tsl-ink, #111);
}

.tsl-ter-help__lead {
    margin: 0;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
}

.tsl-ter-help__grid {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.tsl-ter-help__card {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 1rem;
}

.tsl-index-panel .tsl-ter-help__grid {
    margin-top: 0;
}

.tsl-ter-help__card h2 {
    margin: 0 0 0.65rem;
    font-size: 1rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-help__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.tsl-ter-help__links a {
    color: var(--tsl-ink-soft, #444);
    text-decoration: none;
    font-weight: 600;
}

.tsl-ter-help__links a:hover {
    color: var(--tsl-accent, #5c8f7b);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.tsl-ter-help__links p {
    margin: 0.2rem 0 0;
    color: var(--tsl-ink-muted, #666);
    font-size: 0.83rem;
    line-height: 1.45;
}

.tsl-ter-help__actions {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.tsl-ter-drawer .tsl-index-drawer__panel {
    right: auto;
    left: 0;
    background: var(--tsl-surface, #fff);
    border-right: 1px solid var(--tsl-border, #ddd);
    border-left: none;
    transform: translateX(-100%);
}

.tsl-ter-drawer .tsl-index-drawer__title,
.tsl-ter-drawer .tsl-index-drawer__links a {
    color: var(--tsl-ink, #111);
}

.tsl-ter-account-drawer .tsl-index-drawer__panel {
    background: var(--tsl-surface, #fff);
    border-left: 1px solid var(--tsl-border, #ddd);
}

.tsl-ter-account-drawer .tsl-index-drawer__title,
.tsl-ter-account-drawer .tsl-index-drawer__links a {
    color: var(--tsl-ink, #111);
}

@media (max-width: 1024px) {
    .tsl-ter-body {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .tsl-ter-body--messages {
        grid-template-columns: minmax(0, 1fr);
    }

    .tsl-ter-body--messages .tsl-ter-aside--left {
        display: block;
        grid-template-columns: minmax(0, 1fr);
    }

    .tsl-ter-aside {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.85rem;
    }

    .tsl-ter-aside--left { order: 2; }
    .tsl-ter-content { order: 1; }
    .tsl-ter-aside--right { order: 3; }

    .tsl-ter-aside--right {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tsl-ter-body[data-page="welcome"] .tsl-ter-aside,
    .tsl-ter-body[data-page="welcome"] .tsl-ter-aside--right {
        grid-template-columns: minmax(0, 1fr);
    }

    .tsl-ter-help__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .tsl-ter-nav__icon-menu,
    .tsl-ter-nav__tools { display: none; }

    .tsl-ter-nav__menu {
        display: inline-flex;
        order: 1;
    }

    .tsl-ter-nav__tools--signed-in {
        display: flex;
        order: 2;
        margin-left: auto;
    }

    .tsl-ter-nav__tools--signed-in > :not(.tsl-account-menu) {
        display: none;
    }

    .tsl-ter-nav__tools--signed-in .tsl-account-menu__panel {
        display: none !important;
    }


    .tsl-ter-hero {
        margin-bottom: 4.25rem;
    }

    .tsl-ter-hero__overlay {
        min-height: 0;
        padding: 1.5rem var(--ter-gutter) 5.75rem;
        align-items: flex-start;
    }

    .tsl-ter-hero--welcome .tsl-ter-hero__overlay {
        min-height: 0;
        padding-bottom: 6rem;
    }

    .tsl-ter-hero__copy {
        max-width: 100%;
        padding-inline: 0.15rem;
    }

    .tsl-ter-hero__title {
        font-size: clamp(1.35rem, 6.2vw, 1.85rem);
        line-height: 1.12;
    }

    .tsl-ter-hero__lead {
        font-size: 0.9rem;
        max-width: 36ch;
        margin-bottom: 0.9rem;
    }

    .tsl-ter-hero__stats-wrap {
        transform: translateY(38%);
        padding: 0 max(var(--ter-gutter), 0.85rem);
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .tsl-ter-hero__stats-card {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .tsl-ter-hero__stat {
        padding: 0.85rem 0.4rem 0.75rem;
        min-width: 0;
        border-bottom: none;
        border-right: 1px solid var(--tsl-border, #e5e5e5);
    }

    .tsl-ter-hero__stat:last-child {
        border-right: none;
        border-bottom: none;
    }

    .tsl-ter-hero__stat-icon {
        width: 2.45rem;
        height: 2.45rem;
        margin-bottom: 0.45rem;
    }

    .tsl-ter-hero__stat-icon img {
        width: 1.05rem;
        height: 1.05rem;
    }

    .tsl-ter-hero__stat-value {
        font-size: clamp(1.05rem, 4.5vw, 1.35rem);
    }

    .tsl-ter-hero__stat-label {
        font-size: 0.58rem;
        letter-spacing: 0.04em;
        line-height: 1.25;
        padding-inline: 0.15rem;
        overflow-wrap: anywhere;
    }

    .tsl-ter-tiers__grid,
    .tsl-ter-blog__grid,
    .tsl-ter-contact__layout,
    .tsl-ter-search__grid,
    .tsl-ter-contact-form__row {
        grid-template-columns: 1fr;
    }

    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--empty {
        display: none;
    }

    .tsl-ter-aside,
    .tsl-ter-aside--right {
        grid-template-columns: 1fr;
    }

    .tsl-ter-help__grid {
        grid-template-columns: 1fr;
    }

    .tsl-ter-footer__copybar {
        justify-content: center;
    }

    .tsl-ter-footer__links-row {
        flex-direction: column;
        align-items: center;
        gap: 0.55rem;
    }

    .tsl-ter-footer__links-group,
    .tsl-ter-footer__links-group--right {
        justify-content: center;
    }

    .tsl-ter-footer__meta-row {
        flex-direction: column;
        justify-content: center;
        gap: 0.35rem;
    }

    .tsl-ter-footer__brand-row,
    .tsl-ter-footer__social-row {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .tsl-ter-hero {
        margin-bottom: 3.75rem;
    }

    .tsl-ter-hero__overlay {
        padding: 1.15rem var(--ter-gutter) 5.5rem;
    }

    .tsl-ter-hero__eyebrow {
        font-size: 0.68rem;
        letter-spacing: 0.1em;
    }

    .tsl-ter-hero__title {
        font-size: clamp(1.2rem, 7vw, 1.55rem);
    }

    .tsl-ter-hero__lead {
        font-size: 0.84rem;
        margin-bottom: 0.75rem;
        max-width: 32ch;
    }

    .tsl-ter-btn--hero {
        padding: 0.55rem 1.1rem;
        font-size: 0.9rem;
    }

    .tsl-ter-hero__stats-wrap {
        transform: translateY(32%);
        padding: 0 max(var(--ter-gutter), 0.75rem);
    }

    .tsl-ter-hero__stat {
        padding: 0.7rem 0.25rem 0.65rem;
    }

    .tsl-ter-hero__stat-icon {
        width: 2.15rem;
        height: 2.15rem;
        margin-bottom: 0.35rem;
    }

    .tsl-ter-hero__stat-label {
        font-size: 0.52rem;
        letter-spacing: 0.03em;
    }
}


.tsl-index-page {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.tsl-index-page-hero__eyebrow {
    margin: 0 0 0.4rem;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-page-hero--compact {
    padding: clamp(0.85rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
}

.tsl-index-panel__title {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-stack {
    display: grid;
    gap: 1rem;
}

.tsl-index-stack--sm,
.tsl-index-stack-sm {
    gap: 0.5rem;
}

.tsl-index-stack--md,
.tsl-index-stack-md {
    gap: 0.85rem;
}

.tsl-index-stack--lg,
.tsl-index-stack-lg {
    gap: 1.25rem;
}

.tsl-index-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tsl-index-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 24%, var(--tsl-border, #d8dde3));
    border-radius: 999px;
    background: var(--tsl-surface, #fff);
    color: var(--tsl-accent, #5c8f7b);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
    cursor: pointer;
}

.tsl-index-tabs__tab.is-active,
.tsl-index-tabs__tab[aria-pressed="true"] {
    color: #fff;
    background: var(--tsl-accent, #5c8f7b);
    border-color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-tabs__tab .tsl-index-badge,
.tsl-index-tabs__tab .tsl-index-badge--accent,
.tsl-index-tabs__tab .tsl-index-badge--primary {
    color: currentColor;
    background: color-mix(in srgb, currentColor 18%, transparent);
    border: 1px solid color-mix(in srgb, currentColor 36%, transparent);
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    min-width: 1.35rem;
}

.tsl-index-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, #fff);
    color: var(--tsl-accent, #5c8f7b);
    font-size: 0.68rem;
    font-weight: 700;
}

.tsl-index-settings {
    display: grid;
    gap: 1rem;
}

.tsl-index-settings__layout {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tsl-index-settings__layout:has(> .tsl-index-settings__main:only-child) {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--auth {
    --tsl-ter-left-col: 10.5rem;
    --tsl-ter-right-col: 10.5rem;
    width: 100%;
}

.tsl-ter-body--auth.tsl-ter-body--signup {
    --tsl-ter-left-col: 16rem;
    --tsl-ter-right-col: 16rem;
    grid-template-columns: minmax(14rem, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(14rem, var(--tsl-ter-right-col));
}

.tsl-ter-body--auth.tsl-ter-body--settings {
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, var(--tsl-ter-left-col)) minmax(0, 1fr);
}


.tsl-ter-body--auth.tsl-ter-body--testimonials {
    --tsl-ter-left-col: 22rem;
    grid-template-columns: minmax(20rem, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
}

.tsl-index-testimonials .tsl-index-feed__toolbar {
    flex-wrap: nowrap;
    min-width: 0;
}

.tsl-index-testimonials .tsl-index-tabs--single-line {
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.tsl-index-testimonials .tsl-index-tabs--single-line .tsl-index-tabs__tab {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 0.38rem 0.7rem;
    font-size: 0.74rem;
    letter-spacing: 0.02em;
}

.tsl-testimonial-status-card__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.7rem 1.1rem;
    border-bottom: 1px solid var(--tsl-border, #d8dde3);
    background: var(--tsl-surface-muted, #f7f8f8);
}

.tsl-testimonial-status-card__bar-copy {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 10rem;
}

.tsl-testimonial-status-card__bar-copy .tsl-hint {
    margin: 0;
}

.tsl-testimonial-status-card__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
}

.tsl-testimonial-status-card__actions .tsl-ter-btn {
    padding: 0.28rem 0.45rem;
}

.tsl-testimonial-status-card__actions img {
    display: block;
}

.tsl-testimonial-status-card__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--tsl-border, #d8dde3);
}

.tsl-testimonial-status-card__footer form {
    margin: 0;
}

.tsl-index-testimonials .tsl-index-panel--guidelines .tsl-hint {
    display: grid;
    gap: 0.9rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
}

.tsl-index-testimonials .tsl-index-panel--guidelines .tsl-hint p {
    margin: 0;
}

.tsl-index-panel__list {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: 0.55rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.5;
}

.tsl-index-panel__actions {
    display: grid;
    justify-items: start;
    gap: 1.15rem;
    margin-top: 1.5rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-index-panel__actions-accept,
.tsl-index-panel__actions-continue {
    display: grid;
    justify-items: start;
    gap: 0.45rem;
}

.tsl-index-fill-width {
    width: max-content;
    max-width: 100%;
}

.tsl-required {
    color: var(--tsl-accent, #5c8f7b);
    font-weight: 700;
}

.tsl-index-panel--form {
    display: grid;
    gap: 1.15rem;
}

.tsl-stepper__list,
.tsl-stepper__item,
.tsl-stepper__line {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tsl-stepper,
.tsl-stepper__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.tsl-stepper__tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 24%, var(--tsl-border, #d8dde3));
    border-radius: 999px;
    background: var(--tsl-surface, #fff);
    color: var(--tsl-accent, #5c8f7b);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
}

.tsl-stepper__tab.is-active,
.tsl-stepper__tab.active,
.tsl-stepper__tab[aria-selected="true"] {
    color: #fff;
    background: var(--tsl-accent, #5c8f7b);
    border-color: var(--tsl-accent, #5c8f7b);
}

.tsl-stepper__dot,
.tsl-stepper__line {
    display: none;
}

.tsl-info-panel {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-info-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    cursor: pointer;
}

.tsl-info-panel__title {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--tsl-ink, #111);
}

.tsl-info-panel__toggle {
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid var(--tsl-accent, #5c8f7b);
    border-bottom: 2px solid var(--tsl-accent, #5c8f7b);
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.tsl-info-panel__header[aria-expanded="true"] .tsl-info-panel__toggle {
    transform: rotate(225deg);
    translate: 0 0.15rem;
}

.tsl-info-panel__body {
    padding: 0 0.9rem 0.9rem;
}

.tsl-info-panel__list,
.tsl-info-panel__body ul {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.35rem;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.88rem;
    line-height: 1.45;
}

.tsl-index-tab-content {
    display: grid;
    gap: 1rem;
}

.tsl-index-tab-content > .tsl-stepper__panel {
    display: none;
    gap: 1rem;
}

.tsl-index-tab-content > .tsl-stepper__panel.active,
.tsl-index-tab-content > .tsl-stepper__panel.show {
    display: grid;
}

.tsl-stepper__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.tsl-index-testimonials .written-subject-block {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-index-testimonials .written-subject-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--tsl-ink, #111);
}

.tsl-personality-scales {
    display: grid;
    gap: 1.05rem;
}

.tsl-personality-scale {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem 1rem;
    align-items: center;
}

.tsl-personality-scale__main {
    min-width: 0;
}

.tsl-personality-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 4px;
    margin: 0.85rem 0 0.35rem;
    border-radius: 2px;
    background: linear-gradient(
        to right,
        var(--tsl-accent, #5c8f7b) 0%,
        var(--tsl-accent, #5c8f7b) var(--tsl-range-pct, 50%),
        var(--tsl-border, rgba(26, 31, 46, 0.12)) var(--tsl-range-pct, 50%),
        var(--tsl-border, rgba(26, 31, 46, 0.12)) 100%
    );
    outline: none;
}

.tsl-personality-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--tsl-accent, #5c8f7b);
    border-radius: 50%;
    background: var(--tsl-surface, #fff);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, transparent);
    cursor: pointer;
}

.tsl-personality-range::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--tsl-accent, #5c8f7b);
    border-radius: 50%;
    background: var(--tsl-surface, #fff);
    cursor: pointer;
}

.tsl-personality-range::-moz-range-track {
    height: 4px;
    background: transparent;
}

.tsl-personality-scale__labels {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-personality-scale__unknown {
    margin: 0;
    white-space: nowrap;
}

.tsl-personality-scale.is-dont-know .tsl-personality-range {
    opacity: 0.38;
    pointer-events: none;
}

@media (max-width: 640px) {
    .tsl-personality-scale {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
    }
}

.tsl-index-gap-sm { gap: 0.45rem; }
.tsl-index-flex-wrap { flex-wrap: wrap; }

.tsl-ter-body--auth.tsl-ter-body--community-feed {
    --tsl-ter-left-col: 18rem;
    grid-template-columns: minmax(16rem, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
}

.tsl-ter-body--auth.tsl-ter-body--community-feed .tsl-ter-aside--left {
    align-self: start;
}

.tsl-ter-body--blog,
.tsl-ter-body--auth.tsl-ter-body--blog {
    --tsl-ter-left-col: 16rem;
    grid-template-columns: minmax(14rem, var(--tsl-ter-left-col)) minmax(0, 1fr) minmax(0, var(--tsl-ter-right-col));
}

.tsl-ter-body--auth.tsl-ter-body--blog .tsl-ter-aside--left {
    align-self: start;
}

.tsl-blog-category-nav {
    display: grid;
    gap: 0.4rem;
}

.tsl-blog-category-nav__btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
    font: inherit;
    font-size: 0.9rem;
    cursor: pointer;
}

.tsl-blog-category-nav__btn:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 42%, transparent);
}

.tsl-blog-category-nav__btn.is-active {
    border-color: var(--tsl-accent, #8e9fc6);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, #fff);
    font-weight: 600;
}

.tsl-index-hide-desktop {
    display: none;
}

.tsl-ter-body--auth.tsl-ter-body--messages {
    --tsl-ter-left-col: 24rem;
}


.tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    width: calc(100% + (var(--ter-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout,
.tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > .tsl-index-feed__body {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

.tsl-ter-body--blog-article {
    --tsl-ter-left-col: 10.5rem;
    --tsl-ter-right-col: 10.5rem;
}

.tsl-ter-side-blog-nav__link {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    text-decoration: none;
    color: var(--tsl-ink, #111);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.45;
}

.tsl-ter-side-blog-nav__link:hover {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-ter-side-blog-nav__link span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tsl-ter-side-blog-nav__link i {
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-settings__nav {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-index-settings__nav-list {
    display: grid;
    gap: 0.35rem;
}

.tsl-index-settings__nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #111);
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 600;
}

.tsl-index-settings__nav-link > span:first-child {
    min-width: 0;
    flex: 1 1 auto;
}

.tsl-settings-aside .tsl-index-settings__nav-link {
    font-size: 0.8rem;
}

button.tsl-index-settings__nav-link {
    width: 100%;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.tsl-index-settings__nav-link.is-active,
.tsl-index-settings__nav-link[aria-current="page"] {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-settings__nav-arrow {
    color: color-mix(in srgb, var(--tsl-ink-soft, #666) 70%, transparent);
    font-size: 0.82rem;
    line-height: 1;
}

.tsl-index-settings__nav-link.is-active .tsl-index-settings__nav-arrow,
.tsl-index-settings__nav-link[aria-current="page"] .tsl-index-settings__nav-arrow {
    color: currentColor;
}

.tsl-index-settings__main {
    display: grid;
    gap: 1rem;
    min-width: 0;
    width: 100%;
}


.tsl-index-settings .tsl-label,
.tsl-index-settings .tsl-field__label {
    color: var(--tsl-ink-soft, #444);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
}

.tsl-index-settings .tsl-check,
.tsl-index-settings .tsl-radio-option {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index-settings .tsl-check__input,
.tsl-index-settings .tsl-check input[type="checkbox"],
.tsl-index-settings .tsl-radio-option input[type="radio"] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    flex-shrink: 0;
    align-self: center;
    accent-color: var(--tsl-accent, #005da8);
    cursor: pointer;
}

.tsl-settings-account-prefs {
    gap: 1.15rem;
}

.tsl-settings-account-prefs .tsl-pref-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.tsl-settings-account-prefs .tsl-pref-row--stacked {
    align-items: flex-start;
}

.tsl-settings-account-prefs .tsl-pref-row--stacked .tsl-2state {
    margin-top: 0.15rem;
}

.tsl-settings-account-prefs .tsl-index-hint {
    margin-top: 0.15rem;
    margin-bottom: 0;
}

.tsl-settings-account-prefs .tsl-2state {
    width: 14rem;
    flex: 0 0 14rem;
}

.tsl-settings-account-prefs .tsl-settings-account-prefs__note {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0.55rem 0 0 0.85rem;
    padding: 0.4rem 0.65rem;
    border-radius: 0.4rem;
}

.tsl-settings-account-prefs .tsl-settings-account-prefs__note .tsl-index-callout__text {
    font-size: 0.78rem;
    line-height: 1.4;
    max-width: none;
}

@media (max-width: 40rem) {
    .tsl-settings-account-prefs .tsl-pref-row,
    .tsl-settings-account-prefs .tsl-pref-row--stacked {
        flex-direction: column;
        align-items: stretch;
    }

    .tsl-settings-account-prefs .tsl-2state {
        width: 100%;
        flex: none;
        max-width: none;
    }
}

.tsl-field-group--chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tsl-choice-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0.45rem 0.85rem;
    border-radius: var(--tsl-radius-full, 999px);
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink-soft, #0d1b2a);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.tsl-index-body .tsl-choice-chip input[type="checkbox"],
.tsl-index-body .tsl-choice-chip input[type="radio"],
:is(#popupModal, #confirmModal, #notifyModal) .tsl-choice-chip input[type="checkbox"],
:is(#popupModal, #confirmModal, #notifyModal) .tsl-choice-chip input[type="radio"] {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    background-image: none;
    box-shadow: none;
    outline: none;
    pointer-events: none;
}

.tsl-choice-chip:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #005da8) 40%, var(--tsl-border, #ddd));
    color: var(--tsl-ink, #041526);
}

.tsl-choice-chip:has(input:checked) {
    color: var(--tsl-accent, #005da8);
    border-color: color-mix(in srgb, var(--tsl-accent, #005da8) 55%, var(--tsl-border, #ddd));
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(0, 93, 168, 0.14)) 70%, var(--tsl-surface-muted, #fff));
}

.tsl-choice-chip:has(input:focus-visible) {
    outline: 2px solid color-mix(in srgb, var(--tsl-accent, #005da8) 45%, transparent);
    outline-offset: 2px;
}

.tsl-check--panel {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.35rem;
    background: var(--tsl-surface, #f7f8f8);
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--tsl-ink, #041526);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.tsl-check--panel:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #005da8) 35%, var(--tsl-border, #ddd));
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(0, 93, 168, 0.14)) 35%, var(--tsl-surface, #f7f8f8));
}

.tsl-check--panel:has(input:checked) {
    border-color: color-mix(in srgb, var(--tsl-accent, #005da8) 45%, var(--tsl-border, #ddd));
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(0, 93, 168, 0.14)) 55%, var(--tsl-surface-muted, #fff));
}

.tsl-check--panel .tsl-check__input,
.tsl-check--panel input[type="checkbox"] {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
}

.tsl-actions--end {
    justify-content: flex-end;
}

.tsl-index-settings .tsl-validation {
    color: #b42318;
    font-size: 0.82rem;
}

.tsl-index-panel__title--danger {
    color: var(--tsl-danger-muted-fg);
}

.tsl-index-grid-3,
.qx-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.tsl-index-panel--flat {
    box-shadow: none;
}

.tsl-index-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.tsl-index-cluster--end {
    justify-content: flex-end;
}

.tsl-index-text-center {
    text-align: center;
}

.tsl-index-text-sm {
    font-size: 0.875rem;
}

.tsl-index-text-muted {
    color: var(--tsl-ink-muted, #666);
}

.tsl-index-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tsl-index-table-wrap {
    overflow-x: auto;
    min-width: 0;
    max-width: 100%;
}

.tsl-index-table__cell--end {
    text-align: right;
}

.tsl-index-badge--accent,
.tsl-index-badge--primary {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, #fff);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-badge--muted {
    background: var(--tsl-surface-muted, #f0f2f4);
    color: var(--tsl-ink-soft, #444);
}

.tsl-index-badge--low {
    background: color-mix(in srgb, #6b8f71 16%, #fff);
    color: #3d5c42;
}

.tsl-index-badge--elevated {
    background: color-mix(in srgb, #c9a227 18%, #fff);
    color: #7a6410;
}

.tsl-index-badge--high {
    background: color-mix(in srgb, #d97706 18%, #fff);
    color: #9a3412;
}

.tsl-index-badge--severe {
    background: color-mix(in srgb, #dc2626 18%, #fff);
    color: #991b1b;
}

.tsl-index-badge--critical {
    background: color-mix(in srgb, #7f1d1d 22%, #fff);
    color: #7f1d1d;
    font-weight: 800;
}

.tsl-index-badge--danger {
    background: color-mix(in srgb, var(--tsl-danger) 18%, #fff);
    color: var(--tsl-danger-muted-fg);
}

.tsl-index-badge--success {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 16%, #fff);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-badge--warning {
    background: color-mix(in srgb, #c9a227 18%, #fff);
    color: #7a6410;
}

.tsl-index--ter .tsl-alert--success {
    color: var(--tsl-ink-soft, #444);
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 12%, #fff);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.tsl-index--ter .tsl-alert--warning {
    color: var(--tsl-ink-soft, #444);
    background: color-mix(in srgb, #c9a227 12%, #fff);
    border-color: color-mix(in srgb, #c9a227 35%, transparent);
}

.tsl-index--ter .tsl-alert--danger {
    color: #7f1d1d;
    background: color-mix(in srgb, #7f1d1d 10%, #fff);
    border-color: color-mix(in srgb, #7f1d1d 35%, transparent);
}

.tsl-index--ter .tsl-password-req__list {
    color: var(--tsl-ink-soft, #444);
}

.tsl-index--ter .tsl-password-req__item .ph-check {
    color: #17643a;
}

.tsl-index--ter .tsl-password-req__item .ph-x {
    color: #b42318;
}

.tsl-index--ter .tsl-password-req__item.good {
    color: #14532d;
}

.tsl-index--ter .tsl-password-req__item.wrong {
    color: #b42318;
}

.tsl-index--ter .tsl-input.tsl-input--invalid {
    border-color: #b42318;
    background: color-mix(in srgb, #b42318 8%, #fff);
}

.tsl-index-settings-card {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    padding: 0.85rem;
}

.tsl-index-choice {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.5rem;
    background: var(--tsl-surface, #fff);
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    box-shadow: var(--tsl-shadow-md, 0 4px 16px rgba(26, 31, 46, 0.08));
}

.tsl-index-choice__icon {
    font-size: 1.45rem;
    line-height: 1;
    color: var(--tsl-accent, #5c8f7b);
    flex-shrink: 0;
}

.tsl-index-choice p {
    margin: 0;
}

.tsl-index-choice--active {
    outline: 2px solid var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.tsl-index-pose-prompt {
    display: grid;
    gap: 1rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.65rem;
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, #fff);
}

.tsl-index-pose-prompt__copy {
    display: grid;
    gap: 0.45rem;
    align-content: start;
}

.tsl-index-pose-prompt__copy h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 650;
}

.tsl-index-pose-prompt__copy p {
    margin: 0;
}

.tsl-index-pose-prompt__frame {
    margin: 0;
    overflow: hidden;
    border-radius: 0.65rem;
    background: #edf3f0;
    max-width: 22rem;
    justify-self: center;
    width: 100%;
    box-shadow: var(--tsl-shadow-md, 0 4px 16px rgba(26, 31, 46, 0.08));
}

.tsl-index-pose-prompt__frame img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 48rem) {
    .tsl-index-pose-prompt {
        grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
        align-items: center;
    }

    .tsl-index-pose-prompt__frame {
        justify-self: end;
    }
}

.tsl-index-dropzone {
    max-width: 30rem;
    width: 100%;
    padding: 1.25rem;
    border: 1px dashed var(--tsl-border-strong, #bbb);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f5f6f7);
    cursor: pointer;
    text-align: center;
}

.tsl-index-dropzone.is-dragover,
.tsl-index-settings-photo-upload.is-dragover,
.tsl-profile__photo-upload.is-dragover,
#popupModal .upload-ui .upload-drop.is-dragover {
    border-color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.tsl-index-settings-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.85rem;
}

.tsl-index-settings-photo-card {
    position: relative;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface, #fff);
}

.tsl-index-settings-photo-card__img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    border: none;
    padding: 0;
    cursor: pointer;
    background: var(--tsl-surface-muted, #f0f2f4) center / cover no-repeat;
}

.tsl-index-settings-photo-card__badges {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tsl-index-settings-photo-card__actions {
    position: absolute;
    left: 0.65rem;
    right: 0.65rem;
    bottom: 0.65rem;
    display: flex;
    gap: 0.4rem;
}

.tsl-index-settings-photo-card__actions form,
.tsl-index-settings-photo-card__actions > .tsl-ter-btn {
    flex: 0 0 auto;
    min-width: 0;
    margin: 0;
    max-width: none;
}

.tsl-index-settings-photo-card__actions .tsl-ter-btn {
    width: auto;
    min-width: 0;
}

.tsl-index-settings-photo-card__actions .tsl-ter-btn--icon {
    width: 2.25rem;
}

.tsl-index-settings-photo-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    aspect-ratio: 1;
    max-width: 12.5rem;
    margin: 0;
    padding: 0;
    appearance: none;
    border: 1px dashed var(--tsl-border-strong, #bbb);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f5f6f7);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    color: var(--tsl-ink-soft, #444);
}

.tsl-index-settings-photo-upload__icon {
    font-size: 2rem;
    line-height: 1;
}

.tsl-index-empty {
    padding: 1.5rem;
    text-align: center;
    color: var(--tsl-ink-muted, #666);
    grid-column: 1 / -1;
}

.tsl-index-benefit-grid {
    margin-top: 0.25rem;
}

.tsl-index-subscription-remaining {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.55rem 0.65rem;
    margin: 0;
    padding: 0.6rem 0.8rem;
}

.tsl-index-subscription-remaining__icon {
    font-size: 1.25rem;
    line-height: 1;
    color: #8a7014;
}

.tsl-index-subscription-remaining__body {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.tsl-index-subscription-remaining__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--tsl-ink, #111);
}

.tsl-index-subscription-remaining__copy {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.35;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-index-benefit-tile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    text-align: left;
    padding: 1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    box-shadow: var(--tsl-shadow-md, 0 4px 16px rgba(26, 31, 46, 0.08));
    width: 100%;
    min-width: 0;
    height: 100%;
}

.tsl-index-benefit-tile__icon {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
}

.tsl-index-benefit-tile__title {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    color: var(--tsl-ink, #111);
}

.tsl-index-benefit-tile .tsl-index-text-sm {
    margin: 0;
    line-height: 1.45;
}

.tsl-index-subscription-promo {
    gap: 0.65rem;
    overflow: visible;
    position: relative;
    isolation: isolate;
}

.tsl-index-plan-grid__heading {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--tsl-ink, #111);
}

.tsl-index-plan-stage {
    display: grid;
    grid-template-rows: 0fr;
    margin-top: 0.15rem;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-0.7rem);


    transition:
        opacity 0.2s ease,
        transform 0.3s cubic-bezier(0.4, 0, 0.7, 0.2);
}

.tsl-index-plan-stage[hidden] {
    display: none !important;
}

.tsl-index-plan-stage.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
    overflow: visible;
    z-index: 3;
    transition:
        opacity 0.85s ease,
        transform 1.05s cubic-bezier(0.16, 0.84, 0.32, 1);
}

.tsl-index-plan-stage__clip {
    min-height: 0;
    overflow: hidden;
}

.tsl-index-plan-stage.is-open .tsl-index-plan-stage__clip {
    overflow: visible;
}

.tsl-index-plan-grid {
    overflow: visible;
}

.tsl-index-plan-grid[hidden] {
    display: none !important;
}

.tsl-index-plan-tile {
    position: relative;
    z-index: auto;
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
        "title"
        "pricing"
        "desc"
        "foot";
    align-items: start;
    gap: 0.4rem;
    text-align: left;
    padding: 1.35rem 1rem 0.85rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    height: 100%;
    overflow: visible;
    cursor: pointer;
    width: 100%;
    color: inherit;
    font: inherit;
}

@supports (grid-template-rows: subgrid) {
    .tsl-index-plan-grid {
        grid-template-rows: auto auto auto auto;
        align-items: stretch;
    }

    .tsl-index-plan-tile {
        grid-template-rows: subgrid;
        grid-template-areas: none;
        grid-row: span 4;
        height: auto;
    }
}

.tsl-index-plan-tile:hover,
.tsl-index-plan-tile:focus-visible {
    border-color: var(--tsl-accent, #1d4f91);
}

.tsl-index-plan-tile.is-selected {
    border-color: var(--tsl-accent, #1d4f91);
    box-shadow: 0 0 0 1px var(--tsl-accent, #1d4f91);
}

.tsl-index-plan-stickers {
    position: absolute;
    top: -0.7rem;
    right: -1.15rem;
    z-index: 8;
    width: 0;
    height: 0;
    pointer-events: none;
    grid-area: title;
    grid-row: 1;
    grid-column: 1;
}

.tsl-index-plan-sticker {
    position: absolute;
    top: 0;
    right: -0.35rem;
    z-index: 1;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
    padding: 0.4rem 0.75rem;
    color: #fff;
    background: var(--tsl-accent, #1d4f91);
    border-radius: 0.2rem;
    box-shadow: 0 4px 10px color-mix(in srgb, #000 22%, transparent);
    white-space: nowrap;
    opacity: 0;
    transform: rotate(14deg) scale(0.35);
}

.tsl-index-plan-sticker--total {
    z-index: 9;
    top: 0.42rem;
    right: -1.45rem;
    font-size: 1.28rem;
    padding: 0.48rem 0.85rem;
    background: #2f9e5b;
    transform-origin: 70% 80%;
    transform: rotate(-28deg) scale(1.85) translate(2.4rem, -3.6rem);
}

.tsl-index-plan-sticker--method {
    position: absolute;
    top: -0.65rem;
    right: -0.7rem;
    z-index: 4;
    font-size: 0.72rem;
    padding: 0.22rem 0.5rem;
    opacity: 1;
    transform: rotate(12deg) scale(1);
    pointer-events: none;
}

.tsl-index-plan-sticker--method-best {
    background: #2f9e5b;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-sticker:not(.tsl-index-plan-sticker--total) {
    animation: tsl-plan-sticker-pop 1.12s cubic-bezier(0.16, 0.7, 0.28, 1) forwards;
}

.tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-sticker:not(.tsl-index-plan-sticker--total) {
    animation:
        tsl-plan-sticker-pop 1.05s cubic-bezier(0.16, 0.7, 0.28, 1) forwards,
        tsl-plan-sticker-crush 0.55s 0.88s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-sticker--total {
    z-index: 9;
    animation: tsl-plan-sticker-slam 1.15s cubic-bezier(0.18, 0.55, 0.22, 1.08) both;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-tile:nth-child(1) {
    z-index: 6;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-tile:nth-child(2) {
    z-index: 5;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-tile:nth-child(3) {
    z-index: 4;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-tile:nth-child(2) .tsl-index-plan-sticker {
    animation-delay: 0.16s;
}

.tsl-index-plan-grid.is-ready .tsl-index-plan-tile:nth-child(3) .tsl-index-plan-sticker {
    animation-delay: 0.32s;
}

.tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-tile:nth-child(1) .tsl-index-plan-sticker--total {
    animation-delay: 0.48s;
}

.tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-tile:nth-child(2) .tsl-index-plan-sticker--total {
    animation-delay: 0.68s;
}

.tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-tile:nth-child(3) .tsl-index-plan-sticker--total {
    animation-delay: 0.88s;
}

@keyframes tsl-plan-sticker-pop {
    0% {
        opacity: 0;
        transform: rotate(14deg) scale(0.35);
    }

    55% {
        opacity: 1;
        transform: rotate(15deg) scale(1.06);
    }

    100% {
        opacity: 1;
        transform: rotate(14deg) scale(1);
    }
}

@keyframes tsl-plan-sticker-slam {
    0% {
        z-index: 9;
        opacity: 0;
        transform: rotate(-32deg) scale(1.9) translate(2.8rem, -4.2rem);
        box-shadow: 0 18px 28px color-mix(in srgb, #000 8%, transparent);
    }

    48% {
        z-index: 9;
        opacity: 1;
        transform: rotate(-8deg) scale(1.28) translate(0.7rem, -1.1rem);
        box-shadow: 0 14px 20px color-mix(in srgb, #000 12%, transparent);
    }

    78% {
        z-index: 9;
        opacity: 1;
        transform: rotate(16deg) scale(1.18);
        box-shadow: 0 2px 0 color-mix(in srgb, #000 35%, transparent);
    }

    90% {
        z-index: 9;
        transform: rotate(8deg) scale(0.9);
        box-shadow: 0 10px 0 color-mix(in srgb, #2f9e5b 35%, transparent);
    }

    100% {
        z-index: 9;
        opacity: 1;
        transform: rotate(11deg) scale(1);
        box-shadow: 0 5px 12px color-mix(in srgb, #000 28%, transparent);
    }
}

@keyframes tsl-plan-sticker-crush {
    0% {
        opacity: 1;
        transform: rotate(14deg) scale(1);
    }

    40% {
        transform: rotate(20deg) scale(0.86) translate(0.15rem, 0.2rem);
    }

    100% {
        opacity: 1;
        transform: rotate(16deg) scale(0.92) translate(-0.55rem, -0.2rem);
    }
}

@keyframes tsl-plan-sticker-in-mobile {
    from {
        opacity: 0;
        transform: rotate(8deg) scale(0.82);
    }

    to {
        opacity: 1;
        transform: rotate(8deg) scale(1);
    }
}

@keyframes tsl-plan-sticker-in-mobile-alt {
    from {
        opacity: 0;
        transform: rotate(-7deg) scale(0.82);
    }

    to {
        opacity: 1;
        transform: rotate(-7deg) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-index-plan-grid.is-ready .tsl-index-plan-sticker:not(.tsl-index-plan-sticker--total) {
        animation: none;
        opacity: 1;
        transform: rotate(14deg) scale(1);
    }

    .tsl-index-plan-grid.is-ready.is-card .tsl-index-plan-sticker--total {
        animation: none;
        opacity: 1;
        transform: rotate(11deg) scale(1);
        z-index: 9;
    }
}

.tsl-index-plan-tile__title {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
    min-height: 1.3em;
    padding-right: 1.25rem;
    color: var(--tsl-ink, #111);
    grid-area: title;
    grid-row: 1;
}

.tsl-index-plan-tile__pricing {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.15rem;
    min-height: 3.35rem;
    grid-area: pricing;
    grid-row: 2;
}

.tsl-index-plan-tile__price {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--tsl-ink, #111);
}

.tsl-index-plan-tile__discount {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: #2f9e5b;
    line-height: 1.2;
    min-height: 1.15em;
}

.tsl-index-plan-tile__desc {
    margin: 0;
    line-height: 1.4;
    min-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-area: desc;
    grid-row: 3;
}

.tsl-index-plan-tile__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    gap: 0.35rem;
    min-height: 1.7rem;
    padding-top: 0.15rem;
    grid-area: foot;
    grid-row: 4;
}

.tsl-index-plan-tile__foot .tsl-index-badge--accent {
    background: var(--tsl-accent, #005da8);
    color: #fff;
}

.tsl-index-plan-tile__foot .tsl-index-badge--muted {
    background: var(--tsl-surface-muted, #eef0f2);
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-index-plan-tile__discount.is-empty {
    visibility: hidden;
}

.tsl-index-plan-checkout-block {
    display: grid;
    justify-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    margin-top: 0.15rem;
    opacity: 0;
    transform: translateY(-0.85rem);
}

.tsl-index-plan-checkout-form {
    display: grid;
    justify-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    text-align: center;
}

.tsl-index-plan-checkout-block.is-prep {
    opacity: 0 !important;
    transform: translateY(-0.85rem);
    animation: none !important;
}

.tsl-index-plan-checkout-block[hidden] {
    display: none !important;
    opacity: 0 !important;
}

.tsl-index-plan-checkout-block.is-in {
    animation: tsl-plan-checkout-in 1s cubic-bezier(0.16, 0.84, 0.32, 1) both;
}

.tsl-index-plan-checkout-block.is-in.is-fast {
    animation: tsl-plan-checkout-in 1s cubic-bezier(0.16, 0.84, 0.32, 1) both;
}

.tsl-index-plan-checkout-block.is-out {
    animation: tsl-plan-checkout-out 0.18s ease both;
}

.tsl-index-plan-assurance {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.3;
    color: var(--tsl-ink, #111);
}

.tsl-index-plan-assurance__icon {
    flex: 0 0 auto;
    font-size: 1.15rem;
    color: #2f9e5b;
}

.tsl-index-plan-checkout {
    display: inline-flex;
    width: auto;
    min-width: 0;
    margin-inline: auto;
    justify-self: center;
    padding-inline: 1.35rem;
    transform-origin: 50% 50%;
}

.tsl-index-plan-checkout.is-breath {
    animation: tsl-plan-checkout-breath 1.6s ease-in-out 1;
}

@keyframes tsl-plan-checkout-in {
    from {
        opacity: 0;
        transform: translateY(-0.85rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tsl-plan-checkout-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-0.7rem);
    }
}

@keyframes tsl-plan-checkout-breath {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.045);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-index-plan-stage {
        transition: none;
        transform: none;
    }

    .tsl-index-plan-checkout-block.is-in,
    .tsl-index-plan-checkout-block.is-out {
        animation: none;
    }

    .tsl-index-plan-checkout-block.is-prep {
        opacity: 0;
        transform: none;
    }

    .tsl-index-plan-checkout-block.is-in {
        opacity: 1;
        transform: none;
    }

    .tsl-index-plan-checkout-block.is-out {
        opacity: 0;
    }

    .tsl-index-plan-checkout.is-breath {
        animation: none;
    }
}

.tsl-index-plan-tile__cta {
    margin-top: auto;
}

.tsl-index-plan-tile__cta:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.tsl-index-plan-method-grid {
    margin-top: 0;
    gap: 0.5rem;
    overflow: visible;
}

.tsl-index-plan-method {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
    text-align: left;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f7f8f8);
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    width: 100%;
    touch-action: manipulation;
    pointer-events: auto;
    -webkit-tap-highlight-color: color-mix(in srgb, var(--tsl-accent, #1d4f91) 16%, transparent);
}

.tsl-index-plan-method__icon {
    font-size: 1.45rem;
    line-height: 1;
    color: var(--tsl-accent, #1d4f91);
    flex-shrink: 0;
}

.tsl-index-plan-method__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    min-width: 0;
}

.tsl-index-plan-method:hover,
.tsl-index-plan-method:focus-visible {
    border-color: var(--tsl-accent, #1d4f91);
}

.tsl-index-plan-method.is-selected {
    border-color: var(--tsl-accent, #1d4f91);
    box-shadow: 0 0 0 1px var(--tsl-accent, #1d4f91);
}

.tsl-index-plan-method:has(.tsl-index-plan-sticker--method) {
    z-index: 2;
}

.tsl-index-plan-method__title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--tsl-ink, #111);
}

.tsl-index-history-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tsl-index-history-row {
    display: flex;
    gap: 0.85rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--tsl-border, #ddd);
    font-size: 0.85rem;
}

.tsl-index-history-row__when {
    flex: 1;
    min-width: 0;
}

.tsl-index-history-row__desc {
    flex: 2;
    min-width: 0;
}

.tsl-index-settings-notify__section {
    display: grid;
    gap: 0.55rem;
}

.tsl-index-settings-notify__section + .tsl-index-settings-notify__section {
    padding-top: 0.9rem;
    border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
}

.tsl-index-settings-notify__section .tsl-index-panel__subtitle,
.tsl-index-settings-notify__section .tsl-index-hint {
    margin: 0;
}

.tsl-index-settings-notify__section .tsl-check--panel {
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
}

.tsl-index-settings-notify__choice {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.tsl-index-settings-notify__choice strong {
    font-size: 0.88rem;
    font-weight: 600;
}

.tsl-index-settings-notify__choice span {
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-index-notifications-all {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.1rem;
    margin-bottom: 0.65rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-index-notifications-all__label {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-index-notifications-table__head-check {
    justify-content: flex-end;
    gap: 0.4rem;
    font-weight: 600;
    white-space: nowrap;
}

.tsl-index-notifications-table .tsl-check {
    justify-content: center;
}

.tsl-index-notifications-table__label {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.tsl-index-notifications-table__label strong {
    font-weight: 600;
}

.tsl-index-notifications-table__desc {
    font-size: 0.85rem;
    color: var(--tsl-ink-muted, #6b7289);
    line-height: 1.35;
}

@media (max-width: 600px) {
    .tsl-index-notifications-all {
        display: flex;
    }

    .tsl-index-notifications-table,
    .tsl-index-notifications-table tbody {
        display: block;
        width: 100%;
    }

    .tsl-index-notifications-table thead {
        display: none;
    }

    .tsl-index-notifications-table tbody {
        display: grid;
        gap: 0.75rem;
    }

    .tsl-index-notifications-table tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: hidden;
        border: 1px solid var(--tsl-border, #ddd);
        border-radius: 0.4rem;
        background: var(--tsl-surface, #fff);
    }

    .tsl-index-notifications-table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        width: 100%;
        padding: 0.6rem 0.7rem;
        border-bottom: none;
        text-align: left;
    }

    .tsl-index-notifications-table tbody td:first-child {
        grid-column: 1 / -1;
        border-bottom: 1px solid var(--tsl-border, #ddd);
    }

    .tsl-index-notifications-table tbody td:not(:first-child)::before {
        content: attr(data-label);
        font-weight: 600;
        white-space: nowrap;
    }

    .tsl-index-notifications-table .tsl-check {
        flex: 0 0 auto;
    }
}

.tsl-verify-approved {
    border-left: 3px solid var(--tsl-accent, #5c8f7b);
}

.tsl-verify-pending {
    border-left: 3px solid #c9a227;
}

.tsl-verify-unapproved {
    border-left: 3px solid var(--tsl-danger);
}

.tsl-verify-neutral {
    border-left: 3px solid var(--tsl-border-strong, #bbb);
}

.tsl-ter-btn--secondary {
    background: var(--tsl-surface-muted, #f0f2f4);
    border-color: var(--tsl-border-strong, #bbb);
    color: var(--tsl-ink, #111);
}

.tsl-ter-btn--secondary:hover {
    border-color: var(--tsl-accent, #5c8f7b);
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 45%, #fff);
}

.tsl-ter-btn.tsl-ter-btn--danger {
    border-color: var(--tsl-danger);
}

.tsl-ter-btn.tsl-ter-btn--danger:hover {
    background: var(--tsl-danger-hover);
    border-color: var(--tsl-danger-hover);
    color: var(--tsl-danger-on);
}

.tsl-ter-btn.tsl-ter-btn--warning {
    border-color: var(--tsl-warning, #c9a227);
}

.tsl-ter-btn.tsl-ter-btn--warning:hover {
    background: var(--tsl-warning-hover, #b08e1f);
    border-color: var(--tsl-warning-hover, #b08e1f);
    color: var(--tsl-warning-on, #ffffff);
}

.tsl-ter-btn--lg {
    padding: 0.85rem 1.5rem;
    font-size: 0.95rem;
}

.tsl-index-feed {
    display: grid;
    gap: 1rem;
}

.tsl-index-feed__body {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tsl-index-feed__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.tsl-index-feed__layout {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tsl-index-feed__filters {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-index-feed__filters:not(.tsl-index-panel):not(.tsl-ter-side-card) {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.85rem;
}

.tsl-index-feed__filters-title {
    margin: 0 0 0.65rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--tsl-ink, #111);
}

.tsl-index-feed__filter-grid {
    display: grid;
    gap: 0.55rem;
}

.tsl-index-feed__main {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tsl-index-feed__search {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.tsl-index-feed__search .tsl-input {
    flex: 1;
    min-width: 12rem;
}

.tsl-popup-content-policy__body {
    max-height: min(60vh, 28rem);
    overflow-y: auto;
    font-size: 0.9rem;
    line-height: 1.55;
}

.tsl-popup-content-policy__body p,
.tsl-popup-content-policy__body ol {
    margin: 0 0 0.65rem;
}

.tsl-popup-content-policy__body ol {
    padding-left: 1.25rem;
}

.tsl-index-feed__sheet-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(20, 24, 32, 0.45);
}

.tsl-index-feed--filters-open .tsl-index-feed__sheet-backdrop {
    display: block;
}

.tsl-index-feed__filters-sheet-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.tsl-index-feed__posts {
    display: grid;
    gap: 0.85rem;
}

.tsl-index-feed__post {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.9rem 1rem;
}

.tsl-index-workspace {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.tsl-index-workspace__rail,
.tsl-index-workspace__main {
    display: grid;
    gap: 0.85rem;
}

.tsl-index-workspace__rail {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.85rem;
}

.tsl-index-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    overflow: hidden;
}

.tsl-index-table th,
.tsl-index-table td {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--tsl-border, #ddd);
    text-align: left;
    font-size: 0.86rem;
    color: var(--tsl-ink, #111);
}

.tsl-index-table thead th {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
    font-weight: 700;
}

.tsl-index-table tbody tr:last-child td {
    border-bottom: none;
}

@media (max-width: 600px) {
    .tsl-subscription-table,
    .tsl-subscription-table tbody,
    .tsl-subscription-table tr,
    .tsl-subscription-table td {
        display: block;
        width: 100%;
    }

    .tsl-subscription-table thead {
        display: none;
    }

    .tsl-subscription-table tbody {
        display: grid;
        gap: 0.75rem;
    }

    .tsl-subscription-table tbody tr {
        overflow: hidden;
        border: 1px solid var(--tsl-border, #ddd);
        border-radius: 0.4rem;
        background: var(--tsl-surface, #fff);
    }

    .tsl-subscription-table tbody tr:last-child td {
        border-bottom: 1px solid var(--tsl-border, #ddd);
    }

    .tsl-subscription-table tbody tr td:last-child {
        border-bottom: none;
    }

    .tsl-subscription-table td {
        display: grid;
        grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
        gap: 0.65rem;
        align-items: start;
        padding: 0.6rem 0.7rem;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .tsl-subscription-table td::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--tsl-ink-soft, #444);
    }

    .tsl-subscription-table td[data-label="Actions"] .tsl-index-cluster {
        align-items: stretch;
        justify-content: flex-start;
    }

    .tsl-subscription-table td[data-label="Actions"] form,
    .tsl-subscription-table td[data-label="Actions"] .tsl-ter-btn {
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-between {
        display: grid;
        align-items: stretch;
        gap: 0.75rem;
    }

    .tsl-index-subscription-manage .tsl-index-between > .tsl-index-cluster:last-child {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-between form,
    .tsl-index-subscription-manage .tsl-index-between .tsl-ter-btn {
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-table-wrap {
        overflow-x: visible;
    }

    .tsl-index-subscription-manage .tsl-index-history-row {
        flex-direction: column;
        gap: 0.2rem;
    }

    .tsl-index-subscription-manage .tsl-index-history-row__when,
    .tsl-index-subscription-manage .tsl-index-history-row__desc {
        flex: none;
        width: 100%;
    }
}

.tsl-index-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 900px) {
    .tsl-index-settings__layout,
    .tsl-index-feed__layout,
    .tsl-index-workspace {
        grid-template-columns: 1fr;
    }

    .tsl-index-feed__filters {
        display: none;
        position: fixed;
        z-index: 201;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        max-height: 85vh;
        overflow-y: auto;
        border-radius: 0.85rem 0.85rem 0 0;
        box-shadow: 0 -4px 24px rgba(20, 24, 32, 0.2);
    }

    .tsl-index-feed--filters-open .tsl-index-feed__filters,
    .tsl-index-feed__filters.is-filters-open,
    body.tsl-community-filters-open .tsl-index-feed__filters {
        display: block;
    }

    .tsl-ter-body--community-feed .tsl-ter-aside--left:has(.tsl-index-feed__filters),
    .tsl-ter-body--blog .tsl-ter-aside--left:has(.tsl-index-feed__filters) {
        display: contents;
    }


    .tsl-ter-body--mobile-asides.tsl-ter-body--community-feed .tsl-ter-aside--left:has(.tsl-index-feed__filters),
    .tsl-ter-body--mobile-asides.tsl-ter-body--blog .tsl-ter-aside--left:has(.tsl-index-feed__filters) {
        display: block;
    }

    .tsl-ter-body--mobile-asides .tsl-index-feed__filters,
    .tsl-ter-body--mobile-asides .tsl-index-feed--filters-open .tsl-index-feed__filters,
    .tsl-ter-body--mobile-asides .tsl-index-feed__filters.is-filters-open,
    body.tsl-community-filters-open .tsl-ter-body--mobile-asides .tsl-index-feed__filters {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
        position: static;
        inset: auto;
        z-index: auto;
        max-height: none;
        overflow: visible;
        border-radius: inherit;
        box-shadow: none;
    }

    .tsl-ter-body--mobile-asides .tsl-index-feed__filters-sheet-header {
        display: none;
    }

    .tsl-index-feed__filters-sheet-header {
        display: flex;
    }

    .tsl-index-feed--filters-open {
        overflow: hidden;
    }

    .tsl-index-grid-2,
    .tsl-index-grid-3,
    .tsl-index-grid-4 {
        grid-template-columns: 1fr;
    }

    .tsl-index-plan-grid {
        grid-template-rows: none;
        gap: 0.85rem;
    }

    .tsl-index-plan-tile {
        grid-row: auto;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
            "title"
            "pricing"
            "desc"
            "foot";
        height: 100%;
        padding: 1.1rem 0.9rem 0.9rem;
        overflow: visible;
    }

    .tsl-index-plan-method-grid {
        position: relative;
        z-index: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .tsl-index-plan-method {
        z-index: 1;
        align-items: flex-start;
        padding: 0.7rem 0.65rem 0.65rem;
        min-width: 0;
        min-height: 3.25rem;
    }

    .tsl-index-plan-method:has(.tsl-index-plan-sticker--method) {
        z-index: 2;
    }

    .tsl-index-plan-stage.is-open {
        grid-template-rows: auto;
        overflow: visible;
        opacity: 1;
        transform: none;
        z-index: 3;
    }

    .tsl-index-plan-method__title {
        overflow-wrap: anywhere;
    }

    .tsl-index-plan-sticker--method {
        top: 0.28rem;
        right: 0.28rem;
        font-size: 0.62rem;
        padding: 0.14rem 0.38rem;
        transform: rotate(8deg) scale(1);
    }

    .tsl-index-plan-stickers {
        top: -0.4rem;
        right: 0.45rem;
    }

    .tsl-index-plan-sticker {
        top: 0;
        right: 0;
        font-size: 0.88rem;
        padding: 0.32rem 0.55rem;
    }

    .tsl-index-plan-sticker--total {
        z-index: 9;
        top: 0.4rem;
        right: -0.75rem;
        font-size: 1.05rem;
        padding: 0.38rem 0.65rem;
    }

    .tsl-index-plan-tile__title {
        padding-right: 5.5rem;
        min-height: 0;
    }

    .tsl-index-plan-checkout-block:not([hidden]) {
        position: sticky;
        bottom: calc(4.85rem + env(safe-area-inset-bottom, 0px));
        z-index: 8;
        padding: 0.55rem 0 0.4rem;
        background: linear-gradient(180deg, transparent 0%, var(--tsl-surface, #fff) 22%);
    }

    .tsl-index-plan-tile__desc {
        white-space: normal;
        min-height: 0;
    }

    .tsl-index-plan-tile__pricing {
        min-height: 0;
    }

    .tsl-index-plan-tile.is-selected,
    .tsl-index-plan-method.is-selected {
        box-shadow: none;
        outline: 2px solid var(--tsl-accent, #1d4f91);
        outline-offset: -2px;
    }

    .tsl-index-subscription-panel {
        overflow: visible;
        padding-inline: 0.85rem;
        padding-bottom: 1.15rem;
    }

    .tsl-index-plan-assurance {
        text-align: center;
        flex-wrap: wrap;
    }

    .tsl-index-subscription-manage .tsl-index-between {
        display: grid;
        align-items: stretch;
        gap: 0.75rem;
    }

    .tsl-index-subscription-manage .tsl-index-between > .tsl-index-cluster:last-child {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-between form,
    .tsl-index-subscription-manage .tsl-index-between .tsl-ter-btn {
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-table-wrap {
        overflow-x: visible;
    }

    .tsl-index-subscription-manage .tsl-subscription-table,
    .tsl-index-subscription-manage .tsl-subscription-table tbody,
    .tsl-index-subscription-manage .tsl-subscription-table tr,
    .tsl-index-subscription-manage .tsl-subscription-table td {
        display: block;
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-subscription-table thead {
        display: none;
    }

    .tsl-index-subscription-manage .tsl-subscription-table tbody {
        display: grid;
        gap: 0.75rem;
    }

    .tsl-index-subscription-manage .tsl-subscription-table tbody tr {
        overflow: hidden;
        border: 1px solid var(--tsl-border, #ddd);
        border-radius: 0.4rem;
        background: var(--tsl-surface, #fff);
    }

    .tsl-index-subscription-manage .tsl-subscription-table td {
        display: grid;
        grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
        gap: 0.65rem;
        align-items: start;
        padding: 0.6rem 0.7rem;
        text-align: left;
        overflow-wrap: anywhere;
    }

    .tsl-index-subscription-manage .tsl-subscription-table td::before {
        content: attr(data-label);
        font-weight: 700;
        color: var(--tsl-ink-soft, #444);
    }

    .tsl-index-subscription-manage .tsl-subscription-table td[data-label="Actions"] .tsl-index-cluster {
        align-items: stretch;
        justify-content: flex-start;
    }

    .tsl-index-subscription-manage .tsl-subscription-table td[data-label="Actions"] form,
    .tsl-index-subscription-manage .tsl-subscription-table td[data-label="Actions"] .tsl-ter-btn {
        width: 100%;
    }

    .tsl-index-subscription-manage .tsl-index-history-row {
        flex-direction: column;
        gap: 0.2rem;
    }

    .tsl-index-settings__nav {
        position: static;
    }

    .tsl-index-hide-mobile {
        display: none;
    }

    .tsl-index-hide-desktop {
        display: inline-flex;
    }
}

.tsl-index-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tsl-index-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.tsl-index-between {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.tsl-index-hint {
    margin: 0;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.88rem;
    line-height: 1.5;
}

.tsl-index-hidden {
    display: none !important;
}

.tsl-index-stats {
    display: grid;
    gap: 0.45rem;
}

.tsl-index-stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    color: var(--tsl-ink, #111);
    text-decoration: none;
}

.tsl-index-stat-row--zero {
    opacity: 0.55;
}

.tsl-index-stat-count {
    font-weight: 700;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-progress {
    height: 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tsl-border, #ddd) 70%, transparent);
    overflow: hidden;
}

.tsl-index-progress__bar {
    height: 100%;
    width: var(--tsl-progress, var(--qx-progress, 0%));
    background: var(--tsl-accent, #5c8f7b);
}

.tsl-form-grid {
    display: grid;
    grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr);
    gap: 0.65rem 0.85rem;
    align-items: center;
}

.tsl-form-grid__span {
    grid-column: 1 / -1;
}

.tsl-form-grid--action {
    justify-content: flex-end;
}

.tsl-index-callout--info,
.tsl-index-callout--success,
.tsl-index-callout--warning,
.tsl-index-callout--danger {
    margin: 0;
}

.tsl-index-callout--info {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 32%, transparent);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.tsl-index-callout--success {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, transparent);
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 12%, #fff);
}

.tsl-index-callout--warning {
    border-color: color-mix(in srgb, #c9a227 40%, transparent);
    background: color-mix(in srgb, #c9a227 12%, #fff);
}

.tsl-index-callout--danger {
    border-color: color-mix(in srgb, var(--tsl-danger, #dc2626) 40%, transparent);
    background: color-mix(in srgb, var(--tsl-danger, #dc2626) 10%, #fff);
    color: var(--tsl-danger-muted-fg, #991b1b);
}

.tsl-index-welcome__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
    gap: 1rem;
    align-items: start;
}

.tsl-index-welcome__main {
    display: grid;
    gap: 1rem;
}

.tsl-index-welcome__tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    gap: 0.85rem;
}

.tsl-welcome-subscription {
    display: grid;
    gap: 0.55rem;
}

.tsl-welcome-subscription__plan {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--tsl-ink, #111);
}

.tsl-welcome-subscription__days {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--tsl-ink, #111);
}

.tsl-welcome-subscription__days--low {
    color: #b42318;
}

.tsl-welcome-role-tasks {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
    min-width: 0;
    overflow: hidden;
}

.tsl-welcome-role-tasks__summary {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--tsl-ink, #111);
    overflow-wrap: anywhere;
}

.tsl-welcome-role-metrics,
.tsl-welcome-operations-metrics {
    margin-bottom: 0.85rem;
    min-width: 0;
}


.tsl-ter-body[data-page="welcome"] {
    width: 100%;
    min-width: 0;
    --tsl-ter-left-col: 13rem;
    --tsl-ter-right-col: 15rem;
}

.tsl-ter-body[data-page="welcome"] .tsl-ter-aside,
.tsl-ter-body[data-page="welcome"] .tsl-ter-content {
    min-width: 0;
}

.tsl-welcome-role-tasks .tsl-ter-side-metrics__row,
.tsl-welcome-role-metrics .tsl-ter-side-metrics__row,
.tsl-welcome-operations-metrics .tsl-ter-side-metrics__row {
    align-items: flex-start;
}

.tsl-welcome-role-tasks .tsl-ter-side-metrics__row dt,
.tsl-welcome-role-metrics .tsl-ter-side-metrics__row dt,
.tsl-welcome-operations-metrics .tsl-ter-side-metrics__row dt {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tsl-welcome-role-tasks .tsl-ter-side-metrics__row dd,
.tsl-welcome-role-metrics .tsl-ter-side-metrics__row dd,
.tsl-welcome-operations-metrics .tsl-ter-side-metrics__row dd {
    flex: 0 0 auto;
}

.tsl-welcome-role-tasks .tsl-welcome-role-tasks__queue-link {
    color: inherit;
    text-decoration: none;
}

.tsl-welcome-role-tasks .tsl-welcome-role-tasks__queue-link:hover,
.tsl-welcome-role-tasks .tsl-welcome-role-tasks__queue-link:focus-visible {
    text-decoration: underline;
}

.tsl-welcome-operations-metrics__links {
    display: grid;
    gap: 0;
    margin-bottom: 0.15rem;
}

.tsl-welcome-operations-metrics__links .tsl-staff-dashboard__stat-row {
    padding-left: 0;
    padding-right: 0;
}

.tsl-welcome-role-tasks .tsl-ter-btn--block {
    white-space: normal;
    text-align: center;
    line-height: 1.35;
}

.tsl-welcome-role-tasks__list {
    display: grid;
    gap: 0.45rem;
    margin: 0.65rem 0 0.85rem;
    min-width: 0;
}

.tsl-welcome-role-tasks__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(in oklab, var(--tsl-border, #d9dddd) 82%, transparent);
    border-radius: var(--tsl-radius-md, 12px);
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink, #111);
    text-decoration: none;
    min-width: 0;
}

a.tsl-welcome-role-tasks__row:hover {
    border-color: color-mix(in oklab, var(--tsl-brand, #8a6a5b) 45%, var(--tsl-border, #d9dddd));
}

.tsl-welcome-role-tasks__label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.92rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tsl-welcome-role-tasks__count,
.tsl-welcome-role-tasks__row .tsl-index-badge {
    flex: 0 0 auto;
}

.tsl-welcome-role-tasks__count {
    font-size: 1rem;
    font-weight: 700;
    color: var(--tsl-brand, #8a6a5b);
}

.tsl-index-panel--welcome-role-tasks {
    margin-bottom: 1rem;
    min-width: 0;
    overflow: hidden;
}

.tsl-index-welcome__tile {
    display: block;
    border: 1px solid color-mix(in oklab, var(--tsl-border, #d9dddd) 82%, transparent);
    border-radius: var(--tsl-radius-md, 12px);
    padding: 0.85rem 0.9rem;
    background: var(--tsl-surface, #f7f8f8);
    color: inherit;
    text-decoration: none;
}

a.tsl-index-welcome__tile {
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

a.tsl-index-welcome__tile:hover,
a.tsl-index-welcome__tile:focus-visible {
    border-color: color-mix(in srgb, var(--tsl-brand, #2563eb) 45%, var(--tsl-border, #d9dddd));
    background: color-mix(in srgb, var(--tsl-brand, #2563eb) 6%, #fff);
}

.tsl-index-welcome__tile h2,
.tsl-index-welcome__tile h3 {
    margin: 0 0 0.45rem;
    font-size: 1.05rem;
    color: var(--tsl-ink, #111);
}

.tsl-index-welcome__tile p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.45;
}

.tsl-index-welcome__activity {
    margin: 0.2rem 0;
}

.tsl-index-welcome__activity a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--tsl-brand, #8a6a5b);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
}

.tsl-index-welcome__activity a:hover {
    text-decoration: underline;
}

.tsl-index-welcome__hint {
    margin: 0;
    color: var(--tsl-muted, #6b6f72);
    font-size: 0.92rem;
    line-height: 1.45;
}

.tsl-index-welcome__stats {
    position: relative;
    border: 1px solid color-mix(in oklab, var(--tsl-border, #d9dddd) 82%, transparent);
    border-radius: var(--tsl-radius-lg, 16px);
    padding: 1rem;
    background: linear-gradient(180deg, color-mix(in oklab, var(--tsl-surface, #f7f8f8) 92%, #fff), var(--tsl-surface, #f7f8f8));
    overflow: hidden;
}

.tsl-index-welcome__stats-bg {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    width: 4.5rem;
    opacity: 0.16;
    pointer-events: none;
}

.tsl-index-welcome__stats-title {
    margin: 0 0 0.75rem;
    position: relative;
    z-index: 1;
    font-size: 1.05rem;
}

.tsl-index-welcome__stats-section {
    margin: 0.65rem 0 0.45rem;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tsl-muted, #6b6f72);
}

.tsl-index-welcome__stats-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.tsl-index-welcome__stats-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.92rem;
}

.tsl-index-welcome__stat-lock {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--tsl-brand, #8a6a5b);
    text-decoration: none;
    font-size: 0.9rem;
}

.tsl-index-welcome__stat-lock-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.tsl-index-welcome__stats-actions {
    margin-top: 0.9rem;
}

.tsl-index-welcome__stats .tsl-index-welcome__stats-actions {
    display: none !important;
}

.tsl-index--ter .tsl-index-page-hero--welcome .tsl-index-page-hero__title {
    font-family: var(--idx-sans, "Inter", "Segoe UI", sans-serif);
    text-transform: none;
    letter-spacing: 0;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.tsl-index--ter .tsl-index-page-hero--welcome .tsl-index-page-hero__lead {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
}

.tsl-ter-hero--welcome {
    margin-top: 0;
    margin-bottom: 4.5rem;
    width: 100%;
    max-width: none;
}

.tsl-ter-hero--welcome .tsl-ter-hero__overlay {
    min-height: clamp(16rem, 38vw, 24rem);
}

.tsl-ter-hero--welcome .tsl-ter-hero__title {
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}


.modal {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    overscroll-behavior: contain;
}

.modal.show {
    display: flex;
}

.modal.fade {
    opacity: 1;
}

.modal-dialog {
    width: min(100%, 36rem);
    margin: 0;
}

.modal-content {
    border-radius: 0.6rem;
    background: var(--tsl-surface, #fff);
    border: 1px solid var(--tsl-border, #ddd);
    box-shadow: 0 18px 50px color-mix(in srgb, #000 22%, transparent);
    overflow: hidden;
}

.modal-header,
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.95rem;
}

.modal-header {
    border-bottom: 1px solid var(--tsl-border, #ddd);
}

.modal-footer {
    border-top: 1px solid var(--tsl-border, #ddd);
}

.modal-title {
    margin: 0;
    font-size: 1rem;
}

.modal-body {
    padding: 0.95rem;
}

.modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1075;
    background: color-mix(in srgb, #000 40%, transparent);
}

.modal-backdrop.fade {
    opacity: 0;
    transition: opacity 0.28s ease;
}

.modal-backdrop.fade.show {
    opacity: 1;
}


#popupModal,
#confirmModal,
#notifyModal {
    overflow: hidden;
}

#popupModal .modal-dialog,
#confirmModal .modal-dialog,
#notifyModal .modal-dialog {
    z-index: 2000;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    min-height: 0;
    display: block;
}


#popupModal.modal.fade .modal-dialog,
#confirmModal.modal.fade .modal-dialog,
#notifyModal.modal.fade .modal-dialog {
    transform: translate3d(0, 1.35rem, 0);
    opacity: 0;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

#popupModal.modal.fade.show .modal-dialog,
#confirmModal.modal.fade.show .modal-dialog,
#notifyModal.modal.fade.show .modal-dialog {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


#popupModal.modal:not(.fade) .modal-dialog,
#confirmModal.modal:not(.fade) .modal-dialog,
#notifyModal.modal:not(.fade) .modal-dialog {
    transform: none;
    opacity: 1;
    transition: none;
}

#popupModal .modal-dialog.modal-dialog-centered::before,
#confirmModal .modal-dialog.modal-dialog-centered::before,
#notifyModal .modal-dialog.modal-dialog-centered::before {
    display: none;
}

#popupModal.popup-shell-simple .modal-dialog,
#popupModal.popup-shell-simple .modal-dialog.modal-dialog-centered,
#confirmModal .modal-dialog,
#confirmModal .modal-dialog.modal-dialog-centered,
#notifyModal .modal-dialog,
#notifyModal .modal-dialog.modal-dialog-centered {
    width: fit-content;
    max-width: min(420px, calc(100vw - 2rem));
    min-width: min(260px, calc(100vw - 2rem));
}

#popupModal.popup-shell-form .modal-dialog,
#popupModal.popup-shell-form .modal-dialog.modal-dialog-centered,
#popupModal.popup-mode-moderation-action .modal-dialog,
#popupModal.popup-mode-moderation-action .modal-dialog.modal-dialog-centered {
    width: calc(100% - 1rem);
    max-width: min(36rem, calc(100vw - 2rem));
}

@media (min-width: 576px) {
    #popupModal.popup-shell-form .modal-dialog.modal-dialog-centered,
    #popupModal.popup-mode-moderation-action .modal-dialog.modal-dialog-centered {
        width: calc(100% - 3.5rem);
    }
}

.tsl-popup-shell {
    position: relative;
    border: 0;
    border-radius: var(--tsl-radius-lg, 16px);
    overflow: hidden;
    background: var(--tsl-surface-muted, #fff);
    box-shadow: var(--tsl-shadow-lg);
}

.tsl-popup-shell::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    background-color: var(--tsl-accent, #5c8f7b);
    z-index: 2;
}

#popupModal.popup-shell-simple .tsl-popup-shell::before,
#confirmModal .tsl-popup-shell::before,
#notifyModal .tsl-popup-shell::before {
    display: none;
}

:is(#popupModal.popup-shell-simple, #confirmModal, #notifyModal) .modal-header {
    position: relative;
    z-index: 1;
    background: var(--tsl-accent, #5c8f7b) !important;
    color: var(--tsl-surface, #fff) !important;
    border: 0;
    padding: 0.9rem 1rem;
    min-height: 3.25rem;
    border-radius: var(--tsl-radius-lg, 16px) var(--tsl-radius-lg, 16px) 0 0;
}

.tsl-danger-bg:is(.modal-header),
#popupModal.popup-shell-simple.popup-variant-danger .modal-header,
#confirmModal.popup-variant-danger .modal-header,
#confirmModal .modal-header,
#notifyModal.popup-variant-danger .modal-header {
    background: var(--tsl-danger) !important;
    color: var(--tsl-danger-on);
}

.tsl-warning-bg:is(.modal-header),
#popupModal.popup-shell-simple.popup-variant-warning .modal-header,
#confirmModal.popup-variant-warning .modal-header,
#notifyModal.popup-variant-warning .modal-header {
    background: var(--tsl-warning, #c9a227) !important;
    color: var(--tsl-warning-on, #ffffff);
}

#popupModal.popup-shell-simple.popup-variant-success .modal-header,
#notifyModal.popup-variant-success .modal-header {
    background: var(--tsl-accent, #5c8f7b) !important;
}

:is(#popupModal.popup-shell-simple, #confirmModal, #notifyModal) .modal-header .modal-title {
    margin: 0;
    flex: 1 1 auto;
    text-align: center;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--tsl-surface, #fff);
    line-height: 1.35;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.tsl-index-modal__close {
    position: absolute;
    top: 50%;
    right: 0.85rem;
    margin: 0;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: var(--tsl-radius-full, 999px);
    background: transparent;
    color: inherit;
    opacity: 0.9;
    cursor: pointer;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.tsl-index-modal__close:hover,
.tsl-index-modal__close:focus-visible {
    opacity: 1;
    background: color-mix(in srgb, currentColor 12%, transparent);
}

:is(#popupModal.popup-shell-form, #popupModal.popup-mode-moderation-action) .modal-header {
    position: relative;
    z-index: 1;
    background: var(--tsl-accent, #5c8f7b) !important;
    color: var(--tsl-surface, #fff) !important;
    border: 0;
    padding: 0.9rem 1rem;
    min-height: 3.25rem;
    border-radius: var(--tsl-radius-lg, 16px) var(--tsl-radius-lg, 16px) 0 0;
}

:is(#popupModal.popup-shell-form, #popupModal.popup-mode-moderation-action) .modal-header .modal-title {
    color: var(--tsl-surface, #fff);
    text-align: center;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

:is(#popupModal.popup-shell-simple, #confirmModal, #notifyModal) .modal-body {
    padding: 0.85rem 1rem 0.15rem;
    background: var(--tsl-surface-muted, #fff);
    font-size: 0.875rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-shell .modal-body,
#popupModal .modal-body,
#confirmModal .modal-body,
#notifyModal .modal-body {
    background: var(--tsl-surface-muted, #fff);
}

.tsl-popup-shell .modal-footer,
#popupModal .modal-footer,
#confirmModal .modal-footer,
#notifyModal .modal-footer {
    border: 0;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.85rem 1rem 1rem;
    justify-content: flex-end;
    gap: 0.5rem;
}

:is(#popupModal.popup-shell-simple, #confirmModal, #notifyModal) .modal-footer {
    padding: 0.75rem 1rem 0.95rem;
}

.tsl-popup-alert {
    display: flex;
    align-items: center;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    justify-content: flex-start;
    text-align: left;
}

#popupModal .modal-title > .ph,
#popupModal .tsl-popup-alert .ph,
#confirmModal .tsl-popup-alert .ph,
#notifyModal .tsl-popup-alert .ph {
    display: none !important;
}

#popupModal.popup-shell-simple .tsl-popup-alert,
#confirmModal .tsl-popup-alert,
#notifyModal .tsl-popup-alert {
    justify-content: center;
    text-align: center;
    width: auto;
}

#popupModal #popupModalMessage,
#confirmModal #confirmModalMessage,
#notifyModal #notifyModalMessage {
    text-align: left;
    line-height: 1.45;
    color: var(--tsl-ink-muted, #6b7289);
    white-space: pre-wrap;
}

#popupModal.popup-shell-simple #popupModalMessage,
#confirmModal #confirmModalMessage,
#notifyModal #notifyModalMessage {
    text-align: center;
    width: auto;
    max-width: 32rem;
}

#popupModal.popup-shell-form #popupModalMessage,
#popupModal.popup-mode-moderation-action #popupModalMessage {
    text-align: center;
    width: auto;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
}

#popupModal #popupModalMessage:has(.upload-ui) {
    white-space: normal;
}

#popupModal.popup-shell-form .tsl-popup-shell,
#popupModal.popup-mode-moderation-action .tsl-popup-shell {
    background: var(--tsl-surface, #f3efe8);
    box-shadow: var(--tsl-shadow-lg);
}

#popupModal.popup-shell-form .tsl-popup-shell::before,
#popupModal.popup-mode-moderation-action .tsl-popup-shell::before {
    height: 4px;
}

#popupModal.popup-shell-form .modal-body,
#popupModal.popup-mode-moderation-action .modal-body {
    padding: 1rem 1.25rem 0.85rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink-muted, #6b7289);
    overflow-y: auto;
}

#popupModal.popup-shell-form .modal-footer,
#popupModal.popup-mode-moderation-action .modal-footer {
    border-top: 0;
    background: var(--tsl-surface-muted, #fff);
    padding: 0.75rem 1rem 0.95rem;
}

#popupModal.popup-shell-form .modal-content {
    max-height: calc(100vh - 1.5rem);
}

#popupModal #popupModalCustom {
    margin-top: 0 !important;
}

.tsl-popup-custom:not(:empty) {
    margin-top: 0.75rem;
}

#popupModal:has(#popupModalCustom:not(:empty)) #popupModalAlert[hidden],
#popupModal.popup-mode-moderation-action #popupModalAlert {
    display: none !important;
}

#popupModal #popupModalCustom fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

#confirmModal #confirmForm {
    width: auto;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}


#popupModal #popupModalAlert:has(.upload-ui) {
    background: transparent;
    border: 0;
    padding: 0;
}

#popupModal .upload-ui {
    max-width: 100%;
}

#popupModal .upload-ui .upload-note {
    margin: 0 auto 0.75rem;
    max-width: 92%;
    text-align: center;
    font-size: 0.9rem;
    color: var(--tsl-ink-muted, #6b7289);
}

#popupModal .upload-ui .upload-drop {
    cursor: pointer;
    user-select: none;
    padding: 2rem 1.25rem;
    min-height: 10rem;
    border: 2px dashed var(--tsl-border-strong, #d4c4a8);
    border-radius: var(--tsl-radius, 10px);
    background: var(--tsl-surface-muted, #fff);
    text-align: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

#popupModal .upload-ui .upload-drop:hover,
#popupModal .upload-ui .upload-drop:focus {
    border-color: var(--tsl-accent, #5c8f7b);
    background: var(--tsl-surface, #f3efe8);
}

#popupModal .upload-ui .upload-icon { display: none; }

#popupModal .upload-ui .upload-title {
    font-weight: 600;
    font-size: 1.15rem;
    margin: 0;
}

#popupModal .upload-ui .upload-sub,
#popupModal .upload-ui .upload-meta {
    font-size: 0.9rem;
    color: var(--tsl-ink-muted, #6b7289);
}

#popupModal.popup-shell-form:has(.upload-ui) .modal-content {
    max-height: calc(100vh - 1.5rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#popupModal.popup-shell-form:has(.upload-ui) .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: visible;
}

#popupModal.popup-shell-form:has(.upload-ui) .modal-footer {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

#popupModal.popup-shell-form:has(.upload-ui--cropping) .modal-body {
    overflow-y: auto;
}

#popupModal.popup-shell-form:has(.upload-ui--cropping) .modal-footer {
    z-index: auto;
    pointer-events: none;
}

#popupModal.popup-shell-form:has(.upload-ui--cropping) .modal-footer .tsl-popup-btn {
    pointer-events: auto;
}

#popupModal .upload-ui.upload-ui--has-file .upload-drop {
    display: none;
}

#popupModal .upload-ui .upload-preview-wrap {
    margin-top: 0.75rem;
    text-align: center;
    position: relative;
    z-index: 0;
    pointer-events: none;
}

#popupModal .upload-ui .upload-preview-wrap:has(.upload-preview[src]:not([src=""])) {
    margin-bottom: -4.75rem;
}

#popupModal .upload-ui .upload-preview {
    max-width: 100%;
    max-height: min(52vh, 420px);
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: top center;
    display: none;
    border-radius: var(--tsl-radius, 10px);
    vertical-align: top;
}

#popupModal .upload-ui .upload-warn {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--tsl-danger);
}

#popupModal .upload-ui .upload-editor-wrap {
    margin-top: 0.75rem;
    position: relative;
    z-index: 3;
}

#popupModal .upload-ui .upload-editor-viewport {
    max-width: 100%;
    max-height: min(38vh, 300px);
    overflow: hidden;
    margin: 0 auto;
    user-select: none;
    touch-action: none;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 10px);
    background: var(--tsl-surface-muted, #fff);
    text-align: center;
    position: relative;
    z-index: 1;
}

#popupModal .upload-ui .upload-editor-stage {
    position: relative;
    display: inline-block;
    line-height: 0;
    max-width: 100%;
}

#popupModal .upload-ui .upload-editor-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    pointer-events: none;
}

#popupModal .upload-ui .upload-crop-box {
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45);
    cursor: move;
    box-sizing: border-box;
    pointer-events: auto;
    touch-action: none;
}

#popupModal .upload-ui .upload-crop-box::after {
    content: "";
    position: absolute;
    inset: 0;
    outline: 1px dashed rgba(255, 255, 255, 0.65);
    outline-offset: -8px;
    pointer-events: none;
}

#popupModal .upload-ui .upload-crop-handle {
    position: absolute;
    width: 18px;
    height: 18px;
    right: -9px;
    bottom: -9px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: nwse-resize;
    pointer-events: auto;
    touch-action: none;
}


#popupModal #popupModalCustom.tsl-popup-form {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-md, 1.25rem);
    margin-top: var(--tsl-space-md, 1.25rem) !important;
}

.tsl-popup-form__section {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-sm, 0.75rem);
    min-width: 0;
}

.tsl-popup-form__section[hidden] {
    display: none;
}

.tsl-popup-form .tsl-choice-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.tsl-popup-form .tsl-check {
    display: flex;
    align-items: flex-start;
}

.tsl-popup-form__block-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tsl-space-sm, 0.75rem);
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 16px);
}

.tsl-popup-form__block-user {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.tsl-popup-form__block-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}


:is(#popupModal, #confirmModal, #notifyModal) .tsl-label {
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    color: var(--tsl-ink, #1a1f2e);
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-hint {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.4;
    color: var(--tsl-ink-muted, #6b7289);
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-hint a {
    color: var(--tsl-accent, #5c8f7b);
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-input,
:is(#popupModal, #confirmModal, #notifyModal) select.tsl-input,
:is(#popupModal, #confirmModal, #notifyModal) textarea.tsl-input {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0.5rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #1a1f2e);
    font: inherit;
    box-sizing: border-box;
}

:is(#popupModal, #confirmModal, #notifyModal) select.tsl-input {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.4rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5L8 10.5L12 6.5' stroke='%231a1f2e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}

:is(#popupModal, #confirmModal, #notifyModal) select.tsl-input::-ms-expand {
    display: none;
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-input::placeholder,
:is(#popupModal, #confirmModal, #notifyModal) textarea.tsl-input::placeholder {
    color: var(--tsl-ink-muted, #6b7289);
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    opacity: 1;
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-input:focus,
:is(#popupModal, #confirmModal, #notifyModal) select.tsl-input:focus,
:is(#popupModal, #confirmModal, #notifyModal) textarea.tsl-input:focus {
    outline: none;
    border-color: var(--tsl-accent, #5c8f7b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, transparent);
}

:is(#popupModal, #confirmModal, #notifyModal) textarea.tsl-input {
    resize: vertical;
    min-height: 5.5rem;
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-popup-form .tsl-check {
    gap: 0.55rem;
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.88rem;
    line-height: 1.4;
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-popup-form .tsl-check__input {
    margin-top: 0.2rem;
    flex-shrink: 0;
    accent-color: var(--tsl-accent, #5c8f7b);
}

.tsl-popup-narrow { max-width: 520px; width: 100%; }


.tsl-2fa-setup {
    display: grid;
    gap: 0.9rem;
    justify-items: center;
    text-align: center;
    max-width: 22rem;
    margin-inline: auto;
    width: 100%;
}

.tsl-2fa-setup__lead {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-2fa-setup__qr {
    display: grid;
    place-items: center;
}

.tsl-2fa-qr {
    width: min(100%, 11.5rem);
    height: auto;
    aspect-ratio: 1;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.35rem;
    background: #fff;
    padding: 0.35rem;
}

.tsl-2fa-manual {
    display: grid;
    gap: 0.35rem;
    width: 100%;
}

.tsl-2fa-manual__label {
    margin: 0;
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-2fa-manual__key {
    display: block;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.35rem;
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink, #041526);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.45;
    word-break: break-word;
}

.tsl-2fa-code-field {
    width: 100%;
    text-align: left;
}

.tsl-2fa-code-input {
    text-align: center;
    letter-spacing: 0.28em;
    font-size: 1.05rem;
    font-weight: 600;
}

.tsl-2fa-setup .tsl-check--panel {
    width: 100%;
    text-align: left;
}

.tsl-2fa-setup .tsl-popup-error {
    width: 100%;
    margin: 0;
}
.tsl-popup-wide { max-width: 620px; width: 100%; }
.tsl-popup-lead {
    font-size: 0.95rem;
    line-height: 1.45;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
    margin: 0 0 1rem;
    text-align: center;
}
.tsl-popup-center-flex { display: flex; justify-content: center; }
.tsl-popup-muted { color: var(--tsl-ink-muted, #6b7289); font-size: 0.82rem; }
.tsl-popup-stack { display: grid; gap: 0.75rem; }
.tsl-popup-stack--center { justify-items: center; }
.tsl-popup-error {
    color: var(--tsl-danger);
    font-size: 0.82rem;
    text-align: center;
    margin: 0;
}

.tsl-popup-footer--center {
    justify-content: center !important;
    gap: 0.75rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1.25rem !important;
}


.tsl-account-danger {
    display: grid;
    gap: 0.85rem;
    text-align: left;
    color: var(--tsl-ink, #041526);
}

.tsl-account-danger__callout {
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.35rem;
    background: var(--tsl-surface, #f7f8f8);
}

.tsl-account-danger__callout--warn {
    border-color: color-mix(in srgb, #c47b1a 45%, var(--tsl-border, #ddd));
    background: color-mix(in srgb, #fff3cd 70%, #fff);
}

.tsl-account-danger__eyebrow {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink, #041526);
}

.tsl-account-danger__text {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-account-danger__panel {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-account-danger__title {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--tsl-ink, #041526);
}

.tsl-account-danger__list {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.35rem;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-account-danger__copy {
    display: grid;
    gap: 0.65rem;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-account-danger__copy p {
    margin: 0;
}

.tsl-account-danger__bullets {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.3rem;
    font-size: 0.86rem;
    line-height: 1.4;
    color: var(--tsl-ink-soft, #0d1b2a);
}

.tsl-account-danger__options {
    display: grid;
    gap: 0.2rem;
    max-height: min(42vh, 18rem);
    overflow-y: auto;
    padding-right: 0.15rem;
}

.tsl-account-danger-option {
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.4rem;
    border: none;
    border-radius: 0.25rem;
    background: transparent;
    cursor: pointer;
    font-size: 0.84rem;
    line-height: 1.35;
}

.tsl-account-danger-option:hover {
    background: var(--tsl-surface, #f7f8f8);
}

.tsl-account-danger-option:has(input:checked) {
    border-color: transparent;
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(0, 93, 168, 0.14)) 55%, #fff);
}

.tsl-account-danger-option .tsl-check__input {
    width: 0.95rem;
    height: 0.95rem;
    margin: 0;
    accent-color: var(--tsl-accent, #005da8);
}

.tsl-account-danger .tsl-input {
    width: 100%;
}

.tsl-account-danger-footer {
    justify-content: flex-end !important;
}

.tsl-account-danger-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
}

.tsl-account-danger-actions .tsl-popup-btn[hidden],
#popupModal .modal-footer #popupCancelBtn[hidden],
#popupModal .modal-footer #popupOkBtn[hidden] {
    display: none !important;
}


#popupModal.popup-mode-moderation-action .modal-dialog {
    max-width: min(36rem, calc(100vw - 2rem));
}

#popupModal.popup-mode-moderation-action .tsl-popup-shell {
    height: auto;
    max-height: min(78vh, 820px);
    display: flex;
    flex-direction: column;
}

#popupModal.popup-mode-moderation-action .modal-header {
    flex: 0 0 auto;
}

#popupModal.popup-mode-moderation-action .modal-body {
    flex: 1 1 auto;
    min-height: 0;
}

#popupModal.popup-mode-moderation-action .modal-footer {
    flex: 0 0 auto;
}

@media (max-width: 767.98px) {
    #popupModal.popup-mode-moderation-action .modal-dialog {
        max-width: calc(100vw - 1rem);
        margin-left: auto;
        margin-right: auto;
    }

    #popupModal.popup-mode-moderation-action .tsl-popup-shell {
        max-height: calc(100vh - 1rem);
    }
}

.tsl-moderation-popup-body {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-md, 1.25rem);
}

.tsl-moderation-popup-form {
    min-width: 0;
}

.tsl-moderation-popup-section {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.tsl-moderation-popup-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-moderation-popup-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
}

.tsl-moderation-popup-field {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.tsl-moderation-popup-field--narrow {
    max-width: 10rem;
}

.tsl-moderation-popup-reasons {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.tsl-moderation-reason-group[data-active="false"] {
    display: none;
}

.tsl-moderation-reason-group[data-active="true"] .tsl-moderation-reason-group-body {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 10px);
    background: var(--tsl-surface, #f3efe8);
}

.tsl-moderation-popup-reasons:not(:has(.tsl-moderation-reason-group[data-active="true"]))::after {
    content: "No reasons apply to the selected action.";
    display: block;
    padding: 0.75rem 0.85rem;
    border: 1px dashed var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 10px);
    font-size: 0.84rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-moderation-reason-item {
    margin: 0;
}

.tsl-moderation-reason-label {
    align-items: flex-start;
    gap: 0.55rem;
    cursor: pointer;
}

.tsl-moderation-reason-text {
    display: grid;
    gap: 0.15rem;
    line-height: 1.4;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-moderation-reason-help {
    display: block;
    font-size: 0.8rem;
    line-height: 1.35;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-moderation-popup-footerbar {
    display: flex;
    justify-content: flex-start;
    padding-top: var(--tsl-space-sm, 0.75rem);
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-moderation-popup-release {
    align-items: center;
}

#popupModal.popup-mode-moderation-action .tsl-moderation-popup-form .tsl-check {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.88rem;
    line-height: 1.4;
}

#popupModal.popup-mode-moderation-action .tsl-moderation-popup-form .tsl-check__input {
    margin-top: 0.15rem;
    flex-shrink: 0;
    accent-color: var(--tsl-accent, #5c8f7b);
}

@media (max-width: 575.98px) {
    .tsl-moderation-popup-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .tsl-moderation-popup-field--narrow {
        max-width: none;
    }
}


.tsl-popup-contact-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: 26rem;
    overflow: auto;
    padding-right: 0.15rem;
}

.tsl-popup-contact-row {
    display: block;
    width: 100%;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 16px);
    background: var(--tsl-surface-muted, #fff);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.tsl-popup-contact-row:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 55%, #fff);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 28%, var(--tsl-border, #ddd));
}

.tsl-popup-contact-row--danger:hover {
    background: color-mix(in srgb, var(--tsl-danger) 6%, #fff);
    border-color: color-mix(in srgb, var(--tsl-danger) 24%, var(--tsl-border, #ddd));
}

.tsl-popup-contact-avatar {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    flex: 0 0 2.5rem;
}

.tsl-popup-contact-name {
    line-height: 1.2;
    word-break: break-word;
}

.tsl-popup-contact-badge {
    font-size: 0.72rem;
    line-height: 1;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-contact-icon {
    flex: 0 0 auto;
    font-size: 1rem;
    opacity: 0.8;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-popup-contact-icon--danger {
    color: var(--tsl-danger);
}

.tsl-popup-contact-row__layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.tsl-popup-contact-row__main {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.tsl-popup-contact-row__meta {
    min-width: 0;
}

.tsl-popup-contact-row__name {
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-popup-contact-row__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.tsl-popup-contact-profile-link {
    color: inherit;
    text-decoration: none;
}

.tsl-popup-contact-empty {
    color: var(--tsl-ink-muted, #6b7289);
}


.tsl-popup-payment {
    display: grid;
    gap: 0.9rem;
}

.tsl-popup-payment__lead,
.tsl-popup-payment__selected {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-payment__list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.tsl-popup-payment__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 16px);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-popup-payment__option-main {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.tsl-popup-payment__option-title {
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-popup-payment__option-desc {
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-payment__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tsl-popup-payment__form {
    display: grid;
    gap: 0.85rem;
}

.tsl-popup-payment__form .tsl-field {
    display: grid;
    gap: 0.35rem;
}

.tsl-popup-payment__row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.tsl-popup-payment__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.tsl-popup-payment__actions--end {
    justify-content: flex-end;
}

.tsl-popup-payment__actions--between {
    justify-content: space-between;
}

.tsl-popup-payment__banner {
    padding: 0.75rem 0.9rem;
    border-radius: var(--tsl-radius-md, 12px);
    font-size: 0.88rem;
    line-height: 1.45;
    border: 1px solid transparent;
}

.tsl-popup-payment__banner--info {
    color: var(--tsl-ink-soft, #444);
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 12%, #fff);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 28%, transparent);
}

.tsl-popup-payment__banner--success {
    color: var(--tsl-ink-soft, #444);
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 14%, #fff);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.tsl-popup-payment__banner--danger {
    color: var(--tsl-danger-muted-fg, #8a2f2f);
    background: color-mix(in srgb, var(--tsl-danger) 10%, #fff);
    border-color: color-mix(in srgb, var(--tsl-danger) 28%, transparent);
}

.tsl-popup-payment__status {
    margin: 0;
    min-height: 1.2em;
    font-size: 0.84rem;
    line-height: 1.4;
}

.tsl-popup-payment__status--muted {
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-payment__status--ok {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-popup-payment__status--error {
    color: var(--tsl-danger, #b42318);
}

.tsl-popup-payment__input-group {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
}

.tsl-popup-payment__input-group .tsl-input {
    flex: 1;
    min-width: 0;
}

.tsl-popup-payment__input-addon {
    display: inline-flex;
    align-items: center;
    padding: 0 0.75rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0.5rem;
    background: color-mix(in srgb, var(--tsl-surface-muted, #f5f6f8) 80%, #fff);
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 0.84rem;
    font-weight: 600;
    white-space: nowrap;
}

.tsl-popup-payment__qr {
    text-align: center;
    padding: 1.1rem 0.9rem;
    border: 1px dashed var(--tsl-border, rgba(26, 31, 46, 0.18));
    border-radius: var(--tsl-radius-lg, 16px);
    background: color-mix(in srgb, var(--tsl-surface-muted, #f5f6f8) 70%, #fff);
}

.tsl-popup-payment__qr-label {
    font-size: 0.84rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-popup-payment__qr-meta {
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-popup-payment__receipt-title {
    font-weight: 600;
    font-size: 1rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-popup-payment__receipt-list {
    display: grid;
    gap: 0;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 16px);
    overflow: hidden;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-popup-payment__receipt-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.1));
}

.tsl-popup-payment__receipt-row:last-child {
    border-bottom: 0;
}

.tsl-popup-payment__receipt-label {
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #6b7289);
    flex: 0 1 auto;
}

.tsl-popup-payment__receipt-value {
    font-weight: 600;
    text-align: right;
    word-break: break-word;
    color: var(--tsl-ink, #1a1f2e);
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-popup-payment .tsl-check {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 0.88rem;
    color: var(--tsl-ink-soft, #444);
}

:is(#popupModal, #confirmModal, #notifyModal) .tsl-popup-payment .tsl-check[hidden],
:is(#popupModal, #confirmModal, #notifyModal) .tsl-popup-payment .tsl-check.tsl-hidden {
    display: none !important;
}

@media (max-width: 560px) {
    .tsl-popup-payment__option {
        flex-direction: column;
        align-items: stretch;
    }

    .tsl-popup-payment__option .tsl-ter-btn {
        width: 100%;
    }

    .tsl-popup-payment__row-2 {
        grid-template-columns: 1fr;
    }

    .tsl-popup-payment__input-group {
        flex-direction: column;
    }
}

@media print {
    body.tsl-print-receipt-only * {
        visibility: hidden !important;
    }

    body.tsl-print-receipt-only #receiptRoot,
    body.tsl-print-receipt-only #receiptRoot * {
        visibility: visible !important;
    }

    body.tsl-print-receipt-only #receiptRoot {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
}

.tsl-popup-share-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 0.85rem;
}

.tsl-popup-share-link {
    display: grid;
    gap: 0.35rem;
    justify-items: center;
    color: inherit;
    text-decoration: none;
    font-size: 0.82rem;
}

.tsl-popup-share-input-row {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.tsl-popup-share-input-row .tsl-input {
    flex: 1;
    min-width: 0;
}

.tsl-popup-share-copied {
    margin: 0.5rem 0 0;
    font-size: 0.82rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-panel__header {
    margin-bottom: 0.75rem;
}

.tsl-index-panel__body {
    display: grid;
    gap: 0.75rem;
}

.tsl-index-panel__subtitle {
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--tsl-ink, #111);
}

.tsl-index-embed-body {
    margin: 0;
    min-height: 100vh;
    background: var(--tsl-surface, #f7f8f8);
    color: var(--tsl-ink, #111);
}

@media (max-width: 900px) {
    .tsl-index-welcome__layout,
    .tsl-index-welcome__tiles,
    .tsl-form-grid {
        grid-template-columns: 1fr;
    }

    .tsl-ter-body[data-page="welcome"] .tsl-ter-aside {
        min-width: 0;
    }

    .tsl-ter-body[data-page="welcome"] .tsl-ter-aside--right {
        order: -1;
    }
}


.tsl-index-break-all {
    word-break: break-all;
}

.tsl-index-check-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: 0.55rem;
}

.tsl-index-check-card {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.tsl-index-check-card:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    box-shadow: 0 2px 8px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-index-check-card input {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.tsl-index-check-card__title {
    display: block;
    font-weight: 600;
    font-size: 0.88rem;
    margin-bottom: 0.15rem;
}

.tsl-index-check-card__desc {
    display: block;
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-index-log-terminal {
    background: #1a1f2e;
    color: #e8eaed;
    padding: 0.85rem;
    border-radius: 0 0 0.35rem 0.35rem;
}

.tsl-index-log-terminal .tsl-index-text-sm {
    color: #e8c547;
    margin-bottom: 0.5rem;
}

.tsl-index-pre-scroll {
    max-height: 22rem;
    overflow: auto;
    white-space: pre-wrap;
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.tsl-index-banner-preview {
    display: grid;
    gap: 0.35rem;
}

.tsl-index-banner-preview__label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #666);
}

.tsl-index-banner-preview__sample {
    padding: 0.65rem 0.75rem;
    border: 1px solid #ffe69c;
    border-radius: 0.35rem;
    background: #fff3cd;
    color: #5c4a00;
    font-size: 0.82rem;
    line-height: 1.45;
    text-align: center;
}

.tsl-index-banner-preview__action {
    display: inline-flex;
    margin-left: 0.45rem;
    padding: 0.1rem 0.45rem;
    border: 1px solid #e0c35a;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #5c4a00;
    vertical-align: middle;
}

.tsl-index-banner-schedule-preview {
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f7f4ef);
    font-size: 0.88rem;
}

.tsl-index-banner-schedule-local {
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #666);
    margin-top: 0.15rem;
}

.tsl-index-theme-editor__layout {
    align-items: start;
}

.tsl-index-theme-editor__group {
    border: none;
    margin: 0 0 1rem;
    padding: 0;
}

.tsl-index-theme-editor__group-title {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #666);
    margin: 0 0 0.55rem;
    padding: 0;
}

.tsl-index-theme-editor__field + .tsl-index-theme-editor__field {
    margin-top: 0.55rem;
}

.tsl-index-theme-editor__field-row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.tsl-index-theme-editor__picker {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0.15rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
    cursor: pointer;
    flex-shrink: 0;
}

.tsl-index-theme-editor__hex {
    flex: 1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: lowercase;
}

.tsl-index-theme-editor__preview {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface, #fff);
    color: var(--tsl-ink, #111);
}

.tsl-index-theme-editor__scale {
    display: flex;
    gap: 0.4rem;
    padding: 0.85rem 0.85rem 0.35rem;
    background: var(--tsl-surface, #fff);
}

.tsl-index-theme-editor__scale-swatch {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
}

.tsl-index-theme-editor__scale-chip {
    width: 100%;
    height: 2.75rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.tsl-index-theme-editor__scale-label {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-index-theme-editor__preview-kicker {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 0.35rem;
    color: rgba(255, 255, 255, 0.72);
}

.tsl-index-theme-editor__preview-kicker--ink {
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-index-theme-editor__preview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    background: var(--tsl-header-bg, var(--tsl-surface-muted, #f5f5f5));
    color: var(--tsl-header-fg, var(--tsl-ink, #111));
    border-bottom: 1px solid var(--tsl-border, #ddd);
    font-size: 0.82rem;
}

.tsl-index-theme-editor__preview-logo {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
}

.tsl-index-theme-editor__preview-nav {
    color: var(--tsl-header-fg, #fff);
    font-weight: 600;
    opacity: 0.88;
}

.tsl-index-theme-editor__preview-hero {
    padding: 1rem;
    background: var(--tsl-bg, #141820);
    color: var(--tsl-header-fg, #fff);
}

.tsl-index-theme-editor__preview-title {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.1rem;
    margin: 0 0 0.35rem;
    color: inherit;
}

.tsl-index-theme-editor__preview-copy {
    font-size: 0.85rem;
    color: inherit;
    opacity: 0.78;
    margin: 0 0 0.75rem;
}

.tsl-index-theme-editor__preview-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.tsl-index-theme-editor__preview-raised {
    margin: 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.35rem;
    background: var(--tsl-bg-elevated, #1c2230);
    color: var(--tsl-header-fg, #fff);
    transform: translateY(-0.45rem);
}

.tsl-index-theme-editor__preview-subtle {
    padding: 0.75rem 1rem;
    background: var(--tsl-bg-subtle, #232a3a);
    color: var(--tsl-header-fg, #fff);
}

.tsl-index-theme-editor__preview-page {
    padding: 1rem;
    background: var(--tsl-surface, #fff);
    color: var(--tsl-ink, #111);
}

.tsl-index-theme-editor__preview-body {
    margin: 0 0 0.25rem;
    color: var(--tsl-ink, #111);
}

.tsl-index-theme-editor__preview-soft {
    margin: 0 0 0.25rem;
    color: var(--tsl-ink-soft, #444);
    font-size: 0.9rem;
}

.tsl-index-theme-editor__preview-meta {
    margin: 0 0 0.85rem;
    color: var(--tsl-ink-muted, #6c757d);
    font-size: 0.8rem;
}

.tsl-index-theme-editor__preview-card {
    margin: 0;
    padding: 1rem;
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f5f5f5);
    border: 1px solid var(--tsl-border, #ddd);
}

.tsl-index-theme-editor__preview-card-title {
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--tsl-ink, #111);
}

.tsl-index-theme-editor__preview-card-copy {
    font-size: 0.85rem;
    color: var(--tsl-ink-soft, #444);
    margin: 0 0 0.5rem;
}

.tsl-index-theme-editor__preview-card a {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-index-theme-editor__preview-banner {
    padding: 0.55rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--tsl-staff-acting-banner-bg, #fff3cd);
    color: var(--tsl-staff-acting-banner-fg, #5c4a00);
    border-top: 1px solid var(--tsl-staff-acting-banner-border, #ffe69c);
}

.tsl-index-theme-editor__preview-footer {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.7rem 1rem;
    font-size: 0.75rem;
    background: var(--tsl-bg, #141820);
    color: var(--tsl-header-fg, #fff);
}

@media (max-width: 900px) {
    .tsl-index-theme-editor__layout {
        grid-template-columns: 1fr;
    }
}


.tsl-show-mobile {
    display: none;
}

.tsl-hide-mobile {
    display: inline-flex;
}

@media (max-width: 900px) {
    .tsl-show-mobile {
        display: inline-flex;
    }

    .tsl-hide-mobile {
        display: none !important;
    }
}

.tsl-community-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.35rem;
}

.tsl-community-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 500;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 999px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s, border-color 0.15s;
    color: var(--tsl-ink-soft, #444);
    background: var(--tsl-surface, #fff);
}

.tsl-community-chip:has(input:checked) {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-community-chip input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.tsl-community-post {
    display: block;
    padding: 1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    text-decoration: none;
    color: inherit;
}

.tsl-community-post:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    box-shadow: 0 2px 12px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-community-post__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.tsl-community-post__author {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.tsl-community-post__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid var(--tsl-border, #ddd);
}

.tsl-community-post__meta {
    min-width: 0;
    font-size: 0.85rem;
    line-height: 1.35;
}

.tsl-community-post__meta strong {
    display: block;
    font-weight: 600;
    color: var(--tsl-ink, #111);
}

.tsl-community-post__meta a {
    color: inherit;
    text-decoration: none;
}

.tsl-community-post__meta a:hover {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-community-post__role {
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-community-post__time {
    margin: 0;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-community-post__tag {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-community-post__title {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0 0 0.35rem;
    line-height: 1.25;
    color: var(--tsl-ink, #111);
}

.tsl-community-post__preview {
    font-size: 0.9rem;
    color: var(--tsl-ink-soft, #444);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tsl-community-post__foot {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-community-post__stat {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-community-post__hint {
    margin: 0.55rem 0 0;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
    text-align: right;
}

@media (min-width: 901px) {
    .tsl-community-post__hint {
        display: none;
    }
}

.tsl-community-post--pending {
    border-left: 3px solid #5b9bd5;
}

.tsl-community-post--unapproved {
    border-left: 3px solid #c45c5c;
}

.tsl-community-post--focused {
    border-left: 3px solid #c9a227;
}

.community-like-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.community-like-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    border: 0;
    background: transparent;
    padding: 0.15rem 0.35rem;
    border-radius: 999px;
    line-height: 1;
    cursor: pointer;
    overflow: visible;
    font: inherit;
    color: var(--tsl-ink-muted, #666);
    transition: transform 160ms ease, background-color 160ms ease, opacity 160ms ease;
}

.community-like-button:hover {
    transform: translateY(-1px) scale(1.05);
    background-color: rgba(196, 92, 92, 0.08);
}

.community-like-button:disabled {
    opacity: 0.75;
    cursor: wait;
}

.community-like-button .heart-icon {
    display: block;
    width: 1.18rem;
    height: 1.18rem;
    opacity: 0.68;
    transform-origin: center;
    transition: transform 160ms ease, opacity 160ms ease, filter 160ms ease;
}

.community-like-button:hover .heart-icon {
    opacity: 1;
}

.community-like-button.is-liked {
    color: #c45c5c;
}

.community-like-button.is-liked .heart-icon {
    opacity: 1;
    filter: invert(31%) sepia(74%) saturate(2404%) hue-rotate(330deg) brightness(92%) contrast(93%);
}

.community-like-button.is-liked:not(.is-animating):not(.is-animating-unlike) .heart-icon {
    animation: tslHeartIdlePulse 1800ms ease-in-out infinite;
}

.community-like-button.is-animating.is-liked .heart-icon {
    filter: invert(31%) sepia(74%) saturate(2404%) hue-rotate(330deg) brightness(92%) contrast(93%);
    animation: tslHeartButtonPop 420ms ease-out;
}

.community-like-button.is-animating-unlike .heart-icon {
    opacity: 1;
    filter: none;
}

.heart-fall {
    position: absolute;
    z-index: 6;
    pointer-events: none;
    width: 1.18rem;
    height: 1.18rem;
    transform: translate(-50%, -50%);
    animation: tslHeartButtonFall 480ms ease-in forwards;
}

.heart-fall img {
    display: block;
    width: 100%;
    height: 100%;
    filter: invert(31%) sepia(74%) saturate(2404%) hue-rotate(330deg) brightness(92%) contrast(93%);
}

.community-like-count {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #666);
}

.community-like-button.is-liked .community-like-count {
    color: #c45c5c;
}

.heart-splash {
    position: absolute;
    left: 0.68rem;
    top: 50%;
    z-index: 5;
    pointer-events: none;
    width: 0.82rem;
    height: 0.82rem;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.4);
    animation: tslHeartSplash 720ms ease-out forwards;
}

.heart-splash img {
    display: block;
    width: 100%;
    height: 100%;
    filter: invert(31%) sepia(74%) saturate(2404%) hue-rotate(330deg) brightness(92%) contrast(93%);
}

.heart-splash--fall {
    opacity: 0.85;
    transform: translate(-50%, -50%) scale(0.9);
    animation: tslHeartSplashFall 820ms cubic-bezier(0.4, 0, 0.85, 0.65) forwards;
}

@keyframes tslHeartButtonPop {
    0% { transform: scale(1); }
    35% { transform: scale(1.65); }
    60% { transform: scale(0.9); }
    100% { transform: scale(1); }
}

@keyframes tslHeartSplash {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.35) rotate(0deg);
    }

    20% { opacity: 1; }

    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--heart-x)), calc(-50% + var(--heart-y))) scale(1.35) rotate(var(--heart-r));
    }
}

@keyframes tslHeartSplashFall {
    0% {
        opacity: 0.95;
        transform: translate(-50%, -50%) scale(0.95) rotate(0deg);
    }

    18% { opacity: 1; }

    100% {
        opacity: 0;
        transform: translate(calc(-50% + var(--heart-x)), calc(-50% + var(--heart-y))) scale(0.4) rotate(var(--heart-r));
    }
}

@keyframes tslHeartButtonFall {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1) rotate(0deg);
    }

    35% {
        opacity: 0.9;
        transform: translateY(3px) scale(0.95) rotate(6deg);
    }

    100% {
        opacity: 0;
        transform: translateY(16px) scale(0.42) rotate(14deg);
    }
}

@keyframes tslHeartIdlePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

@media (prefers-reduced-motion: reduce) {
    .community-like-button,
    .community-like-button .heart-icon,
    .heart-splash,
    .heart-splash--fall,
    .heart-fall {
        animation: none !important;
        transition: none !important;
    }
}

.tsl-community-paging {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-community-paging__meta {
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #666);
    margin: 0 0 0.55rem;
}

.tsl-community-paging__nav {
    display: flex;
    gap: 0.55rem;
}


.tsl-community-thread {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
}

.tsl-community-thread--with-nav {
    grid-template-columns: 10rem minmax(0, 1fr) 10rem;
}

@media (max-width: 1100px) {
    .tsl-community-thread--with-nav {
        grid-template-columns: minmax(0, 1fr);
    }
}

.tsl-community-thread__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.tsl-index-panel__header.tsl-community-thread__toolbar {
    margin-bottom: 1rem;
}

.tsl-community-thread__rail {
    display: none;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.82rem;
    position: sticky;
    top: calc(var(--ter-chrome-offset, var(--ter-nav-height, 3.45rem)) + 0.75rem);
    align-self: start;
}

@media (min-width: 1101px) {
    .tsl-community-thread--with-nav .tsl-community-thread__rail {
        display: flex;
    }
}

.tsl-community-thread__rail a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--tsl-accent, #1f6feb);
    text-decoration: none;
    font-weight: 500;
}

.tsl-community-thread__rail-title {
    margin: 0;
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #666);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tsl-community-thread__main {
    min-width: 0;
}

.tsl-community-thread__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    color: var(--tsl-ink-muted, #666);
    text-decoration: none;
}

.tsl-community-thread__back:hover {
    color: var(--tsl-accent, #1f6feb);
}

.tsl-community-thread__nav-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

@media (min-width: 1101px) {
    .tsl-community-thread__nav-mobile {
        display: none;
    }
}

.tsl-community-article {
    padding: 1rem 1.1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    margin-bottom: 0.85rem;
}

.tsl-community-article--pending { border-left: 3px solid #5b9bd5; }
.tsl-community-article--unapproved { border-left: 3px solid #c45c5c; }
.tsl-community-article--focused { border-left: 3px solid #c9a227; }
.tsl-community-article--version { opacity: 0.85; border-style: dashed; }

.tsl-community-article__status {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #666);
    margin-bottom: 0.55rem;
}

.tsl-community-article__status--warning {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.7rem;
    border-radius: 0.3rem;
    background: color-mix(in srgb, #c9a227 16%, #fff);
    border: 1px solid color-mix(in srgb, #c9a227 40%, transparent);
    color: #7a6410;
    letter-spacing: 0.03em;
}

.tsl-community-article__title {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.45rem;
    margin: 0 0 0.85rem;
}

.tsl-community-article__content {
    font-size: 0.95rem;
    line-height: 1.65;
}

.tsl-community-article__locked {
    padding: 0.55rem 0.85rem;
    margin-bottom: 0.85rem;
    border-radius: 0.35rem;
    background: rgba(201, 162, 39, 0.12);
    border: 1px solid rgba(201, 162, 39, 0.35);
    font-size: 0.88rem;
}

.tsl-community-article__comments-label {
    margin: 0.85rem 0 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #666);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tsl-community-comment {
    padding: 0.85rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #f7f8f8);
    margin-bottom: 0.55rem;
}

.tsl-community-comment--nested {
    margin-left: 1rem;
    border-left: 2px solid rgba(31, 111, 235, 0.25);
}

.tsl-community-comment__reply {
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px dashed var(--tsl-border, #ddd);
}

.tsl-community-replies {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.tsl-index-panel--compact {
    padding: 0.9rem 1rem;
}

.tsl-index-panel--compact .tsl-index-panel__header {
    margin-bottom: 0.35rem;
}

.tsl-community-replies__empty {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--tsl-ink-muted, #666);
}

.tsl-thread-footer-actions {
    justify-content: center;
    margin-top: 0;
}

.tsl-community-menu {
    position: relative;
    margin-left: auto;
}

.tsl-community-menu summary {
    list-style: none;
    cursor: pointer;
    padding: 0.35rem 0.6rem;
    font-size: 0.82rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-community-menu summary::-webkit-details-marker {
    display: none;
}

.tsl-community-menu__panel {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 50;
    min-width: 9rem;
    margin-top: 0.25rem;
    padding: 0.35rem 0;
    background: #fff;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    box-shadow: 0 4px 16px rgba(26, 31, 46, 0.1);
}

.tsl-community-menu__item {
    display: block;
    width: 100%;
    padding: 0.45rem 0.85rem;
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    border: none;
    background: transparent;
    cursor: pointer;
    color: inherit;
}

.tsl-community-menu__item:hover {
    background: rgba(31, 111, 235, 0.08);
}

.tsl-community-compose {
    margin-top: 0.85rem;
}

.tsl-community-compose__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.tsl-community-compose__tag-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.65rem;
}

.tsl-community-compose__tag-row .tsl-field {
    flex: 1 1 12rem;
    min-width: 12rem;
}

.tsl-community-compose__tag-action {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 0 auto;
}

.tsl-community-compose__tag-action .tsl-ter-btn {
    box-sizing: border-box;
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    min-height: calc(0.72rem * 2 + 1.25em + 2px);
}

.tsl-community-post-sheet {
    display: none;
}

body.tsl-community-post-sheet-open {
    overflow: hidden;
}


@media (max-width: 900px) {
    .tsl-ter-body--community-feed .tsl-index-feed__posts {
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 1rem;
        background: var(--tsl-surface, #f7f8f8);
        box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(4, 21, 38, 0.06));
    }

    .tsl-ter-body--community-feed .tsl-community-post {
        display: grid;
        gap: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 0;
        background: var(--tsl-surface-muted, #fff);
        box-shadow: none;
        scroll-margin-top: calc(var(--ter-chrome-offset, 3.1rem) + 0.5rem);
    }

    .tsl-ter-body--community-feed .tsl-community-post:last-child {
        border-bottom: 0;
    }

    .tsl-ter-body--community-feed .tsl-community-post:hover {
        border-color: var(--tsl-border, rgba(4, 21, 38, 0.12));
        box-shadow: none;
    }

    .tsl-ter-body--community-feed .tsl-community-post--pending {
        box-shadow: inset 3px 0 #5b9bd5;
    }

    .tsl-ter-body--community-feed .tsl-community-post--unapproved {
        box-shadow: inset 3px 0 #c45c5c;
    }

    .tsl-ter-body--community-feed .tsl-community-post--focused {
        box-shadow: inset 3px 0 #c9a227;
    }

    .tsl-ter-body--community-feed .tsl-community-post__head {
        order: 1;
        align-items: center;
        gap: 0.65rem;
        margin: 0;
        padding: 0.75rem 0.9rem;
    }

    .tsl-ter-body--community-feed .tsl-community-post__avatar {
        width: 2.15rem;
        height: 2.15rem;
    }

    .tsl-ter-body--community-feed .tsl-community-post__meta {
        font-size: 0.82rem;
        line-height: 1.25;
    }

    .tsl-ter-body--community-feed .tsl-community-post__tag {
        color: var(--tsl-accent, #005da8);
        background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
        border: 0;
        border-radius: 999px;
        padding: 0.28rem 0.5rem;
    }

    .tsl-ter-body--community-feed .tsl-community-post__foot {
        order: 2;
        gap: 0.15rem;
        margin: 0;
        padding: 0.35rem 0.45rem 0;
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
    }

    .tsl-ter-body--community-feed .community-like-button,
    .tsl-ter-body--community-feed .tsl-community-post__stat {
        min-height: 2.25rem;
        padding: 0.45rem 0.55rem;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: var(--tsl-ink, #041526);
        font: inherit;
        cursor: pointer;
    }

    .tsl-ter-body--community-feed .tsl-community-post__stat i {
        font-size: 1.25rem;
    }

    .tsl-ter-body--community-feed .tsl-community-post__title {
        order: 3;
        margin: 0;
        padding: 0.15rem 0.9rem 0;
        font-size: 1.08rem;
        line-height: 1.3;
    }

    .tsl-ter-body--community-feed .tsl-community-post__preview {
        order: 4;
        padding: 0.35rem 0.9rem 0;
        font-size: 0.86rem;
        line-height: 1.5;
    }

    .tsl-ter-body--community-feed .tsl-community-post__hint {
        order: 5;
        margin: 0;
        padding: 0.45rem 0.9rem 1rem;
        border: 0;
        background: transparent;
        color: var(--tsl-ink-muted, #6c757d);
        text-align: left;
        font-size: 0.8rem;
        cursor: pointer;
    }

    .tsl-ter-body--community-feed .tsl-community-post__hint:hover,
    .tsl-ter-body--community-feed .tsl-community-post__hint:focus-visible,
    .tsl-ter-body--community-feed .tsl-community-post__comments-button:hover,
    .tsl-ter-body--community-feed .tsl-community-post__comments-button:focus-visible {
        color: var(--tsl-accent, #005da8);
        background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
    }

    .tsl-ter-body--community-feed .tsl-community-paging {
        display: none;
    }

    .tsl-community-feed__sentinel {
        min-height: 3.5rem;
        display: grid;
        place-items: center;
        padding: 1rem;
        color: var(--tsl-ink-muted, #6c757d);
        font-size: 0.8rem;
        background: var(--tsl-surface, #f7f8f8);
    }

    .tsl-community-post-sheet {
        position: fixed;
        inset: 0;
        z-index: 400;
        display: block;
        visibility: hidden;
        pointer-events: none;
    }

    .tsl-community-post-sheet.is-open {
        visibility: visible;
        pointer-events: auto;
    }

    .tsl-community-post-sheet__backdrop {
        position: absolute;
        inset: 0;
        background: color-mix(in srgb, var(--tsl-ink, #041526) 48%, transparent);
        opacity: 0;
        transition: opacity 0.22s ease;
    }

    .tsl-community-post-sheet.is-open .tsl-community-post-sheet__backdrop {
        opacity: 1;
    }

    .tsl-community-post-sheet__panel {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: min(88dvh, 48rem);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-bottom: 0;
        border-radius: 1rem 1rem 0 0;
        background: var(--tsl-surface-muted, #fff);
        box-shadow: 0 -8px 28px rgba(4, 21, 38, 0.18);
        transform: translateY(100%);
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .tsl-community-post-sheet.is-open .tsl-community-post-sheet__panel {
        transform: translateY(0);
    }

    .tsl-community-post-sheet__handle {
        width: 2.4rem;
        height: 0.28rem;
        flex: 0 0 auto;
        margin: 0.55rem auto 0;
        border-radius: 999px;
        background: var(--tsl-border-strong, rgba(4, 21, 38, 0.22));
    }

    .tsl-community-post-sheet__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        flex: 0 0 auto;
        padding: 0.55rem 1rem 0.75rem;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    }

    .tsl-community-post-sheet__title,
    .tsl-community-post-sheet__comments-title {
        margin: 0;
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--tsl-ink, #041526);
    }

    .tsl-community-post-sheet__title {
        max-width: calc(100% - 3rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tsl-community-post-sheet__close {
        width: 2rem;
        height: 2rem;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: var(--tsl-ink-muted, #6c757d);
        cursor: pointer;
    }

    .tsl-community-post-sheet__close:hover,
    .tsl-community-post-sheet__close:focus-visible {
        color: var(--tsl-ink, #041526);
        background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
    }

    .tsl-community-post-sheet__content {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: var(--tsl-surface, #f7f8f8);
    }

    .tsl-community-post-sheet__post .tsl-community-article {
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 0;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet .tsl-community-post__head {
        align-items: center;
        margin: 0;
        padding: 0.75rem 0.9rem;
    }

    .tsl-community-post-sheet .tsl-community-article__status,
    .tsl-community-post-sheet .tsl-community-article__locked {
        margin-inline: 0.9rem;
    }

    .tsl-community-post-sheet .tsl-community-article__content {
        padding: 0.15rem 0.9rem 0.85rem;
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .tsl-community-post-sheet .tsl-community-article__title {
        margin-bottom: 0.65rem;
        font-size: 1.3rem;
        line-height: 1.25;
    }

    .tsl-community-post-sheet .tsl-community-post__foot {
        gap: 0.15rem;
        margin: 0;
        padding: 0.35rem 0.45rem;
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
    }

    .tsl-community-post-sheet .tsl-community-article__comments-label {
        display: none;
    }

    .tsl-community-post-sheet__comments-title {
        padding: 0.85rem 0.9rem 0.65rem;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet__comments .tsl-community-replies {
        gap: 0;
        border: 0;
        border-radius: 0;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet__comments .tsl-community-comment {
        padding: 0;
        margin: 0;
        border: 0;
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.1));
        border-radius: 0;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet__comments .tsl-community-comment--nested {
        margin-left: 0.85rem;
        border-left: 2px solid color-mix(in srgb, var(--tsl-accent, #005da8) 25%, transparent);
    }

    .tsl-community-post-sheet__comments .tsl-community-comment__reply {
        display: none;
    }

    .tsl-community-post-sheet__comments > .tsl-community-replies__empty {
        margin: 0;
        padding: 0.9rem;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet__composer {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.55rem;
        flex: 0 0 auto;
        padding: 0.75rem 1rem max(1rem, env(safe-area-inset-bottom));
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-post-sheet__composer:not([hidden]) {
        display: grid;
    }

    .tsl-community-post-sheet__loading,
    .tsl-community-post-sheet__error {
        min-height: 12rem;
        display: grid;
        place-items: center;
        align-content: center;
        gap: 0.75rem;
        padding: 1.25rem;
        text-align: center;
        color: var(--tsl-ink-muted, #6c757d);
    }

    .tsl-community-post-sheet__spinner {
        width: 1.8rem;
        height: 1.8rem;
        border: 2px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-top-color: var(--tsl-accent, #005da8);
        border-radius: 999px;
        animation: tslCommunitySheetSpin 0.8s linear infinite;
    }

    .tsl-community-thread__main .tsl-community-article {
        padding: 0;
        overflow: hidden;
        border-radius: 1rem;
        background: var(--tsl-surface-muted, #fff);
        box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(4, 21, 38, 0.06));
    }

    .tsl-community-thread__main .tsl-community-article > .tsl-community-post__head,
    .tsl-community-thread__main .tsl-community-comment > .tsl-community-post__head {
        align-items: center;
        margin: 0;
        padding: 0.75rem 0.9rem;
    }

    .tsl-community-thread__main .tsl-community-article__status,
    .tsl-community-thread__main .tsl-community-article__locked {
        margin-inline: 0.9rem;
    }

    .tsl-community-thread__main .tsl-community-article__content {
        padding: 0.15rem 0.9rem 0.85rem;
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .tsl-community-thread__main .tsl-community-article__title {
        margin-bottom: 0.65rem;
        font-size: 1.3rem;
        line-height: 1.25;
    }

    .tsl-community-thread__main .tsl-community-article > .tsl-community-post__foot,
    .tsl-community-thread__main .tsl-community-comment > .tsl-community-post__foot {
        gap: 0.15rem;
        margin: 0;
        padding: 0.35rem 0.45rem;
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
    }

    .tsl-community-thread__main .tsl-community-article__comments-label {
        margin: 0;
        padding: 0.45rem 0.9rem 0.9rem;
        text-transform: none;
        letter-spacing: normal;
    }

    .tsl-community-thread__main .tsl-community-replies {
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 1rem;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-thread__main .tsl-community-comment {
        padding: 0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 0;
        background: var(--tsl-surface-muted, #fff);
    }

    .tsl-community-thread__main .tsl-community-comment:last-child {
        border-bottom: 0;
    }

    .tsl-community-thread__main .tsl-community-comment--nested {
        margin-left: 0.85rem;
        border-left: 2px solid color-mix(in srgb, var(--tsl-accent, #005da8) 25%, transparent);
    }

    .tsl-community-thread__main .tsl-community-comment__reply {
        margin: 0;
        padding: 0.75rem 0.9rem;
        border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
    }
}

@keyframes tslCommunitySheetSpin {
    to {
        transform: rotate(360deg);
    }
}


.tsl-profile__hero {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-profile__hero--in-panel {
    border: none;
    padding: 0;
    background: transparent;
}

.tsl-profile__sections {
    display: grid;
    gap: 0;
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-profile__section + .tsl-profile__section {
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 80%, transparent);
}

.tsl-profile__section .tsl-index-panel__subtitle {
    margin: 0 0 0.75rem;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-profile__meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.55rem;
}

.tsl-profile__meta-item {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 22%, var(--tsl-border, #ddd));
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 42%, var(--tsl-surface-muted, #fff));
}

.tsl-profile__meta-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #666);
}

.tsl-profile__meta-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--tsl-ink, #111);
    word-break: break-word;
}

.tsl-profile__edit-block {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.tsl-profile__edit-block .tsl-quill {
    max-width: 100%;
}

@media (max-width: 640px) {
    .tsl-profile__hero {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .tsl-profile__hero-media {
        justify-self: center;
    }

    .tsl-profile__badges,
    .tsl-profile__actions {
        justify-content: center;
    }
}

.tsl-profile__photo {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--tsl-border, #ddd);
    background: color-mix(in srgb, var(--tsl-ink, #111) 8%, var(--tsl-surface-muted, #fff));
}

.tsl-profile__photo-trigger {
    position: relative;
    display: grid;
    place-items: center;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 50%;
    color: var(--tsl-ink-muted, #666);
}

.tsl-profile__photo-trigger--empty {
    cursor: default;
    pointer-events: none;
}

.tsl-profile__photo-glyph {
    display: none;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    place-items: center;
    font-size: 3.15rem;
    line-height: 1;
    color: var(--tsl-ink-muted, #666);
    background: color-mix(in srgb, var(--tsl-ink, #111) 10%, var(--tsl-surface-muted, #fff));
    border: 2px solid var(--tsl-border, #ddd);
}


.tsl-profile__photo-trigger:has(.tsl-profile__photo[src*="person-circle.svg"]) .tsl-profile__photo {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.tsl-profile__photo-trigger:has(.tsl-profile__photo[src*="person-circle.svg"]) .tsl-profile__photo-glyph {
    display: grid;
}

.tsl-profile__photo-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: center;
    margin-top: 0.55rem;
}

.tsl-profile__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.tsl-profile__badge {
    display: inline-flex;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 999px;
    color: var(--tsl-ink-muted, #666);
}

.tsl-profile__badge--verified {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, var(--tsl-surface-muted, #fff));
}

.tsl-profile__badge--founding {
    border-color: #c9a227;
    color: color-mix(in srgb, #c9a227 55%, var(--tsl-ink, #111));
    background: color-mix(in srgb, #c9a227 14%, var(--tsl-surface-muted, #fff));
}

.tsl-profile__badge--muted {
    opacity: 0.7;
}

.tsl-profile__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.tsl-profile__action-form {
    margin: 0;
}

.tsl-profile__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.55rem;
}

@media (max-width: 640px) {
    .tsl-profile__stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

.tsl-profile__stat {
    padding: 0.85rem;
    text-align: center;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface, #fff);
}

.tsl-profile__stat-value {
    display: block;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.1;
    color: var(--tsl-ink, #111);
}

.tsl-profile__stat-label {
    display: block;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
    margin-top: 0.25rem;
}

.tsl-profile__dl {
    margin: 0;
    display: grid;
    gap: 0.55rem;
}

.tsl-profile__dl-row {
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 0.55rem;
    font-size: 0.9rem;
}

.tsl-profile__dl-row--full {
    grid-template-columns: 1fr;
}

.tsl-profile__dl-row dt {
    font-weight: 600;
    color: var(--tsl-ink-muted, #666);
    margin: 0;
}

.tsl-profile__dl-row dd {
    margin: 0;
}


.tsl-ter-body--profile {
    --tsl-ter-left-col: 0rem;
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
    width: 100%;
    max-width: var(--ter-max);
}

.tsl-ter-body--profile .tsl-ter-content {
    grid-column: 1;
    width: 100%;
    max-width: none;
}

.tsl-ter-body--profile .tsl-index-settings__layout {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-profile__workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.tsl-profile__workspace--restricted {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-profile__center,
.tsl-profile__primary,
.tsl-profile__secondary {
    min-width: 0;
}

.tsl-profile__center,
.tsl-profile__primary {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.tsl-profile__secondary {
    display: grid;
    gap: 1rem;
    align-content: start;
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-profile-proposition__list {
    margin: 0;
    padding: 0;
    display: grid;
}

.tsl-profile-proposition__row {
    display: grid;
    gap: 0.35rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 72%, transparent);
}

.tsl-profile-proposition__row:first-child {
    padding-top: 0;
}

.tsl-profile-proposition__row:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.tsl-profile-proposition__label {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-soft, #444);
}

.tsl-profile-proposition__value {
    margin: 0;
    min-width: 0;
}

.tsl-profile-proposition__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.tsl-profile-proposition__pill {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 62%, var(--tsl-surface, #fff));
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 22%, transparent);
}

.tsl-profile-proposition__pill--empty {
    color: var(--tsl-ink-muted, #666);
    font-weight: 500;
    background: transparent;
    border-style: dashed;
    border-color: color-mix(in srgb, var(--tsl-ink-muted, #666) 28%, transparent);
}

.tsl-profile-proposition__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tsl-profile-proposition__check {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--tsl-ink-soft, #444);
}

.tsl-profile-proposition__chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 88%, transparent);
    background: color-mix(in srgb, var(--tsl-surface, #fff) 92%, var(--tsl-accent-soft, #e8f0ec));
    color: var(--tsl-ink-soft, #444);
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.35;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}


.tsl-index-body .tsl-profile-proposition__chip input[type="checkbox"],
.tsl-index-body .tsl-profile-proposition__chip input[type="radio"] {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    background-image: none;
    box-shadow: none;
    outline: none;
    pointer-events: none;
}

.tsl-profile-proposition__chip:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 34%, var(--tsl-border, #ddd));
    color: var(--tsl-ink, #111);
}

.tsl-profile-proposition__chip:has(input:checked) {
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, var(--tsl-surface, #fff));
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 38%, transparent);
}

.tsl-profile-proposition__chip:has(input:focus-visible) {
    outline: 2px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 55%, transparent);
    outline-offset: 2px;
}

.tsl-profile-proposition__chip.is-disabled,
.tsl-profile-proposition__chip:has(input:disabled) {
    opacity: 0.42;
    cursor: not-allowed;
    color: var(--tsl-ink-muted, #666);
    background: color-mix(in srgb, var(--tsl-surface-muted, #f5f5f5) 88%, transparent);
    border-color: color-mix(in srgb, var(--tsl-border, #ddd) 70%, transparent);
    box-shadow: none;
}

.tsl-profile-stats-aside .tsl-ter-side-metrics__row dd {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--tsl-ink, #111);
}

.tsl-profile__fields {
    display: grid;
    gap: 0.65rem;
}

.tsl-profile__field {
    display: grid;
    gap: 0.2rem;
}

.tsl-profile__field-label {
    margin: 0;
}

.tsl-profile__field-value {
    font-size: 0.92rem;
    color: var(--tsl-ink, #111);
    word-break: break-word;
}

.tsl-profile__stats--aside {
    grid-template-columns: repeat(2, 1fr);
}

.tsl-profile__activity-panel {
    margin-top: 0;
}

.tsl-profile-aside-panel {
    width: 100%;
}

.tsl-profile-aside-panel .tsl-index-panel__header {
    margin-bottom: 0.65rem;
}

.tsl-profile-aside-panel .tsl-index-settings__nav-list {
    gap: 0.35rem;
}

.tsl-profile-aside-panel .tsl-index-settings__nav-link {
    font-size: 0.86rem;
    padding: 0.45rem 0.55rem;
}

.tsl-profile__about-copy {
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--tsl-ink-soft, #444);
}

.tsl-profile__about-copy p {
    margin: 0 0 0.65rem;
}

.tsl-profile__about-copy p:last-child {
    margin-bottom: 0;
}

.tsl-profile__photos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6.75rem, 1fr));
    gap: 0.55rem;
}

.tsl-profile__photo-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 22%, var(--tsl-border, #ddd));
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface-muted, #f0f2f4);
    cursor: pointer;
}

.tsl-profile__photo-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tsl-profile__photo-thumb:focus-visible {
    outline: 2px solid var(--tsl-accent, #5c8f7b);
    outline-offset: 2px;
}

.tsl-profile__photo-thumb--locked,
.tsl-profile-gallery__item--locked {
    position: relative;
    cursor: pointer;
    background: var(--tsl-surface-muted, #f0f2f4);
}

.tsl-profile__photo-thumb--locked img,
.tsl-profile-gallery__item--locked img {
    object-fit: cover;
    padding: 0;
    opacity: 1;
}

.tsl-profile__photo-lock {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--tsl-ink, #041526) 32%, transparent);
    color: #fff;
    pointer-events: none;
}

.tsl-profile__photo-lock .ph {
    font-size: 1.65rem;
}

.tsl-profile__photo-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    width: 100%;
    aspect-ratio: 1;
    margin: 0;
    padding: 0.35rem;
    appearance: none;
    border: 1px dashed var(--tsl-border-strong, #bbb);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f0f2f4);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--tsl-ink-soft, #444);
}

.tsl-profile__photo-upload__icon {
    font-size: 1.5rem;
    line-height: 1;
}

.tsl-profile__photo-upload:focus-visible {
    outline: 2px solid var(--tsl-accent, #5c8f7b);
    outline-offset: 2px;
}

.tsl-profile__location-field {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-profile__prop-list {
    display: grid;
    gap: 0.85rem;
}

.tsl-profile__prop-item {
    padding: 0.75rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--tsl-surface-muted, #fff) 88%, var(--tsl-accent-soft, #e8f0ec));
}

.tsl-profile__prop-item .tsl-index-panel__subtitle {
    margin: 0 0 0.45rem;
}

.tsl-profile__prop-values {
    margin-bottom: 0.55rem;
}

.tsl-profile__proposition-form .tsl-actions {
    margin-top: 0.85rem;
}

.tsl-index-panel__header:has(.tsl-ter-btn),
.tsl-index-panel__header:has(.tsl-index-badge) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.tsl-index-panel__header:has(.tsl-ter-btn) .tsl-index-panel__title,
.tsl-index-panel__header:has(.tsl-index-badge) .tsl-index-panel__title {
    margin-right: auto;
}

.tsl-profile__edit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--tsl-line, #e6e6e6);
}

.tsl-profile__header-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.tsl-profile__edit-actions--header {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    gap: 0.45rem;
    align-items: center;
}

.tsl-profile__edit-form {
    margin-top: 1rem;
}

.tsl-ter-body--profile.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: calc(100% + (var(--ter-gutter) * 2));
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--profile.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    width: 100%;
}

@media (max-width: 900px) {
    .tsl-profile__workspace {
        grid-template-columns: 1fr;
    }

    .tsl-profile__secondary {
        position: static;
    }
}

.tsl-profile__bio {
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--tsl-ink-soft, #444);
}

.tsl-choice-group {
    display: grid;
    gap: 0.35rem;
}

.tsl-profile__feed {
    display: grid;
    gap: 0.75rem;
}

.tsl-profile__feed-subtitle {
    margin: 0.75rem 0 0.35rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-profile__testimonial-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.tsl-profile__testimonial-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.tsl-profile__testimonial-preview {
    margin: 0.45rem 0 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--tsl-ink-soft, #4a5168);
}

.tsl-feed-card {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.tsl-feed-card:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    box-shadow: 0 2px 12px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-feed-card__link {
    display: block;
    padding: 0.9rem 1rem;
    color: inherit;
    text-decoration: none;
}

.tsl-feed-card__header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.55rem;
}

.tsl-feed-card__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--tsl-border, #ddd);
}

.tsl-feed-card__meta {
    display: block;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-feed-card__author {
    display: block;
    font-size: 0.9rem;
    color: var(--tsl-ink, #111);
}

.tsl-feed-card__title {
    margin: 0 0 0.35rem;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--tsl-ink, #111);
}

.tsl-feed-card__body {
    font-size: 0.9rem;
    color: var(--tsl-ink-soft, #444);
    line-height: 1.55;
}


.tsl-hidden { display: none !important; }

.tsl-text-muted { color: var(--tsl-ink-muted, #6b7289); }
.tsl-text-sm { font-size: 0.875rem; }
.tsl-text-danger { color: var(--tsl-danger, #b42318); }
.tsl-text-end { text-align: right; }
.tsl-text-center { text-align: center; }
.tsl-break-all { word-break: break-all; }
.tsl-font-semibold { font-weight: 600; }
.tsl-font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.tsl-cursor-pointer { cursor: pointer; }
.tsl-h-100 { height: 100%; }
.tsl-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tsl-grow { flex: 1; min-width: 0; }
.tsl-w-100 { width: 100%; }
.tsl-w-5rem { width: 5rem; }
.tsl-w-6rem { width: 6rem; }
.tsl-w-9rem { width: 9rem; }
.tsl-w-11rem { width: 11rem; }
.tsl-w-12rem { width: 12rem; }
.tsl-min-w-300 { min-width: 18rem; }

.tsl-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.tsl-cluster--end { justify-content: flex-end; }

.tsl-cluster--stretch {
    flex-wrap: nowrap;
    align-items: stretch;
}

.tsl-cluster--stretch .tsl-ter-btn {
    white-space: nowrap;
    flex: 0 0 auto;
}

.tsl-form--readable {
    max-width: 42rem;
}

@media (max-width: 640px) {
    .tsl-cluster--stretch {
        flex-wrap: wrap;
    }

    .tsl-cluster--stretch .tsl-ter-btn {
        width: 100%;
    }
}

.tsl-between {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.tsl-card {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #e8e3da);
    margin-bottom: 0.85rem;
    overflow: hidden;
}

.tsl-card__header {
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-card__body { padding: 0.9rem; }

.tsl-card__footer {
    padding: 0.75rem 0.9rem;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-table-wrap { overflow-x: auto; }

.tsl-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
    margin-bottom: 0.85rem;
}

.tsl-table th,
.tsl-table td {
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    text-align: left;
    vertical-align: top;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-table th {
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 55%, var(--tsl-surface-muted, #e8e3da));
    font-weight: 700;
}

.tsl-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0.1rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 999px;
    line-height: 1.2;
    background: var(--tsl-surface-muted, #e8e3da);
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-badge--accent {
    background: var(--tsl-accent, #5c8f7b);
    color: #fff;
}

.tsl-badge--muted {
    background: color-mix(in srgb, var(--tsl-surface-muted, #e8e3da) 80%, var(--tsl-ink-muted, #6b7289));
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-badge--success {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, #fff);
    color: #3d6b5a;
}

.tsl-badge--warning {
    background: color-mix(in srgb, #c9a227 20%, #fff);
    color: #6b4f00;
}

.tsl-badge--danger {
    background: color-mix(in srgb, var(--tsl-danger) 18%, #fff);
    color: var(--tsl-danger-muted-fg);
}

.tsl-collapse { display: none; }
.tsl-collapse.show { display: block; }

.tsl-progress {
    height: 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 70%, transparent);
    overflow: hidden;
}

.tsl-progress__bar,
.tsl-progress-fill {
    height: 100%;
    width: var(--tsl-progress, 0%);
    border-radius: 999px;
    background: var(--tsl-accent, #5c8f7b);
    transition: width 0.3s ease;
}

.tsl-progress__bar--muted { background: #8b919e; }
.tsl-progress__bar--sky { background: #4a7fb8; }

.tsl-superadmin-panel {
    display: grid;
    gap: 0.85rem;
}

.tsl-superadmin-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.tsl-superadmin-panel__title {
    margin: 0;
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-superadmin-panel__intro {
    margin: 0;
    max-width: 70ch;
    font-size: 0.88rem;
    color: var(--tsl-ink-muted, #6b7289);
    line-height: 1.55;
}

.tsl-superadmin-grid {
    display: grid;
    gap: 0.85rem;
}

.tsl-superadmin-grid--2 { grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); }
.tsl-superadmin-grid--3 { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }
.tsl-superadmin-grid--4 { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }

.tsl-superadmin-rules-layout,
.tsl-superadmin-values-layout,
.tsl-superadmin-templates-layout,
.tsl-superadmin-permission-layout {
    display: grid;
    gap: 0.85rem;
    align-items: start;
}

.tsl-superadmin-rules-layout { grid-template-columns: minmax(14rem, 2fr) minmax(0, 3fr); }
.tsl-superadmin-values-layout { grid-template-columns: minmax(14rem, 1fr) minmax(0, 2fr); }
.tsl-superadmin-templates-layout { grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem); }
.tsl-superadmin-permission-layout { grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr); }

.tsl-superadmin-values-tree {
    max-height: 32rem;
    overflow: auto;
    padding-right: 0.25rem;
}


.tsl-index-values-search {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(10rem, 1fr) auto;
    gap: 0.65rem;
    align-items: end;
}

.tsl-index-values-workspace {
    min-height: 28rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.5rem);
    overflow: hidden;
    background: var(--tsl-surface, #fff);
}

.tsl-index-values-aside {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - var(--ter-chrome-offset, 3.1rem) - 2rem);
}

.tsl-index-values-aside__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.tsl-index-values-aside__header .tsl-ter-side-card__title {
    margin: 0;
}

.tsl-index-values-aside .tsl-index-values-tree {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    padding: 0;
}

.tsl-ter-body--tsl-values-settings {
    --tsl-ter-right-col: 18.5rem;
}

.tsl-index-values-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    order: 2;
    border-left: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-surface-muted, #f6f4ef) 55%, #fff);
}

.tsl-index-values-sidebar__header,
.tsl-index-values-editor__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-values-tree {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.35rem 0.45rem 0.55rem;
    display: grid;
    gap: 0.35rem;
}

.tsl-index-values-tree__group {
    margin: 0;
}

.tsl-index-values-tree__group-toggle {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.45rem;
    padding-left: calc(0.45rem + (var(--tsl-values-depth, 0) * 0.75rem));
    cursor: pointer;
    list-style: none;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tsl-ink-soft, #4a5162);
    border-radius: 0.3rem;
    user-select: none;
}

.tsl-index-values-tree__group-toggle::-webkit-details-marker {
    display: none;
}

.tsl-index-values-tree__group-toggle:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 65%, transparent);
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-index-values-tree__group-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsl-index-values-tree__group-count {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #7a8194);
}

.tsl-index-values-tree__group-caret {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #7a8194);
    transition: transform 0.18s ease;
}

.tsl-index-values-tree__group[open] > .tsl-index-values-tree__group-toggle .tsl-index-values-tree__group-caret {
    transform: rotate(90deg);
}

.tsl-index-values-tree__group-children {
    margin: 0;
    padding: 0;
}

.tsl-index-values-tree__leaf {
    margin: 0;
}

.tsl-index-values-tree__leaf-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tsl-index-values-editor {
    display: flex;
    flex-direction: column;
    min-width: 0;
    order: 1;
}

.tsl-index-values-editor__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.85rem 1rem 1rem;
}

.tsl-index-values-editor__key {
    margin: 0 0 0.85rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 22%, var(--tsl-border, #ddd));
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 35%, #fff);
    font-family: var(--qx-font-mono, ui-monospace, monospace);
    font-size: 0.78rem;
    line-height: 1.45;
    word-break: break-all;
}

.tsl-index-values-editor__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.25rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-index-values-editor__baseline {
    margin-top: 0.15rem;
}

.tsl-index-values-editor__baseline > summary {
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tsl-ink-soft, #4a5162);
    list-style: none;
}

.tsl-index-values-editor__baseline > summary::-webkit-details-marker {
    display: none;
}

.tsl-index-values-editor__baseline[open] > summary {
    margin-bottom: 0.45rem;
}

@media (max-width: 900px) {
    .tsl-index-values-search {
        grid-template-columns: 1fr;
    }

    .tsl-index-values-workspace {
        min-height: 0;
    }

    .tsl-index-values-aside {
        position: static;
        max-height: 16rem;
    }
}

.tsl-superadmin-diag-card {
    padding: 0.9rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #e8e3da);
}

.tsl-superadmin-toc {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-superadmin-list__heading {
    display: block;
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-superadmin-collapse-trigger {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 0;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-surface-muted, #e8e3da) 88%, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)));
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-superadmin-collapse-body {
    padding: 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.wb-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.55rem 0.85rem;
    border: 0;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface, #f3efe8);
    font: inherit;
    text-align: left;
    cursor: pointer;
    color: var(--tsl-ink, #1a1f2e);
}

.wb-btn:last-child { border-bottom: 0; }
.wb-btn:hover,
.wb-btn.active {
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 70%, var(--tsl-surface, #f3efe8));
    outline: 1px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.wb-btn > span:last-child { margin-left: auto; }
.wb-muted { opacity: 0.72; }

.wb-perm {
    padding: 0.5rem 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.wb-perm:last-child { border-bottom: 0; }

.wb-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
    word-break: break-all;
}

.tsl-superadmin-perm-list {
    max-height: 60vh;
    overflow: auto;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-superadmin-perm-empty {
    padding: 0.85rem;
    font-size: 0.88rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-interaction-workbench {
    display: grid;
    gap: 0;
}

.tsl-interaction-workbench--left-center {
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
}

.tsl-superadmin-interaction-panel__body {
    gap: 0;
}

.tsl-superadmin-interaction-workbench {
    min-height: min(68vh, 820px);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.5rem);
    background: #fff;
    overflow: hidden;
}

.tsl-superadmin-interaction-workbench .messages-sidebar {
    background: color-mix(in srgb, var(--tsl-surface-muted, #f6f4ef) 50%, #fff);
}

.tsl-superadmin-interaction-workbench .messages-sidebar-inner {
    padding: 0.85rem;
}

.tsl-superadmin-interaction-workbench .messages-main {
    padding: 0.85rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--tsl-surface-muted, #f8fafb) 35%, #fff) 0%,
        #fff 10rem
    );
}

.tsl-superadmin-interaction-sessions {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.tsl-superadmin-interaction-sessions .qx-interaction-panel__header {
    padding: 0 0 0.65rem;
    margin: 0;
}

.tsl-superadmin-interaction-search {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: end;
    padding-bottom: 0.85rem;
    margin-bottom: 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-superadmin-interaction-search__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.tsl-superadmin-interaction-workbench [data-interaction-extension="interaction.sessionMessages"] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.tsl-superadmin-interaction-workbench [data-interaction-extension="interaction.sessionMessages"] > .qx-chat {
    flex: 1 1 auto;
    min-height: 0;
}

.tsl-superadmin-interaction-workbench .qx-interaction-list--scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
}


.tsl-interaction-workbench.messages-shell {
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
    min-height: min(68vh, 820px);
}

.tsl-interaction-workbench.messages-shell > div {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.tsl-interaction-workbench.messages-shell .qx-ops-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.tsl-interaction-workbench.messages-shell .qx-field__input,
.tsl-superadmin-interaction-search .tsl-field__input {
    width: 100%;
    padding: 0.72rem 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0.5rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #1a1f2e);
    font: inherit;
    box-sizing: border-box;
}

.tsl-interaction-workbench.messages-shell .qx-field__input::placeholder,
.tsl-superadmin-interaction-search .tsl-field__input::placeholder {
    color: var(--tsl-ink-muted, #6b7289);
    opacity: 1;
}

.tsl-interaction-workbench.messages-shell .qx-field__input:focus,
.tsl-superadmin-interaction-search .tsl-field__input:focus {
    outline: none;
    border-color: var(--tsl-accent, #5c8f7b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, transparent);
}

.tsl-interaction-workbench.messages-shell .qx-thread-avatar {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--tsl-surface-muted, #eef1f4);
    border: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 80%, transparent);
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 0.84rem;
    font-weight: 600;
}

@media (max-width: 991px) {
    .tsl-superadmin-interaction-workbench.messages-shell {
        grid-template-columns: 1fr;
        min-height: min(72vh, 900px);
    }

    .tsl-superadmin-interaction-workbench .messages-sidebar {
        border-right: none;
        border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
        max-height: 22rem;
    }

    .tsl-superadmin-interaction-workbench .messages-main {
        min-height: 24rem;
    }
}

.tsl-superadmin-popup-grid {
    display: grid;
    gap: 0.85rem;
}

.tsl-superadmin-ex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem;
}

.tsl-superadmin-divider {
    margin: 0.75rem 0;
    border: 0;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    opacity: 0.45;
}

.tsl-email-preview {
    max-width: 37.5rem;
    width: 100%;
    overflow: auto;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    padding: 0;
    background: #f7f8f8;
}

.tsl-pre-scroll-420,
.tsl-pre-scroll-22 {
    max-height: 26rem;
    overflow: auto;
    margin: 0;
    padding: 0.65rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: color-mix(in srgb, var(--tsl-bg-elevated, #1c2230) 92%, #000);
    color: #e8eaed;
    white-space: pre-wrap;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
}

.tsl-pre-scroll-22 { max-height: 22rem; }

.tsl-preview-96,
.tsl-preview-120 {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-preview-120 {
    width: 7.5rem;
    height: 7.5rem;
}

.tsl-preview-160x100 {
    width: 10rem;
    height: 6.25rem;
    object-fit: cover;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.job-history-row td {
    background: color-mix(in srgb, var(--tsl-surface-muted, #e8e3da) 80%, transparent);
    padding: 0 !important;
}

.job-history { padding: 0.55rem 0.85rem; }

.job-history-summary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    cursor: pointer;
    font-size: 0.88rem;
}

.job-history-summary::-webkit-details-marker { display: none; }

.job-history-body { padding: 0.55rem 0 0.85rem; }

.tsl-staff-stats {
    display: grid;
    gap: 0.85rem;
}

.tsl-staff-stats .tsl-staff-stats {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
}

.tsl-site-insights {
    display: grid;
    gap: 0;
}

.tsl-site-insights__section + .tsl-site-insights__section {
    margin-top: var(--tsl-space-lg, 2rem);
    padding-top: var(--tsl-space-lg, 2rem);
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-site-insights__section-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: var(--tsl-space-sm, 0.75rem);
}

.tsl-site-insights__section-header .tsl-staff-dashboard__section-title {
    margin-bottom: 0;
}

.tsl-site-insights__stack {
    display: grid;
    gap: 1.25rem;
}

.tsl-site-insights__stack .tsl-card {
    margin-bottom: 0;
}

.tsl-site-insights__generated-at {
    margin: 0;
    padding-top: 0.35rem;
    text-align: right;
}

.tsl-site-insights__live {
    display: grid;
    gap: 1rem;
}

.tsl-site-insights__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: color-mix(in srgb, var(--tsl-surface-muted, #e8e3da) 72%, transparent);
}

.tsl-site-insights__toolbar-note {
    margin: 0;
    max-width: 36rem;
}

.tsl-site-insights__kpis {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: 0.85rem;
}

.tsl-site-insights__kpi {
    padding: 0.85rem 1rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface, #fff);
    box-shadow: 0 1px 2px rgba(26, 31, 46, 0.04);
}

.tsl-site-insights__kpi-value {
    margin-top: 0.2rem;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-site-insights__detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.85rem;
}

.tsl-site-insights__detail-grid .tsl-card {
    margin-bottom: 0;
    height: 100%;
}

.tsl-site-insights__detail-grid--wide {
    grid-column: 1 / -1;
}

.tsl-site-insights__detail-grid .tsl-card__header {
    font-size: 0.88rem;
    font-weight: 600;
}

.tsl-staff-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.tsl-form-grid__label {
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-stats-panels {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.85rem;
}

.tsl-staff-stats__card {
    padding: 0.85rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #e8e3da);
}

.tsl-staff-stats__label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-staff-stats__value {
    margin-top: 0.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-chart-canvas {
    position: relative;
    height: 20rem;
    min-height: 20rem;
    margin-top: 0.85rem;
}

.tsl-chart-canvas canvas {
    display: block;
}

.tsl-chart-empty,
.tsl-chart-error {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.tsl-chart-error {
    color: var(--tsl-danger-muted-fg, #9b3b3b);
}

@media (max-width: 991px) {
    .tsl-superadmin-rules-layout,
    .tsl-superadmin-values-layout,
    .tsl-superadmin-templates-layout,
    .tsl-superadmin-permission-layout,
    .tsl-interaction-workbench--left-center,
    .tsl-superadmin-interaction-search,
    .tsl-superadmin-grid--2,
    .tsl-superadmin-grid--3,
    .tsl-superadmin-grid--4 {
        grid-template-columns: 1fr;
    }

    .tsl-interaction-workbench.messages-shell .qx-ops-grid-3,
    .tsl-superadmin-interaction-search {
        grid-template-columns: 1fr;
    }
}


.tsl-hide-desktop {
    display: none;
}

@media (max-width: 900px) {
    .tsl-hide-desktop {
        display: block;
    }
}

.tsl-personnel-page,
.tsl-personnel-page .tsl-index-workspace {
    display: block;
    min-width: 0;
}


.tsl-ter-body--header-top .tsl-ter-content > .tsl-index-page.tsl-personnel-page {
    display: contents;
}

.tsl-personnel-page .tsl-index-workspace {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-personnel-page .tsl-index-workspace__rail,
.tsl-personnel-page .tsl-index-workspace > aside,
.tsl-personnel-page .tsl-index-workspace__mobile-nav {
    display: none !important;
}

.tsl-personnel-page .tsl-index-workspace__main {
    min-width: 0;
}

.tsl-personnel-page.tsl-index-page {
    justify-items: stretch;
    width: 100%;
    max-width: none;
}

.tsl-personnel-page .tsl-index-settings__main .tsl-index-panel,
.tsl-personnel-page .tsl-index-settings__main .tsl-staff-status-tabs,
.tsl-personnel-page .tsl-index-settings__main .tsl-form {
    width: 100%;
    max-width: none;
}

.tsl-ter-body--header-top .tsl-personnel-page > .tsl-index-settings__layout,
.tsl-ter-body--header-top .tsl-personnel-page > .tsl-index-settings__layout > .tsl-index-settings__main {
    width: 100%;
    min-width: 0;
}


.tsl-ter-body--personnel.tsl-ter-body--settings {
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, var(--tsl-ter-left-col)) minmax(0, 1fr);
}

.tsl-ter-body--personnel .tsl-index-settings__layout,
.tsl-ter-body--personnel.tsl-ter-body--settings .tsl-index-settings__layout {
    grid-template-columns: minmax(0, 1fr);
}


.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-ter-aside--left {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
}

.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-ter-aside--right {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
}

.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-personnel-page > .tsl-index-settings__layout {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
}

.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static;
    width: calc(100% + (var(--ter-gutter) * 2));
    max-width: none;
    margin-left: calc(var(--ter-gutter) * -1);
    margin-right: calc(var(--ter-gutter) * -1);
    margin-bottom: 1rem;
    padding: 0;
}

.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card {
    max-width: none;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--tsl-surface-muted, #fff);
}

.tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--staff {
    --tsl-ter-left-col: 0rem;
    --tsl-ter-right-col: 0rem;
    grid-template-columns: minmax(0, 1fr);
}

.tsl-ter-body--staff .tsl-ter-content {
    grid-column: 1;
    width: 100%;
    max-width: none;
}

.tsl-ter-body--staff.tsl-ter-body--header-top .tsl-ter-content {
    display: block;
}

.tsl-staff-page .tsl-index-page {
    justify-items: stretch;
    width: 100%;
    max-width: none;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap {
    width: 100%;
    margin: 0 0 1rem;
    padding: 0;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card {
    max-width: none;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--tsl-surface-muted, #fff);
    height: 8.75rem;
    align-items: stretch;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 8.75rem;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--empty {
    min-height: 100%;
    visibility: hidden;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__eyebrow,
.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__title,
.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__lead {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-ter-hero__stat--heading {
    overflow: hidden;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__eyebrow,
.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__title,
.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__lead {
    max-width: none;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-wrap: nowrap;
}

.tsl-staff-page .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stat--heading .tsl-index-page-hero__lead {
    margin: 0 auto;
    width: 100%;
    line-height: 1.4;
}

.tsl-staff-page .tsl-index-page > .tsl-index-settings__layout,
.tsl-staff-page .tsl-index-page > .tsl-index-settings__layout > .tsl-index-settings__main {
    width: 100%;
    min-width: 0;
}

.tsl-staff-page {
    padding: 0 0 var(--tsl-space-lg, 2rem);
    min-width: 0;
}

.tsl-staff-page--ter .tsl-index-workspace__main {
    min-width: 0;
}

.tsl-index-workspace--ter {
    gap: 1.15rem;
}

.tsl-index-workspace--ter .tsl-index-workspace__rail {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    align-self: start;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.tsl-index-workspace__mobile-nav {
    margin-bottom: 0.85rem;
}

.tsl-staff-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    min-width: 0;
    padding: 0.35rem;
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    box-shadow: 0 2px 8px rgba(26, 31, 46, 0.06);
}

.tsl-staff-menu.tsl-staff-menu--ter-aside {
    display: grid;
    gap: 0.35rem;
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
}

.tsl-ter-side-card:has(.tsl-staff-menu--ter-aside) {

    padding: 0.65rem 0.4rem 0.55rem;
    overflow: visible;
}

.tsl-ter-side-card:has(.tsl-staff-menu--ter-aside) .tsl-ter-side-card__title {
    margin: 0 0.35rem 0.45rem;
}

.tsl-staff-menu--ter-aside .tsl-staff-menu__link--parent {

    padding-right: 1.75rem !important;
}

.tsl-staff-menu--ter-aside .tsl-staff-menu__toggle {
    width: 1.65rem;
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link .tsl-staff-menu__text {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-arrow {
    flex: 0 0 auto;
    margin-left: 0.15rem;
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 2.35rem;
    padding: 0.5rem 0.55rem;
    line-height: 1.35;
    overflow: visible;
    color: var(--tsl-ink, #111);
    background: var(--tsl-surface-muted, #fff);
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-1 {
    margin-left: 0;
    width: 100%;
    background: var(--tsl-surface-muted, #fff);
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-2 {
    margin-left: 0.55rem;
    width: calc(100% - 0.55rem);
    background: color-mix(in srgb, var(--tsl-ink, #111) 6%, var(--tsl-surface-muted, #fff));
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-3 {
    margin-left: 1.1rem;
    width: calc(100% - 1.1rem);
    background: color-mix(in srgb, var(--tsl-ink, #111) 10%, var(--tsl-surface-muted, #fff));
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link:hover:not(.is-active):not([aria-current="page"]),
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link:focus-visible:not(.is-active):not([aria-current="page"]) {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 45%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-2:hover:not(.is-active):not([aria-current="page"]),
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-2:focus-visible:not(.is-active):not([aria-current="page"]) {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 50%, color-mix(in srgb, var(--tsl-ink, #111) 6%, var(--tsl-surface-muted, #fff)));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-3:hover:not(.is-active):not([aria-current="page"]),
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-3:focus-visible:not(.is-active):not([aria-current="page"]) {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, color-mix(in srgb, var(--tsl-ink, #111) 10%, var(--tsl-surface-muted, #fff)));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link.is-active,
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link[aria-current="page"] {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 42%, var(--tsl-border, rgba(26, 31, 46, 0.12)));
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-2.is-active,
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-2[aria-current="page"] {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 78%, color-mix(in srgb, var(--tsl-ink, #111) 6%, var(--tsl-surface-muted, #fff)));
}

.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-3.is-active,
.tsl-staff-menu--ter-aside .tsl-index-settings__nav-link--depth-3[aria-current="page"] {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 82%, color-mix(in srgb, var(--tsl-ink, #111) 10%, var(--tsl-surface-muted, #fff)));
}

.tsl-staff-menu--ter-aside .tsl-staff-menu__panel-inner {
    margin-top: 0.35rem;
    margin-left: 0;
    padding-left: 0;
    border-left: none;

    gap: 0.35rem;
}

.tsl-staff-menu--ter-aside .tsl-staff-menu__group--ter-aside {
    gap: 0;
}


.tsl-staff-menu--ter-aside .tsl-staff-menu__panel-inner > .tsl-staff-menu__group > .tsl-staff-menu__panel > .tsl-staff-menu__panel-inner {
    margin-top: 0.35rem;
}

.tsl-staff-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.75rem;
    border: none;
    border-radius: var(--tsl-radius, 0.35rem);
    background: transparent;
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    text-decoration: none;
    word-break: break-word;
    transition: background-color 0.15s, color 0.15s;
}

.tsl-staff-menu__link--depth-1 {
    padding-left: 1.1rem;
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--tsl-surface-muted, #fff);
}

.tsl-staff-menu__link--depth-2 {
    padding-left: 1.55rem;
    font-size: 0.75rem;
    font-weight: 500;
    background: color-mix(in srgb, var(--tsl-ink, #111) 6%, var(--tsl-surface-muted, #fff));
}

.tsl-staff-menu__link--depth-3 {
    padding-left: 2rem;
    font-size: 0.75rem;
    font-weight: 500;
    background: color-mix(in srgb, var(--tsl-ink, #111) 10%, var(--tsl-surface-muted, #fff));
}

.tsl-staff-menu__link:hover,
.tsl-staff-menu__link:focus-visible {
    background: var(--tsl-accent-soft, #e8f0ec);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-menu__link.is-active {
    background: var(--tsl-accent, #5c8f7b);
    color: #fff;
}

.tsl-staff-menu__link.is-active .tsl-staff-menu__text,
.tsl-staff-menu__link.is-active .tsl-staff-menu__chevron {
    color: #fff;
}

.tsl-staff-menu__link--parent {
    padding-right: 2.85rem !important;
}

.tsl-staff-menu__text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
}

.tsl-staff-menu__text:has(+ .tsl-staff-menu__chevron) {
    padding-right: 0.15rem;
}

.tsl-staff-menu__chevron {
    flex: 0 0 12px;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    opacity: 0.65;
    pointer-events: none;
    transition: transform 0.25s, opacity 0.2s;
}

.tsl-staff-menu__inline-badge {
    display: inline-flex;
    margin-left: 0.35rem;
    flex-shrink: 0;
}

.tsl-staff-menu__link.is-active .tsl-staff-menu__inline-badge {
    background: #fff;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-menu__parent-wrap {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
}

.tsl-staff-menu__toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    z-index: 3;
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
}

.tsl-staff-menu__group {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tsl-staff-menu__panel {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    min-width: 0;
    overflow: hidden;
    transition: grid-template-rows 0.28s ease, opacity 0.22s ease;
}

.tsl-staff-menu__panel-inner {

    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    margin-top: 2px;
    margin-left: 0.45rem;
    padding-left: 0.55rem;
    border-left: 2px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-menu__group.is-branch-open > .tsl-staff-menu__panel,
.tsl-staff-menu__group.is-hover-open > .tsl-staff-menu__panel,
.tsl-staff-menu__group.is-touch-open > .tsl-staff-menu__panel {
    grid-template-rows: 1fr;
    opacity: 1;

    overflow: hidden;
}


.tsl-staff-menu__group.is-branch-open > .tsl-staff-menu__panel > .tsl-staff-menu__panel-inner,
.tsl-staff-menu__group.is-hover-open > .tsl-staff-menu__panel > .tsl-staff-menu__panel-inner,
.tsl-staff-menu__group.is-touch-open > .tsl-staff-menu__panel > .tsl-staff-menu__panel-inner {
    overflow: visible;
    min-height: min-content;
}

.tsl-staff-status-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: var(--tsl-space-lg, 2rem);
}

.tsl-staff-status-tabs__tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #f8fafb);
    color: var(--tsl-ink-muted, #5c6478);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.tsl-staff-status-tabs__tab:hover {
    border-color: var(--tsl-accent, #5c8f7b);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-status-tabs__tab.is-active {
    background: var(--tsl-accent, #5c8f7b);
    border-color: var(--tsl-accent, #5c8f7b);
    color: #fff;
}

.tsl-staff-moderation .tsl-staff-filters {
    margin-bottom: 0;
}

.tsl-moderation-footer {
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tsl-moderation-footer__controls {
    align-items: flex-end;
}

.tsl-moderation-footer__label {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-moderation-footer__select {
    min-width: 7rem;
    width: auto;
}

.tsl-staff-tab-nav {
    margin-top: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(14rem, 1fr);
    gap: var(--tsl-space-lg, 2rem);
}

.tsl-staff-dashboard-feed {
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr) minmax(14rem, 18rem);
}

.tsl-staff-dashboard-feed__nav,
.tsl-staff-dashboard-feed__aside {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    align-self: start;
}

.tsl-staff-dashboard-feed__nav .tsl-staff-menu {
    border: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

.tsl-staff-dashboard-feed__mobile-nav {
    margin-bottom: 0.25rem;
}

.tsl-staff-dashboard-feed__stats {
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    overflow: hidden;
    background: var(--tsl-surface, #fff);
}

.tsl-staff-dashboard-feed .tsl-community-post {
    cursor: pointer;
}

@media (max-width: 991px) {
    .tsl-staff-dashboard {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .tsl-staff-dashboard-feed {
        grid-template-columns: 1fr;
    }

    .tsl-staff-dashboard-feed__nav,
    .tsl-staff-dashboard-feed__aside {
        position: static;
    }
}

.tsl-index-workspace--no-rail {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-staff-dashboard__section-title {
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0 0 var(--tsl-space-sm, 0.75rem);
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-dashboard__panel {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
    box-shadow: 0 1px 2px rgba(26, 31, 46, 0.04);
    overflow: hidden;
}

.tsl-staff-dashboard__panel--notes {
    padding: 0.85rem 1rem;
}

.tsl-staff-dashboard > div > section + section {
    margin-top: var(--tsl-space-lg, 2rem);
}

.tsl-staff-dashboard__stat-row,
.tsl-staff-dashboard-feed__stats .tsl-staff-dashboard__stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tsl-space-sm, 0.75rem);
    padding: 0.65rem 0.85rem;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    transition: background 0.15s;
}

.tsl-staff-dashboard__stat-row:last-child {
    border-bottom: none;
}

.tsl-staff-dashboard__stat-row:hover {
    background: color-mix(in srgb, var(--tsl-ink, #1a1f2e) 4%, transparent);
}

.tsl-staff-dashboard__stat-row.is-zero {
    pointer-events: none;
}

.tsl-staff-dashboard__stat-row.is-zero .tsl-staff-dashboard__stat-label,
.tsl-staff-dashboard__stat-row.is-zero .tsl-staff-dashboard__stat-count {
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-dashboard__stat-label {
    font-size: 0.88rem;
    color: var(--tsl-ink-soft, #3d4455);
}

.tsl-staff-dashboard__stat-count {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--tsl-ink, #1a1f2e);
    min-width: 2ch;
    text-align: right;
}

.tsl-staff-dashboard__news-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.tsl-staff-dashboard__news-card {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.85rem 1rem;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
    box-shadow: 0 1px 2px rgba(26, 31, 46, 0.04);
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.tsl-staff-dashboard__news-card:hover,
.tsl-staff-dashboard__news-card:focus-visible {
    border-color: rgba(92, 143, 123, 0.35);
    box-shadow: 0 2px 8px rgba(26, 31, 46, 0.08);
    background: var(--tsl-surface-muted, #f8fafb);
}

.tsl-staff-dashboard__news-title {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.3;
}

.tsl-staff-dashboard__news-meta {
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #5c6478);
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
}

.tsl-staff-dashboard__news-category {
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: var(--tsl-accent-soft, #e8f0ec);
    color: var(--tsl-ink-soft, #3d4455);
    font-size: 0.72rem;
    font-weight: 600;
}

.tsl-staff-detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
    gap: var(--tsl-space-lg, 2rem);
    align-items: start;
}

@media (max-width: 1100px) {
    .tsl-staff-detail {
        grid-template-columns: 1fr;
    }
}

.tsl-staff-detail__main {
    min-width: 0;
}

.tsl-staff-detail__aside {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-md, 1.25rem);
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-staff-toolbar__meta {
    font-size: 0.85rem;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tsl-staff-meta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: var(--tsl-space-sm, 0.75rem) var(--tsl-space-md, 1.25rem);
    margin: var(--tsl-space-md, 1.25rem) 0;
}

.tsl-staff-meta-grid__item {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.tsl-staff-meta-grid__label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-meta-grid__value {
    font-size: 0.9rem;
    color: var(--tsl-ink, #1a1f2e);
    word-break: break-word;
}

.tsl-staff-detail-value {
    font-size: 0.9rem;
    color: var(--tsl-ink, #1a1f2e);
    word-break: break-word;
}

.tsl-staff-banner {
    padding: 0.75rem 1rem;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #f8fafb);
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.88rem;
}

.tsl-staff-banner--warning {
    background: #fff8e6;
    border-color: #f0d78c;
    color: #6b4f00;
}

.tsl-staff-banner--danger {
    background: color-mix(in srgb, var(--tsl-danger) 12%, #fff);
    border-color: color-mix(in srgb, var(--tsl-danger) 28%, transparent);
    color: var(--tsl-danger-muted-fg);
}

.tsl-staff-note-list {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-note-composer .tsl-label {
    display: block;
    margin-bottom: 0.4rem;
}

.tsl-staff-note {
    padding: var(--tsl-space-md, 1.25rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
}

.tsl-staff-note__meta {
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #5c6478);
    margin-bottom: 0.5rem;
}

.tsl-staff-note__body {
    font-size: 0.9rem;
    white-space: pre-wrap;
    margin: 0 0 0.75rem;
}

.tsl-staff-note .tsl-cluster {
    margin-top: 0.15rem;
}

.tsl-staff-message-thread {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-message {
    padding: var(--tsl-space-md, 1.25rem);
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #fff);
}

.tsl-staff-message.is-staff {
    border-left: 3px solid var(--tsl-accent, #5c8f7b);
}

.tsl-staff-message.is-member {
    border-left: 3px solid var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-message__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.35rem;
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #5c6478);
    margin-bottom: 0.35rem;
}

.tsl-staff-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tsl-space-sm, 0.75rem);
    align-items: flex-end;
    margin-bottom: var(--tsl-space-md, 1.25rem);
    padding: var(--tsl-space-md, 1.25rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-staff-filters .tsl-field {
    flex: 1 1 10rem;
    min-width: 8rem;
    margin: 0;
}

.tsl-members-search-workspace .tsl-members-search-filters {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-sm, 0.75rem);
    margin-bottom: var(--tsl-space-md, 1.25rem);
    padding: var(--tsl-space-md, 1.25rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-members-search-workspace .tsl-members-search-filters__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--tsl-space-sm, 0.75rem);
    align-items: flex-end;
    width: 100%;
}

.tsl-members-search-workspace .tsl-members-search-filters__grid .tsl-field {
    flex: 1 1 10rem;
    min-width: 8rem;
    margin: 0;
}

.tsl-members-search-workspace .tsl-staff-filters-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--tsl-space-sm, 0.75rem);
    padding-top: var(--tsl-space-sm, 0.75rem);
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-members-search-workspace .tsl-index-table tbody tr.members-search-row:hover td {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.tsl-index-table__sort {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
}

.tsl-index-table__sort:hover,
.tsl-index-table__sort:focus-visible {
    text-decoration: underline;
}

.tsl-load-time-label {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 120;
    margin: 0;
    padding: 0.2rem 0.45rem;
    font-size: 0.68rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: var(--tsl-ink-muted, #6b7289);
    background: color-mix(in srgb, var(--tsl-surface-muted, #fff) 92%, transparent);
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-left: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0 0 0 0.25rem;
    pointer-events: none;
    user-select: none;
}

.tsl-load-time-label[hidden] {
    display: none;
}


.tsl-member-detail-workspace.tsl-staff-detail {
    display: block;
    grid-template-columns: none;
}

.tsl-member-detail-workspace .tsl-staff-detail__main {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-md, 1.25rem);
    width: 100%;
    min-width: 0;
}

.tsl-member-detail-workspace .tsl-index-panel + .tsl-index-panel {
    margin-top: 0;
}

.tsl-member-detail-workspace .tsl-staff-meta-grid {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    margin: 0;
}

.tsl-member-detail-workspace .tsl-staff-meta-grid__item--wide {
    grid-column: 1 / -1;
}


.tsl-personnel-page .tsl-index-tabs--staff {
    gap: 0.35rem;
    margin-bottom: 0.15rem;
}

.tsl-personnel-page .tsl-index-tabs--staff .tsl-index-tabs__tab {
    padding: 0.35rem 0.7rem;
    font-size: 0.72rem;
}

.tsl-member-profile-card__summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tsl-space-md, 1.25rem);
    align-items: start;
}

.tsl-member-profile-card__photo {
    width: 5.5rem;
    height: 5.5rem;
    object-fit: cover;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #f8fafb);
    display: block;
}

.tsl-member-profile-card__fields {
    min-width: 0;
}

.tsl-member-profile-card__empty {
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-member-profile-card__propositions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--tsl-space-sm, 0.75rem) var(--tsl-space-md, 1.25rem);
}

.tsl-member-profile-card__proposition {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

@media (max-width: 640px) {
    .tsl-member-profile-card__summary {
        grid-template-columns: 1fr;
    }
}

.tsl-member-detail-link-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tsl-member-detail-actions {
    flex-wrap: wrap;
    gap: var(--tsl-space-sm, 0.75rem);
}

.tsl-member-detail-actions form {
    margin: 0;
}

.tsl-member-detail-subsection {
    padding-top: var(--tsl-space-sm, 0.75rem);
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-member-detail-subsection__title {
    margin: 0 0 var(--tsl-space-sm, 0.75rem);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--tsl-ink-soft, #4a5168);
}

.tsl-member-detail-form-row {
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--tsl-space-sm, 0.75rem);
    margin-bottom: var(--tsl-space-sm, 0.75rem);
}

.tsl-member-detail-form-row .tsl-field {
    flex: 1 1 10rem;
    min-width: 8rem;
    margin: 0;
}

.tsl-member-detail-more {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
    overflow: hidden;
}

.tsl-member-detail-more__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.75rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    user-select: none;
    color: var(--tsl-ink-soft, #4a5168);
}

.tsl-member-detail-more__toggle::-webkit-details-marker {
    display: none;
}

.tsl-member-detail-more > .tsl-staff-meta-grid {
    padding: 0 0.75rem 0.75rem;
    margin: 0;
}

.tsl-member-detail-workspace .tsl-index-table tr.is-muted {
    opacity: 0.65;
}

.tsl-staff-lock-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--tsl-space-sm, 0.75rem);
    padding: 0.75rem 1rem;
    margin-bottom: var(--tsl-space-md, 1.25rem);
    border-radius: var(--tsl-radius, 0.35rem);
    background: #fff8e6;
    border: 1px solid #f0d78c;
    color: #6b4f00;
    font-size: 0.88rem;
    min-width: 0;
}

.tsl-staff-lock-banner__user {
    min-width: 0;
    overflow-wrap: anywhere;
}

.tsl-staff-lock-banner__timer {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.tsl-staff-actions-card {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-actions-card__action,
.tsl-staff-actions-card__more {
    width: 100%;
    margin: 0;
}

.tsl-staff-actions-card__divider {
    margin: 0.15rem 0 0.5rem;
    border: 0;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-actions-card .tsl-btn {
    width: 100%;
    justify-content: center;
}

.tsl-staff-tab-nav.tsl-tabs {
    gap: 0.25rem;
    margin-bottom: var(--tsl-space-md, 1.25rem);
}

.tsl-staff-tab-nav .tsl-tabs__tab {
    white-space: nowrap;
}

.tsl-staff-toolbar-banner .tsl-staff-lock-banner {
    margin-bottom: 0;
    flex: 1 1 18rem;
    max-width: 100%;
}

.tsl-staff-ticket-workspace {
    margin-top: 0;
}

.tsl-inquiry-attachment {
    display: block;
    max-width: min(100%, 28rem);
    height: auto;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #fff);
}

.tsl-inquiry-context-frame,
.tsl-editor-min-h-760 {
    display: block;
    width: 100%;
    min-height: 760px;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #fff);
}

.tsl-staff-ticket-workspace__main {
    min-width: 0;
}

.tsl-ter-body--moderation-ticket .tsl-staff-moderation-right-aside,
.tsl-ter-body--inquiry-detail .tsl-staff-moderation-right-aside {
    display: flex;
    flex-direction: column;
    gap: var(--tsl-space-md, 1.25rem);
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card {
    margin-top: 0;
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-staff-actions-panel,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-staff-actions-panel {
    background: #e8e2e2;
    border-color: #d6cac8;
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-staff-actions-panel .tsl-card__header,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-staff-actions-panel .tsl-card__header {
    background: #e0d6d6;
    border-bottom-color: #d6cac8;
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-staff-actions-panel__primary + .tsl-staff-actions-panel__tools,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-staff-actions-panel__primary + .tsl-staff-actions-panel__tools {
    border-top-color: #d6cac8;
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-staff-actions-panel__primary,
.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-staff-actions-panel__tools,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-staff-actions-panel__primary,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-staff-actions-panel__tools {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tsl-ter-body--moderation-ticket .tsl-staff-actions-card .tsl-ter-btn--block,
.tsl-ter-body--inquiry-detail .tsl-staff-actions-card .tsl-ter-btn--block {
    width: 100%;
    flex: 1 1 auto;
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav.tsl-tabs {
    gap: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav.tsl-index-tabs {
    gap: 0.35rem;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav .tsl-index-tabs__tab {
    padding: 0.35rem 0.65rem;
    font-size: 0.72rem;
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav .tsl-tabs__tab {
    margin-bottom: -1px;
    border-radius: var(--tsl-radius, 0.35rem) var(--tsl-radius, 0.35rem) 0 0;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 0.55rem 0.85rem;
    font-size: 0.84rem;
    background: transparent;
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav .tsl-tabs__tab.is-active {
    background: var(--tsl-surface-muted, #fff);
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
    color: var(--tsl-ink, #1a1f2e);
    font-weight: 600;
}

.tsl-staff-ticket-workspace .tsl-staff-tab-nav .tsl-tabs__tab:hover:not(.is-active) {
    background: var(--tsl-accent-soft, #e8f0ec);
}

.tsl-staff-ticket-workspace .tsl-staff-lock-banner {
    margin: var(--tsl-space-sm, 0.75rem) 0 0;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary {
    margin: var(--tsl-space-sm, 0.75rem) 0 0;
    border-top-left-radius: 0;
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #f8fafb);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tsl-space-sm, 0.75rem);
    margin-bottom: 0.15rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary__title {
    font-family: var(--tsl-font-sans, inherit);
    font-size: 0.92rem;
    font-weight: 600;
    margin: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary .tsl-card__body {
    padding: 0.75rem 1rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary .tsl-staff-meta-grid {
    margin: 0.35rem 0 0;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.45rem 0.75rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary .tsl-staff-meta-grid__label {
    font-size: 0.68rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary .tsl-staff-meta-grid__value {
    font-size: 0.82rem;
}

.tsl-staff-ticket-workspace .tsl-staff-meta-grid {
    margin: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-meta-grid__item--wide {
    grid-column: 1 / -1;
}

.tsl-staff-ticket-workspace .tsl-staff-meta-grid__item dt,
.tsl-staff-ticket-workspace .tsl-staff-meta-grid__item dd {
    margin: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary__reasons {
    margin-top: var(--tsl-space-sm, 0.75rem);
    padding-top: var(--tsl-space-sm, 0.75rem);
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-summary__reasons-text {
    margin: 0.35rem 0 0;
    font-size: 0.82rem;
    color: var(--tsl-ink-soft, #3d4455);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content {
    margin-top: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .messages-shell--ticket-tab {
    min-height: min(560px, calc(100dvh - 300px));
    margin-top: var(--tsl-space-md, 0.75rem);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .messages-shell--ticket-tab.messages-shell--chat-only {
    min-height: min(480px, calc(100dvh - 280px));
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-card__body {
    padding: 0.85rem 1rem;
    font-size: 0.84rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-form-grid__label {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-form-grid__field {
    font-size: 0.84rem;
    color: var(--tsl-ink, #1a1f2e);
    line-height: 1.45;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-form-grid {
    gap: 0.35rem 0.85rem;
    align-items: start;
    padding: 0.45rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-form-grid--action {
    justify-content: unset;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-card__body > div:has(> .tsl-form-grid__label):not(.tsl-form-grid):not(.tsl-alert):not(.tsl-card):not(.tsl-staff-stats):not(.tsl-staff-toolbar):not(.tsl-staff-toolbar__actions) {
    display: grid;
    grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr);
    gap: 0.35rem 0.85rem;
    align-items: start;
    padding: 0.45rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content hr {
    margin: var(--tsl-space-sm, 0.75rem) 0;
    border: 0;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-dashboard__section-title {
    font-family: var(--tsl-font-sans, inherit);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
    margin: 0.25rem 0 0.5rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.65rem;
    margin-top: 0.35rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats--photos {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 12rem));
    align-items: start;
    margin-bottom: 0.35rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats__card {
    padding: 0.65rem;
    font-size: 0.82rem;
    background: var(--tsl-surface, #fff);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats__card img {
    display: block;
    width: 100%;
    max-width: 12rem;
    height: auto;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats--photos .tsl-staff-stats__card > button {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats--photos .tsl-staff-stats__card > button img {
    margin-top: 0.35rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-stats--photos .tsl-staff-stats__card > img {
    margin-top: 0.35rem;
}


.tsl-photo-lightbox {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    overscroll-behavior: contain;
    padding: 1.5rem;
    background: rgba(4, 21, 38, 0.82);
    cursor: pointer;
}

.tsl-photo-lightbox[hidden] {
    display: none !important;
}

.tsl-photo-lightbox-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100dvh - 3rem);
    object-fit: contain;
    margin: 0;
    border-radius: var(--tsl-radius-lg, 0.35rem);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
    pointer-events: auto;
}

.tsl-photo-lightbox-stage {
    position: relative;
    display: inline-block;
    width: fit-content;
    max-width: calc(100vw - 3rem);
    max-height: calc(100dvh - 3rem);
    line-height: 0;
    cursor: default;
    pointer-events: none;
}

.tsl-photo-lightbox-close {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
}

.tsl-photo-lightbox-close__icon {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
}

.tsl-photo-lightbox-close path {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tsl-photo-lightbox-close__outline {
    stroke: #041526;
    stroke-width: 6;
}

.tsl-photo-lightbox-close__mark {
    stroke: #fff;
    stroke-width: 2;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-detail-row {
    grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
    gap: 0.35rem 1rem;
    align-items: start;
    margin-bottom: 0;
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-detail-row--muted {
    background: color-mix(in srgb, var(--tsl-surface-muted, #f8fafb) 80%, #fff 20%);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-detail-row__label {
    font-size: 0.72rem;
    line-height: 1.35;
    padding-top: 0.05rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-detail-row__value {
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem 1rem;
    margin-bottom: var(--tsl-space-sm, 0.75rem);
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__col--center {
    text-align: center;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__col--end {
    text-align: end;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__primary {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__secondary,
.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__dates,
.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__meta {
    font-size: 0.78rem;
    color: var(--tsl-ink-muted, #5c6478);
    line-height: 1.4;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__title {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-fields {
    display: grid;
    gap: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-fields .tsl-staff-dashboard__section-title {
    margin-top: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-fields .tsl-staff-dashboard__section-title:first-child {
    margin-top: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-slider input[type="range"] {
    width: 100%;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject {
    display: grid;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject > .tsl-staff-dashboard__section-title {
    margin: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject > .tsl-staff-note__meta {
    margin: 0;
    line-height: 1.45;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__card {
    margin: 0;
    background: var(--tsl-surface, #fff);
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__card .tsl-card__body {
    padding: 0.9rem 1rem;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__card .tsl-staff-dashboard__section-title {
    margin: 0 0 0.15rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__fields {
    display: grid;
    gap: 0;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__fields .tsl-staff-detail-row {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__card .tsl-staff-toolbar__actions {
    flex-direction: column;
    align-items: stretch;
    margin-top: 0.15rem;
    padding-top: 0.65rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-probable-subject__card .tsl-staff-toolbar__actions .tsl-staff-note__meta {
    margin: 0;
}

@media (max-width: 900px) {
    .tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header {
        grid-template-columns: 1fr;
    }

    .tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__col--center,
    .tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-testimonial-header__col--end {
        text-align: start;
    }
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .moderation-text-normal,
.tsl-staff-ticket-workspace .tsl-staff-ticket-content .moderation-highlight {
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #fff);
    font-size: 0.84rem;
    line-height: 1.5;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .moderation-highlight .badge,
.tsl-staff-ticket-workspace .tsl-staff-ticket-content .moderation-text-highlighted .badge {
    display: inline;
    padding: 0.05em 0.28em;
    border-radius: 0.2em;
    font-weight: 650;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-meta-grid__item {
    padding: 0.35rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-meta-grid {
    margin: 0;
    gap: 0.35rem 1rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-meta-grid__label {
    font-size: 0.68rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-meta-grid__value {
    font-size: 0.82rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-note__body {
    font-size: 0.84rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-staff-note__meta {
    font-size: 0.72rem;
}

.tsl-staff-ticket-workspace .tsl-staff-ticket-content .tsl-card .tsl-card__body {
    padding: 0.65rem 0.75rem;
    font-size: 0.84rem;
}

.tsl-staff-ticket-type-panel {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
    overflow: hidden;
}

.tsl-staff-ticket-type-panel + .tsl-staff-ticket-type-panel {
    margin-top: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-ticket-type-panel__head {
    padding: 0.5rem 0.85rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 35%, var(--tsl-surface-muted, #f8fafb));
}

.tsl-staff-ticket-type-panel__title {
    margin: 0;
    font-family: var(--tsl-font-sans, inherit);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-ticket-type-panel__body {
    padding: 0.15rem 0.85rem 0.55rem;
}

.tsl-staff-ticket-type-panel__body .tsl-form-grid:last-child {
    border-bottom: none;
}

.tsl-staff-ticket-type-panel__body > div:has(> .tsl-form-grid__label):last-child {
    border-bottom: none;
}

.tsl-staff-ticket-workspace > .tsl-staff-ticket-workspace__main > .tsl-card:last-child {
    margin-bottom: 0;
}

.tsl-staff-actions-panel__title {
    font-family: var(--tsl-font-sans, inherit);
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.tsl-staff-actions-panel .tsl-card__header {
    padding: 0.65rem var(--tsl-space-md, 1.25rem);
    background: var(--tsl-surface, #faf8f5);
}

.tsl-staff-actions-panel__primary + .tsl-staff-actions-panel__tools {
    padding-top: 0.15rem;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-actions-panel__tools .tsl-btn--ghost {
    color: var(--tsl-ink-soft, #3d4455);
}

.tsl-staff-actions-card__more {
    padding-top: var(--tsl-space-sm, 0.75rem);
    border-top: 1px dashed var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-staff-actions-card__more .tsl-staff-detail-row {
    margin-bottom: 0.35rem;
}

.tsl-staff-actions-card__more .tsl-staff-detail-row__label {
    font-size: 0.72rem;
}

.tsl-staff-actions-card__more .tsl-staff-detail-row__value {
    font-size: 0.82rem;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

.tsl-staff-actions-card__more .tsl-staff-detail-row__value--id {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tsl-ter-aside--right .tsl-staff-actions-card__more .tsl-staff-detail-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.15rem;
    margin-bottom: 0;
}

.tsl-ter-aside--right .tsl-staff-actions-card,
.tsl-ter-aside--right .tsl-staff-actions-panel,
.tsl-ter-aside--right .tsl-staff-actions-panel .tsl-card__body {
    min-width: 0;
}

.tsl-data-table {
    margin-top: var(--tsl-space-sm, 0.75rem);
}

div.tsl-data-table {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
    overflow: hidden;
}

div.tsl-data-table .tsl-table {
    margin-bottom: 0;
}

div.tsl-data-table .tsl-table th {
    width: auto;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--tsl-ink-muted, #5c6478);
    background: var(--tsl-surface-muted, #f8fafb);
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1;
}

.tsl-table-sort-head {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.tsl-table-sort-head__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
}

div.tsl-data-table .tsl-table td {
    background: var(--tsl-surface-muted, #fff);
    vertical-align: middle;
}

div.tsl-data-table .tsl-table tbody tr:hover td {
    background: var(--tsl-accent-soft, #e8f0ec);
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--low td {
    background: #fff8cc;
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--medium td {
    background: #ffe2c6;
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--high td {
    background: #ffd5d5;
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--low:hover td {
    background: #fff1a8;
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--medium:hover td {
    background: #ffd2a8;
}

div.tsl-data-table .tsl-table tbody tr.tsl-activity-watch-row--high:hover td {
    background: #ffc0c0;
}

div.tsl-data-table .tsl-table-wrap {
    border-radius: 0;
}

.tsl-data-table .tsl-table td.is-numeric {
    text-align: right;
}

.tsl-data-table .tsl-table tr.is-muted {
    opacity: 0.6;
}

.tsl-data-table .tsl-table a {
    font-weight: 600;
}

.tsl-table thead .tsl-sort-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem;
    margin: 0 0 0 0.05rem;
    border: none;
    background: transparent;
    box-shadow: none;
    opacity: 0.55;
    font-size: 0;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
    color: inherit;
    border-radius: 0.2rem;
}

.tsl-table thead .tsl-sort-indicator:hover {
    opacity: 0.85;
    background: color-mix(in srgb, var(--tsl-ink, #1a1f2e) 8%, transparent);
}

.tsl-table thead .tsl-sort-indicator.is-active {
    opacity: 1;
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(92, 143, 123, 0.14)) 70%, transparent);
}

.tsl-table thead .tsl-sort-indicator img {
    display: block;
    width: 12px;
    height: 12px;
}

.tsl-staff-context-preview {
    padding: var(--tsl-space-md, 1.25rem);
    border: 1px dashed var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
    font-size: 0.9rem;
}

.tsl-staff-news-article {
    width: 100%;
    max-width: none;
}

.tsl-staff-news-article__header .tsl-index-panel__title {
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.65rem);
    line-height: 1.25;
}

.tsl-staff-news-article__byline {
    margin: 0;
    font-size: 0.84rem;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-news-article__body {
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-staff-news-article__body > *:first-child {
    margin-top: 0;
}

.tsl-staff-news-article__body > *:last-child {
    margin-bottom: 0;
}

.tsl-staff-news-article__body p {
    margin: 0 0 0.85rem;
}

.tsl-staff-news-article__body a {
    color: var(--tsl-accent, #005da8);
}

.tsl-staff-quick-replies {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-quick-replies .tsl-btn {
    font-size: 0.78rem;
    padding: 0.25rem 0.55rem;
}

.tsl-staff-detail-row {
    display: grid;
    grid-template-columns: minmax(6rem, 22%) 1fr;
    gap: 0.35rem var(--tsl-space-md, 1.25rem);
    align-items: baseline;
    margin-bottom: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-detail-row--quad {
    grid-template-columns: minmax(5rem, 18%) 1fr minmax(5rem, 18%) 1fr;
}

.tsl-staff-detail-row__label {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-detail-row__value {
    font-size: 0.9rem;
    color: var(--tsl-ink, #1a1f2e);
    word-break: break-word;
}

.tsl-staff-filters-panel {
    margin-bottom: var(--tsl-space-md, 1.25rem);
}

.tsl-staff-filters-form {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: var(--tsl-space-sm, 0.75rem);
}

.tsl-staff-filters-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tsl-space-sm, 0.75rem);
    justify-content: flex-end;
    margin-top: var(--tsl-space-md, 1.25rem);
}

.tsl-staff-perm-hint--included {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-staff-perm-hint--excluded {
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-perm-hint--override {
    color: #9a7b28;
}

.tsl-staff-perm-groups__note {
    display: block;
    margin-top: 0.35rem;
}

.tsl-staff-perm-groups-accordion {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tsl-staff-perm-section {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #fff);
    overflow: hidden;
}

.tsl-staff-perm-section__header {
    margin: 0;
}

.tsl-staff-perm-section__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 0;
    background: var(--tsl-surface-muted, #f8fafb);
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.86rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.tsl-staff-perm-section__toggle:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.tsl-staff-perm-section__toggle[aria-expanded="true"] {
    color: var(--tsl-accent, #5c8f7b);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, #fff);
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.tsl-2state {
    max-width: 14rem;
}

.tsl-2state-track {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 2.1rem;
    overflow: hidden;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.16));
    border-radius: 999px;
    background: var(--tsl-surface-muted, #f3f5f7);
}

.tsl-2state-track:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 40%, var(--tsl-surface-muted, #fff));
}

.tsl-2state-thumb {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    width: calc(50% - 4px);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26, 31, 46, 0.16);
    transition: transform 120ms ease;
    z-index: 1;
    pointer-events: none;
}

body.tsl-body--dark-mode .tsl-2state-track {
    background: color-mix(in srgb, var(--tsl-surface, #181c25) 78%, #000);
}

body.tsl-body--dark-mode .tsl-2state-track:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(142, 159, 198, 0.18)) 40%, var(--tsl-surface, #181c25));
}

body.tsl-body--dark-mode .tsl-2state-thumb {
    background: color-mix(in srgb, var(--tsl-surface-muted, #1e293b) 72%, var(--tsl-accent, #8e9fc6) 28%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

.tsl-2state[data-state="allow"] .tsl-2state-thumb,
.tsl-2state[data-state="left"] .tsl-2state-thumb {
    transform: translateX(0);
}

.tsl-2state[data-state="none"] .tsl-2state-thumb,
.tsl-2state[data-state="deny"] .tsl-2state-thumb,
.tsl-2state[data-state="right"] .tsl-2state-thumb {
    transform: translateX(100%);
}

.tsl-2state-seg {
    appearance: none;
    z-index: 2;
    border: 0;
    margin: 0;
    padding: 0 0.5rem;
    background: transparent;
    color: var(--tsl-ink-muted, #5c6478);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
}

.tsl-2state-seg:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--tsl-accent, #5c8f7b) 55%, transparent);
    outline-offset: -2px;
}

.tsl-2state-role[data-state="allow"] .tsl-2state-seg[data-value="allow"],
.tsl-2state-group[data-state="allow"] .tsl-2state-seg[data-value="allow"],
.tsl-2state[data-state="left"] .tsl-2state-seg:first-of-type,
.tsl-2state[data-state="right"] .tsl-2state-seg:last-of-type {
    color: var(--tsl-accent, #5c8f7b);
}

body.tsl-body--dark-mode .tsl-2state-seg {
    color: var(--tsl-ink-soft, #b8c0c8);
}

body.tsl-body--dark-mode .tsl-2state-role[data-state="allow"] .tsl-2state-seg[data-value="allow"],
body.tsl-body--dark-mode .tsl-2state-group[data-state="allow"] .tsl-2state-seg[data-value="allow"],
body.tsl-body--dark-mode .tsl-2state[data-state="left"] .tsl-2state-seg:first-of-type,
body.tsl-body--dark-mode .tsl-2state[data-state="right"] .tsl-2state-seg:last-of-type {
    color: var(--tsl-ink, #e8eaee);
}

.tsl-2state-role[data-state="none"] .tsl-2state-seg[data-value="none"] {
    color: var(--tsl-ink-soft, #4a5168);
}

.tsl-2state-group[data-state="deny"] .tsl-2state-seg[data-value="deny"] {
    color: var(--tsl-danger, #b42318);
}

.tsl-2state-group[data-public="1"] {
    pointer-events: none;
}

.tsl-2state-group[data-public="1"] .tsl-2state-track {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, var(--tsl-surface-muted, #fff));
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, rgba(26, 31, 46, 0.16)));
}

.tsl-2state-group[data-public="1"] .tsl-2state-track:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 70%, var(--tsl-surface-muted, #fff));
}

.tsl-2state-group[data-public="1"] .tsl-2state-thumb {
    box-shadow: 0 1px 3px rgba(26, 31, 46, 0.12);
}

.tsl-2state-group[data-public="1"][data-state="allow"] .tsl-2state-seg[data-value="allow"] {
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-2state-group[data-public="1"] .tsl-2state-seg[data-value="deny"] {
    opacity: 0.4;
}

.tsl-2state-seg:disabled {
    cursor: not-allowed;
}

.tsl-pager-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--tsl-space-sm, 0.75rem);
    margin-bottom: var(--tsl-space-sm, 0.75rem);
}

@media (max-width: 900px) {
    .tsl-index-workspace--ter .tsl-index-workspace__rail {
        position: static;
    }

    .tsl-staff-detail__aside {
        position: static;
    }
}


.messages-aside-shell {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.messages-aside-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: 0.65rem;
    gap: 0.45rem;
}

.messages-aside-tabs {
    flex: 0 0 auto;
    margin: 0;
}

.messages-aside-lists {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.messages-aside-shell .qx-sessions-contacts-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-aside-shell .qx-sessions-contacts-panel__pane {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-aside-shell [data-role^="tab-panel-"][hidden],
.messages-aside-shell .qx-sessions-contacts-panel__pane[hidden] {
    display: none !important;
}

.messages-aside-shell .qx-interaction-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.messages-aside-shell .qx-interaction-panel__header {
    padding: 0.15rem 0.15rem 0.35rem;
    margin-bottom: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 70%, transparent);
}

.messages-aside-shell .qx-interaction-list {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-aside-shell .qx-interaction-list--scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    padding-right: 0.1rem;
}

.messages-aside-shell .qx-session-row.qx-panel,
.messages-aside-shell .qx-contact-row.qx-panel {
    padding: 0.45rem 0.5rem;
    margin-bottom: 0.25rem;
    border: 1px solid transparent;
    border-radius: var(--tsl-radius, 0.35rem);
    box-shadow: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.messages-aside-shell .qx-session-row.qx-panel:hover,
.messages-aside-shell .qx-contact-row.qx-panel:hover {
    background: var(--tsl-surface-muted, #f3efe8);
    border-color: color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 55%, transparent);
}

.messages-aside-shell .qx-session-row.qx-panel.is-active,
.messages-aside-shell .qx-contact-row.qx-panel.is-active {
    background: var(--tsl-accent-soft, rgba(92, 143, 123, 0.12));
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 28%, transparent);
}

.messages-aside-shell .qx-session-row > .qx-between,
.messages-aside-shell .qx-contact-row > .qx-between {
    align-items: flex-start;
    gap: 0.35rem;
    width: 100%;
}

.messages-aside-shell .qx-session-row .qx-btn-reset.qx-w-100,
.messages-aside-shell .qx-contact-row .qx-btn-reset.qx-w-100 {
    min-width: 0;
    flex: 1 1 auto;
}

.messages-aside-shell .qx-session-row .qx-cluster,
.messages-aside-shell .qx-contact-row .qx-cluster {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.4rem;
    width: 100%;
}

.messages-aside-shell .qx-session-row .qx-grow > .qx-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.35rem;
    width: 100%;
}

.messages-aside-shell .qx-session-row .qx-session-name {
    flex: 1 1 calc(100% - 2.5rem);
    max-width: 100%;
}

.messages-aside-shell .qx-session-row .qx-session-type,
.messages-aside-shell .qx-session-row .qx-list-unread-badge {
    flex: 0 1 auto;
    max-width: 100%;
}

.messages-aside-shell .qx-session-row .qx-session-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messages-aside-shell .qx-session-row .qx-session-preview {
    width: 100%;
    margin-top: 0.1rem;
}

.messages-aside-shell .qx-interaction-list [data-role="empty-state"],
.messages-aside-shell .qx-interaction-list > .qx-text-muted {
    padding: 0.85rem 0.5rem;
    color: var(--tsl-ink-muted, #5c6478);
    font-size: 0.88rem;
    line-height: 1.45;
    text-align: center;
}

.tsl-messages-page .tsl-messages-panel {
    padding: 0;
    overflow: hidden;
}

.tsl-messages-page .tsl-index-panel__header {
    padding: 1rem 1.1rem 0.65rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: color-mix(in srgb, var(--tsl-surface-muted, #f8fafb) 55%, var(--tsl-surface, #fff));
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-messages-page .tsl-index-panel__title {
    margin: 0;
    font-size: 1.05rem;
}

.messages-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
    min-width: 0;
    min-height: min(calc(100dvh - 220px), 860px);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: var(--tsl-surface, #fff);
    color: var(--tsl-ink, #1a1f2e);
    overflow: hidden;
}

.messages-shell--chat-only {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    min-height: min(calc(100dvh - 240px), 860px);
    background: linear-gradient(
        180deg,
        var(--tsl-surface-muted, #f8fafb) 0%,
        var(--tsl-surface, #fff) 12rem
    );
    transition: box-shadow 0.25s ease;
}

.messages-shell--chat-only.is-messages-view-focused {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.messages-shell.tsl-staff-messages-page.is-messages-view-focused {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.messages-shell .tsl-interaction-workspace__sidebar,
.messages-shell .tsl-interaction-workspace__main {
    min-height: 0;
    min-width: 0;
}

.messages-shell .messages-sidebar {
    border-right: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    display: flex;
    flex-direction: column;
}

.messages-shell .messages-sidebar-inner {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0.35rem;
}

.messages-shell .messages-sidebar-inner > .qx-sessions-contacts-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-shell .messages-sidebar-tabs {
    flex: 0 0 auto;
    margin: 0 0 0.35rem;
    padding: 0 0.15rem;
}

.messages-shell .messages-main {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
}

.messages-shell--chat-only .messages-main {
    min-height: 100%;
}

.messages-shell [data-role^="tab-panel-"][hidden],
.messages-shell .qx-sessions-contacts-panel__pane[hidden] {
    display: none !important;
}

.messages-shell .qx-sessions-contacts-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-shell .qx-sessions-contacts-panel__pane {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-shell .qx-interaction-panel {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

:is(.messages-shell, .messages-aside-shell) .qx-interaction-panel__header {
    padding: 0.35rem 0.4rem;
    margin-bottom: 0;
}

.messages-shell .qx-interaction-list {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-shell .qx-interaction-list--scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
}

.messages-shell .qx-session-row.qx-panel,
.messages-shell .qx-contact-row.qx-panel {
    padding: 0.45rem 0.55rem;
    margin-bottom: 0.15rem;
    border: none;
    border-radius: var(--tsl-radius, 0.35rem);
    box-shadow: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

.messages-shell .qx-session-row.qx-panel:hover,
.messages-shell .qx-contact-row.qx-panel:hover {
    background: var(--tsl-surface-muted, #f3efe8);
}

.messages-shell .qx-session-row.qx-panel.is-active,
.messages-shell .qx-contact-row.qx-panel.is-active {
    background: var(--tsl-accent-soft, rgba(92, 143, 123, 0.12));
}

.messages-shell .qx-interaction-list [data-role="empty-state"],
.messages-shell .qx-interaction-list > .qx-text-muted {
    padding: 0.75rem;
    color: var(--tsl-ink-muted, #5c6478);
    font-size: 0.9rem;
}

.messages-shell [data-interaction-extension="interaction.sessionMessages"] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.messages-shell [data-interaction-extension="interaction.sessionMessages"] > .qx-chat {
    flex: 1 1 auto;
    min-height: 0;
}

.messages-shell .qx-chat {
    margin: 0;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] {
    flex: 0 0 auto;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface, #fff);
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] .qx-chat {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.messages-shell .qx-chat--empty {
    justify-content: center;
    text-align: center;
}

.messages-shell .qx-chat__scroller--messages {
    flex: 1 1 auto;
    min-height: 8rem;
    max-height: none;
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] .tsl-quill {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] .tsl-quill .ql-toolbar {
    border: none;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] .tsl-quill .ql-container {
    border: none;
}

.messages-shell [data-interaction-extension="interaction.sendMessage"] textarea[data-role="message-body"] {
    display: block;
    width: 100%;
    min-height: 5.5rem;
    box-sizing: border-box;
    resize: vertical;
    margin: 0;
}

.tsl-quill {
    background: var(--tsl-surface-muted, #fff);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    overflow: hidden;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-quill .ql-editor {
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-quill .ql-editor.ql-blank::before {
    color: var(--tsl-ink-muted, #6b7289);
    font-style: normal;
}

.tsl-quill .ql-snow .ql-stroke {
    stroke: var(--tsl-ink-soft, #4a5168);
}

.tsl-quill .ql-snow .ql-fill {
    fill: var(--tsl-ink-soft, #4a5168);
}

.tsl-quill .ql-snow .ql-picker {
    color: var(--tsl-ink-soft, #4a5168);
}

.tsl-quill .ql-snow.ql-toolbar button:hover .ql-stroke,
.tsl-quill .ql-snow .ql-toolbar button:hover .ql-stroke,
.tsl-quill .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.tsl-quill .ql-snow .ql-toolbar button.ql-active .ql-stroke {
    stroke: var(--tsl-accent, #5c8f7b);
}

.tsl-quill .ql-snow.ql-toolbar button:hover .ql-fill,
.tsl-quill .ql-snow .ql-toolbar button:hover .ql-fill,
.tsl-quill .ql-snow.ql-toolbar button.ql-active .ql-fill,
.tsl-quill .ql-snow .ql-toolbar button.ql-active .ql-fill {
    fill: var(--tsl-accent, #5c8f7b);
}

.tsl-quill .ql-toolbar.ql-snow {
    border: none;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    font-family: inherit;
    background: transparent;
}

.tsl-quill .ql-container.ql-snow {
    border: none;
    font-family: inherit;
    font-size: 0.95rem;
    background: transparent;
}

.tsl-quill .ql-editor {
    min-height: 7rem;
}

.tsl-quill--chat .ql-editor {
    min-height: 5.5rem;
}

.tsl-quill__source {

}


:is(.messages-shell, .messages-aside-shell) .qx-cluster {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    min-width: 0;
}

:is(.messages-shell, .messages-aside-shell) .qx-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    min-width: 0;
}

:is(.messages-shell, .messages-aside-shell) .qx-grow { flex: 1 1 auto; min-width: 0; }
:is(.messages-shell, .messages-aside-shell) .qx-min-w-0 { min-width: 0; }
:is(.messages-shell, .messages-aside-shell) .qx-w-100 { width: 100%; }
:is(.messages-shell, .messages-aside-shell) .qx-stack { display: flex; flex-direction: column; gap: 0.65rem; }
:is(.messages-shell, .messages-aside-shell) .qx-center { display: flex; align-items: center; justify-content: center; }
:is(.messages-shell, .messages-aside-shell) .qx-hidden { display: none !important; }
:is(.messages-shell, .messages-aside-shell) .qx-overflow-auto { overflow: auto; }
:is(.messages-shell, .messages-aside-shell) .qx-mb-0 { margin-bottom: 0; }
:is(.messages-shell, .messages-aside-shell) .qx-mb-2 { margin-bottom: 0.5rem; }
:is(.messages-shell, .messages-aside-shell) .qx-mb-3 { margin-bottom: 0.75rem; }
:is(.messages-shell, .messages-aside-shell) .qx-mt-3 { margin-top: 0.75rem; }

:is(.messages-shell, .messages-aside-shell) .qx-text-muted,
:is(.messages-shell, .messages-aside-shell) .qx-text-sm.qx-text-muted {
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-text-sm { font-size: 0.84rem; }
:is(.messages-shell, .messages-aside-shell) .qx-text-semibold { font-weight: 600; }
:is(.messages-shell, .messages-aside-shell) .qx-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(.messages-shell, .messages-aside-shell) .qx-link-reset,
:is(.messages-shell, .messages-aside-shell) a.qx-link-reset {
    color: inherit;
    text-decoration: none;
}

:is(.messages-shell, .messages-aside-shell) .qx-link-reset:hover,
:is(.messages-shell, .messages-aside-shell) a.qx-link-reset:hover {
    color: var(--tsl-accent, #5c8f7b);
}

:is(.messages-shell, .messages-aside-shell) .qx-btn-reset {
    border: none;
    background: transparent;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

:is(.messages-shell, .messages-aside-shell) .qx-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:is(.messages-shell, .messages-aside-shell) .qx-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 1.2rem;
    max-width: 100%;
    padding: 0.08rem 0.4rem;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.15;
    border: 1px solid transparent;
    background: var(--tsl-surface-muted, #eef1f4);
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-badge--low {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 18%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-ink, #3d6b5a);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 24%, transparent);
}

:is(.messages-shell, .messages-aside-shell) .qx-badge--high,
:is(.messages-shell, .messages-aside-shell) .qx-badge--elevated {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 26%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-ink, #2f5f50);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 30%, transparent);
}

:is(.messages-shell, .messages-aside-shell) .qx-badge--critical,
:is(.messages-shell, .messages-aside-shell) .qx-badge--severe {
    background: color-mix(in srgb, var(--tsl-danger) 16%, var(--tsl-surface-muted, #fff));
    color: var(--tsl-danger-muted-fg);
    border-color: color-mix(in srgb, var(--tsl-danger) 28%, transparent);
}

:is(.messages-shell, .messages-aside-shell) .qx-badge--muted {
    background: var(--tsl-surface-muted, #eef1f4);
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-list-unread-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    background: var(--tsl-accent, #5c8f7b);
    color: #fff;
}

:is(.messages-shell, .messages-aside-shell) .qx-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.16));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #1a1f2e);
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    text-decoration: none;
}

:is(.messages-shell, .messages-aside-shell) .qx-btn:hover,
:is(.messages-shell, .messages-aside-shell) .qx-btn:focus-visible {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, var(--tsl-border, #ddd));
    color: var(--tsl-accent, #5c8f7b);
}

:is(.messages-shell, .messages-aside-shell) .qx-btn--sm {
    min-height: 1.75rem;
    padding: 0.2rem 0.55rem;
    font-size: 0.78rem;
}

:is(.messages-shell, .messages-aside-shell) .qx-btn--ghost {
    border-color: transparent;
    background: transparent;
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-btn--ghost:hover,
:is(.messages-shell, .messages-aside-shell) .qx-btn--ghost:focus-visible {
    background: var(--tsl-surface-muted, #f3efe8);
    color: var(--tsl-ink, #1a1f2e);
}

:is(.messages-shell, .messages-aside-shell) .qx-btn--secondary {
    background: #fff;
}

:is(.messages-shell, .messages-aside-shell) .qx-btn--danger {
    background: color-mix(in srgb, var(--tsl-danger) 12%, #fff);
    border-color: color-mix(in srgb, var(--tsl-danger) 30%, transparent);
    color: var(--tsl-danger-muted-fg);
}

.messages-shell [data-interaction-extension="interaction.sessionTools"] {
    flex: 0 0 auto;
    padding: 0.7rem 0.85rem 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 80%, transparent);
}

.messages-shell [data-interaction-extension="interaction.sessionTools"] > .qx-between > h5 {
    margin: 0;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.25;
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .qx-session-tools {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 85%, transparent);
    border-radius: var(--tsl-radius, 0.35rem);
    background: color-mix(in srgb, var(--tsl-surface-muted, #f4f6f8) 88%, #fff);
}

.messages-shell .qx-session-tools__row {
    display: grid;
    grid-template-columns: minmax(7.25rem, 9rem) minmax(0, 1fr);
    gap: 0.25rem 0.85rem;
    align-items: baseline;
    font-size: 0.84rem;
    line-height: 1.45;
}

.messages-shell .qx-session-tools__row--start {
    align-items: start;
}

.messages-shell .qx-session-tools__label {
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.messages-shell .qx-session-tools__value {
    min-width: 0;
    color: var(--tsl-ink, #1a1f2e);
    word-break: break-word;
}

.messages-shell .qx-session-tools__value.qx-stack {
    gap: 0.3rem;
}

.messages-shell .qx-session-tools code,
.messages-shell .qx-session-tools__value code {
    display: inline-block;
    max-width: 100%;
    padding: 0.12rem 0.4rem;
    border-radius: 0.28rem;
    background: color-mix(in srgb, #fff 72%, var(--tsl-surface-muted, #e8ecf0));
    border: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 70%, transparent);
    color: var(--tsl-ink, #1a1f2e);
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: 0.76rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

:is(.messages-shell, .messages-aside-shell) .qx-interaction-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0.4rem 0.55rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.1));
}

:is(.messages-shell, .messages-aside-shell) .qx-interaction-panel__label {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-contact-group-label {
    margin: 0.55rem 0.35rem 0.25rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-session-avatar-wrap,
:is(.messages-shell, .messages-aside-shell) .qx-contact-avatar-wrap {
    position: relative;
    flex: 0 0 auto;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-avatar,
:is(.messages-shell, .messages-aside-shell) .qx-contact-avatar__img,
:is(.messages-shell, .messages-aside-shell) .qx-chat__avatar,
:is(.messages-shell, .messages-aside-shell) .qx-msg-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    object-fit: cover;
    background: var(--tsl-surface-muted, #eef1f4);
    border: 1px solid color-mix(in srgb, var(--tsl-border, #ddd) 80%, transparent);
}

:is(.messages-shell, .messages-aside-shell) .qx-session-avatar {
    position: relative;
    overflow: hidden;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-avatar__img,
:is(.messages-shell, .messages-aside-shell) .qx-session-avatar__slice-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

:is(.messages-shell, .messages-aside-shell) .qx-avatar-unread-dot {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--tsl-accent, #5c8f7b);
    border: 2px solid #fff;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-name,
:is(.messages-shell, .messages-aside-shell) .qx-contact-name {
    flex: 1 1 auto;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--tsl-ink, #1a1f2e);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-type {
    flex: 0 0 auto;
    font-size: 0.65rem;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-preview,
:is(.messages-shell, .messages-aside-shell) .qx-contact-email {
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #6b7289);
}

:is(.messages-shell, .messages-aside-shell) .qx-session-remove {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    border-radius: 999px;
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 1rem;
    line-height: 1;
}

:is(.messages-shell, .messages-aside-shell) .qx-session-remove:hover,
:is(.messages-shell, .messages-aside-shell) .qx-session-remove:focus-visible {
    background: color-mix(in srgb, var(--tsl-danger) 12%, #fff);
    color: var(--tsl-danger-muted-fg);
}

:is(.messages-shell, .messages-aside-shell) .qx-contact-top {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

:is(.messages-shell, .messages-aside-shell) .qx-contact-chat-indicator {
    margin-left: auto;
    color: var(--tsl-ink-muted, #6b7289);
    font-size: 0.95rem;
}

:is(.messages-shell, .messages-aside-shell) .qx-contact-badges {
    gap: 0.3rem;
}

:is(.messages-shell, .messages-aside-shell) .qx-contact-badge {
    font-size: 0.64rem;
}

.messages-shell [data-role="session-header"] {
    padding: 0.35rem 0 0.75rem;
    margin-bottom: 0.35rem;
    border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.1));
}

.messages-shell .qx-chat__name {
    margin: 0;
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .qx-chat__scroller--messages {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.35rem 0.15rem 0.75rem;
}

.messages-shell .qx-msg-row {
    display: grid;
    gap: 0.55rem;
    align-items: end;
    max-width: 100%;
}

.messages-shell .qx-msg-row--in {
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: start;
}

.messages-shell .qx-msg-row--out {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: end;
}

.messages-shell .qx-msg-row--highlight {
    border-radius: var(--tsl-radius, 0.35rem);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 45%, transparent);
}

.messages-shell .qx-msg-mid {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    max-width: min(100%, 34rem);
}

.messages-shell .qx-msg-row--out .qx-msg-mid {
    align-items: flex-end;
}

.messages-shell .qx-msg-sender {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-msg-sender--staff {
    color: var(--tsl-accent, #5c8f7b);
}

.messages-shell .qx-msg-wrap {
    position: relative;
    width: 100%;
}

.messages-shell .qx-msg-tools {
    position: absolute;
    top: -0.15rem;
    right: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.messages-shell .qx-msg-row:hover .qx-msg-tools,
.messages-shell .qx-msg-tools[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
}

.messages-shell .qx-msg-bubble {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2rem;
    max-width: 100%;
    padding: 0.55rem 0.7rem;
    border-radius: 0.85rem;
    border: 1px solid transparent;
    font-size: 0.9rem;
    line-height: 1.45;
    word-break: break-word;
}

.messages-shell .qx-msg-bubble--in {
    background: var(--tsl-surface-muted, #f3efe8);
    border-color: color-mix(in srgb, var(--tsl-border, #ddd) 80%, transparent);
    color: var(--tsl-ink, #1a1f2e);
    border-bottom-left-radius: 0.25rem;
}

.messages-shell .qx-msg-bubble--out {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 22%, var(--tsl-surface, #fff));
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 28%, transparent);
    color: var(--tsl-ink, #1a1f2e);
    border-bottom-right-radius: 0.25rem;
}

.messages-shell .qx-msg-bubble-body {
    white-space: pre-wrap;
}

.messages-shell .qx-msg-bubble-meta,
.messages-shell .qx-msg-meta {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-msg-time {
    white-space: nowrap;
}

.messages-shell .qx-msg-receipt {
    display: inline-flex;
    align-items: center;
    gap: 0.05rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-msg-receipt--read {
    color: var(--tsl-accent, #5c8f7b);
}

.messages-shell .qx-msg-check {
    font-size: 0.68rem;
    line-height: 1;
}

.messages-shell .qx-msg-tools__react {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    padding: 0;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 999px;
    background: #fff;
    color: var(--tsl-ink-muted, #6b7289);
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(26, 31, 46, 0.08);
}

.messages-shell .qx-msg-tools__react:hover,
.messages-shell .qx-msg-tools[data-open="true"] .qx-msg-tools__react {
    color: var(--tsl-ink, #1a1f2e);
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
}

.messages-shell .qx-msg-reaction-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.2rem);
    display: none;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.2rem;
    min-width: 12rem;
    padding: 0.45rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius-lg, 0.35rem);
    background: #fff;
    box-shadow: 0 8px 24px rgba(26, 31, 46, 0.12);
    z-index: 5;
}

.messages-shell .qx-msg-reaction-menu.is-open {
    display: grid;
}

.messages-shell .qx-msg-reaction-option,
.messages-shell .qx-msg-reaction-forward {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #f8fafb);
    padding: 0.25rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.messages-shell .qx-msg-reaction-forward {
    grid-column: 1 / -1;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .qx-msg-reaction-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.messages-shell .qx-msg-reaction-item {
    position: relative;
}

.messages-shell .qx-msg-reaction-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: #fff;
    font-size: 0.76rem;
    cursor: pointer;
    line-height: 1.2;
}

.messages-shell .qx-msg-reaction-chip--mine {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 35%, transparent);
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, #fff);
}

.messages-shell .qx-msg-reaction-chip__count {
    font-weight: 600;
    color: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-msg-reaction-people {
    display: none;
    position: absolute;
    left: 0;
    bottom: calc(100% + 0.3rem);
    min-width: 8.5rem;
    max-width: 14rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: #fff;
    box-shadow: 0 8px 20px rgba(26, 31, 46, 0.14);
    z-index: 6;
}

.messages-shell .qx-msg-reaction-people.is-open {
    display: block;
}

.messages-shell .qx-msg-reaction-people__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.2rem;
}

.messages-shell .qx-msg-reaction-people__list li {
    font-size: 0.74rem;
    color: var(--tsl-ink, #1a1f2e);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages-shell .qx-msg-reaction-remove {
    display: block;
    width: 100%;
    margin-top: 0.35rem;
    border: none;
    border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: transparent;
    color: var(--tsl-ink-muted, #6b7289);
    cursor: pointer;
    padding: 0.35rem 0 0.1rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: left;
}

.messages-shell .qx-msg-reaction-remove:hover {
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .qx-msg-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.messages-shell .qx-msg-photo-attachment {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    padding: 0;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
}

.messages-shell .qx-msg-photo-attachment__img {
    display: block;
    max-width: min(100%, 14rem);
    max-height: 12rem;
    object-fit: cover;
}

.messages-shell .qx-msg-attachment-card,
.messages-shell .qx-msg-attachment-qx-card {
    min-width: min(100%, 14rem);
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
}

.messages-shell .qx-msg-attachment-title {
    font-size: 0.84rem;
    font-weight: 600;
}

.messages-shell .qx-msg-attachment-meta {
    margin-top: 0.15rem;
    font-size: 0.74rem;
    color: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-send-attachment {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface-muted, #f8fafb);
}

.messages-shell .qx-send-attachment__preview {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    border-radius: 0.35rem;
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
}

.messages-shell .qx-draft-indicator {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--tsl-ink-muted, #6b7289);
}

.messages-shell .qx-draft-indicator--saved {
    background: var(--tsl-accent, #5c8f7b);
}

.messages-shell .qx-draft-indicator--unsaved {
    background: #c9a227;
}

.messages-shell .qx-draft-indicator--saving {
    background: #4a7fb8;
}

.messages-shell .qx-draft-indicator--failed {
    background: var(--tsl-danger);
}

.messages-shell .qx-alert {
    padding: 0.55rem 0.7rem;
    border-radius: var(--tsl-radius, 0.35rem);
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    background: var(--tsl-surface-muted, #f8fafb);
}

.messages-shell .qx-alert--info {
    border-color: color-mix(in srgb, #4a7fb8 30%, transparent);
    background: color-mix(in srgb, #4a7fb8 12%, var(--tsl-surface, #fff));
}

.messages-shell .qx-chat--empty h5 {
    margin: 0 0 0.35rem;
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.2rem;
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .tsl-empty-state {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 0.75rem;
    text-align: center;
}

.messages-shell .tsl-empty-state__title {
    margin: 0;
    font-family: var(--tsl-font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--tsl-ink, #1a1f2e);
}

.messages-shell .tsl-empty-state__message {
    margin: 0;
    font-size: 0.88rem;
    color: var(--tsl-ink-muted, #6b7289);
    line-height: 1.45;
}

.messages-shell .tsl-interaction-compose__footer {
    padding-top: 0.35rem;
    border-top: 1px solid color-mix(in srgb, var(--tsl-border, rgba(26, 31, 46, 0.12)) 80%, transparent);
}

.messages-shell .qx-photo-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1.5rem;
    background: rgba(4, 21, 38, 0.72);
}

.messages-shell .qx-photo-lightbox[hidden] {
    display: none !important;
}

.messages-shell .qx-photo-lightbox__img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100dvh - 3rem);
    object-fit: contain;
    border-radius: var(--tsl-radius-lg, 0.35rem);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
    pointer-events: auto;
}

.messages-shell .qx-photo-lightbox .tsl-photo-lightbox-stage {
    position: relative;
    display: inline-block;
    width: fit-content;
    max-width: calc(100vw - 3rem);
    max-height: calc(100dvh - 3rem);
    line-height: 0;
    pointer-events: none;
}

.tsl-mobile-sheet-backdrop {
    display: none;
}

.tsl-mobile-sheet-handle {
    display: none;
}

.messages-mobile-bar,
.messages-filters-toolbar {
    display: none;
}


.tsl-ter-aside__drawer {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
}

.tsl-ter-aside__drawer-head,
.tsl-ter-mobile-aside-backdrop,
.tsl-ter-mobile-aside-bar {
    display: none;
}

body.messages-sheet-open,
body.tsl-mobile-sheet-open,
body.tsl-ter-mobile-asides-open {
    overflow: hidden;
}

@media (max-width: 1024px) {
    .tsl-ter-body--mobile-asides {
        z-index: auto;
    }

    .tsl-ter-body--mobile-asides.is-mobile-asides-empty {
        padding-bottom: 0;
    }

    .tsl-ter-body--mobile-asides.is-left-aside-open,
    .tsl-ter-body--mobile-asides.is-right-aside-open {
        z-index: 300;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar[hidden],
    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn[hidden],
    .tsl-ter-main > .tsl-ter-mobile-aside-bar[hidden],
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn[hidden] {
        display: none !important;
    }

    .tsl-ter-body--mobile-asides > .tsl-ter-aside--left,
    .tsl-ter-body--mobile-asides > .tsl-ter-aside--right {

        position: relative;
        top: auto;
        height: 0;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding: 0;
        overflow: visible;
        display: block;
        grid-template-columns: none;
        order: 0;
        border: none;
        box-shadow: none;
        background: transparent;
        pointer-events: none;
    }

    .tsl-ter-body--mobile-asides > .tsl-ter-aside--left .tsl-ter-aside__drawer,
    .tsl-ter-body--mobile-asides > .tsl-ter-aside--right .tsl-ter-aside__drawer {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1060;
        width: min(20.5rem, 88vw);
        max-width: 88vw;
        margin: 0;
        padding: 0.85rem 0.9rem calc(1rem + env(safe-area-inset-bottom, 0px));
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        background: var(--tsl-surface-muted, #fff);
        box-shadow: 0 12px 40px rgba(4, 21, 38, 0.18);
        pointer-events: none;
        visibility: hidden;
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.28s;
    }

    .tsl-ter-body--mobile-asides > .tsl-ter-aside--left .tsl-ter-aside__drawer {
        left: 0;
        right: auto;
        border-right: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
        transform: translateX(-105%);
    }

    .tsl-ter-body--mobile-asides > .tsl-ter-aside--right .tsl-ter-aside__drawer {
        left: auto;
        right: 0;
        border-left: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
        transform: translateX(105%);
    }

    .tsl-ter-body--mobile-asides.is-left-aside-open > .tsl-ter-aside--left .tsl-ter-aside__drawer,
    .tsl-ter-body--mobile-asides.is-right-aside-open > .tsl-ter-aside--right .tsl-ter-aside__drawer {
        transform: translateX(0);
        pointer-events: auto;
        visibility: visible;
    }

    .tsl-ter-body--mobile-asides > .tsl-ter-content {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-aside__drawer-head {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.75rem;
        position: sticky;
        top: 0;
        z-index: 1;
        margin: -0.85rem -0.9rem 0.15rem;
        padding: 0.85rem 0.9rem 0.7rem;
        background: color-mix(in srgb, var(--tsl-surface-muted, #fff) 92%, transparent);
        backdrop-filter: blur(6px);
        border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.1));
    }

    .tsl-ter-body--mobile-asides .tsl-ter-aside__drawer-title {
        display: none;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-aside__drawer-close {
        width: 2.1rem;
        height: 2.1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.14));
        border-radius: 0.45rem;
        background: transparent;
        color: var(--tsl-ink-soft, #5c6578);
        font-size: 1.15rem;
        line-height: 1;
        cursor: pointer;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-aside__drawer-close:hover,
    .tsl-ter-body--mobile-asides .tsl-ter-aside__drawer-close:focus-visible {
        color: var(--tsl-ink, #111);
        border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 45%, var(--tsl-border, #d7dce6));
        outline: none;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1055;
        background: rgba(4, 21, 38, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
    }

    .tsl-ter-body--mobile-asides.is-left-aside-open .tsl-ter-mobile-aside-backdrop,
    .tsl-ter-body--mobile-asides.is-right-aside-open .tsl-ter-mobile-aside-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-backdrop[hidden] {
        display: none;
    }


    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar,
    .tsl-ter-main > .tsl-ter-mobile-aside-bar {
        display: block;
        position: static;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
        background: none;
        border: none;
        box-shadow: none;
        pointer-events: none;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn,
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn {
        position: fixed;
        top: 50%;
        z-index: 1040;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.7rem;
        min-width: 1.7rem;
        height: 3.4rem;
        min-height: 3.4rem;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        pointer-events: auto;
        cursor: pointer;
        color: var(--tsl-ink, #111);
        background: color-mix(in srgb, var(--tsl-surface-muted, #fff) 94%, transparent);
        border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.14));
        box-shadow: 0 6px 18px rgba(4, 21, 38, 0.12);
        backdrop-filter: blur(8px);
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn span,
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="left"],
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="left"] {
        left: env(safe-area-inset-left, 0px);
        right: auto;
        border-left: none;
        border-radius: 0 0.55rem 0.55rem 0;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="right"],
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="right"] {
        right: env(safe-area-inset-right, 0px);
        left: auto;
        border-right: none;
        border-radius: 0.55rem 0 0 0.55rem;
    }

    .tsl-ter-body--mobile-asides.is-left-aside-open .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="left"],
    .tsl-ter-body--mobile-asides.is-right-aside-open .tsl-ter-mobile-aside-bar__btn[data-tsl-mobile-aside-open="right"] {
        visibility: hidden;
        pointer-events: none;
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn[aria-expanded="true"],
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn[aria-expanded="true"] {
        border-color: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 55%, var(--tsl-border, #d7dce6));
        background: color-mix(in srgb, var(--tsl-accent, #8e9fc6) 12%, var(--tsl-surface-muted, #fff));
    }

    .tsl-ter-body--mobile-asides .tsl-ter-mobile-aside-bar__btn .ph,
    .tsl-ter-main > .tsl-ter-mobile-aside-bar .tsl-ter-mobile-aside-bar__btn .ph {
        font-size: 1.2rem;
        line-height: 1;
    }

    .tsl-ter-body--mobile-asides.tsl-ter-body--blog #blogOpenFilters {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .tsl-ter-body--messages .tsl-ter-aside--left {
        order: 2;
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .tsl-ter-body--messages .tsl-ter-content {
        order: 1;
    }


    .tsl-ter-body--personnel:has(.messages-aside-shell) .tsl-ter-aside--left {
        display: flex;
        flex-direction: column;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .messages-aside-shell {
        min-height: 0;
    }

    .messages-aside-shell.is-mobile-layout .messages-aside-inner {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1060;
        max-height: min(88vh, 720px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateY(100%);
        pointer-events: none;
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 1rem 1rem 0 0;
        box-shadow: 0 -10px 36px rgba(4, 21, 38, 0.2);
        background: #fff;
        padding: 0 1rem 1.25rem;
    }

    .messages-aside-shell.is-mobile-layout {
        position: relative;
        height: 0;
        overflow: visible;
    }

    .messages-aside-shell.is-mobile-layout .tsl-mobile-sheet-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1055;
        background: rgba(4, 21, 38, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
    }

    .messages-aside-shell.is-filters-sheet-open .tsl-mobile-sheet-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .messages-aside-shell.is-filters-sheet-open .messages-aside-inner {
        transform: translateY(0);
        pointer-events: auto;
    }

    .messages-shell {
        grid-template-columns: minmax(0, 1fr);
        min-height: min(calc(100dvh - 180px), 720px);
    }

    .messages-shell--chat-only {
        min-height: min(calc(100dvh - 200px), 720px);
    }

    .messages-shell.is-mobile-layout {
        position: relative;
    }

    .messages-shell.is-mobile-layout .tsl-mobile-sheet-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1055;
        background: rgba(4, 21, 38, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
    }

    .messages-shell.is-filters-sheet-open .tsl-mobile-sheet-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .messages-shell.is-mobile-layout .messages-sidebar {
        order: 0;
        height: 0;
        overflow: visible;
        padding: 0;
        border-right: none;
    }

    .messages-shell.is-mobile-layout .messages-sidebar-inner {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1060;
        max-height: min(88vh, 720px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateY(100%);
        pointer-events: none;
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        border-radius: 1rem 1rem 0 0;
        box-shadow: 0 -10px 36px rgba(4, 21, 38, 0.2);
        background: #fff;
        padding: 0 1rem 1.25rem;
    }

    .messages-shell.is-filters-sheet-open .messages-sidebar-inner {
        transform: translateY(0);
        pointer-events: auto;
    }

    .messages-shell.is-mobile-layout .messages-main {
        order: 1;
        padding-bottom: 5rem;
    }

    .tsl-mobile-sheet-handle {
        display: block;
        width: 40px;
        height: 4px;
        margin: 0.5rem auto 0.65rem;
        border-radius: 999px;
        background: #c5d0dc;
    }

    .messages-filters-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        position: sticky;
        top: 0;
        z-index: 2;
        background: #fff;
        padding-bottom: 0.65rem;
        margin-bottom: 0.5rem;
        border-bottom: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    }

    .messages-mobile-bar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1040;
        gap: 0.75rem;
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-top: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
        box-shadow: 0 -6px 20px rgba(4, 21, 38, 0.12);
    }
}


.tsl-index-notifications .tsl-index-notifications__inbox {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.tsl-index-notifications .tsl-index-notifications__inbox .tsl-index-panel__title {
    margin-bottom: 0.2rem;
}

.tsl-index-notifications .tsl-index-notifications__inbox .tsl-index-hint {
    margin: 0;
}

.tsl-index-notifications .tsl-index-notifications__tabs,
.tsl-index-notifications .tsl-index-notifications__filters {
    margin: 0;
}

.tsl-index-notifications .tsl-index-notifications__list {
    display: grid;
    gap: 0.85rem;
}

.tsl-index-notifications .tsl-index-tabs__tab .tsl-badge {
    margin-left: 0.1rem;
}

.tsl-index-notifications .tsl-empty-state {
    display: grid;
    gap: 0.65rem;
    justify-items: center;
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.tsl-index-notifications .tsl-empty-state__title {
    margin: 0;
    font-size: 1.05rem;
    color: var(--tsl-ink, #111);
}

.tsl-index-notifications .tsl-empty-state__message {
    margin: 0;
    max-width: 28rem;
    color: var(--tsl-ink-muted, #666);
    font-size: 0.92rem;
    line-height: 1.5;
}

.tsl-index-notifications .tsl-index-page__actions {
    margin-top: 0.25rem;
    padding-top: 0;
    border-top: none;
    justify-content: center;
}

.tsl-notification-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem 0.85rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tsl-notification-card:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #0f5596) 40%, var(--tsl-border, #ddd));
    box-shadow: 0 2px 12px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-notification-card:focus-visible {
    outline: 2px solid var(--tsl-accent, #0f5596);
    outline-offset: 2px;
}

.tsl-notification-card--unread {
    box-shadow: inset 3px 0 var(--tsl-accent, #0f5596);
}

.tsl-notification-card--unread:hover {
    box-shadow:
        inset 3px 0 var(--tsl-accent, #0f5596),
        0 2px 12px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-notification-card__avatar,
.tsl-notification-card__avatar-link {
    flex-shrink: 0;
}

.tsl-notification-card__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--tsl-border, #ddd);
}

.tsl-notification-card__main {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.tsl-notification-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.tsl-notification-card__meta {
    min-width: 0;
}

.tsl-notification-card__labels {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.tsl-notification-card__labels strong,
.tsl-notification-card__labels a {
    color: var(--tsl-ink, #111);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
}

.tsl-notification-card__labels a:hover {
    color: var(--tsl-accent, #0f5596);
}

.tsl-notification-card__time {
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
    margin: 0.15rem 0 0;
}

.tsl-notification-card__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex-shrink: 0;
}

.tsl-notification-card__body {
    font-size: 0.9rem;
    color: var(--tsl-ink-soft, #444);
}

.tsl-notification-card__text {
    margin: 0;
    line-height: 1.5;
}

.tsl-notification-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-notification-card__context {
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #666);
    margin: 0 0 0.35rem;
}

@media (max-width: 900px) {
    .tsl-index-notifications .tsl-index-notifications__list {
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 1rem;
        background: var(--tsl-surface-muted, #fff);
        box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(4, 21, 38, 0.06));
    }

    .tsl-notification-card {
        border: 0;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 0;
        box-shadow: none;
    }

    .tsl-notification-card:last-child {
        border-bottom: 0;
    }

    .tsl-notification-card:hover {
        border-color: var(--tsl-border, rgba(4, 21, 38, 0.12));
        box-shadow: none;
    }

    .tsl-notification-card--unread {
        box-shadow: inset 3px 0 var(--tsl-accent, #0f5596);
    }

    .tsl-notification-card--unread:hover {
        box-shadow: inset 3px 0 var(--tsl-accent, #0f5596);
    }
}

.tsl-menu {
    position: relative;
}

.tsl-menu > summary {
    list-style: none;
    cursor: pointer;
}

.tsl-menu > summary::-webkit-details-marker {
    display: none;
}

.tsl-menu__list {
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    z-index: 20;
    min-width: 9rem;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    border: 1px solid var(--tsl-border, #d8dde3);
    border-radius: 0.45rem;
    background: var(--tsl-surface, #fff);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--tsl-ink, #1a1f2e) 12%, transparent);
}

.tsl-menu:not([open]) .tsl-menu__list {
    display: none;
}

.tsl-menu__item {
    display: block;
    width: 100%;
    padding: 0.45rem 0.85rem;
    border: none;
    background: transparent;
    text-align: left;
    font: inherit;
    font-size: 0.88rem;
    color: var(--tsl-ink, #1a1f2e);
    cursor: pointer;
}

.tsl-menu__item:hover:not(:disabled) {
    background: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 10%, transparent);
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-menu__item:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}


.tsl-exp-feed-shell {
    display: grid;
    gap: 1.25rem;
    justify-items: center;
}

@media (min-width: 960px) {
    .tsl-exp-feed-shell {
        grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
        justify-items: stretch;
        align-items: start;
    }
}

.tsl-exp-feed-shell__device {
    width: min(100%, 24rem);
    margin-inline: auto;
}

.tsl-exp-feed-shell__frame {
    position: relative;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 1.35rem;
    overflow: hidden;
    background: var(--tsl-surface-muted, #fff);
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(4, 21, 38, 0.06));
    isolation: isolate;
}

.tsl-exp-feed-shell__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    background: var(--tsl-surface-muted, #fff);
}

.tsl-exp-feed-shell__brand {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-feed-shell__hint {
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-feed {
    display: flex;
    flex-direction: column;
    max-height: min(78vh, 44rem);
    overflow-y: auto;
    scroll-snap-type: y mandatory;
    overscroll-behavior: contain;
    background: var(--tsl-surface, #f7f8f8);
}

.tsl-exp-feed__end {
    scroll-snap-align: end;
    text-align: center;
    padding: 1.5rem 0.75rem 1.25rem;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-post {
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: grid;
    gap: 0;
    background: var(--tsl-surface-muted, #fff);
    border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
}

.tsl-exp-post__head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
}

.tsl-exp-post__avatar {
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--tsl-header-fg, #fff);
    background: var(--tsl-accent, #005da8);
}

.tsl-exp-post__meta {
    display: grid;
    gap: 0.05rem;
    min-width: 0;
    flex: 1;
}

.tsl-exp-post__author {
    font-size: 0.86rem;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-post__sub {
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-post__tag {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-accent, #005da8);
    background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
    padding: 0.28rem 0.5rem;
    border-radius: var(--tsl-radius-full, 999px);
}

.tsl-exp-post__media {
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--tsl-accent, #005da8) 18%, var(--tsl-surface, #f7f8f8)),
            color-mix(in srgb, var(--tsl-bg-subtle, #0f5596) 12%, var(--tsl-surface, #f7f8f8)));
    border-block: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
}

.tsl-exp-post__media-label {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-post__actions {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.35rem 0.45rem 0;
}

.tsl-exp-post__action {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.45rem 0.55rem;
    border: none;
    border-radius: var(--tsl-radius-full, 999px);
    background: transparent;
    color: var(--tsl-ink, #041526);
    font-size: 0.82rem;
    cursor: pointer;
}

.tsl-exp-post__action i {
    font-size: 1.25rem;
    line-height: 1;
}

.tsl-exp-post__action:hover:not(:disabled) {
    background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
}

.tsl-exp-post__action.is-liked,
.tsl-exp-post__action.is-liked i {
    color: #c44d6a;
}

.tsl-exp-post__action:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.tsl-exp-post__body {
    display: grid;
    gap: 0.35rem;
    padding: 0.15rem 0.9rem 1rem;
}

.tsl-exp-post__likes {
    margin: 0;
    font-size: 0.82rem;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-post__caption {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.4;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-post__caption strong {
    margin-right: 0.3rem;
}

.tsl-exp-post__text {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #0d1b2a);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tsl-exp-post__view-comments {
    justify-self: start;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--tsl-ink-muted, #6c757d);
    font-size: 0.8rem;
    cursor: pointer;
}

.tsl-exp-post__view-comments:hover {
    color: var(--tsl-accent, #005da8);
}

.tsl-exp-feed-shell__notes {
    width: 100%;
    padding: 1rem 1.1rem;
    border-radius: 0.35rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    background: var(--tsl-surface-muted, #fff);
}

.tsl-exp-feed-shell__notes .tsl-index-panel__title {
    margin-bottom: 0.65rem;
}

.tsl-exp-sheet {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: none;
    pointer-events: none;
}

.tsl-exp-sheet.is-open {
    display: block;
    pointer-events: auto;
}

.tsl-exp-sheet__backdrop {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--tsl-ink, #041526) 42%, transparent);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.tsl-exp-sheet.is-open .tsl-exp-sheet__backdrop {
    opacity: 1;
}

.tsl-exp-sheet__panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(78%, 28rem);
    display: flex;
    flex-direction: column;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 -8px 28px rgba(4, 21, 38, 0.12);
    transform: translateY(100%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: auto;
}

.tsl-exp-sheet.is-open .tsl-exp-sheet__panel {
    transform: translateY(0);
}

.tsl-exp-sheet__handle {
    width: 2.4rem;
    height: 0.28rem;
    margin: 0.55rem auto 0;
    border-radius: 999px;
    background: var(--tsl-border-strong, rgba(4, 21, 38, 0.22));
}

.tsl-exp-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 1rem 0.75rem;
    border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
}

.tsl-exp-sheet__title {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-sheet__close {
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--tsl-ink-muted, #6c757d);
    cursor: pointer;
}

.tsl-exp-sheet__close:hover {
    color: var(--tsl-ink, #041526);
    background: var(--tsl-accent-soft, rgba(0, 93, 168, 0.14));
}

.tsl-exp-sheet__content {
    flex: 1;
    overflow-y: auto;
    padding: 0.85rem 1rem;
}

.tsl-exp-sheet__post-preview {
    display: grid;
    gap: 0.15rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    font-size: 0.82rem;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-sheet__post-preview span {
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-comments {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tsl-exp-comment {
    display: flex;
    gap: 0.65rem;
}

.tsl-exp-comment__avatar {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--tsl-header-fg, #fff);
    background: var(--tsl-accent, #005da8);
}

.tsl-exp-comment__body {
    flex: 1;
    min-width: 0;
    color: var(--tsl-ink, #041526);
}

.tsl-exp-comment__body p {
    margin: 0.2rem 0 0;
    font-size: 0.84rem;
    line-height: 1.45;
}

.tsl-exp-comment__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.35rem;
    font-size: 0.72rem;
    color: var(--tsl-ink-muted, #6c757d);
}

.tsl-exp-comment__like {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.tsl-exp-comment__like.is-liked,
.tsl-exp-comment__like.is-liked i {
    color: #c44d6a;
}

.tsl-exp-sheet__composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    background: var(--tsl-surface-muted, #fff);
}

.tsl-exp-feed-shell__frame:has(.tsl-exp-sheet.is-open) .tsl-exp-feed {
    overflow: hidden;
}

.tsl-guideline-checklist {
    margin-bottom: var(--tsl-space-md, 0.75rem);
}

.tsl-guideline-checklist__intro {
    display: grid;
    gap: 0.35rem;
}

.tsl-guideline-checklist__lead {
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--tsl-ink-soft, #5c6478);
}

.tsl-guideline-checklist__group {
    display: grid;
    gap: 0.45rem;
}

.tsl-guideline-checklist__group-title {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-guideline-checklist__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.tsl-guideline-check {
    border: 1px solid var(--tsl-border, rgba(26, 31, 46, 0.12));
    border-radius: var(--tsl-radius, 0.35rem);
    background: var(--tsl-surface, #fff);
}

.tsl-guideline-check__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    padding: 0.6rem 0.7rem;
}

.tsl-guideline-check__ack {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0.1rem 0 0;
    cursor: pointer;
}

.tsl-guideline-check__ack-input {
    width: 0.95rem;
    height: 0.95rem;
    margin: 0;
    accent-color: #1f6b3f;
    cursor: pointer;
}

.tsl-guideline-check__main {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.tsl-guideline-check__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tsl-guideline-check__content {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.tsl-guideline-check--needs-ack {
    border-color: color-mix(in srgb, #c47b1a 55%, var(--tsl-border, rgba(26, 31, 46, 0.12)));
    box-shadow: 0 0 0 1px color-mix(in srgb, #c47b1a 35%, transparent);
}

.tsl-guideline-check__label-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.45rem;
}

.tsl-guideline-check__label {
    flex: 1 1 12rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--tsl-ink, #1a1f2e);
}

.tsl-guideline-check__tag {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-guideline-check__detail {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--tsl-ink-soft, #5c6478);
}

.tsl-guideline-check--pass .tsl-guideline-check__status {
    background: #e8f5ec;
    border-color: #b8dcc4;
    color: #1f6b3f;
}

.tsl-guideline-check--flag .tsl-guideline-check__status {
    background: #fff4df;
    border-color: #e8c98a;
    color: #8a5a00;
}

.tsl-guideline-check--flag {
    border-color: color-mix(in srgb, #d4a017 35%, var(--tsl-border, rgba(26, 31, 46, 0.12)));
    background: color-mix(in srgb, #fff9eb 55%, var(--tsl-surface, #fff));
}

.tsl-guideline-check--manual .tsl-guideline-check__status,
.tsl-guideline-check--unavailable .tsl-guideline-check__status {
    background: var(--tsl-surface-muted, #f3f4f6);
    border-color: var(--tsl-border, rgba(26, 31, 46, 0.12));
    color: var(--tsl-ink-muted, #5c6478);
}

.tsl-staff-ticket-workspace .tsl-guideline-checklist,
.tsl-staff-detail .tsl-guideline-checklist {
    margin-top: 0;
}

.tsl-staff-ticket-workspace .tsl-guideline-checklist .tsl-staff-dashboard__section-title,
.tsl-staff-detail .tsl-guideline-checklist .tsl-staff-dashboard__section-title {
    margin-top: 0;
}

.tsl-ter-aside--right .tsl-guideline-checklist-aside {
    position: sticky;
    top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    padding: 0.75rem;
}

.tsl-ter-aside--right .tsl-guideline-checklist-aside .tsl-guideline-checklist {
    gap: 0.75rem;
}

.tsl-ter-aside--right .tsl-guideline-checklist-aside .tsl-guideline-checklist__lead {
    font-size: 0.75rem;
}

.tsl-ter-body--moderation-ticket,
.tsl-ter-body--inquiry-detail {
    --tsl-ter-left-col: 18.5rem;
    --tsl-ter-right-col: 18.5rem;
    column-gap: 1.25rem;
    padding-top: 1.25rem;
}

.tsl-ter-body--moderation-ticket .tsl-ter-aside--left .tsl-ter-side-card {
    padding: 0.65rem 0.4rem 0.55rem;
}

.tsl-ter-body--moderation-ticket .tsl-ter-content {
    min-width: 0;
}

.tsl-guideline-checklist--aside {
    display: grid;
    gap: 0.75rem;
}

.tsl-guideline-checklist-aside .tsl-guideline-checklist--aside,
.tsl-guideline-checklist-aside:not(.tsl-ter-side-card) .tsl-guideline-checklist--aside {
    margin-bottom: 0;
}

.tsl-guideline-checklist--aside .tsl-staff-dashboard__section-title {
    font-size: 0.88rem;
    margin: 0;
}

.tsl-guideline-checklist--aside .tsl-guideline-checklist__lead {
    font-size: 0.74rem;
    line-height: 1.35;
}

.tsl-guideline-checklist--aside .tsl-guideline-checklist__group {
    gap: 0.35rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-checklist__group-title {
    font-size: 0.68rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-checklist__items {
    gap: 0.3rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__row {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.4rem;
    padding: 0.45rem 0.55rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__main {
    grid-template-columns: 1fr;
    gap: 0.3rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__ack {
    margin-top: 0.15rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__ack-input {
    width: 0.85rem;
    height: 0.85rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__status {
    min-width: 0;
    width: fit-content;
    font-size: 0.62rem;
    padding: 0.08rem 0.38rem;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__label {
    font-size: 0.76rem;
    flex: 1 1 auto;
}

.tsl-guideline-checklist--aside .tsl-guideline-check__detail {
    font-size: 0.7rem;
    line-height: 1.35;
}

.tsl-staff-detail__aside .tsl-guideline-checklist-aside {
    max-height: none;
    overflow: visible;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

@media (max-width: 1280px) {
    .tsl-ter-body--moderation-ticket,
    .tsl-ter-body--inquiry-detail {
        --tsl-ter-right-col: 16rem;
    }
}


.tsl-ter-body--text-inspector {
    --tsl-ter-left-col: 10.5rem;
    --tsl-ter-right-col: 24rem;
    column-gap: 1.25rem;
}

.tsl-ter-body--personnel.tsl-ter-body--text-inspector,
.tsl-ter-body--auth.tsl-ter-body--personnel.tsl-ter-body--text-inspector {
    --tsl-ter-left-col: 17rem;
}

.tsl-ter-body--text-inspector .tsl-ter-content {
    min-width: 0;
}

.tsl-text-inspector .tsl-index-panel__title {
    margin-bottom: 0.25rem;
}

.tsl-text-inspector .tsl-index-tabs {
    margin-bottom: 0.25rem;
}

.tsl-text-inspector__section {
    display: grid;
    gap: 0.85rem;
}

.tsl-text-inspector__section .tsl-index-panel__subtitle {
    margin-bottom: 0;
}

.tsl-text-inspector__actions {
    padding-top: 0.35rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-text-inspector-aside {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - var(--ter-chrome-offset, 3.1rem) - 2rem);
    padding: 0.75rem;
    gap: 0.55rem;
}

.tsl-text-inspector-aside__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.tsl-text-inspector-aside__header .tsl-ter-side-card__title {
    margin: 0;
}

.tsl-text-inspector-aside .tsl-ter-side-card__text {
    margin: 0;
    font-size: 0.74rem;
}

.tsl-text-inspector-aside__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: grid;
    gap: 0.35rem;
    padding-right: 0.15rem;
}

.tsl-text-inspector-rule {
    margin: 0;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.4rem;
    background: var(--tsl-surface, #fff);
}

.tsl-text-inspector-rule.is-disabled {
    opacity: 0.72;
}

.tsl-text-inspector-rule__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 0.4rem;
    row-gap: 0.28rem;
    align-items: center;
    padding: 0.55rem 0.6rem;
    cursor: pointer;
    list-style: none;
    color: var(--tsl-ink, #111);
}

.tsl-text-inspector-rule__summary::-webkit-details-marker {
    display: none;
}

.tsl-text-inspector-rule__summary::marker {
    content: "";
}

.tsl-text-inspector-rule__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
}

.tsl-text-inspector-rule__key {
    grid-column: 1 / -1;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--tsl-ink, #111);
    word-break: break-word;
}

.tsl-text-inspector-rule__caret {
    grid-column: 2;
    grid-row: 1;
    color: var(--tsl-accent, #5c8f7b);
    font-size: 0.85rem;
    transition: transform 0.18s ease;
}

.tsl-text-inspector-rule[open] > .tsl-text-inspector-rule__summary .tsl-text-inspector-rule__caret {
    transform: rotate(180deg);
}

.tsl-text-inspector-rule__summary:hover {
    background: color-mix(in srgb, var(--tsl-accent-soft, #e8f0ec) 55%, transparent);
}

.tsl-text-inspector-rule__body {
    display: none;
    gap: 0.65rem;
    padding: 0 0.6rem 0.7rem;
    border-top: 1px solid var(--tsl-border, #ddd);
}

.tsl-text-inspector-rule[open] > .tsl-text-inspector-rule__body {
    display: grid;
    padding-top: 0.65rem;
}

.tsl-text-inspector-rule__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.tsl-text-inspector-keywords {
    display: grid;
    gap: 0.35rem;
}

.tsl-text-inspector-keywords__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.tsl-text-inspector-keywords__chip {
    display: inline-flex;
    align-items: center;
    padding: 0.14rem 0.38rem;
    border-radius: 0.3rem;
    border: 1px solid var(--tsl-border, #ddd);
    background: var(--tsl-surface-muted, #f5f6f7);
    color: var(--tsl-ink, #111);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.68rem;
    line-height: 1.3;
}

.tsl-text-inspector__marked {
    display: grid;
    gap: 0.55rem;
}

.tsl-text-inspector__marked-body {
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.55;
}

.tsl-text-inspector .tsl-staff-meta-grid {
    margin: 0;
}

@media (max-width: 1100px) {
    .tsl-ter-body--text-inspector {
        --tsl-ter-right-col: 20rem;
    }
}

@media (max-width: 900px) {
    .tsl-ter-body--text-inspector {
        --tsl-ter-right-col: 12rem;
    }

    .tsl-text-inspector .tsl-index-grid-2,
    .tsl-text-inspector-rule__row {
        grid-template-columns: 1fr;
    }

    .tsl-text-inspector-aside {
        max-height: none;
    }
}


.tsl-index--ter,
.tsl-index--ter *,
.tsl-index--ter *::before,
.tsl-index--ter *::after {
    box-sizing: border-box;
}

.tsl-index--ter img,
.tsl-index--ter video,
.tsl-index--ter iframe {
    max-width: 100%;
}

.tsl-index--ter .tsl-ter-content,
.tsl-index--ter .tsl-index-page,
.tsl-index--ter .tsl-index-settings__layout,
.tsl-index--ter .tsl-index-settings__main,
.tsl-index--ter .tsl-index-feed__body,
.tsl-index--ter .tsl-index-panel,
.tsl-index--ter .tsl-index-article,
.tsl-index--ter form,
.tsl-index--ter fieldset,
.tsl-index--ter .tsl-field,
.tsl-index--ter .tsl-field-group,
.tsl-index--ter .tsl-input,
.tsl-index--ter .tsl-field__input,
.tsl-index--ter .tsl-field__select {
    min-width: 0;
    max-width: 100%;
}

.tsl-index--ter .tsl-form {
    grid-template-columns: minmax(0, 1fr);
}

.tsl-index--ter .tsl-ter-search,
.tsl-index--ter .tsl-ter-search__panel,
.tsl-index--ter .tsl-ter-search__form,
.tsl-index--ter .tsl-ter-search__grid,
.tsl-index--ter .tsl-ter-search__open,
.tsl-index--ter .tsl-ter-field,
.tsl-index--ter .tsl-ter-field > .tsl-input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.tsl-index--ter :where(p, li, dd, a, button, label, legend, h1, h2, h3, h4) {
    overflow-wrap: anywhere;
}

.tsl-doc-nav {
    padding: 0.9rem;
}

.tsl-doc-nav__summary {
    display: none;
}

.tsl-doc-nav:not([open]) > .tsl-doc-nav__content {
    display: block;
}

@media (max-width: 1024px) {
    .tsl-ter-body,
    .tsl-ter-body--settings,
    .tsl-ter-body--settings.tsl-ter-body--settings-support,
    .tsl-ter-body--auth,
    .tsl-ter-body--auth.tsl-ter-body--settings,
    .tsl-ter-body--auth.tsl-ter-body--testimonials,
    .tsl-ter-body--auth.tsl-ter-body--signup,
    .tsl-ter-body--auth.tsl-ter-body--community-feed,
    .tsl-ter-body--blog,
    .tsl-ter-body--auth.tsl-ter-body--blog,
    .tsl-ter-body--blog-article,
    .tsl-ter-body--auth.tsl-ter-body--blog-article {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-columns: minmax(0, 1fr);
    }

    .tsl-ter-body > .tsl-ter-aside,
    .tsl-ter-body > .tsl-ter-content {
        grid-column: 1;
        min-width: 0;
        width: 100%;
    }


    .tsl-ter-body--personnel.tsl-ter-body--header-top {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-columns: minmax(0, 1fr);
    }

    .tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        margin-inline: 0;
    }

    .tsl-ter-body--personnel.tsl-ter-body--header-top .tsl-personnel-page > .tsl-index-settings__layout {
        grid-column: 1;
        grid-row: 2;
    }

    .tsl-ter-body--personnel.tsl-ter-body--header-top > .tsl-ter-aside--left {
        grid-column: 1;
        grid-row: 3;
    }

    .tsl-ter-body--personnel.tsl-ter-body--header-top > .tsl-ter-aside--right {
        grid-column: 1;
        grid-row: 4;
    }

    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
        grid-column: 1;
        grid-row: 1;
    }


    .tsl-ter-body--header-top .tsl-index-page > :not(.tsl-index-page-hero):not(.tsl-ter-hero__stats-wrap),
    .tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > :not(.tsl-index-page-hero):not(.tsl-ter-hero__stats-wrap),
    .tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout,
    .tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout,
    .tsl-ter-body--auth.tsl-ter-body--settings.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout,
    .tsl-ter-body--auth.tsl-ter-body--header-top .tsl-index-page > .tsl-index-feed__body {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .tsl-ter-body--header-top > .tsl-ter-aside--left {
        grid-column: 1;
        grid-row: 3;
    }

    .tsl-ter-body--header-top > .tsl-ter-aside--right {
        grid-column: 1;
        grid-row: 4;
    }

    .tsl-ter-body--header-top > .tsl-ter-aside--docs {
        grid-row: 2;
    }

    .tsl-ter-body--header-top:has(> .tsl-ter-aside--docs) .tsl-index-page > .tsl-index-settings__layout {
        grid-row: 3;
    }
}

@media (max-width: 768px) {
    .tsl-ter-body--auth.tsl-ter-body--testimonials.tsl-ter-body--header-top > .tsl-ter-aside--left {
        grid-column: 1;
        grid-row: 2;
        position: static;
        max-height: none;
        scroll-margin-top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
    }

    .tsl-ter-body--auth.tsl-ter-body--testimonials.tsl-ter-body--header-top .tsl-index-page > .tsl-index-settings__layout {
        grid-column: 1;
        grid-row: 3;
    }

    .tsl-ter-body--auth.tsl-ter-body--testimonials.tsl-ter-body--header-top > .tsl-ter-aside--right {
        grid-column: 1;
        grid-row: 4;
    }

    .tsl-index-body .tsl-search-aside .tsl-search-drawer__bar-start {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .tsl-index-body .tsl-search-drawer__mobile-toggle {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--tsl-ink, #111);
        font: inherit;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }

    .tsl-index-body .tsl-search-aside .tsl-search-drawer:not(.is-expanded) .tsl-search-mode-pills,
    .tsl-index-body .tsl-search-aside .tsl-search-drawer:not(.is-expanded) .tsl-search-drawer__panel {
        display: none;
    }

    .tsl-index-body .tsl-search-aside .tsl-search-drawer.is-expanded .tsl-search-drawer__panel {
        display: block;
    }

    .tsl-index-body .tsl-search-aside .tsl-search-mode-pills {
        align-self: flex-start;
    }
}

@media (max-width: 900px) {
    .tsl-ter-body {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .tsl-ter-aside--docs {
        display: block;
    }

    .tsl-ter-aside--docs > :not(.tsl-doc-nav) {
        display: none;
    }

    .tsl-doc-nav {
        padding: 0;
        overflow: clip;
    }

    .tsl-doc-nav__summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0.8rem 0.9rem;
        color: var(--tsl-ink, #111);
        cursor: pointer;
        list-style: none;
    }

    .tsl-doc-nav__summary::-webkit-details-marker {
        display: none;
    }

    .tsl-doc-nav__summary > span:first-child {
        display: grid;
        gap: 0.15rem;
        min-width: 0;
    }

    .tsl-doc-nav__summary strong {
        color: var(--tsl-accent, #5c8f7b);
        font-size: 0.88rem;
    }

    .tsl-doc-nav__summary small {
        color: var(--tsl-ink-soft, #444);
        font-size: 0.78rem;
    }

    .tsl-doc-nav__chevron {
        flex: 0 0 auto;
        font-size: 1.2rem;
        transition: transform 0.16s ease;
    }

    .tsl-doc-nav[open] .tsl-doc-nav__chevron {
        transform: rotate(180deg);
    }

    .tsl-doc-nav:not([open]) > .tsl-doc-nav__content {
        display: none;
    }

    .tsl-doc-nav__content {
        padding: 0 0.9rem 0.9rem;
        border-top: 1px solid var(--tsl-border, #ddd);
    }

    .tsl-doc-nav__content > .tsl-ter-side-card__title {
        display: none;
    }

    .tsl-doc-nav .tsl-index-settings__nav {
        position: static;
        padding-top: 0.9rem;
    }
}

@media (max-width: 600px) {
    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap {
        width: calc(100% + (var(--ter-gutter) * 2));
        max-width: none;
    }

    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full {
        min-height: 0;
    }

    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-ter-hero__stat--heading {
        padding: 0.9rem;
        overflow: visible;
    }

    .tsl-ter-body--header-top .tsl-index-page-hero__eyebrow,
    .tsl-ter-body--header-top .tsl-index-page-hero__title,
    .tsl-ter-body--header-top .tsl-index-page-hero__lead,
    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__eyebrow,
    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__title,
    .tsl-ter-body--header-top .tsl-index-page > .tsl-ter-hero__stats-wrap .tsl-ter-hero__stats-card--full .tsl-index-page-hero__lead {
        white-space: normal;
        text-wrap: wrap;
        overflow: visible;
        text-overflow: initial;
    }

    .tsl-index--ter .tsl-index-panel,
    .tsl-index--ter .tsl-ter-help__card,
    .tsl-index--ter .tsl-ter-signup__hero {
        padding: 0.85rem;
    }

    .tsl-index--ter .tsl-index-callout {
        align-items: stretch;
    }

    .tsl-index--ter .tsl-index-callout .tsl-ter-btn,
    .tsl-index--ter .tsl-index-page__actions .tsl-ter-btn {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .tsl-index--ter input,
    .tsl-index--ter select,
    .tsl-index--ter textarea,
    .tsl-index--ter button {
        max-width: 100%;
    }
}

@media (max-width: 380px) {
    .tsl-index--ter .tsl-field:has(> .g-recaptcha) {
        overflow: hidden;
    }

    .tsl-index--ter .g-recaptcha {
        width: 304px;
        max-width: none;
        transform: scale(0.82);
        transform-origin: left top;
        margin-bottom: -14px;
    }
}


@media (max-width: 1024px) {
    .tsl-ter-body.tsl-ter-body--mobile-asides {
        z-index: auto;
    }

    .tsl-ter-body.tsl-ter-body--mobile-asides.is-left-aside-open,
    .tsl-ter-body.tsl-ter-body--mobile-asides.is-right-aside-open {
        z-index: 300;
    }

    .tsl-ter-body.tsl-ter-body--mobile-asides > .tsl-ter-aside--left,
    .tsl-ter-body.tsl-ter-body--mobile-asides > .tsl-ter-aside--right,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--header-top > .tsl-ter-aside--left,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--header-top > .tsl-ter-aside--right,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--personnel.tsl-ter-body--header-top > .tsl-ter-aside--left,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--personnel.tsl-ter-body--header-top > .tsl-ter-aside--right,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--auth.tsl-ter-body--testimonials.tsl-ter-body--header-top > .tsl-ter-aside--left,
    .tsl-ter-body.tsl-ter-body--mobile-asides.tsl-ter-body--auth.tsl-ter-body--testimonials.tsl-ter-body--header-top > .tsl-ter-aside--right {
        position: relative;
        top: auto;
        height: 0;
        min-height: 0;
        max-height: none;
        margin: 0;
        padding: 0;
        overflow: visible;
        display: block;
        grid-template-columns: none;
        order: 0;
        border: none;
        box-shadow: none;
        background: transparent;
        pointer-events: none;
    }

    .tsl-ter-body.tsl-ter-body--mobile-asides > .tsl-ter-aside--left .tsl-ter-aside__drawer,
    .tsl-ter-body.tsl-ter-body--mobile-asides > .tsl-ter-aside--right .tsl-ter-aside__drawer {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 1060;
        background: var(--tsl-surface-muted, #fff);
    }
}

.tsl-search-hub-tabs {
    margin-bottom: 1rem;
}

.tsl-index-body .tsl-search-results-column--feed,
.tsl-index-body .tsl-search-page--public .tsl-search-results-column--feed,
.tsl-index-body .tsl-search-page--aside-filters .tsl-search-results-column--feed {
    min-height: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.tsl-search-member-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tsl-search-member-card {
    display: block;
    padding: 1rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    background: var(--tsl-surface-muted, #fff);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.tsl-search-member-card:hover {
    border-color: color-mix(in srgb, var(--tsl-accent, #5c8f7b) 40%, var(--tsl-border, #ddd));
    box-shadow: 0 2px 12px color-mix(in srgb, var(--tsl-ink, #111) 6%, transparent);
}

.tsl-search-member-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.tsl-search-member-card__author {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.tsl-search-member-card__photo {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid var(--tsl-border, #ddd);
}

.tsl-search-member-card__meta {
    min-width: 0;
    font-size: 0.85rem;
    line-height: 1.35;
}

.tsl-search-member-card__name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.tsl-search-member-card__name-row strong {
    font-weight: 600;
    color: var(--tsl-accent, #5c8f7b);
}

.tsl-search-member-card__role {
    display: block;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-search-member-card__place {
    margin: 0;
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-search-member-card__tag {
    flex-shrink: 0;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--tsl-border, #ddd);
    border-radius: 0.35rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-search-member-card__preview {
    margin: 0;
    font-size: 0.9rem;
    color: var(--tsl-ink-soft, #444);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tsl-search-member-card__hint {
    display: block;
    margin: 0.75rem 0 0;
    padding-top: 0.55rem;
    border-top: 1px solid var(--tsl-border, #ddd);
    font-size: 0.75rem;
    color: var(--tsl-ink-muted, #666);
    text-align: right;
}

@media (max-width: 900px) {
    .tsl-search-member-grid {
        gap: 0;
        overflow: hidden;
        border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 1rem;
        background: var(--tsl-surface, #f7f8f8);
        box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(4, 21, 38, 0.06));
    }

    .tsl-search-member-card {
        border: 0;
        border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
        border-radius: 0;
        box-shadow: none;
    }

    .tsl-search-member-grid > li:last-child .tsl-search-member-card {
        border-bottom: 0;
    }

    .tsl-search-member-card:hover {
        border-color: var(--tsl-border, rgba(4, 21, 38, 0.12));
        box-shadow: none;
    }
}

.tsl-status-badges {
    display: inline-flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.tsl-profile-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

.tsl-profile-gallery__item,
.tsl-profile-gallery__add {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    padding: 0;
    background: var(--tsl-surface, #fff);
}

.tsl-profile-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tsl-profile-gallery__item--locked {
    position: relative;
}

.tsl-profile-gallery__item--locked img {
    object-fit: cover;
}

.tsl-profile-gallery__add {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
}

.tsl-welcome-setup {
    margin: 0 0 1rem;
    width: 100%;
    min-width: 0;
    max-width: none;
}

.tsl-welcome-setup :where(a, h3, p, li, span) {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: manual;
}

.tsl-welcome-setup__track {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: var(--tsl-radius, 10px);
    overflow: hidden;
    background: #fff;
}

.tsl-welcome-setup__track > li {
    min-width: 0;
    display: flex;
    border-right: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
}

.tsl-welcome-setup__track > li:last-child {
    border-right: 0;
}

a.tsl-welcome-setup__stage {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.65rem;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 4.25rem;
    padding: 0.7rem 0.85rem;
    border: 0;
    border-radius: 0;
    color: var(--tsl-ink, #041126);
    text-decoration: none;
    box-shadow: none;
    transition: background-color var(--tsl-duration, 0.2s) var(--tsl-ease, ease);
}

a.tsl-welcome-setup__stage:hover,
a.tsl-welcome-setup__stage:focus-visible {
    text-decoration: none;
    outline: none;
}

a.tsl-welcome-setup__stage:focus-visible {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--tsl-accent, #0f5596) 32%, transparent);
}

.tsl-welcome-setup__stage--done {
    background: color-mix(in srgb, #1f7a4d 12%, #fff);
}

a.tsl-welcome-setup__stage--done:hover,
a.tsl-welcome-setup__stage--done:focus-visible {
    background: color-mix(in srgb, #1f7a4d 18%, #fff);
}

.tsl-welcome-setup__stage--pending {
    background: color-mix(in srgb, #c47a22 14%, #fff);
}

a.tsl-welcome-setup__stage--pending:hover,
a.tsl-welcome-setup__stage--pending:focus-visible {
    background: color-mix(in srgb, #c47a22 20%, #fff);
}

.tsl-welcome-setup__stage--todo {
    background: #fff;
}

a.tsl-welcome-setup__stage--todo:hover,
a.tsl-welcome-setup__stage--todo:focus-visible {
    background: color-mix(in srgb, var(--tsl-accent, #0f5596) 6%, #fff);
}

.tsl-welcome-setup__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    background: color-mix(in srgb, var(--tsl-ink, #041126) 10%, #fff);
    color: var(--tsl-ink, #041126);
}

.tsl-welcome-setup__stage--done .tsl-welcome-setup__number {
    background: #1f7a4d;
    color: #fff;
}

.tsl-welcome-setup__stage--pending .tsl-welcome-setup__number {
    background: color-mix(in srgb, #c47a22 22%, #fff);
    color: #7a4a0e;
}

.tsl-welcome-setup__number .ph {
    width: 0.9em;
    height: 0.9em;
}

.tsl-welcome-setup__copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.tsl-welcome-setup__name {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--tsl-accent, #0f5596);
}

.tsl-welcome-setup__status {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--tsl-ink-soft, #3e4a51);
}

.tsl-welcome-setup__action {
    font-size: 0.75rem;
    font-weight: 650;
    color: var(--tsl-accent, #0f5596);
    text-decoration: none;
}

a.tsl-welcome-setup__stage:hover .tsl-welcome-setup__action,
a.tsl-welcome-setup__stage:focus-visible .tsl-welcome-setup__action {
    color: var(--tsl-accent-hover, #1368bf);
}

@media (prefers-reduced-motion: reduce) {
    a.tsl-welcome-setup__stage {
        transition: none;
    }
}

.tsl-radio-other-slot {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 280ms ease;
}

.tsl-radio-other-slot.is-open {
    grid-template-rows: 1fr;
}

.tsl-radio-other-slot__inner {
    overflow: hidden;
    min-height: 0;
}

.tsl-radio-other-slot .tsl-radio-other {
    margin-top: 0.4rem;
    transform: translateY(-0.5rem);
    opacity: 0;
    pointer-events: none;
    transition: transform 280ms ease, opacity 280ms ease;
}

.tsl-radio-other-slot.is-open .tsl-radio-other {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .tsl-radio-other-slot,
    .tsl-radio-other-slot .tsl-radio-other {
        transition: none;
    }
}

.tsl-signup-wizard {
    max-width: 24rem;
    margin-inline: auto;
}

.tsl-signup-wizard--wide {
    max-width: 42rem;
}

.tsl-signup-wizard__progress {
    margin: 0.35rem 0 0.5rem;
}

.tsl-signup-wizard__step-label {
    margin: 0 0 0.75rem;
}

.tsl-signup-wizard .tsl-profile-proposition__choices {
    gap: 0.65rem;
}

.tsl-signup-wizard .tsl-profile-proposition__chip {
    flex: 1 1 8.75rem;
    justify-content: center;
    min-height: 3.1rem;
    padding: 0.85rem 1.15rem;
    font-size: 1rem;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
}

.tsl-place-suggest {
    list-style: none;
    margin: 0.4rem 0 0;
    padding: 0;
    border: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.12));
    border-radius: 0.45rem;
    overflow: hidden;
    background: var(--tsl-surface, #fff);
}

.tsl-place-suggest__item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.65rem 0.8rem;
    border: 0;
    border-bottom: 1px solid var(--tsl-border, rgba(4, 21, 38, 0.08));
    background: var(--tsl-surface, #fff);
    color: var(--tsl-ink, #041126);
    text-align: left;
    cursor: pointer;
}

.tsl-place-suggest__item:last-child {
    border-bottom: 0;
}

.tsl-place-suggest__item:hover,
.tsl-place-suggest__item:focus {
    background: var(--tsl-accent, #0f5596);
    color: #fff;
}

.tsl-place-suggest__credit {
    margin: 0.35rem 0 0;
}

.tsl-index-testimonials.tsl-index-page {
    scroll-margin-top: calc(var(--ter-chrome-offset, 3.1rem) + 0.5rem);
}

.tsl-signup-wizard .tsl-index-panel__title {
    scroll-margin-top: calc(var(--ter-chrome-offset, 3.1rem) + 0.75rem);
}

.tsl-signup-wizard__viewport {
    position: relative;
    overflow: visible;
    min-height: 8.5rem;
}

.tsl-signup-wizard__viewport.is-animating {
    overflow: hidden;
}

.tsl-signup-wizard__panel {
    display: none;
}

.tsl-signup-credential-username {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tsl-signup-wizard__panel.is-active {
    display: block;
}

.tsl-signup-wizard__panel.is-out-left,
.tsl-signup-wizard__panel.is-out-right,
.tsl-signup-wizard__panel.is-in-left,
.tsl-signup-wizard__panel.is-in-right {
    display: block;
    width: 100%;
}

.tsl-signup-wizard__panel.is-out-left,
.tsl-signup-wizard__panel.is-out-right {
    position: absolute;
    inset: 0 auto auto 0;
}

.tsl-signup-wizard__panel.is-out-left {
    animation: tsl-signup-out-left 280ms ease both;
}

.tsl-signup-wizard__panel.is-out-right {
    animation: tsl-signup-out-right 280ms ease both;
}

.tsl-signup-wizard__panel.is-in-right {
    animation: tsl-signup-in-right 280ms ease both;
}

.tsl-signup-wizard__panel.is-in-left {
    animation: tsl-signup-in-left 280ms ease both;
}

.tsl-signup-wizard__about {
    min-height: 7rem;
    resize: vertical;
}

.tsl-phone-row {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.tsl-phone-row .tsl-input {
    flex: 1 1 auto;
    min-width: 0;
}

.tsl-phone-flag {
    flex: 0 0 auto;
    z-index: 5;
}

.tsl-phone-flag__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    min-height: 2.75rem;
    padding: 0.35rem 0.55rem;
}

.tsl-phone-flag__icon {
    display: block;
    width: 1.65rem;
    height: 1.25rem;
    object-fit: cover;
    border-radius: 0.15rem;
}

.tsl-phone-flag__list {
    left: 0;
    right: auto;
    max-height: 16rem;
    overflow-y: auto;
    min-width: 16rem;
}

.tsl-phone-flag__item {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.tsl-signup-wizard__nav {
    margin-top: 1rem;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.tsl-signup-wizard__nav .tsl-ter-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.tsl-signup-photos__progress {
    margin: 0.65rem 0 0.35rem;
}

.tsl-signup-photos__count {
    margin: 0 0 0.45rem;
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #666);
}

.tsl-signup-photos__coach {
    margin: 0 0 0.85rem;
}

.tsl-signup-photos__grid {
    margin-top: 0.25rem;
}

.tsl-signup-proposition .tsl-profile-proposition__list {
    margin: 0.65rem 0 0;
}

.tsl-signup-proposition .tsl-profile-proposition__label {
    margin-bottom: 0.35rem;
}

@keyframes tsl-signup-out-left {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(-1.25rem); opacity: 0; }
}

@keyframes tsl-signup-out-right {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(1.25rem); opacity: 0; }
}

@keyframes tsl-signup-in-right {
    from { transform: translateX(1.25rem); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes tsl-signup-in-left {
    from { transform: translateX(-1.25rem); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-signup-wizard__panel.is-out-left,
    .tsl-signup-wizard__panel.is-out-right,
    .tsl-signup-wizard__panel.is-in-left,
    .tsl-signup-wizard__panel.is-in-right {
        animation: none;
    }
}


.tsl-index-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tsl-index-body:has(.tsl-ter-hero--marketing) .tsl-load-time-label {
    display: none !important;
}

.tsl-index-body:has(.tsl-ter-hero--marketing),
.tsl-index--ter:has(.tsl-ter-hero--marketing) {


    --ter-max: none;
    --idx-max: 75rem;
    --idx-gutter: clamp(1.25rem, 4vw, 2.75rem);
    --idx-band: clamp(3.25rem, 5.5vw, 5.5rem);
    --idx-cream: #fffaf8;
    --idx-tint: #fbf4f2;
    --idx-plum: #33232a;
    --idx-line: rgba(42, 34, 36, 0.1);
    --idx-line-strong: rgba(42, 34, 36, 0.16);
    --idx-card-radius: 1.35rem;
    --idx-media-radius: 1.6rem;
    background: var(--tsl-surface-muted, #fff);
    color: var(--tsl-ink, #2a2224);
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-main {
    padding: 0;
    max-width: none;
}


.tsl-ter-band {
    position: relative;
    padding: var(--idx-band) var(--idx-gutter);
}

.tsl-ter-band--tint {
    background: var(--idx-tint);
}

.tsl-ter-band--cream {
    background: linear-gradient(180deg, var(--idx-cream) 0%, #fff 100%);
}

.tsl-ter-shell {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
}


.tsl-index--ter:has(.tsl-ter-hero--marketing) :is(.tsl-btn, .tsl-index-btn, .tsl-ter-btn, .tsl-popup-btn) {
    border-radius: var(--tsl-radius-full, 999px);
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: 0.92rem;
}

.tsl-index--ter .tsl-ter-hero--marketing .tsl-ter-btn,
.tsl-index--ter .tsl-ter-explore .tsl-ter-btn,
.tsl-index--ter .tsl-ter-nav--guest .tsl-ter-btn,
.tsl-index--ter .tsl-ter-marketing-tools .tsl-ter-btn,
.tsl-index--ter .tsl-ter-join .tsl-ter-btn {
    border-radius: var(--tsl-radius-full, 999px);
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: 0.95rem;
    transition: background-color var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                border-color var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                color var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                box-shadow var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                transform var(--tsl-duration, 0.2s) var(--tsl-ease, ease);
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-btn--solid {
    box-shadow: 0 10px 24px -12px rgba(140, 60, 70, 0.65);
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-btn--solid:hover {
    box-shadow: 0 14px 28px -12px rgba(140, 60, 70, 0.75);
    transform: translateY(-1px);
}

.tsl-index--ter .tsl-ter-hero--marketing .tsl-ter-btn--hero {
    padding: 0.8rem 1.6rem;
    font-size: 0.98rem;
    gap: 0.45rem;
}

.tsl-index--ter .tsl-ter-nav--guest .tsl-ter-btn--nav {
    padding: 0.55rem 1.2rem;
}

.tsl-index--ter:has(.tsl-ter-hero--marketing) :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--tsl-accent, #bc6c74);
    outline-offset: 3px;
    border-radius: var(--tsl-radius, 12px);
}


.tsl-ter-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    color: var(--tsl-accent, #bc6c74);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tsl-ter-eyebrow::before {
    content: "";
    width: 1.6rem;
    height: 1px;
    background: currentColor;
    opacity: 0.55;
}

.tsl-ter-eyebrow--center {
    justify-content: center;
}


.tsl-ter-eyebrow--center::after {
    content: "";
    width: 1.6rem;
    height: 1px;
    background: currentColor;
    opacity: 0.55;
}

.tsl-ter-section-head {
    max-width: 40rem;
    margin: 0 auto clamp(2rem, 3.5vw, 3rem);
    text-align: center;
}

.tsl-ter-section-head__title {
    margin: 0 0 0.75rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(1.9rem, 3.1vw, 2.85rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-wrap: balance;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-section-head__lead {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--tsl-ink-soft, #5c5356);
}


.tsl-ter-hero.tsl-ter-hero--marketing {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    padding: clamp(2.5rem, 5vw, 4.5rem) var(--idx-gutter) clamp(2.75rem, 5vw, 4.5rem);
    width: 100%;
    min-height: 0;
    aspect-ratio: auto;
    overflow: clip;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background:
        radial-gradient(120% 90% at 82% 8%, rgba(188, 108, 116, 0.16) 0%, rgba(188, 108, 116, 0) 58%),
        radial-gradient(80% 70% at 6% 96%, rgba(188, 108, 116, 0.1) 0%, rgba(188, 108, 116, 0) 60%),
        linear-gradient(168deg, #fffdfc 0%, var(--idx-cream) 42%, #fdeeea 100%);
}


.tsl-ter-hero__foliage {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    user-select: none;
    height: auto;
}

.tsl-ter-hero__foliage--left {
    left: -4.5rem;
    bottom: -4rem;
    width: min(11rem, 14vw);
    opacity: 0.55;
    transform: rotate(10deg);
}

.tsl-ter-hero__foliage--right {
    right: -4rem;
    top: -5rem;
    width: min(12rem, 15vw);
    opacity: 0.45;
    transform: rotate(-14deg);
}

.tsl-ter-hero__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
    align-items: center;
    gap: clamp(2rem, 4vw, 3.5rem);
}

.tsl-ter-hero__copy--marketing {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: auto;
    max-width: 34rem;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-hero--marketing .tsl-ter-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1.1rem;
    padding: 0.4rem 0.85rem 0.4rem 0.5rem;
    border: 1px solid rgba(188, 108, 116, 0.28);
    border-radius: var(--tsl-radius-full, 999px);
    background: rgba(255, 255, 255, 0.72);
    color: var(--tsl-accent, #bc6c74);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tsl-ter-hero__eyebrow-dot {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--tsl-accent, #bc6c74);
    box-shadow: 0 0 0 0.22rem rgba(188, 108, 116, 0.18);
    flex-shrink: 0;
}

.tsl-ter-hero--marketing .tsl-ter-hero__title {
    margin: 0 0 1rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(2.6rem, 5.2vw, 4.35rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -0.015em;
    white-space: normal;
    text-wrap: balance;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-hero--marketing .tsl-ter-hero__title em {
    font-style: italic;
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-hero--marketing .tsl-ter-hero__lead {
    margin: 0 0 1.75rem;
    max-width: 30rem;
    font-size: 1.06rem;
    line-height: 1.6;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-hero--marketing .tsl-ter-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    margin: 0;
    padding: 0;
}

.tsl-ter-hero__ghost {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--tsl-ink, #2a2224);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
}

.tsl-ter-hero__ghost > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--idx-line-strong);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    color: var(--tsl-ink, #2a2224);
    transition: border-color var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                color var(--tsl-duration, 0.2s) var(--tsl-ease, ease),
                transform var(--tsl-duration, 0.2s) var(--tsl-ease, ease);
}

.tsl-ter-hero__ghost .tsl-ter-nav__icon {
    width: 0.9rem;
    height: 0.9rem;
}

.tsl-ter-hero__ghost:hover {
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-hero__ghost:hover > span {
    border-color: var(--tsl-accent, #bc6c74);
    color: var(--tsl-accent, #bc6c74);
    transform: translateY(2px);
}

.tsl-ter-hero__micro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 1.1rem;
    margin: 1.6rem 0 0;
    font-size: 0.83rem;
    font-weight: 500;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-hero__micro span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.tsl-ter-hero__micro span::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    flex-shrink: 0;
    background: var(--tsl-accent, #bc6c74);
    -webkit-mask: var(--tsl-check-mark) center / contain no-repeat;
    mask: var(--tsl-check-mark) center / contain no-repeat;
}


.tsl-ter-hero__media {
    position: relative;
    z-index: 2;
    justify-self: end;
    width: 100%;
    max-width: 40rem;
    padding: 0 0 2.25rem 3.5rem;
}

.tsl-ter-hero__frame {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: var(--idx-media-radius);
    background: #f4e7e4;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 30px 60px -28px rgba(51, 35, 42, 0.45),
        0 8px 20px -12px rgba(51, 35, 42, 0.2);
}

.tsl-ter-hero__frame--main {
    aspect-ratio: 16 / 11;
}

.tsl-ter-hero__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 28%;
}


.tsl-ter-hero__frame--aside {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 32%;
    max-width: 11rem;
    aspect-ratio: 3 / 4;
    border: 5px solid #fff;
    border-radius: 1.25rem;
    box-shadow: 0 22px 44px -22px rgba(51, 35, 42, 0.5);
    transform: rotate(-4deg);
}

.tsl-ter-hero__frame--aside .tsl-ter-hero__img {
    object-position: center;
    border-radius: 0.9rem;
}

.tsl-ter-hero__chip {
    position: absolute;
    top: 1.25rem;
    left: 0.75rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: var(--tsl-radius-full, 999px);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 14px 30px -16px rgba(51, 35, 42, 0.4);
}

.tsl-ter-hero__chip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    background: var(--tsl-accent, #bc6c74);
    color: #fff;
    flex-shrink: 0;
}

.tsl-ter-hero__chip-icon .tsl-ter-nav__icon {
    width: 1rem;
    height: 1rem;
}

.tsl-ter-hero__chip-value {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-hero__chip-label {
    display: block;
    font-size: 0.7rem;
    line-height: 1.2;
    color: var(--tsl-ink-muted, #8a7e81);
}

.tsl-ter-hero__script {
    position: absolute;
    right: 0.5rem;
    bottom: -0.35rem;
    z-index: 3;
    margin: 0;
    font-family: var(--idx-script, Caveat, cursive);
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
    line-height: 1;
    color: #8a3d45;
    transform: rotate(-6deg);
    transform-origin: right center;
}


.tsl-ter-proof {
    position: relative;
    z-index: 3;
    padding: 1.5rem var(--idx-gutter);
    background: var(--tsl-surface-muted, #fff);
    border-block: 1px solid var(--idx-line);
}

.tsl-ter-proof__inner {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 2rem;
}

.tsl-ter-proof__note {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-proof__note .tsl-ter-nav__icon {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-proof__stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 2.5rem;
    margin: 0;
    padding: 0;
}

.tsl-ter-proof__stat {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
}

.tsl-ter-proof__value {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-proof__label {
    font-size: 0.82rem;
    color: var(--tsl-ink-muted, #8a7e81);
}


@media (prefers-reduced-motion: no-preference) {
    html:has(.tsl-ter-hero--marketing) {
        scroll-behavior: smooth;
    }
}

.tsl-ter-values,
.tsl-ter-steps,
.tsl-ter-tiers {
    scroll-margin-top: calc(var(--ter-nav-height, 3.45rem) + 1rem);
}

.tsl-ter-values {
    position: relative;
    padding: var(--idx-band) var(--idx-gutter);
    background: var(--idx-tint);
}

.tsl-ter-values__grid {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.tsl-ter-values__item {
    display: flex;
    flex-direction: column;
    padding: 1.85rem 1.6rem;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: var(--idx-card-radius);
    background: linear-gradient(180deg, #fff 0%, #fffdfc 100%);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 18px 34px -26px rgba(51, 35, 42, 0.35);
    transition: transform 0.28s var(--tsl-ease, ease), box-shadow 0.28s var(--tsl-ease, ease);
}

.tsl-ter-values__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.05), 0 26px 44px -26px rgba(51, 35, 42, 0.45);
}

.tsl-ter-values__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.15rem;
    border: 0;
    border-radius: 0.95rem;
    background:
        linear-gradient(150deg, var(--tsl-accent, #bc6c74) 0%, #d68f95 100%),
        var(--tsl-accent-soft, rgba(188, 108, 116, 0.14));
    color: #fff;
    box-shadow: 0 10px 20px -12px rgba(140, 60, 70, 0.7);
}

.tsl-ter-values__icon .tsl-ter-nav__icon {
    width: 1.35rem;
    height: 1.35rem;
}

.tsl-ter-values__title {
    margin: 0 0 0.45rem;
    font-family: inherit;
    font-size: 1.06rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-values__text {
    margin: 0;
    font-size: 0.93rem;
    line-height: 1.55;
    color: var(--tsl-ink-soft, #5c5356);
}


.tsl-ter-explore {
    position: relative;
    max-width: none;
    margin: 0;
    padding: clamp(4rem, 7vw, 7rem) var(--idx-gutter);
    background: var(--tsl-surface-muted, #fff);
    overflow: visible;
}

.tsl-ter-explore__layout {
    width: 100%;
    max-width: min(92rem, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(16rem, 0.68fr) minmax(0, 1.45fr);
    gap: clamp(2rem, 5vw, 5.25rem);
    align-items: center;
}

.tsl-ter-explore__copy {
    position: relative;
    z-index: 1;
}

.tsl-ter-explore__title {
    margin: 0 0 0.85rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(2.35rem, 4.2vw, 3.65rem);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.015em;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-explore__lead {
    margin: 0 0 1.5rem;
    max-width: 30rem;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-explore__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.tsl-ter-explore__checks {
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.35rem;
}

.tsl-ter-explore__checks li {
    position: relative;
    padding-left: 1.55rem;
    color: var(--tsl-ink, #2a2224);
    font-size: 0.92rem;
    font-weight: 500;
}

.tsl-ter-explore__checks li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--tsl-accent, #bc6c74);
    -webkit-mask: var(--tsl-check-mark) center / 0.95rem no-repeat;
    mask: var(--tsl-check-mark) center / 0.95rem no-repeat;
}


.tsl-ter-explore__cards {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.14fr 0.9fr;
    gap: 1.7rem 1.15rem;
    align-items: start;
    padding: 1.25rem 0.85rem 2.75rem 0.35rem;
    overflow: visible;
}

.tsl-ter-explore__card {
    position: relative;
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: var(--idx-card-radius);
    background: #f4e7e4;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 22px 40px -22px rgba(51, 35, 42, 0.55);
    transform-origin: center center;
    transition: transform 0.36s var(--tsl-ease, ease), box-shadow 0.36s var(--tsl-ease, ease);
}

.tsl-ter-explore__card:nth-child(1) {
    transform: rotate(-3.4deg) translate(0.35rem, 1.85rem);
    z-index: 2;
}

.tsl-ter-explore__card:nth-child(2) {
    transform: rotate(2.9deg) translate(-0.55rem, -1.05rem) scale(1.08);
    z-index: 3;
}

.tsl-ter-explore__card:nth-child(3) {
    transform: rotate(2.1deg) translate(-1.25rem, 0.45rem) scale(0.94);
    z-index: 1;
}

.tsl-ter-explore__card:nth-child(4) {
    transform: rotate(-2.6deg) translate(0.95rem, 1.35rem) scale(1.05);
    z-index: 2;
}

.tsl-ter-explore__card:hover,
.tsl-ter-explore__card--blog:hover {
    transform: rotate(0deg) translateY(-0.65rem) scale(1.04);
    z-index: 6;
    box-shadow: 0 32px 52px -22px rgba(51, 35, 42, 0.5);
}

.tsl-ter-explore__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s var(--tsl-ease, ease);
}

.tsl-ter-explore__card--blog .tsl-ter-explore__image {
    aspect-ratio: auto;
    height: auto;
    object-fit: contain;
    object-position: center top;
    background: #fff;
}

.tsl-ter-explore__card--blog:hover {
    transform: rotate(0deg) translateY(-0.65rem) scale(1.04);
}

.tsl-ter-explore__card:hover .tsl-ter-explore__image {
    transform: scale(1.04);
}

.tsl-ter-explore__card--blog:hover .tsl-ter-explore__image {
    transform: none;
}

.tsl-ter-explore__caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 3.5rem 1.1rem 1.1rem;
    background: linear-gradient(180deg, rgba(28, 18, 22, 0) 0%, rgba(28, 18, 22, 0.72) 55%, rgba(28, 18, 22, 0.88) 100%);
    pointer-events: none;
}

.tsl-ter-explore__card--blog {
    background: #fff;
    border: 1px solid var(--idx-line, rgba(42, 34, 36, 0.1));
}

.tsl-ter-explore__card--blog .tsl-ter-explore__caption {
    position: static;
    padding: 0.85rem 1rem 1.1rem;
    background: none;
}

.tsl-ter-explore__card--blog .tsl-ter-explore__label {
    color: var(--tsl-accent, #bc6c74);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tsl-ter-explore__card--blog .tsl-ter-explore__icon {
    display: none;
}

.tsl-ter-explore__card--blog .tsl-ter-explore__text {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-explore__label {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.3rem;
    font-weight: 700;
    font-size: 0.95rem;
    color: #fff;
}

.tsl-ter-explore__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    flex-shrink: 0;
}

.tsl-ter-explore__icon .tsl-ter-nav__icon {
    width: 0.85rem;
    height: 0.85rem;
}

.tsl-ter-explore__text {
    margin: 0;
    font-size: 0.83rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.85);
}


.tsl-ter-steps {
    position: relative;
    overflow: clip;
    padding: var(--idx-band) var(--idx-gutter);
    background:
        radial-gradient(70% 90% at 88% 10%, rgba(188, 108, 116, 0.3) 0%, rgba(188, 108, 116, 0) 60%),
        linear-gradient(160deg, #3d2a30 0%, var(--idx-plum) 55%, #291c22 100%);
    color: #fff;
}

.tsl-ter-steps__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
}

.tsl-ter-steps .tsl-ter-eyebrow {
    color: #e6a9b0;
}

.tsl-ter-steps .tsl-ter-section-head__title {
    color: #fff;
}

.tsl-ter-steps .tsl-ter-section-head__lead {
    color: rgba(255, 255, 255, 0.72);
}

.tsl-ter-steps__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: tsl-step;
}

.tsl-ter-steps__item {
    position: relative;
    padding: 1.9rem 1.6rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--idx-card-radius);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    counter-increment: tsl-step;
    transition: border-color 0.28s var(--tsl-ease, ease), transform 0.28s var(--tsl-ease, ease);
}

.tsl-ter-steps__item:hover {
    border-color: rgba(230, 169, 176, 0.6);
    transform: translateY(-4px);
}

.tsl-ter-steps__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1.1rem;
    border: 1px solid rgba(230, 169, 176, 0.5);
    border-radius: 50%;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.15rem;
    font-weight: 600;
    color: #f0c3c8;
}

.tsl-ter-steps__num::before {
    content: "0" counter(tsl-step);
}

.tsl-ter-steps__title {
    margin: 0 0 0.5rem;
    font-size: 1.08rem;
    font-weight: 700;
    color: #fff;
}

.tsl-ter-steps__text {
    margin: 0;
    font-size: 0.93rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.tsl-ter-steps__footer {
    margin: clamp(2rem, 3vw, 2.75rem) 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.85rem 1.25rem;
}

.tsl-index--ter .tsl-ter-steps .tsl-ter-btn--line {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.38);
    color: #fff;
}

.tsl-index--ter .tsl-ter-steps .tsl-ter-btn--line:hover,
.tsl-index--ter .tsl-ter-steps .tsl-ter-btn--line:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
    color: #fff;
}


.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-ter-marketing-tools {
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
}


.tsl-ter-search {
    padding: var(--idx-band) var(--idx-gutter);
    background: linear-gradient(180deg, #fff 0%, var(--idx-cream) 100%);
}

.tsl-index--ter .tsl-ter-search__panel {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
    padding: clamp(1.75rem, 3vw, 2.75rem);
    border: 1px solid var(--idx-line);
    border-radius: var(--idx-media-radius);
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 30px 60px -40px rgba(51, 35, 42, 0.4);
}

.tsl-ter-search__head {
    max-width: 38rem;
    margin: 0 0 1.75rem;
}

.tsl-ter-search__title {
    margin: 0 0 0.6rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(1.65rem, 2.6vw, 2.35rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-search__lead {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.6;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-search__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem 1.15rem;
}

.tsl-ter-search__form .tsl-ter-label {
    margin-bottom: 0.45rem;
}

.tsl-ter-search__open {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.75rem;
}

.tsl-ter-search__query {
    flex: 1 1 16rem;
    min-width: 0;
    height: 3.05rem;
    padding: 0 1rem;
    font-size: 1.02rem;
}

.tsl-ter-search__open .tsl-ter-btn {
    flex: 0 0 auto;
    min-height: 3.05rem;
    padding-inline: 1.45rem;
}

.tsl-index--ter .tsl-ter-search__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--idx-line);
}

.tsl-ter-search__hint {
    margin: 0.85rem 0 0;
    font-size: 0.8rem;
    color: var(--tsl-ink-muted, #8a7e81);
}


.tsl-ter-tiers {
    padding: var(--idx-band) var(--idx-gutter);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-ter-tiers__inner {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
}

.tsl-ter-tiers__heading {
    margin: 0 0 0.75rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(1.9rem, 3.1vw, 2.85rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--tsl-ink, #2a2224);
    text-align: center;
}

.tsl-ter-tiers__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: start;
    max-width: 58rem;
    margin: 0 auto;
}

.tsl-index--ter .tsl-ter-tier {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 2rem 1.85rem;
    border: 1px solid var(--idx-line);
    border-radius: var(--idx-media-radius);
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 20px 40px -32px rgba(51, 35, 42, 0.35);
}

.tsl-index--ter .tsl-ter-tier--featured {
    border-color: rgba(188, 108, 116, 0.42);
    background: linear-gradient(180deg, #fffdfc 0%, #fff6f4 100%);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 30px 56px -32px rgba(140, 60, 70, 0.45);
}

.tsl-ter-tier__badge {
    position: absolute;
    top: -0.75rem;
    left: 1.85rem;
    padding: 0.3rem 0.75rem;
    border-radius: var(--tsl-radius-full, 999px);
    background: var(--tsl-accent, #bc6c74);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tsl-ter-tier__eyebrow {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-tier__title {
    margin: 0 0 0.35rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1.15;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-tier__note {
    margin: 0 0 1.35rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid var(--idx-line);
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-tier__list {
    flex: 1 1 auto;
    margin: 0 0 1.6rem;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.7rem;
}

.tsl-ter-tier__list li {
    position: relative;
    padding-left: 1.7rem;
    font-size: 0.93rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-tier__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--tsl-accent-soft, rgba(188, 108, 116, 0.14));
    box-shadow: inset 0 0 0 1px rgba(188, 108, 116, 0.28);
}

.tsl-ter-tier__list li::after {
    content: "";
    position: absolute;
    left: 0.2rem;
    top: 0.35rem;
    width: 0.7rem;
    height: 0.7rem;
    background: var(--tsl-accent, #bc6c74);
    -webkit-mask: var(--tsl-check-mark) center / contain no-repeat;
    mask: var(--tsl-check-mark) center / contain no-repeat;
}

.tsl-ter-tier__action {
    display: flex;
}

.tsl-ter-tier__action .tsl-ter-btn {
    width: 100%;
}


.tsl-ter-blog {
    padding: var(--idx-band) var(--idx-gutter);
    background: var(--idx-tint);
}

.tsl-ter-blog__inner {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
}

.tsl-ter-blog__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    color: var(--tsl-accent, #bc6c74);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.tsl-ter-blog__title {
    margin: 0 0 0.75rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(1.9rem, 3.1vw, 2.6rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-blog__lead {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-blog__header {
    max-width: 38rem;
    margin: 0 auto clamp(2rem, 3.5vw, 2.75rem);
    text-align: center;
}

.tsl-ter-blog__header .tsl-ter-blog__eyebrow {
    justify-content: center;
}

.tsl-ter-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.tsl-index--ter .tsl-ter-blog__card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: var(--idx-card-radius);
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 18px 34px -26px rgba(51, 35, 42, 0.35);
    transition: transform 0.28s var(--tsl-ease, ease), box-shadow 0.28s var(--tsl-ease, ease);
}

.tsl-index--ter .tsl-ter-blog__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.05), 0 26px 44px -26px rgba(51, 35, 42, 0.45);
}

.tsl-ter-blog__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.tsl-ter-blog__link::after {
    content: none;
}

.tsl-ter-blog__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: #f4e7e4;
    transition: transform 0.5s var(--tsl-ease, ease);
}

.tsl-ter-blog__card:hover .tsl-ter-blog__image {
    transform: scale(1.03);
}

.tsl-ter-blog__body {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.25rem 1.35rem 1.45rem;
}

.tsl-ter-blog__meta {
    margin: 0;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-blog__card-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-blog__cue {
    margin-top: auto;
    padding-top: 0.85rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--tsl-accent, #bc6c74);
}

.tsl-ter-blog__footer {
    margin-top: clamp(1.75rem, 3vw, 2.5rem);
    text-align: center;
}


.tsl-ter-contact {
    padding: var(--idx-band) var(--idx-gutter);
    background: var(--tsl-surface-muted, #fff);
}

.tsl-ter-contact__layout {
    width: 100%;
    max-width: var(--idx-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(1.5rem, 3vw, 3rem);
    align-items: start;
}

.tsl-ter-contact__aside {
    padding: clamp(1.65rem, 2.6vw, 2.25rem);
    border-radius: var(--idx-media-radius);
    background: linear-gradient(170deg, #fff6f4 0%, var(--idx-tint) 100%);
    border: 1px solid var(--idx-line);
}

.tsl-ter-contact__aside-title,
.tsl-ter-contact__title {
    margin: 0 0 1.1rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(1.5rem, 2.2vw, 2rem);
    font-weight: 600;
    line-height: 1.15;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-contact__details {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 1.1rem;
}

.tsl-ter-contact__details li {
    display: grid;
    gap: 0.2rem;
    padding-left: 1.1rem;
    border-left: 2px solid rgba(188, 108, 116, 0.32);
}

.tsl-ter-contact__details strong {
    font-size: 0.9rem;
    color: var(--tsl-ink, #2a2224);
}

.tsl-ter-contact__details span {
    font-size: 0.89rem;
    line-height: 1.5;
    color: var(--tsl-ink-soft, #5c5356);
}

.tsl-ter-contact__form-wrap {
    padding: clamp(1.65rem, 2.6vw, 2.25rem);
    border: 1px solid var(--idx-line);
    border-radius: var(--idx-media-radius);
    background: var(--tsl-surface-muted, #fff);
    box-shadow: 0 1px 2px rgba(51, 35, 42, 0.04), 0 24px 48px -36px rgba(51, 35, 42, 0.35);
}

.tsl-index--ter .tsl-ter-contact-form {
    display: grid;
    gap: 1rem;
}

.tsl-ter-contact-form__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}


.tsl-ter-join {
    position: relative;
    overflow: clip;
    padding: clamp(3rem, 5vw, 4.75rem) var(--idx-gutter);
    background:
        radial-gradient(60% 120% at 15% 10%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 55%),
        linear-gradient(120deg, var(--tsl-accent, #bc6c74) 0%, #a85a63 55%, #8f4a55 100%);
    color: #fff;
    text-align: center;
}

.tsl-ter-join__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 46rem;
    margin: 0 auto;
}

.tsl-ter-join__script {
    margin: 0 0 0.4rem;
    font-family: var(--idx-script, Caveat, cursive);
    font-size: clamp(1.6rem, 2.6vw, 2.15rem);
    line-height: 1;
    color: rgba(255, 255, 255, 0.9);
}

.tsl-ter-join__title {
    margin: 0 0 0.85rem;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(2rem, 3.6vw, 3rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.015em;
    color: #fff;
}

.tsl-ter-join__lead {
    margin: 0 auto 1.85rem;
    max-width: 34rem;
    font-size: 1.03rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.86);
}

.tsl-ter-join__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
}

.tsl-index--ter .tsl-ter-join .tsl-ter-btn--solid {
    background: #fff;
    border-color: #fff;
    color: #8f4a55;
    box-shadow: 0 16px 32px -18px rgba(51, 35, 42, 0.6);
}

.tsl-index--ter .tsl-ter-join .tsl-ter-btn--solid:hover {
    background: #fff6f4;
    border-color: #fff6f4;
    color: #7d3f49;
}

.tsl-index--ter .tsl-ter-join .tsl-ter-btn--line {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.tsl-index--ter .tsl-ter-join .tsl-ter-btn--line:hover,
.tsl-index--ter .tsl-ter-join .tsl-ter-btn--line:focus-visible {
    background: rgba(255, 255, 255, 0.14);
    border-color: #fff;
    color: #fff;
}

.tsl-index--ter .tsl-ter-join :is(a, button):focus-visible {
    outline-color: #fff;
}

.tsl-ter-join__micro {
    margin: 1.35rem 0 0;
    font-size: 0.83rem;
    color: rgba(255, 255, 255, 0.76);
}


.tsl-index--ter:has(.tsl-ter-hero--marketing) .tsl-input {
    border-radius: 0.8rem;
}


@keyframes tsl-ter-reveal {
    from {
        opacity: 0;
        transform: translateY(1.5rem);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
        .tsl-ter-reveal {
            animation: tsl-ter-reveal linear both;
            animation-timeline: view();
            animation-range: entry 0% entry 58%;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsl-index--ter:has(.tsl-ter-hero--marketing) * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .tsl-ter-explore__card:nth-child(1),
    .tsl-ter-explore__card:nth-child(2),
    .tsl-ter-explore__card:nth-child(3),
    .tsl-ter-explore__card:nth-child(4),
    .tsl-ter-explore__card:hover,
    .tsl-ter-explore__card--blog:hover {
        transform: none;
    }
}


.tsl-body--dark-mode .tsl-index--ter:has(.tsl-ter-hero--marketing) {
    --idx-cream: #2c1f24;
    --idx-tint: #291d22;
    --idx-line: rgba(255, 255, 255, 0.12);
    --idx-line-strong: rgba(255, 255, 255, 0.2);
    background: #221a1e;
}

.tsl-body--dark-mode .tsl-ter-hero.tsl-ter-hero--marketing {
    background:
        radial-gradient(120% 90% at 82% 8%, rgba(188, 108, 116, 0.24) 0%, rgba(188, 108, 116, 0) 58%),
        linear-gradient(168deg, #2e2126 0%, #281c21 100%);
}

.tsl-body--dark-mode :is(.tsl-ter-values__item, .tsl-ter-blog__card, .tsl-ter-tier, .tsl-ter-search__panel, .tsl-ter-contact__form-wrap, .tsl-ter-contact__aside) {
    background: #2c2126;
    border-color: rgba(255, 255, 255, 0.12);
}

.tsl-body--dark-mode :is(.tsl-ter-proof, .tsl-ter-explore, .tsl-ter-contact, .tsl-ter-tiers) {
    background: #221a1e;
}

.tsl-body--dark-mode :is(.tsl-ter-values, .tsl-ter-blog) {
    background: #291d22;
}

.tsl-body--dark-mode :is(.tsl-ter-section-head__title, .tsl-ter-values__title, .tsl-ter-explore__title, .tsl-ter-tiers__heading, .tsl-ter-tier__title, .tsl-ter-search__title, .tsl-ter-blog__title, .tsl-ter-blog__card-title, .tsl-ter-contact__title, .tsl-ter-contact__aside-title, .tsl-ter-hero--marketing .tsl-ter-hero__title, .tsl-ter-proof__value) {
    color: #f6eeee;
}


@media (max-width: 1080px) {
    .tsl-ter-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tsl-ter-steps__grid {
        grid-template-columns: 1fr;
    }

    .tsl-ter-blog__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tsl-ter-search__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 940px) {
    .tsl-ter-hero__inner {
        grid-template-columns: 1fr;
        gap: clamp(2.25rem, 6vw, 3rem);
    }

    .tsl-ter-hero__copy--marketing {
        max-width: 36rem;
    }

    .tsl-ter-hero__media {
        justify-self: stretch;
        max-width: 34rem;
        margin: 0 auto;
        padding: 0 0 2rem 3rem;
    }

    .tsl-ter-hero__foliage--left,
    .tsl-ter-hero__foliage--right {
        display: none;
    }

    .tsl-ter-explore__layout,
    .tsl-ter-contact__layout {
        grid-template-columns: 1fr;
    }

    .tsl-ter-explore__cards {
        max-width: none;
        padding: 0.5rem 0 1.5rem;
    }

    .tsl-ter-tiers__grid {
        grid-template-columns: 1fr;
    }

    .tsl-ter-tier__badge {
        left: 1.5rem;
    }
}

@media (max-width: 700px) {
    .tsl-index-body:has(.tsl-ter-hero--marketing),
    .tsl-index--ter:has(.tsl-ter-hero--marketing) {
        --idx-band: 2.75rem;
    }

    .tsl-ter-hero--marketing .tsl-ter-hero__title {
        font-size: clamp(2.15rem, 10vw, 2.9rem);
    }

    .tsl-ter-hero--marketing .tsl-ter-hero__actions {
        gap: 0.85rem;
    }

    .tsl-ter-hero--marketing .tsl-ter-hero__actions .tsl-ter-btn--hero {
        width: 100%;
    }

    .tsl-ter-hero__media {
        padding: 0 0 1.5rem 2.25rem;
    }

    .tsl-ter-hero__chip {
        top: 0.75rem;
        left: 0.5rem;
        padding: 0.5rem 0.8rem;
    }

    .tsl-ter-hero__script {
        font-size: 1.4rem;
        right: 0.25rem;
    }

    .tsl-ter-proof__inner {
        justify-content: flex-start;
    }

    .tsl-ter-proof__stats {
        gap: 0.5rem 1.5rem;
    }

    .tsl-ter-values__grid,
    .tsl-ter-blog__grid,
    .tsl-ter-search__grid,
    .tsl-ter-contact-form__row {
        grid-template-columns: 1fr;
    }

    .tsl-ter-explore__cards {
        gap: 1.15rem 0.85rem;
        padding: 0.75rem 0.35rem 1.75rem;
    }

    .tsl-ter-explore__card:nth-child(1) {
        transform: rotate(-2.4deg) translate(0.15rem, 0.85rem);
    }

    .tsl-ter-explore__card:nth-child(2) {
        transform: rotate(2.1deg) translate(-0.2rem, -0.45rem) scale(1.04);
    }

    .tsl-ter-explore__card:nth-child(3) {
        transform: rotate(1.5deg) translate(-0.55rem, 0.2rem) scale(0.96);
    }

    .tsl-ter-explore__card:nth-child(4) {
        transform: rotate(-1.8deg) translate(0.4rem, 0.7rem) scale(1.03);
    }

    .tsl-ter-explore__card:hover,
    .tsl-ter-explore__card--blog:hover {
        transform: rotate(0deg) translateY(-0.4rem) scale(1.03);
    }

    .tsl-ter-search__hint {
        margin-inline-start: 0;
    }

    .tsl-ter-contact__aside,
    .tsl-ter-contact__form-wrap,
    .tsl-index--ter .tsl-ter-search__panel {
        padding: 1.35rem 1.15rem;
    }
}

@media (max-width: 460px) {
    .tsl-ter-explore__cards {
        grid-template-columns: 1fr;
    }

    .tsl-ter-explore__card:nth-child(1),
    .tsl-ter-explore__card:nth-child(2),
    .tsl-ter-explore__card:nth-child(3),
    .tsl-ter-explore__card:nth-child(4),
    .tsl-ter-explore__card:nth-child(even),
    .tsl-ter-explore__card:nth-child(even):hover,
    .tsl-ter-explore__card:hover,
    .tsl-ter-explore__card--blog:hover {
        transform: none;
    }


    .tsl-ter-hero__frame--aside {
        display: none;
    }

    .tsl-ter-hero__media {
        padding-left: 0;
    }
}

.tsl-ter-hero--welcome {
    background: var(--tsl-bg, #3d2a2e);
}

.tsl-ter-hero--welcome .tsl-ter-hero__bg {
    background-color: var(--tsl-bg, #3d2a2e);
    background-image:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--tsl-bg, #3d2a2e) 35%, transparent) 0%,
            color-mix(in srgb, var(--tsl-bg, #3d2a2e) 78%, #000) 100%),
        url('landing/hero-photo.jpg');
    background-size: cover;
    background-position: center 18%;
}

.tsl-ter-hero--welcome .tsl-ter-hero__copy {
    color: #fff;
    text-align: center;
    margin-inline: auto;
}

.tsl-ter-hero--welcome .tsl-ter-hero__title {
    color: #fff;
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
    -webkit-text-stroke: 0.55px rgba(0, 0, 0, 0.72);
    paint-order: stroke fill;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 3px 10px rgba(0, 0, 0, 0.38);
}

.tsl-ter-hero--welcome .tsl-ter-hero__eyebrow,
.tsl-ter-hero--welcome .tsl-ter-hero__lead {
    color: rgba(255, 255, 255, 0.86);
}

.tsl-ter-hero--welcome .tsl-ter-hero__stats-card,
.tsl-index-settings .tsl-ter-hero__stats-card {
    border-radius: var(--tsl-radius-lg, 20px);
}

.tsl-index--ter .tsl-index-page-hero__title,
.tsl-index--ter .tsl-index-page-hero__eyebrow {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
}

.tsl-index-settings .tsl-index-panel__title,
.tsl-ter-side-card__title,
.tsl-index-feed .tsl-index-panel__title {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
}

.tsl-index-settings__nav-link {
    border-radius: var(--tsl-radius-full, 999px);
}

.tsl-index-settings .tsl-index-settings__nav-link.is-active,
.tsl-index-settings .tsl-index-settings__nav-link[aria-current="page"] {
    background: var(--tsl-accent, #bc6c74);
    border-color: var(--tsl-accent, #bc6c74);
    color: var(--tsl-surface-muted, #fff);
}

.tsl-index-feed .tsl-index-tabs__tab,
.tsl-search-hub-tabs .tsl-index-tabs__tab {
    letter-spacing: 0.01em;
    text-transform: none;
}

.tsl-index-feed__filters,
.tsl-search-aside {
    background: color-mix(in srgb, var(--tsl-accent-soft, rgba(188, 108, 116, 0.14)) 80%, var(--tsl-surface-muted, #fff));
}

.tsl-community-post,
.tsl-community-article,
.tsl-simple-search__item,
.tsl-search-member-card,
.tsl-ter-side-card,
.tsl-ter-search__panel,
.tsl-ter-tier,
.tsl-ter-blog__card {
    border-radius: var(--tsl-radius-lg, 20px);
    box-shadow: var(--tsl-shadow-sm, 0 1px 3px rgba(42, 34, 36, 0.06));
}

.tsl-ter-search__title,
.tsl-ter-tiers__heading {
    font-family: var(--idx-serif, 'Cormorant Garamond', Georgia, serif);
}

a.tsl-welcome-setup__stage--todo:hover,
a.tsl-welcome-setup__stage--todo:focus-visible {
    background: color-mix(in srgb, var(--tsl-accent, #bc6c74) 8%, var(--tsl-surface-muted, #fff));
}

.tsl-welcome-setup__number {
    background: var(--tsl-accent-soft, rgba(188, 108, 116, 0.14));
    color: var(--tsl-accent, #bc6c74);
}