:root{--bg:#f6f1ea;--surface:#fbf7f2;--surface2:#efe7dd;--text:#231f20;--muted:#6f6765;--plum:#6d2f4f;--plum-deep:#57203d;--gold:#cb8735;--teal:#2f6872;--line:rgba(35,31,32,.12);--shadow:0 18px 50px rgba(67,39,47,.08);--radius-lg:28px;--radius-md:18px;--content:1180px;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fcf9f4 0%,var(--bg) 100%);color:var(--text);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 2rem),var(--content));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(251,247,242,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(109,47,79,.08)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0}
.brand{font-family:Alatsi,Inter,sans-serif;font-size:1.35rem;letter-spacing:.02em;color:var(--plum);white-space:nowrap}
.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}
.header-nav>a:not(.button){font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.header-nav>a:hover{color:var(--plum)}
.nav-toggle{display:none;border:1px solid rgba(109,47,79,.2);background:#fff;border-radius:12px;padding:.65rem;cursor:pointer}
.nav-toggle span{display:block;width:18px;height:2px;background:var(--plum);margin:3px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:.86rem 1.2rem;border-radius:999px;font-weight:700;font-size:.92rem;border:1px solid transparent;transition:.18s ease;cursor:pointer}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--plum);color:#fff8f2;box-shadow:0 10px 24px rgba(109,47,79,.16)}
.button-primary:hover{background:var(--teal); color:#fff8f2}
.button-secondary{background:transparent;color:var(--plum);border-color:rgba(109,47,79,.22)}
.button-gold{background:var(--gold);color:#fff}
.eyebrow{display:inline-block;color:var(--plum);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:.8rem}
.eyebrow:before{content:"";display:inline-block;width:2rem;height:1px;background:currentColor;opacity:.35;vertical-align:middle;margin:0 .55rem .15rem 0}
h1,h2,h3{font-family:Alatsi,Inter,sans-serif;line-height:1.07;letter-spacing:-.02em;margin:0 0 1rem}
h1{font-size:clamp(2.7rem,6vw,5.3rem)}
h2{font-size:clamp(2rem,3.8vw,3.4rem)}
h3{font-size:1.25rem}
.lead{font-size:clamp(1.08rem,1.8vw,1.36rem);color:#4e4346;max-width:62ch}
.hero{padding:clamp(3.5rem,8vw,7rem) 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero-actions,.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.hero-card,.panel,.card,.embed-placeholder,.media-placeholder{background:rgba(255,255,255,.62);border:1px solid rgba(109,47,79,.1);box-shadow:var(--shadow);border-radius:var(--radius-lg)}
.hero-card{padding:1.25rem}
.placeholder-art{min-height:350px;border-radius:22px;display:grid;place-items:center;text-align:center;padding:2rem;background:radial-gradient(circle at 30% 30%,rgba(203,135,53,.35),transparent 25%),radial-gradient(circle at 70% 70%,rgba(47,104,114,.28),transparent 28%),linear-gradient(135deg,#fffdf9,#efe7dd);border:1px solid rgba(203,135,53,.2);color:var(--plum)}
.placeholder-art span{font-family:Alatsi;font-size:1.55rem}
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.section-alt{background:rgba(255,255,255,.32)}
.section-head{max-width:720px;margin-bottom:2rem}
.grid-2,.grid-3,.grid-4{display:grid;gap:1.15rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:1.4rem}
.card p{margin:.5rem 0 0;color:#554b4e}
.card .button{margin-top:1.15rem}
.dark{background:linear-gradient(160deg,#2a2327,#57203d);color:#fff8f2}
.dark p{color:rgba(255,248,242,.84)}
.dark .eyebrow{color:#f0d9b8}
.steps{counter-reset:steps}
.step{position:relative;padding-left:3.6rem}
.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#fff;font-weight:800}
.callout{padding:1.35rem 1.5rem;border-left:4px solid var(--gold);background:rgba(203,135,53,.1);border-radius:0 var(--radius-md) var(--radius-md) 0}
.form-page{max-width:760px;margin:auto}
.embed-placeholder,.media-placeholder{padding:2rem;text-align:center;border-style:dashed;box-shadow:none;background:rgba(251,247,242,.82)}
.embed-placeholder strong,.media-placeholder strong{color:var(--plum)}
.sign-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.sign-button{padding:.9rem .65rem;border:1px solid rgba(109,47,79,.18);background:#fff;border-radius:12px;color:var(--plum);font-weight:700;cursor:pointer}
.sign-button:hover,.sign-button.active{background:var(--plum);color:#fff}
.profile-display{margin-top:1.25rem;padding:clamp(1.25rem,3vw,2.25rem);background:rgba(255,255,255,.62);border:1px solid rgba(109,47,79,.1);border-radius:var(--radius-lg)}
.profile-display[hidden]{display:none}
.offer-card{display:flex;flex-direction:column}
.offer-card .button{align-self:flex-start}
.faq details{padding:1rem 0;border-bottom:1px solid var(--line)}
.faq summary{font-weight:700;cursor:pointer}
.faq p{color:#554b4e}
.footer{padding:2.5rem 0 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}
.footer-inner{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
.socials{display:flex;gap:.8rem;flex-wrap:wrap}
.page-hero{padding:clamp(3rem,7vw,5.5rem) 0 2.5rem}
.prose{max-width:800px}
.prose h2{margin-top:2.4rem;font-size:2rem}
.prose h3{margin-top:1.65rem}
.prose p,.prose li{color:#4e4346}
.prose ul{padding-left:1.25rem}
.tag{display:inline-block;background:rgba(47,104,114,.12);color:var(--teal);padding:.35rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;margin:.2rem .2rem .5rem 0}
@media(max-width:900px){.hero-grid,.grid-3,.grid-4{grid-template-columns:1fr}
	.grid-2{grid-template-columns:1fr}
	.nav-toggle{display:block}
	.header-nav{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;z-index:40;padding:1rem;border-radius:18px;background:#fbf7f2;border:1px solid rgba(109,47,79,.12);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
	.header-nav.is-open{display:flex}
	.header-nav>a:not(.button){padding:.45rem}
	.header-nav .button{width:100%}.sign-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.container{width:min(calc(100% - 1.1rem),var(--content))}.hero-actions,.actions{flex-direction:column}.hero-actions .button,.actions .button{width:100%}}

#mayor-audio {
  display: block;
  width: 100%;
  margin: 1.25rem 0 0.75rem;
  accent-color: var(--plum);
}

.audio-note {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
}

.transcript-panel {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}

.transcript-panel__heading {
  margin-bottom: 1rem;
}

.transcript-panel__heading h3 {
  margin-bottom: 0.35rem;
  color: var(--plum);
}

.transcript-panel__heading p {
  margin: 0;
  color: var(--muted);
  font-size: 0.94rem;
}

.transcript-details {
  border: 1px solid rgba(109, 47, 79, 0.16);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.58);
  overflow: hidden;
}

.transcript-details summary {
  padding: 1rem 1.1rem;
  cursor: pointer;
  font-weight: 700;
  color: var(--plum);
  list-style: none;
}

.transcript-details summary::-webkit-details-marker {
  display: none;
}

.transcript-details summary::after {
  content: "+";
  float: right;
  font-size: 1.25rem;
  line-height: 1;
}

.transcript-details[open] summary::after {
  content: "–";
}

.transcript-content {
  padding: 0 1.1rem 1.2rem;
  color: #4e4346;
  line-height: 1.75;
}

.transcript-content p:first-child {
  margin-top: 0;
}

.transcript-content p:last-child {
  margin-bottom: 0;
}


    .queue-hero {
      padding: clamp(2.5rem, 5vw, 4.5rem) 0 2rem;
    }

    .queue-hero-inner {
      width: min(100%, 980px);
      display: grid;
      gap: 1.2rem;
    }

    .queue-hero h1 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 4rem);
      max-width: 20ch;
    }

    .queue-hero-copy {
      margin: 0;
      max-width: 62ch;
      font-size: var(--text-base);
      color: var(--muted);
    }

    .queue-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.85rem;
      margin-top: 0.5rem;
    }

    .queue-section {
      padding-bottom: 2rem;
    }

    .queue-shell {
      overflow: visible;
    }

    .queue-section-intro {
      display: grid;
      gap: 0.75rem;
      padding: 2rem 2rem 0;
    }

    .queue-section-intro h2 {
      margin: 0;
      font-size: var(--text-lg);
    }

    .queue-section-intro p {
      margin: 0;
      color: var(--muted);
      max-width: 62ch;
    }

    .queue-tools {
      display: grid;
      gap: 1rem;
      margin-bottom: 1.4rem;
    }

    .control-bar {
      display: grid;
      grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      align-items: end;
    }

    .control-group {
      display: grid;
      gap: 0.45rem;
    }

    .control-group-search {
      grid-column: span 1;
    }

    .control-group label {
      font-size: var(--text-xs);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--muted);
      font-weight: 700;
    }

    .control-input,
    .control-select {
      width: 100%;
      padding: 0.9rem 1rem;
      border-radius: 16px;
      border: 1px solid rgba(109, 47, 79, 0.14);
      background: rgba(255,255,255,0.9);
      color: var(--text);
      outline: none;
      transition: border-color 180ms ease, box-shadow 180ms ease;
    }

    .control-input:focus,
    .control-select:focus {
      border-color: rgba(47, 104, 114, 0.55);
      box-shadow: 0 0 0 3px rgba(47, 104, 114, 0.12);
    }

    .control-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 0.85rem;
    }

    .toggle-group {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }

    .toggle-pill {
      appearance: none;
      border: 1px solid rgba(109, 47, 79, 0.18);
      background: rgba(255,255,255,0.72);
      color: var(--plum);
      border-radius: 999px;
      padding: 0.7rem 1rem;
      cursor: pointer;
      font-size: var(--text-xs);
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-weight: 700;
      transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
    }

    .toggle-pill.active,
    .toggle-pill:hover {
      background: var(--plum);
      color: #fff8f2;
      border-color: var(--plum);
      transform: translateY(-1px);
    }

    .results-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem 1rem;
      align-items: center;
      color: var(--muted);
      font-size: var(--text-sm);
    }

    .results-meta strong { color: var(--plum); }

    .queue-table-wrap {
      width: 100%;
      border: 1px solid rgba(109, 47, 79, 0.1);
      border-radius: 24px;
      overflow: hidden;
      background: rgba(255,255,255,0.72);
      box-shadow: 0 10px 30px rgba(67,39,47,0.04);
    }

    .queue-table {
      width: 100%;
      border-collapse: collapse;
    }

    .queue-table thead th {
      text-align: left;
      font-size: var(--text-xs);
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--muted);
      padding: 1rem 1rem 0.95rem;
      background: rgba(239, 231, 221, 0.58);
      border-bottom: 1px solid rgba(109, 47, 79, 0.08);
    }

    .queue-table tbody td {
      padding: 1rem;
      border-bottom: 1px solid rgba(35, 31, 32, 0.08);
      vertical-align: top;
      color: #43383b;
      font-size: var(--text-sm);
    }

    .queue-table tbody tr:last-child td { border-bottom: none; }
    .queue-table tbody tr:hover { background: rgba(255,255,255,0.84); }

    .combo-stack {
      display: grid;
      gap: 0.2rem;
    }

    .big3-label {
      font-weight: 700;
      color: #2c2225;
      font-size: 1rem;
      line-height: 1.45;
    }

    .queue-meta {
      display: grid;
      gap: 0.2rem;
    }

    .queue-meta-label {
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--muted);
    }

    .muted-note {
      display: block;
      color: var(--muted);
      font-size: var(--text-xs);
      margin-top: 0.25rem;
    }

    .video-link {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      color: var(--teal);
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 0.16em;
    }

    .empty-state {
      padding: 2rem 1.25rem;
      text-align: center;
      color: var(--muted);
      font-size: var(--text-base);
      background: rgba(255,255,255,0.72);
      border: 1px dashed rgba(109, 47, 79, 0.18);
      border-radius: 24px;
    }

   @media (max-width: 720px) {
      .queue-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .queue-table,
      .queue-table tbody,
      .queue-table tr,
      .queue-table td {
        display: block;
        width: 100%;
      }

      .queue-table tbody {
        display: grid;
        gap: 1rem;
      }

      .queue-table tr {
        padding: 1rem;
        border: 1px solid rgba(35, 31, 32, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 10px 24px rgba(67, 39, 47, 0.06);
      }

      .queue-table td {
        display: grid;
        gap: 0.35rem;
        padding: 0.7rem 0;
        border: 0;
      }

      .queue-table td + td {
        border-top: 1px solid rgba(35, 31, 32, 0.08);
      }

      .queue-table td::before {
        content: attr(data-label);
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--muted);
        font-weight: 700;
      }

      .big3-label {
        font-size: 1rem;
        line-height: 1.45;
      }

      .video-link {
        display: inline-flex;
        width: fit-content;
      }
    }

    @media (max-width: 640px) {
      .container {
        width: min(calc(100% - 1.1rem), var(--content));
      }

      .brand-wordmark {
        width: 140px;
      }

      .brand-mark {
        width: 46px;
        height: 46px;
      }

      .queue-hero-actions,
      .control-bar,
      .control-row {
        display: grid;
        grid-template-columns: 1fr;
      }

      .queue-hero-actions .button,
      .control-row .button,
      .toggle-group,
      .toggle-pill {
        width: 100%;
      }

      .toggle-group {
        display: grid;
        grid-template-columns: 1fr;
      }

      .control-group-search {
        grid-column: span 1;
      }

      .section-intro,
      .section-body,
      .queue-section-intro {
        padding: 1.25rem;
      }

      .queue-hero-copy,
      .queue-section-intro p {
        max-width: none;
      }

      .cta-band {
        border-radius: 24px;
      }
    }