/* TEJMAR source React shell and route styles. The original dark tokens remain the default. */
:root[data-theme="light"] {
  --background: 0 0% 99%;
  --foreground: 240 8% 10%;
  --card: 0 0% 100%;
  --card-foreground: 240 8% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 8% 10%;
  --muted: 0 0% 95%;
  --muted-foreground: 240 4% 39%;
  --secondary: 0 0% 95%;
  --secondary-foreground: 240 8% 12%;
  --border: 240 5% 86%;
  --input: 240 5% 86%;
  --ring: 354 100% 46%;
  --primary: 354 100% 46%;
  --primary-foreground: 0 0% 100%;
  --sidebar: 0 0% 97%;
  --card-border: 240 5% 88%;
  --popover-border: 240 5% 88%;
  --accent: 354 100% 46%;
  --accent-foreground: 0 0% 100%;
  --destructive: 354 80% 48%;
  --destructive-foreground: 0 0% 100%;
  --sidebar-foreground: 240 8% 10%;
  --sidebar-border: 240 5% 86%;
  --sidebar-primary: 354 100% 46%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 93%;
  --sidebar-accent-foreground: 240 8% 10%;
  --sidebar-ring: 354 100% 46%;
  color-scheme: light;
}
:root[data-theme="dark"], :root:not([data-theme]) { color-scheme: dark; }
html,body,#root { min-height:100%; }
body { background:hsl(var(--background)); color:hsl(var(--foreground)); }
.tr-global-header { position:sticky; top:0; z-index:8000; width:100%; border-bottom:1px solid hsl(var(--border)); background:color-mix(in srgb,hsl(var(--background)) 93%,transparent); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.tr-global-inner { max-width:1440px; min-height:66px; padding:0 clamp(18px,4vw,56px); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.tr-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:inherit; font-family:Cinzel,serif; font-weight:700; letter-spacing:.13em; font-size:15px; white-space:nowrap; }
.tr-brand-mark { width:29px; height:29px; display:inline-grid; place-items:center; border-radius:50%; color:#fff; background:#df1526; font-family:Cinzel,serif; font-size:17px; letter-spacing:0; box-shadow:0 0 0 1px #df152655; }
.tr-header-actions { display:flex; align-items:center; gap:13px; }
.tr-two-line-menu { width:43px; height:43px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; background:transparent; color:hsl(var(--foreground)); border:1px solid hsl(var(--border)); border-radius:7px; cursor:pointer; transition:border-color .18s,background .18s; }
.tr-two-line-menu:hover { border-color:hsl(var(--primary)); background:hsl(var(--secondary)); }
.tr-two-line-menu span { display:block; width:19px; height:1.5px; background:currentColor; border-radius:4px; }
.tr-profile-button { width:39px; height:39px; border-radius:50%; border:1px solid hsl(var(--border)); padding:2px; background:transparent; color:inherit; cursor:pointer; }
.tr-avatar { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; background:hsl(var(--secondary)); color:hsl(var(--foreground)); font-weight:700; }
.tr-account-wrap { position:relative; }
.tr-account-popover { position:absolute; top:calc(100% + 12px); right:0; z-index:8020; width:min(300px,calc(100vw - 32px)); padding:10px; border:1px solid hsl(var(--border)); border-radius:10px; background:hsl(var(--card)); color:hsl(var(--foreground)); box-shadow:0 18px 60px #0003; }
.tr-account-top { padding:12px; border-bottom:1px solid hsl(var(--border)); display:grid; gap:5px; }
.tr-account-top small,.tr-account-top span { color:hsl(var(--muted-foreground)); font-size:12px; overflow-wrap:anywhere; }
.tr-account-top b { color:hsl(var(--primary)); font-size:13px; }
.tr-account-popover a,.tr-account-popover .tr-signout { width:100%; display:block; padding:11px 12px; color:inherit; text-decoration:none; text-align:left; border:0; background:transparent; font:inherit; border-radius:6px; cursor:pointer; }
.tr-account-popover a:hover,.tr-account-popover .tr-signout:hover { background:hsl(var(--secondary)); }
.tr-account-popover .tr-signout { color:#dc2836; border-top:1px solid hsl(var(--border)); border-radius:0; }
.tr-theme-icon { font-size:21px; line-height:1; }
.tr-login-link { font-size:13px; color:inherit; text-decoration:none; padding:9px 13px; border:1px solid hsl(var(--border)); border-radius:6px; }
.tr-menu-backdrop { position:fixed; inset:0; z-index:9000; background:#0009; display:flex; justify-content:flex-end; }
.tr-menu-drawer { width:min(390px,92vw); height:100%; overflow:auto; padding:24px; background:hsl(var(--card)); color:hsl(var(--foreground)); border-left:1px solid hsl(var(--border)); box-shadow:-20px 0 60px #0004; display:flex; flex-direction:column; }
.tr-menu-heading { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid hsl(var(--border)); }
.tr-close { border:0; color:inherit; background:transparent; font-size:28px; cursor:pointer; }
.tr-menu-caption { margin:23px 0 10px; color:hsl(var(--muted-foreground)); font-size:10px; font-weight:700; letter-spacing:.17em; }
.tr-menu-drawer>a { padding:12px 3px; color:inherit; text-decoration:none; border-bottom:1px solid hsl(var(--border)); font-size:14px; }
.tr-menu-drawer>a:hover { color:hsl(var(--primary)); }
.tr-menu-account { display:flex; flex-direction:column; gap:5px; padding:16px 0; margin-top:10px; color:hsl(var(--muted-foreground)); font-size:12px; }
.tr-menu-account strong { color:hsl(var(--primary)); }
.tr-menu-bottom { margin-top:auto; padding-top:20px; }
.tr-menu-bottom button { width:100%; border:1px solid hsl(var(--border)); background:transparent; padding:12px; color:inherit; border-radius:6px; }
.tr-page { width:min(1200px,calc(100% - 36px)); margin:0 auto; padding:clamp(32px,5vw,68px) 0 48px; min-height:65vh; }
.tr-page.tr-wide { width:min(1380px,calc(100% - 36px)); }
.tr-page-heading { max-width:820px; margin-bottom:28px; }
.tr-eyebrow { margin:0 0 13px; color:hsl(var(--primary)); font-size:10px; font-weight:750; letter-spacing:.2em; text-transform:uppercase; }
.tr-page-heading h1 { margin:0; color:hsl(var(--foreground)); font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(37px,5vw,59px); line-height:1.03; font-weight:600; letter-spacing:-.025em; }
.tr-subtitle { max-width:680px; margin:14px 0 0; color:hsl(var(--muted-foreground)); font-size:14px; line-height:1.8; }
.tr-panel { padding:clamp(18px,2.4vw,26px); background:hsl(var(--card)); border:1px solid hsl(var(--border)); border-radius:9px; box-shadow:0 5px 22px #00000008; min-width:0; }
.tr-panel-head { margin-bottom:19px; }
.tr-panel-head h2 { margin:0; font-size:16px; font-weight:650; letter-spacing:-.01em; }
.tr-panel-head p { margin:7px 0 0; max-width:720px; color:hsl(var(--muted-foreground)); font-size:12px; line-height:1.7; }
.tr-stack { display:grid; gap:17px; min-width:0; }
.tr-two-col { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:20px; }
.tr-form { display:grid; gap:15px; min-width:0; }
.tr-form-spaced { margin-top:22px; padding-top:20px; border-top:1px solid hsl(var(--border)); }
.tr-field { display:grid; gap:9px; min-width:0; }
.tr-label { color:hsl(var(--foreground)); font-size:14px; line-height:1.25; font-weight:500; letter-spacing:-.005em; }
.tr-required { color:hsl(var(--primary)); }
.tr-input { width:100%; min-width:0; min-height:48px; color:hsl(var(--foreground)); background:hsl(var(--background)); border:1px solid hsl(var(--input)); border-radius:7px; padding:12px 14px; font-family:Inter,system-ui,sans-serif; font-size:14px; line-height:1.4; box-shadow:0 1px 2px #00000008; outline:none; transition:border-color .16s,box-shadow .16s,background .16s; }
.tr-input:focus,.tr-input:focus-visible { border-color:hsl(var(--primary)); box-shadow:0 0 0 3px hsl(var(--primary)/.12); }
.tr-input::placeholder { color:hsl(var(--muted-foreground)); opacity:.8; }
.tr-area { resize:vertical; min-height:124px; line-height:1.65; padding-top:13px; }
.tr-hint { color:hsl(var(--muted-foreground)); font-size:11px; line-height:1.6; }
.tr-muted { color:hsl(var(--muted-foreground)); font-size:13px; line-height:1.75; }
.tr-button { min-height:40px; display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:10px 16px; border:1px solid transparent; border-radius:6px; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.01em; transition:transform .15s,background .15s,border-color .15s; }
.tr-button:hover:not(:disabled) { transform:translateY(-1px); }
.tr-button:disabled { opacity:.48; cursor:not-allowed; }
.tr-button.tr-primary { background:hsl(var(--primary)); color:hsl(var(--primary-foreground)); }
.tr-button.tr-secondary,.tr-button.tr-icon { background:transparent; color:hsl(var(--foreground)); border-color:hsl(var(--border)); }
.tr-button.tr-icon { min-width:40px; padding:7px; }
.tr-actions { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:7px; }
.tr-notice { padding:11px 13px; border:1px solid hsl(var(--border)); border-left:3px solid hsl(var(--primary)); border-radius:5px; margin:10px 0; color:hsl(var(--foreground)); font-size:12px; line-height:1.6; background:hsl(var(--secondary)); }
.tr-notice.tr-success { border-left-color:#2e9b69; }
.tr-notice.tr-error { border-left-color:#d92732; }
.tr-check { display:flex; align-items:flex-start; gap:9px; color:hsl(var(--foreground)); font-size:12px; line-height:1.5; cursor:pointer; }
.tr-check input { margin:2px 0 0; accent-color:#df1526; }
.tr-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:18px; }
.tr-stat { background:hsl(var(--card)); border:1px solid hsl(var(--border)); border-radius:7px; padding:17px; display:grid; gap:8px; }
.tr-stat span { color:hsl(var(--muted-foreground)); font-size:11px; }
.tr-stat strong { font-size:20px; font-weight:650; overflow-wrap:anywhere; }
.tr-live-output,.tr-reader,.tr-context { display:block; width:100%; min-height:150px; max-height:650px; overflow:auto; margin:0; padding:16px; white-space:pre-wrap; overflow-wrap:anywhere; color:hsl(var(--foreground)); background:hsl(var(--background)); border:1px solid hsl(var(--border)); border-radius:6px; font:13px/1.75 Inter,system-ui,sans-serif; }
.tr-reader { min-height:300px; font-family:"Source Serif 4",Georgia,serif; font-size:15px; }
.tr-context { min-height:60px; max-height:280px; font-size:11px; }
.tr-list { display:grid; gap:9px; }
.tr-list-item { width:100%; display:block; text-align:left; padding:13px; background:hsl(var(--background)); color:inherit; border:1px solid hsl(var(--border)); border-radius:6px; }
button.tr-list-item { cursor:pointer; }
.tr-list-item p { margin:5px 0 0; }
.tr-suggestions { display:grid; gap:10px; margin:12px 0; }
.tr-suggestion { padding:13px; border:1px solid hsl(var(--border)); border-radius:6px; }
.tr-suggestion p { color:hsl(var(--muted-foreground)); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.tr-table-wrap { width:100%; overflow:auto; }
.tr-table { width:100%; border-collapse:collapse; font-size:12px; }
.tr-table th,.tr-table td { padding:11px 12px; border-bottom:1px solid hsl(var(--border)); text-align:left; vertical-align:top; }
.tr-table th { color:hsl(var(--muted-foreground)); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.tr-table td { overflow-wrap:anywhere; }
.tr-empty { color:hsl(var(--muted-foreground)); font-size:12px; }
.tr-copy-field { padding:12px; overflow-wrap:anywhere; background:hsl(var(--background)); border:1px solid hsl(var(--border)); border-radius:5px; font:12px/1.6 ui-monospace,monospace; }
.tr-credit-balance { font-family:"Cormorant Garamond",Georgia,serif; font-size:48px; font-weight:600; }
.tr-credit-balance span { display:block; font:12px Inter,system-ui,sans-serif; color:hsl(var(--muted-foreground)); }
.tr-status-line { font-weight:650; }
.tr-cover-image { width:min(100%,380px); max-height:600px; object-fit:contain; display:block; margin:0 auto; border:1px solid hsl(var(--border)); border-radius:5px; }
.tr-cover-placeholder { min-height:270px; display:grid; place-items:center; background:hsl(var(--background)); border:1px dashed hsl(var(--border)); color:hsl(var(--muted-foreground)); text-align:center; padding:24px; }
.tr-cover-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:12px; }
.tr-cover-grid a { display:grid; gap:6px; color:inherit; font-size:11px; text-decoration:none; }
.tr-cover-grid img { width:100%; aspect-ratio:2/3; object-fit:cover; border:1px solid hsl(var(--border)); border-radius:4px; }
.tr-paper { min-height:320px; max-height:650px; overflow:auto; background:#fff; color:#252525; border:1px solid #ddd; box-shadow:0 8px 30px #00000012; white-space:pre-wrap; overflow-wrap:anywhere; }
.tr-paper h2 { text-align:center; font-size:1.8em; margin:1em 0 2em; }
.tr-paper-author { text-align:center; margin-bottom:2em; }
.tr-reader-title { font-family:"Cormorant Garamond",Georgia,serif; font-size:25px; margin:14px 0; }
.tr-tab-row { display:flex; gap:6px; overflow-x:auto; padding:0 0 13px; margin-bottom:16px; border-bottom:1px solid hsl(var(--border)); }
.tr-tab { white-space:nowrap; border:1px solid transparent; background:transparent; color:hsl(var(--muted-foreground)); padding:9px 12px; border-radius:5px; cursor:pointer; font-size:11px; }
.tr-tab.active { color:hsl(var(--foreground)); border-color:hsl(var(--border)); background:hsl(var(--secondary)); }
.tr-feature-footer { max-width:1380px; margin:40px auto 0; padding:28px clamp(18px,4vw,56px) 30px; border-top:1px solid hsl(var(--border)); display:grid; grid-template-columns:1fr auto; gap:22px; color:hsl(var(--muted-foreground)); }
.tr-feature-footer p { max-width:360px; font-size:11px; line-height:1.7; }
.tr-footer-links { display:flex; flex-wrap:wrap; gap:14px; align-content:start; justify-content:flex-end; }
.tr-footer-links a { color:inherit; text-decoration:none; font-size:11px; }
.tr-footer-links a:hover { color:hsl(var(--primary)); }
.tr-feature-footer small { grid-column:1/-1; font-size:10px; }
.tr-email-icon { display:grid; place-items:center; width:58px; height:58px; margin:8px auto 18px; border-radius:50%; color:#df1526; background:hsl(var(--primary)/.1); font-size:27px; }
.tr-countdown { text-align:center; padding:14px; margin:14px 0; font-family:"Cormorant Garamond",Georgia,serif; font-size:42px; font-variant-numeric:tabular-nums; }
.tr-modal-backdrop { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; background:#000b; padding:18px; }
.tr-modal { position:relative; width:min(470px,100%); padding:30px; border:1px solid hsl(var(--border)); border-radius:9px; background:hsl(var(--card)); box-shadow:0 25px 90px #0006; }
.tr-modal h2 { font:600 29px/1.1 "Cormorant Garamond",Georgia,serif; margin:6px 0 10px; }
.tr-modal-close { position:absolute; top:10px; right:13px; border:0; background:transparent; color:inherit; font-size:26px; cursor:pointer; }
.tr-price { display:block; font-size:27px; margin:15px 0 2px; }
.tr-checkout-provider { padding:13px; margin:18px 0; border:1px solid hsl(var(--border)); border-radius:6px; display:flex; justify-content:space-between; align-items:center; }
.tr-checkout-provider small { color:hsl(var(--muted-foreground)); }
.tr-scope-list { display:grid; gap:8px; padding-left:20px; color:hsl(var(--muted-foreground)); font-size:12px; }
@media(max-width:850px){.tr-two-col{grid-template-columns:1fr}.tr-page{padding-top:30px}.tr-feature-footer{grid-template-columns:1fr}.tr-footer-links{justify-content:flex-start}.tr-feature-footer small{grid-column:auto}}
@media(max-width:520px){.tr-global-inner{min-height:60px;padding:0 14px}.tr-brand{font-size:13px}.tr-header-actions{gap:8px}.tr-page,.tr-page.tr-wide{width:calc(100% - 28px)}.tr-page-heading h1{font-size:40px}.tr-panel{padding:16px}.tr-actions>.tr-button{flex:1 1 auto}.tr-modal{padding:24px 19px}}

/* Release 2: original field scale, book-reader controls and provider states. */
.tr-pricing-redirect { min-height:65vh; display:grid; place-content:center; justify-items:center; gap:12px; color:hsl(var(--muted-foreground)); font-size:13px; }
.tr-provider-logo { display:flex; align-items:center; gap:10px; font-weight:700; }
.tr-provider-logo img { display:block; width:88px; height:25px; object-fit:contain; filter:grayscale(1); opacity:.75; }
.tr-provider-coming-soon { opacity:.58; cursor:not-allowed; user-select:none; pointer-events:none; background:hsl(var(--secondary)/.45); }
.tr-provider-coming-soon small { font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tr-preview-toolbar { display:flex; align-items:end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.tr-preview-toolbar .tr-field { min-width:min(100%,320px); flex:1; }
.tr-reader-inline { display:grid; justify-items:center; gap:14px; padding:clamp(12px,3vw,28px); background:hsl(var(--secondary)/.45); border:1px solid hsl(var(--border)); border-radius:8px; }
.tr-book-page { width:min(100%,690px); min-height:740px; display:flex; flex-direction:column; padding:clamp(34px,7vw,76px); background:#fff; color:#292929; border:1px solid #e4e4e4; box-shadow:0 10px 36px #00000012; font-family:'Source Serif 4',Georgia,serif; }
.tr-book-page-running { padding-bottom:14px; border-bottom:1px solid #e8e3dc; color:#888; font:600 9px/1.4 Inter,system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.tr-book-page-chapter { margin:62px 0 28px; text-align:center; }
.tr-book-page-chapter h2 { color:#242424; font:600 clamp(23px,3vw,31px)/1.2 'Cormorant Garamond',Georgia,serif; }
.tr-book-page-text { flex:1; padding-top:34px; color:#292929; font:15px/2 'Source Serif 4',Georgia,serif; white-space:pre-wrap; overflow-wrap:anywhere; text-align:justify; }
.tr-book-page-number { align-self:center; margin-top:30px; color:#888; font:11px Inter,system-ui,sans-serif; }
.tr-page-controls { width:min(100%,690px); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tr-page-indicator { color:hsl(var(--muted-foreground)); font-size:11px; font-variant-numeric:tabular-nums; }
.tr-reader-overlay { position:fixed; inset:0; z-index:12000; display:flex; flex-direction:column; background:hsl(var(--background)); color:hsl(var(--foreground)); }
.tr-reader-overlay-header,.tr-reader-overlay-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px clamp(14px,3vw,30px); background:hsl(var(--card)); border-bottom:1px solid hsl(var(--border)); }
.tr-reader-overlay-header>div:first-child { display:grid; gap:4px; min-width:0; }
.tr-reader-overlay-header strong { font-size:13px; }
.tr-reader-overlay-header span,.tr-reader-overlay-footer span { color:hsl(var(--muted-foreground)); font-size:11px; }
.tr-reader-overlay-actions { display:flex; align-items:center; gap:8px; }
.tr-reader-overlay-body { flex:1; min-height:0; display:flex; overflow:hidden; }
.tr-reader-workspace { display:flex; flex:1; min-height:0; min-width:0; }
.tr-reader-contents { width:260px; flex:0 0 260px; overflow:auto; padding:20px 14px; border-right:1px solid hsl(var(--border)); background:hsl(var(--card)); }
.tr-reader-contents-heading { display:flex; justify-content:space-between; gap:8px; margin-bottom:14px; font-size:12px; }
.tr-reader-contents-heading span { color:hsl(var(--muted-foreground)); font-size:10px; }
.tr-reader-contents-list { display:grid; gap:5px; }
.tr-reader-chapter { display:grid; grid-template-columns:28px 1fr; gap:8px; width:100%; padding:10px; text-align:left; border:1px solid transparent; border-radius:5px; background:transparent; color:hsl(var(--foreground)); cursor:pointer; font-size:11px; line-height:1.5; }
.tr-reader-chapter span:first-child { color:hsl(var(--muted-foreground)); font-variant-numeric:tabular-nums; }
.tr-reader-chapter.active { border-color:hsl(var(--primary)/.28); background:hsl(var(--primary)/.08); color:hsl(var(--foreground)); }
.tr-reader-stage { flex:1; min-width:0; min-height:0; overflow:auto; display:flex; flex-direction:column; align-items:center; gap:16px; padding:clamp(14px,3vw,34px); background:#ececec; }
.tr-reader-stage .tr-book-page { flex:0 0 auto; }
.tr-reader-overlay-footer { border-top:1px solid hsl(var(--border)); border-bottom:0; flex-wrap:wrap; }
@media(max-width:760px){.tr-reader-contents{width:210px;flex-basis:210px}.tr-book-page{min-height:620px}.tr-reader-overlay-header{align-items:flex-start}.tr-reader-overlay-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:560px){.tr-reader-workspace{display:block;overflow:auto}.tr-reader-contents{width:100%;max-height:170px;border-right:0;border-bottom:1px solid hsl(var(--border))}.tr-reader-stage{overflow:visible;padding:12px}.tr-book-page{min-height:560px;padding:28px 23px}.tr-reader-overlay-header,.tr-reader-overlay-footer{padding:10px 12px}.tr-page-controls .tr-button{padding:9px 10px;font-size:10px}.tr-page-indicator{font-size:10px;white-space:nowrap}}

.tr-global-header + .tr-shared-footer a[aria-disabled='true'],footer a[data-social-key][aria-disabled='true'] { opacity:.45; }
#tejmar-pricing { scroll-margin-top:88px; }

.tr-core-workspace-main { width:min(1280px,calc(100% - 48px)); min-height:65vh; margin:0 auto; padding:clamp(24px,4vw,46px) 0; }
@media(max-width:560px){.tr-core-workspace-main{width:calc(100% - 28px);padding:22px 0 34px}}


/* Release 3 — full React book brief and immersive manuscript reader. */
.tr-book-form { display:grid; gap:18px; }
.tr-book-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.tr-book-form-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,36%); gap:26px; align-items:center; margin:0 0 24px; padding:22px 24px; border:1px solid hsl(var(--border)); border-radius:10px; background:linear-gradient(110deg,hsl(var(--card)),hsl(var(--secondary)/.72)); overflow:hidden; }
.tr-book-form-hero h2 { font:600 clamp(25px,3vw,38px)/1.08 'Cormorant Garamond',Georgia,serif; margin:0 0 9px; }
.tr-book-form-hero p:not(.tr-eyebrow) { max-width:590px; color:hsl(var(--muted-foreground)); font-size:13px; line-height:1.8; }
.tr-book-form-hero img { display:block; width:100%; height:190px; object-fit:cover; object-position:center 48%; border-radius:6px; box-shadow:0 14px 30px #0002; }
.tr-book-size-summary { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; padding:15px 16px; border:1px solid hsl(var(--border)); background:hsl(var(--secondary)/.5); border-radius:7px; font-size:12px; }
.tr-book-size-summary strong { font-size:14px; }
.tr-book-size-summary span { color:hsl(var(--muted-foreground)); }
.tr-error-text { color:#d92732; flex-basis:100%; }
.tr-dynamic-list { display:grid; gap:13px; margin-top:15px; }
.tr-dynamic-card { padding:16px; background:hsl(var(--background)); border:1px solid hsl(var(--border)); border-radius:7px; }
.tr-dynamic-card-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }
.tr-dynamic-card-heading strong { font-size:13px; }
.tr-dynamic-card .tr-book-fields-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tr-book-submit { position:sticky; bottom:12px; z-index:5; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid hsl(var(--border)); border-radius:9px; background:hsl(var(--card)/.96); backdrop-filter:blur(12px); box-shadow:0 10px 35px #0002; }
.tr-book-submit strong { display:block; font-size:13px; }
.tr-book-submit p { margin:5px 0 0; color:hsl(var(--muted-foreground)); font-size:11px; line-height:1.6; }
.tr-preview-book-summary { display:grid; grid-template-columns:minmax(190px,260px) minmax(0,1fr); gap:24px; align-items:center; padding:18px; margin-bottom:18px; border:1px solid hsl(var(--border)); border-radius:9px; background:hsl(var(--card)); }
.tr-preview-book-summary img { display:block; width:100%; height:170px; object-fit:cover; object-position:center; border-radius:6px; }
.tr-preview-book-summary h2 { font:600 clamp(25px,3vw,36px)/1.08 'Cormorant Garamond',Georgia,serif; margin:0 0 8px; }
.tr-preview-book-summary p:not(.tr-eyebrow) { color:hsl(var(--muted-foreground)); font-size:12px; line-height:1.8; }
.tr-full-preview { width:100%; margin:22px 0 28px; border:1px solid hsl(var(--border)); border-radius:10px; overflow:hidden; background:hsl(var(--card)); box-shadow:0 9px 36px #0000000d; }
.tr-reader-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 22px; border-bottom:1px solid hsl(var(--border)); background:hsl(var(--card)); }
.tr-reader-heading h2 { margin:0; font:600 25px/1.12 'Cormorant Garamond',Georgia,serif; }
.tr-reader-heading p:not(.tr-eyebrow) { margin:5px 0 0; color:hsl(var(--muted-foreground)); font-size:11px; }
.tr-reader-heading-actions { display:flex; gap:8px; flex-wrap:wrap; }
.tr-reader-workspace { display:flex; width:100%; min-height:82vh; max-height:calc(100vh - 150px); overflow:hidden; }
.tr-reader-contents { flex:0 0 260px; width:260px; overflow:auto; padding:20px 13px; border-right:1px solid hsl(var(--border)); background:hsl(var(--background)); }
.tr-reader-contents-collapsed { display:none; }
.tr-reader-contents-heading { position:sticky; top:-20px; z-index:1; display:flex; justify-content:space-between; gap:8px; padding:2px 0 13px; margin-bottom:10px; background:hsl(var(--background)); font-size:12px; }
.tr-reader-contents-heading span { color:hsl(var(--muted-foreground)); font-size:10px; }
.tr-reader-contents-list { display:grid; gap:5px; }
.tr-reader-chapter { display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; width:100%; padding:11px 9px; text-align:left; border:1px solid transparent; border-radius:5px; background:transparent; color:hsl(var(--foreground)); cursor:pointer; font-size:11px; line-height:1.5; }
.tr-reader-chapter span:first-child { color:hsl(var(--muted-foreground)); font-variant-numeric:tabular-nums; }
.tr-reader-chapter span:last-child { overflow-wrap:anywhere; }
.tr-reader-chapter.active { border-color:hsl(var(--primary)/.3); background:hsl(var(--primary)/.08); }
.tr-reader-main-column { flex:1; min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.tr-reader-control-bar { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid hsl(var(--border)); background:hsl(var(--card)); }
.tr-reader-control-group { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.tr-reader-control-group .tr-button { min-height:36px; padding:8px 11px; font-size:10px; }
.tr-reader-control-group .tr-page-indicator { min-width:92px; text-align:center; font-size:10px; }
.tr-reader-jump { display:flex; align-items:end; gap:8px; flex-wrap:wrap; }
.tr-reader-jump .tr-field { min-width:130px; }
.tr-reader-jump .tr-input { min-height:36px; padding:8px 9px; font-size:11px; }
.tr-reader-jump .tr-label { font-size:10px; }
.tr-reader-jump .tr-hint { font-size:9px; }
.tr-reader-stage { flex:1; min-width:0; min-height:0; overflow:auto; display:flex; flex-direction:column; align-items:center; gap:24px; padding:24px clamp(16px,2.2vw,34px); background:#e9e8e6; scroll-behavior:smooth; }
.tr-book-page-stack { flex:0 0 auto; width:75vw; max-width:100%; min-height:clamp(760px,78vh,1120px); padding:clamp(44px,5vw,84px) clamp(36px,6vw,90px); box-shadow:0 10px 34px #00000018; }
.tr-book-page-stack .tr-book-page-text { max-width:790px; align-self:center; width:100%; font-size:clamp(16px,1.1vw,19px); line-height:2.05; }
.tr-book-chapter-kicker { margin:0 0 10px; color:#858078; font:700 9px/1.3 Inter,system-ui,sans-serif; letter-spacing:.2em; }
.tr-reader-stage .tr-book-page-number { font-size:12px; }
@media(max-width:960px){.tr-reader-contents{flex-basis:220px;width:220px}.tr-reader-control-bar{align-items:stretch}.tr-reader-jump{width:100%}.tr-book-page-stack{width:75vw;max-width:100%}}
@media(max-width:700px){.tr-book-fields-grid,.tr-dynamic-card .tr-book-fields-grid{grid-template-columns:1fr}.tr-book-form-hero{grid-template-columns:1fr;padding:17px}.tr-book-form-hero img{height:150px}.tr-preview-book-summary{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:12px}.tr-preview-book-summary img{height:130px}.tr-reader-workspace{min-height:76vh;max-height:calc(100vh - 120px)}.tr-reader-contents{flex:0 0 160px;width:160px;padding:12px 8px}.tr-reader-stage{padding:12px;gap:15px}.tr-book-page-stack{width:min(75vw,calc(100vw - 185px));min-height:650px;padding:30px 21px}.tr-book-page-stack .tr-book-page-text{font-size:14px;line-height:1.9}.tr-reader-heading{align-items:flex-start;padding:13px}.tr-reader-heading-actions{max-width:135px}.tr-reader-heading-actions .tr-button{font-size:9px;padding:8px}.tr-reader-control-bar{padding:9px;gap:8px}.tr-reader-control-group{gap:4px}.tr-reader-control-group .tr-button{padding:7px 8px;font-size:9px}}
@media(max-width:480px){.tr-reader-contents{flex-basis:128px;width:128px}.tr-book-page-stack{width:calc(100vw - 150px);min-height:590px;padding:24px 16px}.tr-reader-chapter{grid-template-columns:22px minmax(0,1fr);font-size:9px;padding:8px 5px}.tr-preview-book-summary{grid-template-columns:1fr}.tr-preview-book-summary img{height:125px}.tr-book-submit{position:static}.tr-reader-control-group .tr-button{min-height:32px}.tr-reader-jump .tr-field{min-width:calc(50% - 5px);flex:1}.tr-reader-heading h2{font-size:21px}}
.tr-book-form-photo,.tr-preview-book-photo{margin:0;min-width:0}.tr-book-form-photo img,.tr-preview-book-photo img{display:block}.tr-book-form-photo figcaption,.tr-preview-book-photo figcaption{margin-top:6px;color:hsl(var(--muted-foreground));font-size:9px;line-height:1.4;text-align:right}
.tr-book-form-photo figcaption a,.tr-preview-book-photo figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.tr-reader-stage{position:relative}

.tr-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tr-creator-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid hsl(var(--border));border-radius:7px;background:hsl(var(--background))}
.tr-creator-socials .tr-label{grid-column:1/-1;margin:0}
@media(max-width:620px){.tr-grid-two,.tr-creator-socials{grid-template-columns:1fr}.tr-creator-socials .tr-label{grid-column:auto}}

/* Pricing transparency and responsive editorial imagery */
.tr-dashboard-route{width:min(1380px,calc(100% - 36px));margin:0 auto}
.tr-dashboard-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%);align-items:center;gap:24px;margin:28px 0 30px;padding:18px 22px;border:1px solid hsl(var(--border));border-radius:9px;background:linear-gradient(110deg,hsl(var(--card)),hsl(var(--secondary)/.68));overflow:hidden}
.tr-dashboard-banner-copy h2{margin:0 0 8px;font:600 clamp(24px,3vw,36px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em}
.tr-dashboard-banner-copy p:not(.tr-eyebrow){max-width:560px;margin:0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.75}
.tr-dashboard-banner img{display:block;width:100%;height:150px;object-fit:cover;object-position:center 44%;border-radius:6px}
.tr-pricing-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,34%) minmax(160px,20%);gap:14px;align-items:stretch;margin:0 0 26px;padding:15px;border:1px solid hsl(var(--border));border-radius:10px;background:linear-gradient(110deg,hsl(var(--card)),hsl(var(--secondary)/.58));overflow:hidden}
.tr-pricing-visual-copy{align-self:center;padding:14px 12px}
.tr-pricing-visual-copy h2{max-width:520px;margin:0 0 10px;font:600 clamp(27px,3.4vw,43px)/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em}
.tr-pricing-visual-copy>p:not(.tr-eyebrow){max-width:450px;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.75}
.tr-pricing-text-link{display:inline-block;margin-top:9px;color:hsl(var(--foreground));font-size:12px;font-weight:700;text-decoration:underline;text-decoration-color:hsl(var(--primary));text-underline-offset:5px}
.tr-pricing-visual figure{min-width:0;margin:0;display:flex;flex-direction:column;justify-content:flex-end}
.tr-pricing-visual img{display:block;width:100%;height:100%;min-height:185px;max-height:250px;object-fit:cover;border-radius:6px}
.tr-pricing-image-main img{object-position:center 45%}
.tr-pricing-image-secondary img{object-position:center 50%}
.tr-pricing-visual figcaption{margin-top:6px;color:hsl(var(--muted-foreground));font-size:9px;line-height:1.4}
.tr-pricing-visual figcaption a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.tr-pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.tr-price-plan{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--card))}
.tr-price-plan h3,.tr-price-agency h3{margin:0;font-size:15px;font-weight:700}
.tr-price-value{display:block;margin:12px 0 4px;font:600 35px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em}
.tr-price-value span{font:500 12px/1 Inter,system-ui,sans-serif;color:hsl(var(--muted-foreground));letter-spacing:0}
.tr-price-credits{margin:0;color:hsl(var(--primary));font-size:11px;font-weight:700}
.tr-price-plan ul{display:grid;gap:9px;margin:20px 0 22px;padding:0;list-style:none;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.5}
.tr-price-plan li{position:relative;padding-left:16px}
.tr-price-plan li:before{content:'—';position:absolute;left:0;color:hsl(var(--primary))}
.tr-price-plan>.tr-button,.tr-price-plan>a{margin-top:auto;text-decoration:none}
.tr-price-author{border-color:hsl(var(--primary)/.55)}
.tr-price-agency{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--secondary)/.45)}
.tr-price-agency p:not(.tr-eyebrow){max-width:650px;margin:6px 0 0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.65}
.tr-price-agency .tr-price-value{margin:0 10px 0 0;font-size:25px}
.tr-cost-table-wrap{width:100%;overflow-x:auto}
.tr-action-cost-table{width:100%;border-collapse:collapse;min-width:660px;text-align:left}
.tr-action-cost-table th{padding:12px 13px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.tr-action-cost-table td{padding:12px 13px;border-bottom:1px solid hsl(var(--border));font-size:12px;line-height:1.55;vertical-align:top}
.tr-action-cost-table tbody tr:last-child td{border-bottom:0}
.tr-action-cost-table .tr-cost-value{color:hsl(var(--primary));font-weight:750;white-space:nowrap}
.tr-pricing-footnote{margin:14px 0 0;color:hsl(var(--muted-foreground));font-size:11px;line-height:1.7}
.tr-pricing-warning{color:#c77b37}
@media(max-width:900px){.tr-pricing-visual{grid-template-columns:minmax(0,1fr) minmax(210px,38%)}.tr-pricing-image-secondary{display:none}.tr-pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-price-agency{grid-column:1/-1}}

/* Chapter narration / audiobook reader */
.tr-audio-player{margin:18px 0 22px;padding:18px 0;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));display:grid;gap:13px}
.tr-audio-player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.tr-audio-player-heading h3{margin:2px 0 4px;font:600 24px/1.1 'Cormorant Garamond',Georgia,serif}
.tr-audio-player-heading .tr-muted{margin:0;font-size:12px;line-height:1.6}
.tr-audio-part{padding:6px 9px;border:1px solid hsl(var(--border));border-radius:4px;font-size:11px;color:hsl(var(--muted-foreground));white-space:nowrap;font-variant-numeric:tabular-nums}
.tr-audio-player-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.tr-audio-speed{display:grid;gap:5px;min-width:130px}
.tr-audio-speed span{font-size:10px;color:hsl(var(--muted-foreground));letter-spacing:.04em}
.tr-audio-speed select{min-height:39px;padding:8px 10px;border:1px solid hsl(var(--border));border-radius:5px;background:hsl(var(--background));color:hsl(var(--foreground));font:inherit;font-size:12px}
.tr-audio-native{display:block;width:100%;height:42px;margin-top:2px}.tr-audio-native-hidden{display:none!important}
.tr-audio-status{margin:0;font-size:11px;color:hsl(var(--muted-foreground));line-height:1.5}
.tr-public-book-hero{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:28px;align-items:center;margin:8px 0 30px}
.tr-public-book-cover{margin:0;aspect-ratio:2/3;overflow:hidden;background:hsl(var(--secondary));border:1px solid hsl(var(--border));box-shadow:0 14px 35px #0002}
.tr-public-book-cover img{display:block;width:100%;height:100%;object-fit:cover}
.tr-public-book-cover-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;text-align:center;background:linear-gradient(145deg,hsl(var(--secondary)),hsl(var(--card)))}
.tr-public-book-cover-placeholder span{font-size:10px;letter-spacing:.2em;color:hsl(var(--muted-foreground))}
.tr-public-book-cover-placeholder strong{font:600 25px/1.15 'Cormorant Garamond',Georgia,serif}
.tr-public-book-meta h2{margin:4px 0 7px;font:600 clamp(28px,4vw,46px)/1.05 'Cormorant Garamond',Georgia,serif}
.tr-public-book-author{margin:0 0 9px;font-size:14px}
.tr-public-book-description{max-width:720px;margin:14px 0;font-size:14px;line-height:1.8;color:hsl(var(--muted-foreground));white-space:pre-wrap}
.tr-public-reader{display:grid;gap:16px}
.tr-public-reader-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;border-bottom:1px solid hsl(var(--border))}
.tr-public-reader-heading h2{margin:2px 0 0;font:600 27px/1.1 'Cormorant Garamond',Georgia,serif}
.tr-public-chapter-list{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin}
.tr-public-chapter-link{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid hsl(var(--border));border-radius:4px;background:transparent;color:hsl(var(--foreground));font:inherit;font-size:11px;cursor:pointer}
.tr-public-chapter-link span:first-child{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.tr-public-chapter-link.active{border-color:hsl(var(--primary)/.65);background:hsl(var(--secondary));}
.tr-public-chapter-text{max-width:820px;margin:16px auto 0;width:100%;padding:30px clamp(18px,5vw,64px);background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 10px 35px #0001}
.tr-public-chapter-text-heading{padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid hsl(var(--border))}
.tr-public-chapter-text-heading h2{margin:4px 0;font:600 31px/1.1 'Cormorant Garamond',Georgia,serif}
.tr-public-chapter-copy{font:400 15px/1.95 Georgia,'Times New Roman',serif;white-space:pre-wrap;overflow-wrap:anywhere}
.tr-public-chapter-navigation{display:flex;justify-content:space-between;gap:12px;max-width:820px;width:100%;margin:0 auto}
@media(max-width:640px){.tr-audio-player{padding:15px 0}.tr-audio-player-heading{gap:10px}.tr-audio-player-heading h3{font-size:21px}.tr-audio-player-controls{align-items:stretch}.tr-audio-speed{flex:1;min-width:120px}.tr-public-book-hero{grid-template-columns:minmax(108px,34%) minmax(0,1fr);gap:16px;align-items:start}.tr-public-book-meta h2{font-size:28px}.tr-public-book-description{font-size:12px;line-height:1.65}.tr-public-reader-heading h2{font-size:23px}.tr-public-chapter-text{padding:22px 17px}.tr-public-chapter-copy{font-size:14px;line-height:1.85}}

/* Creator dashboard refresh and account controls. */
.tr-creator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 14px;padding:12px 14px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--secondary)/.35)}
.tr-creator-toolbar p{margin:0;font-size:11px;line-height:1.5}
@media(max-width:560px){.tr-creator-toolbar{align-items:stretch}.tr-creator-toolbar .tr-button{width:100%}}

/* My books workspace */
.tr-my-books-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 18px;padding:14px 16px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--secondary)/.28)}
.tr-my-books-toolbar strong{font-size:13px}.tr-my-books-toolbar p{margin:3px 0 0;font-size:11px}
.tr-my-books-filters{display:grid;gap:12px;margin-bottom:18px}.tr-my-books-statuses{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px}.tr-my-books-statuses button{white-space:nowrap;padding:8px 11px;border:1px solid hsl(var(--border));border-radius:4px;background:transparent;color:hsl(var(--muted-foreground));font:inherit;font-size:11px;cursor:pointer}.tr-my-books-statuses button.active{border-color:hsl(var(--primary)/.65);background:hsl(var(--secondary));color:hsl(var(--foreground))}
.tr-my-books-list{display:grid;gap:10px}.tr-my-book-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;padding:14px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--card))}.tr-my-book-cover{width:84px;aspect-ratio:2/3;display:grid;place-items:center;overflow:hidden;background:hsl(var(--secondary));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font:600 30px Georgia,serif}.tr-my-book-cover img{width:100%;height:100%;object-fit:cover}.tr-my-book-details{min-width:0}.tr-my-book-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tr-my-book-heading h3{margin:0;font:600 22px/1.1 'Cormorant Garamond',Georgia,serif;overflow-wrap:anywhere}.tr-my-book-heading p{margin:5px 0;color:hsl(var(--muted-foreground));font-size:11px}.tr-my-book-status{flex:0 0 auto;padding:5px 8px;border:1px solid hsl(var(--border));border-radius:4px;color:hsl(var(--muted-foreground));font-size:9px;text-transform:uppercase;letter-spacing:.06em}.tr-my-book-meta{margin:10px 0 5px;color:hsl(var(--muted-foreground));font-size:10px}.tr-my-book-description{margin:0;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tr-my-book-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:560px){.tr-my-books-toolbar{align-items:stretch}.tr-my-books-toolbar .tr-actions{display:grid;grid-template-columns:1fr 1fr}.tr-my-book-row{grid-template-columns:66px minmax(0,1fr);gap:11px;padding:10px}.tr-my-book-cover{width:66px}.tr-my-book-heading{display:grid;gap:7px}.tr-my-book-heading h3{font-size:19px}.tr-my-book-actions>*{flex:1}}

/* Keep the account menu and its two workspaces discoverable on every viewport. */


/* Premium mobile editorial layout: preserve composition and prevent image cropping shifts. */
.tr-pricing-visual img{aspect-ratio:16/10;min-height:0;max-height:none;height:auto;object-fit:cover;object-position:center}
.tr-pricing-image-main img{aspect-ratio:16/10;object-position:center 48%}
.tr-pricing-image-secondary img{aspect-ratio:4/5;object-position:center 50%}
.tr-advanced-details{margin-top:8px;padding:12px 14px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--secondary)/.22)}
.tr-advanced-details summary{cursor:pointer;font-size:12px;font-weight:650;color:hsl(var(--foreground))}
.tr-advanced-details-body{padding-top:10px}
.tr-advanced-details-body p{margin:5px 0}
.tr-admin-marketing-access .tr-table-wrap{overflow-x:auto}
@media(max-width:640px){
  .tr-pricing-visual{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;margin-bottom:18px}
  .tr-pricing-visual-copy{padding:10px 8px 2px}
  .tr-pricing-visual-copy h2{font-size:clamp(27px,8vw,36px);max-width:100%}
  .tr-pricing-visual-copy>p:not(.tr-eyebrow){font-size:12px;line-height:1.65}
  .tr-pricing-image-main img{width:100%;aspect-ratio:16/10;height:auto;min-height:0;max-height:none;border-radius:5px}
  .tr-pricing-image-secondary{display:none!important}
  .tr-pricing-plans{grid-template-columns:minmax(0,1fr);gap:11px}
  .tr-price-agency{grid-column:auto}
  .tr-dashboard-banner{grid-template-columns:minmax(0,1fr);gap:14px;padding:15px;margin:18px 0 22px}
  .tr-dashboard-banner img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 48%}
  .tr-book-form-hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
  .tr-book-form-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .tr-action-cost-table{min-width:620px}
}