/* Dream Life Tracks affiliate pages (2026-11-05). Loaded after aff-styles.css and builds on its look:
   navy #1a3b6d, teal #03b4a5 pill buttons, Montserrat, the dark header, the grey accordion swipes. */
body { font-size: 18px; line-height: 1.6; }
@media screen and (max-width: 767px) { body { font-size: 17px; } }
.dlta p, .dlta li { font-size: 1em; line-height: 1.6; }
.dlta h1 { font-size: 190%; line-height: 1.25; }
.dlta h2 { font-size: 150%; line-height: 1.3; }
.dlta h3 { font-size: 120%; line-height: 1.35; }
@media screen and (max-width: 767px) { .dlta h1 { font-size: 150%; } .dlta h2 { font-size: 130%; } .dlta h3 { font-size: 112%; } }
.dlta img { max-width: 100%; height: auto; }
.dlta section { overflow-wrap: break-word; }
/* readable sizes for the old shared parts on these pages */
.menu a { font-size: 16px; }
.cd-primary-nav-trigger .cd-menu-text { font-size: 16px; }
a.accordion { text-decoration: none; }
@media screen and (max-width: 767px) { .cd-logo { left: 16px; right: auto; } .cd-logo img { max-width: 170px; height: auto; } }
.cd-primary-nav li { font-size: 17px; }
.toggle-nav { font-size: 17px; }
footer, footer a, footer li, footer .copyright { font-size: 16px; }
.tracks .track-title { font-size: 22px; }
.btn { font-size: 17px; }

.dlta .content, .dlta .content-700 { overflow-wrap: break-word; }
.dlta-lead { font-size: 110%; text-align: center; max-width: 760px; margin: 0 auto 1em; }
.dlta-center { text-align: center; }
.dlta-small { font-size: 16px; color: #555; }
.dlta-band { background: #f9fbff; padding: 2em 0; }
.dlta-band-alt { background: #f5f5f5; padding: 2em 0; }

/* owner placeholders: visible on purpose until the owner fills them in dlt-aff/data.php */
.dlta-gap { background: #fff3b0; border: 2px dashed #c89b00; color: #5a4300; padding: 0 .3em; border-radius: 4px; font-weight: 600; }

/* cards and grids */
.dlta-card { background: #fff; border: 1px solid #dfe5ee; border-radius: 10px; padding: 1.2em 1.4em; margin: 1em 0; }
.dlta-card h3 { margin-top: 0; color: #1a3b6d; }
.dlta-cols { display: flex; flex-wrap: wrap; gap: 1em; }
.dlta-cols > * { flex: 1 1 280px; min-width: 0; }
.dlta-facts { display: flex; flex-wrap: wrap; gap: .8em; justify-content: center; margin: 1.5em 0; padding: 0; list-style: none; }
.dlta-facts li { flex: 1 1 160px; max-width: 230px; background: #1a3b6d; color: #fff; border-radius: 10px; padding: .9em 1em; text-align: center; margin: 0; }
.dlta-facts li b { display: block; font-size: 120%; }
.dlta-facts li span { display: block; font-size: 16px; color: #d8e3f5; }
.dlta-facts li .dlta-gap { color: #5a4300; }

/* quick start */
.dlta-steps { counter-reset: dlta; list-style: none; padding: 0; margin: 1em 0; }
.dlta-steps li { counter-increment: dlta; position: relative; padding: .2em 0 .8em 3.2em; margin: 0; }
.dlta-steps li::before { content: counter(dlta); position: absolute; left: 0; top: 0; width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; border-radius: 50%; background: #03b4a5; color: #fff; font-weight: 700; }

/* the after-sale flow */
.dlta-flow { list-style: none; padding: 0; margin: 1em 0; }
.dlta-flow > li { background: #fff; border: 1px solid #dfe5ee; border-left: 6px solid #03b4a5; border-radius: 8px; padding: 1em 1.2em; margin: 0 0 1.4em; position: relative; }
.dlta-flow > li + li::before { content: "\2193"; position: absolute; top: -1.3em; left: 1.2em; color: #1a3b6d; font-size: 1.1em; line-height: 1; }
.dlta-flow > li.dlta-flow-down { border-left-color: #335992; margin-left: 1.5em; }
.dlta-flow h4 { margin: 0 0 .3em; color: #1a3b6d; font-size: 110%; }
.dlta-flow .dlta-price { display: inline-block; background: #1a3b6d; color: #fff; border-radius: 50px; padding: .1em .8em; font-weight: 600; font-size: 17px; margin-left: .3em; }
.dlta-flow ul { margin: .5em 0 0 1.2em; padding: 0; }
.dlta-flow ul li { margin: .2em 0; }
@media screen and (max-width: 767px) { .dlta-flow > li.dlta-flow-down { margin-left: .6em; } }

/* buttons */
.dlta-btn, a.dlta-btn { display: inline-block; font-family: 'Montserrat', sans-serif; background: #03b4a5; color: #fff; font-size: 17px; font-weight: 600; padding: .7em 1.6em; border: none; border-radius: 50px; cursor: pointer; text-decoration: none; text-align: center; margin: .3em .2em; }
.dlta-btn:hover, a.dlta-btn:hover { background: #00998c; color: #fff; text-decoration: none; }
.dlta-btn.dlta-btn-navy { background: #1a3b6d; }
.dlta-btn.dlta-btn-navy:hover { background: #335992; }
.dlta-btn.dlta-btn-light { background: #fff; color: #1a3b6d; border: 2px solid #1a3b6d; }
.dlta-btn.dlta-btn-light:hover { background: #f0f4fa; color: #1a3b6d; }
.dlta-btn:focus-visible, .dlta-copy:focus-visible, a.accordion:focus-visible, .dlta input:focus-visible { outline: 3px solid #f0b400; outline-offset: 2px; }
.dlta-copy { font-family: 'Montserrat', sans-serif; background: #1a3b6d; color: #fff; border: none; border-radius: 50px; padding: .45em 1.2em; font-size: 16px; font-weight: 600; cursor: pointer; margin: .3em .3em .3em 0; }
.dlta-copy:hover { background: #335992; }
.dlta-copy.dlta-done { background: #03b4a5; }
.dlta-btns { text-align: center; margin: 1em 0; }

/* hoplink builder */
.dlta-form { max-width: 640px; margin: 1.5em auto; background: #f9fbff; border: 1px solid #dfe5ee; border-radius: 10px; padding: 1.4em; }
.dlta-form label { display: block; font-weight: 600; margin: .6em 0 .3em; color: #1a3b6d; }
.dlta-form input[type=text] { width: 100%; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size: 17px; padding: .7em .8em; border: 1px solid #999; border-radius: 6px; }
.dlta-form .dlta-hint { font-size: 16px; color: #555; margin: .3em 0 0; }
.dlta-out { width: 100%; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size: 16px; padding: .7em .8em; border: 2px solid #03b4a5; border-radius: 6px; background: #fff; color: #1a3b6d; font-weight: 600; }
.dlta-msg { font-size: 16px; margin: .5em 0 0; min-height: 1.4em; }
.dlta-msg.dlta-bad { color: #b00020; }
.dlta-msg.dlta-ok { color: #00796b; }
.dlta-status { text-align: center; background: #e9f8f6; border: 1px solid #9fded6; border-radius: 8px; padding: .7em 1em; margin: 1em auto; max-width: 760px; font-size: 16px; }
.dlta-status.dlta-none { background: #fff8e6; border-color: #f0d48a; }

/* swipes: text boxes inside the existing accordion */
.dlta div.panel { padding: 0 1.4em; }
@media screen and (max-width: 767px) { .dlta div.panel { padding: 0 .8em; border-left-width: 4px; border-right-width: 4px; } a.accordion { font-size: 18px; padding: 14px; } }
.dlta-text { white-space: pre-wrap; overflow-wrap: anywhere; background: #fafcff; border: 1px solid #dfe5ee; border-radius: 8px; padding: 1em 1.1em; font-size: 17px; line-height: 1.6; margin: .5em 0; font-family: 'Montserrat', sans-serif; }
.dlta-subjects { list-style: none; padding: 0; margin: .5em 0 1em; }
.dlta-subjects li { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; border-bottom: 1px solid #eef1f6; padding: .4em 0; margin: 0; }
.dlta-subjects li span { flex: 1 1 240px; font-weight: 600; }
.dlta-label { font-weight: 700; color: #1a3b6d; margin: 1em 0 .2em; }
.dlta-tag { display: inline-block; background: #e9f8f6; color: #00665c; border-radius: 50px; padding: .05em .7em; font-size: 16px; font-weight: 600; margin-left: .3em; }

/* pictures and banners */
.dlta-pics { display: flex; flex-wrap: wrap; gap: 1.2em; margin: 1em 0 2em; }
.dlta-pic { flex: 1 1 280px; min-width: 0; background: #fff; border: 1px solid #dfe5ee; border-radius: 10px; padding: 1em; text-align: center; }
.dlta-pic img { display: block; margin: 0 auto .6em; max-height: 360px; width: auto; max-width: 100%; }
.dlta-pic.dlta-dark img { background: #1a3b6d; padding: .6em; border-radius: 6px; }
.dlta-pic p { margin: .3em 0; font-size: 16px; }
.dlta-banner { background: #fff; border: 1px solid #dfe5ee; border-radius: 10px; padding: 1em; margin: 0 0 1.4em; }
.dlta-banner img { display: block; margin: 0 auto .6em; max-width: 100%; height: auto; border: 1px solid #eee; }
.dlta-banner textarea { width: 100%; box-sizing: border-box; font-family: monospace; font-size: 16px; padding: .5em; border: 1px solid #ccc; border-radius: 6px; resize: vertical; min-height: 5.2em; }
.dlta-banner .dlta-size { font-weight: 700; color: #1a3b6d; }
.dlta-banner-row { display: flex; flex-wrap: wrap; gap: 1.2em; align-items: flex-start; }
.dlta-banner-row > .dlta-banner { flex: 1 1 300px; min-width: 0; }
.dlta-banner-row > .dlta-banner.dlta-banner-wide { flex-basis: 100%; }
.dlta-btns .dlta-copy { font-size: 17px; padding: .7em 1.6em; }

/* the manager card */
.dlta-manager { display: flex; flex-wrap: wrap; gap: 1.2em; align-items: center; justify-content: center; max-width: 760px; margin: 1em auto; }
.dlta-manager img { border-radius: 50%; width: 140px; height: 140px; object-fit: cover; }
.dlta-manager div { flex: 1 1 300px; min-width: 0; }

/* track index */
.dlta .tracks .track { text-align: center; }
.dlta .tracks .track img { max-height: 230px; width: auto; }
.dlta .tracks .track p { font-size: 16px; margin: .2em 0 .6em; color: #444; }
.dlta-new { display: inline-block; background: #03b4a5; color: #fff; font-size: 16px; font-weight: 700; border-radius: 50px; padding: .05em .8em; margin-bottom: .4em; }
.dlta-catnav { text-align: center; margin: 1em 0; }
.dlta-catnav a { display: inline-block; margin: .25em; padding: .35em 1em; border: 2px solid #1a3b6d; border-radius: 50px; color: #1a3b6d; text-decoration: none; font-weight: 600; font-size: 16px; }
.dlta-catnav a:hover { background: #1a3b6d; color: #fff; }
.dlta-table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.dlta-table th, .dlta-table td { border: 1px solid #dfe5ee; padding: .55em .7em; text-align: left; vertical-align: top; }
.dlta-table th { background: #1a3b6d; color: #fff; }
@media screen and (max-width: 767px) {
  .dlta-table, .dlta-table tbody, .dlta-table tr, .dlta-table td { display: block; width: 100%; box-sizing: border-box; }
  .dlta-table thead { display: none; }
  .dlta-table tr { border: 1px solid #dfe5ee; border-radius: 8px; margin-bottom: .8em; }
  .dlta-table td { border: none; border-bottom: 1px solid #eef1f6; }
  .dlta-table td::before { content: attr(data-th); display: block; font-weight: 700; color: #1a3b6d; }
}
.dlta-rules li { margin-bottom: .5em; }
/* the price switch: the track's regular page or its $9.95 special page (2026-11-06) */
.dlta-switch { max-width: 760px; margin: 1em auto 1.4em; border: 2px solid #03b4a5; border-radius: 10px; padding: .8em 1.2em 1em; background: #fff; box-sizing: border-box; }
.dlta-switch legend { font-weight: 700; color: #1a3b6d; padding: 0 .4em; font-size: 17px; }
.dlta-switch label, .dlta-form .dlta-switch label { display: flex; align-items: flex-start; gap: .55em; font-weight: 400; color: #222; margin: .45em 0; cursor: pointer; font-size: 17px; }
.dlta-switch input[type=radio] { width: 20px; height: 20px; margin: .2em 0 0; flex: 0 0 auto; accent-color: #03b4a5; }
.dlta-switch strong { color: #1a3b6d; }
.dlta-switch .dlta-hint, .dlta-form .dlta-switch .dlta-hint { font-size: 16px; color: #555; margin: .5em 0 0; }
