/* Quote form. On the home it sits in the marino hero card; in guides, in the marino sidebar card. */
.tl-cf { display: grid; gap: 12px; }
.tl-cf-f { margin: 0 !important; display: flex; flex-direction: column; gap: 6px; max-width: none !important; }
.tl-cf label { font-size: .9rem; font-weight: 600; line-height: 1.35; }
.tl-cf input, .tl-cf textarea { width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 10px; background: rgba(255, 255, 255, .08); color: #fff; font: inherit; font-size: 1rem; }
.tl-cf input::placeholder, .tl-cf textarea::placeholder { color: rgba(255, 255, 255, .55); }
.tl-cf textarea { min-height: 110px; resize: vertical; }
.tl-cf input:focus-visible, .tl-cf textarea:focus-visible { outline: 3px solid #fff; outline-offset: 0; box-shadow: 0 0 0 5px #0e263a; border-color: #fff; }
.tl-cf [aria-invalid="true"] { border-color: #ffb199; }
.tl-cf-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.tl-cf-status { margin: 0 !important; font-weight: 600; min-height: 1.2em; }
.tl-cf-status.is-ok { color: #9be7b5; } .tl-cf-status.is-err { color: #ffb199; }
.tl-cf-actions { margin: 0 !important; }
.tl-cf-btn { width: 100%; }
.tl-cf-btn[disabled] { opacity: .6; cursor: progress; }
/* Light placement (if the shortcode is ever used on a white band). */
.tone-white .tl-cf input, .tone-light .tl-cf input, .tone-white .tl-cf textarea, .tone-light .tl-cf textarea { background: #fff; color: #0e263a; border-color: #cfd6dc; }
.tone-white .tl-cf input::placeholder, .tone-light .tl-cf input::placeholder { color: #6b7985; }
.tone-white .tl-cf-status.is-ok, .tone-light .tl-cf-status.is-ok { color: #1e7a45; }
.tone-white .tl-cf-status.is-err, .tone-light .tl-cf-status.is-err { color: #b3261e; }
/* A marino card inside a light band (guide sidebar): keep the white fields, but status colors for a dark ground. */
.tone-light .tone-marino .tl-cf-status.is-ok, .tone-white .tone-marino .tl-cf-status.is-ok { color: #9be7b5; }
.tone-light .tone-marino .tl-cf-status.is-err, .tone-white .tone-marino .tl-cf-status.is-err { color: #ffb199; }