/* 2026-10-07 app.jajaseo: user-adjustable text size (A+/A-). --fs set by js/font-size.js (default 1.35). Text only, spacing unchanged. */
:root{--fs:1.35;--fsh:calc(1 + (var(--fs) - 1) * .43)}
:root{--text-title-2xl:calc(72px * var(--fsh));--text-title-2xl--line-height:calc(90px * var(--fsh));--text-title-xl:calc(60px * var(--fsh));--text-title-xl--line-height:calc(72px * var(--fsh));--text-title-lg:calc(48px * var(--fsh));--text-title-lg--line-height:calc(60px * var(--fsh));--text-title-md:calc(36px * var(--fsh));--text-title-md--line-height:calc(44px * var(--fsh));--text-title-sm:calc(30px * var(--fsh));--text-title-sm--line-height:calc(38px * var(--fsh));--text-theme-xl:calc(20px * var(--fs));--text-theme-xl--line-height:calc(30px * var(--fs));--text-theme-sm:calc(14px * var(--fs));--text-theme-sm--line-height:calc(20px * var(--fs));--text-theme-xs:calc(12px * var(--fs));--text-theme-xs--line-height:calc(18px * var(--fs))}
[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{font-size:calc(1rem * var(--fs));line-height:calc(1.5rem * var(--fs))}
body{font-size:calc(1rem * var(--fs));line-height:calc(1.5rem * var(--fs))}
.form-input,.form-textarea,.form-select,.form-multiselect{font-size:calc(1rem * var(--fs));line-height:calc(1.5rem * var(--fs))}
.prose{font-size:calc(1rem * var(--fs))}
.text-2xl{font-size:calc(1.5rem * var(--fsh));line-height:calc(2rem * var(--fsh))}
.text-3xl{font-size:calc(1.875rem * var(--fsh));line-height:calc(2.25rem * var(--fsh))}
.text-4xl{font-size:calc(2.25rem * var(--fsh));line-height:calc(2.5rem * var(--fsh))}
.text-5xl{font-size:calc(3rem * var(--fsh))}
.text-base{font-size:calc(1rem * var(--fs));line-height:calc(1.5rem * var(--fs))}
.text-lg{font-size:calc(1.125rem * var(--fs));line-height:calc(1.75rem * var(--fs))}
.text-sm{font-size:calc(.875rem * var(--fs));line-height:calc(1.25rem * var(--fs))}
.text-xl{font-size:calc(1.25rem * var(--fs));line-height:calc(1.75rem * var(--fs))}
.text-xs{font-size:calc(.75rem * var(--fs));line-height:calc(1rem * var(--fs))}
.btn-sec{font-size:calc(.875rem * var(--fs));line-height:calc(1.25rem * var(--fs))}
.file\:text-sm::file-selector-button{font-size:calc(.875rem * var(--fs));line-height:calc(1.25rem * var(--fs))}
.fs-ctl{position:fixed;left:14px;bottom:14px;z-index:9990;display:flex;gap:4px;font-family:system-ui,sans-serif}.fs-ctl button{width:40px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12)}.fs-ctl button:hover{background:#f2f4f7}.dark .fs-ctl button{background:#1d2939;color:#e4e7ec;border-color:#344054}

.fs-ctl.fs-inline{position:static;left:auto;bottom:auto;z-index:auto}.fs-ctl.fs-inline button{width:34px;height:32px;font-size:13px;box-shadow:none}
/* 2026-10-11: "Modules" title + "Take a tour" button were black in dark mode (text-brand-500/border-brand-500 missing from the compiled CSS) */
#start-tour{color:#465fff;border-color:#465fff}
#start-tour:hover{background:#465fff;color:#fff}
.dark #start-tour{color:#9cb3ff;border-color:#7592ff}
.dark #start-tour:hover{background:#465fff;color:#fff}
.dark .jj-modules-title{color:rgba(255,255,255,.92)}
/* 2026-10-11: brand utilities used in views but absent from the compiled Tailwind build */
.text-brand-500{color:#465fff}.dark .text-brand-500{color:#9cb3ff}
.hover\:bg-brand-500:hover{background-color:#465fff}
