.chart-hero {
    position: relative; overflow: hidden;
    padding: 28px 24px 22px; border-radius: 22px; margin-bottom: 16px;
    border: 1px solid rgba(232,196,98,0.28);
    background:
      radial-gradient(ellipse 70% 80% at 80% 0%, rgba(181,107,255,0.18), transparent 55%),
      radial-gradient(ellipse 50% 60% at 10% 100%, rgba(94,231,255,0.08), transparent 50%),
      linear-gradient(165deg, rgba(28,18,55,0.72), rgba(8,6,22,0.78));
    box-shadow: 0 24px 64px rgba(0,0,0,0.4), 0 0 60px rgba(107,61,255,0.12),
      inset 0 1px 0 rgba(255,246,208,0.1);
  }
  .chart-hero h1 {
    font-family: "Cinzel", Georgia, serif;
    font-size: clamp(28px, 5vw, 44px);
    letter-spacing: 0.04em; margin: 6px 0 8px; color: #fff6d0;
    text-shadow: 0 0 28px rgba(232,196,98,0.25);
  }
  .chart-kicker {
    display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center;
    margin-bottom: 4px;
  }
  .chart-seats {
    display: grid; gap: 12px;
    grid-template-columns: 1.15fr 1fr 1fr 1fr;
    margin-top: 22px;
  }
  .chart-seat {
    display: block; text-decoration: none; color: inherit;
    background: rgba(8,6,22,0.55);
    border: 1px solid rgba(232,196,98,0.18);
    border-radius: 16px; padding: 14px 14px 16px;
    text-align: center;
  }
  a.chart-seat:hover { border-color: rgba(255,233,168,0.55); }
  .chart-seat.featured {
    border-color: rgba(255,233,168,0.45);
    box-shadow: 0 0 28px rgba(232,196,98,0.18);
    background: linear-gradient(180deg, rgba(232,196,98,0.1), rgba(8,6,22,0.55));
  }
  .chart-seat.master {
    border-color: rgba(181,107,255,0.45);
    box-shadow: 0 0 22px rgba(181,107,255,0.18);
  }
  .chart-orb {
    display: flex; align-items: center; justify-content: center;
    width: 72px; height: 72px; margin: 8px auto 10px;
    border-radius: 50%;
    font-family: "Cinzel", Georgia, serif;
    font-size: 28px; font-weight: 700; color: #1a1208;
    background: radial-gradient(circle at 32% 28%, #fff6d0, #e8c462 55%, #b8862d);
    box-shadow: 0 0 22px rgba(232,196,98,0.45), inset 0 1px 0 rgba(255,255,255,0.6);
  }
  .chart-seat.master .chart-orb {
    color: #1a1024;
    background: radial-gradient(circle at 32% 28%, #f3e8ff, #b56bff 55%, #6b3dff);
    box-shadow: 0 0 22px rgba(181,107,255,0.45);
  }
  .chart-orb.small { width: 56px; height: 56px; font-size: 22px; }
  .chart-seat h3 {
    font-family: "Cinzel", Georgia, serif;
    font-size: 15px; margin: 0 0 4px; color: #fff6d0; letter-spacing: 0.04em;
  }
  .chart-job { font-size: 12px; color: var(--gold); margin: 0 0 6px; }
  .chart-theme { font-size: 13px; color: #c8bddf; margin: 0; line-height: 1.45; }
  .chart-jump {
    display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px;
  }
  .chart-jump a {
    font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--muted); text-decoration: none;
    border: 1px solid rgba(232,196,98,0.2); border-radius: 999px;
    padding: 5px 11px; background: rgba(8,6,22,0.55);
  }
  .chart-jump a:hover { color: var(--gold-bright); border-color: var(--gold); }
  .chart-today {
    display: grid; gap: 16px; grid-template-columns: 0.9fr 1.4fr;
    margin: 0 0 18px; padding: 18px; border-radius: 18px;
    border: 1px solid rgba(94,231,255,0.22);
    background: linear-gradient(135deg, rgba(12,28,40,0.55), rgba(12,10,32,0.7));
  }
  .chart-today-orbs { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
  a.chart-mini {
    display: block; text-decoration: none; color: inherit;
    background: rgba(8,6,22,0.5); border: 1px solid rgba(232,196,98,0.16);
    border-radius: 14px; padding: 12px; text-align: center;
  }
  a.chart-mini:hover { border-color: var(--gold); }
  a.chart-mini strong { display: block; color: #fff6d0; margin: 4px 0; font-size: 14px; }
  a.chart-mini span { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; }
  .chart-band {
    display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between;
    align-items: center; margin: 0 0 18px; padding: 16px 18px;
    border-radius: 16px; border: 1px solid rgba(232,196,98,0.28);
    background: linear-gradient(90deg, rgba(232,196,98,0.1), rgba(181,107,255,0.08));
  }
  .chart-band.save { border-color: rgba(232,196,98,0.4); }
  .chart-band.paid { border-color: rgba(94,231,255,0.3); }
  .chart-band h2 { margin: 4px 0 6px; font-size: 20px; color: #fff6d0; }
  .chart-band p { margin: 0; color: #c8bddf; font-size: 14px; max-width: 46rem; }
  .practice-list { list-style: none; padding: 0; margin: 8px 0 0; }
  .practice-list li {
    display: flex; gap: 12px; align-items: flex-start;
    margin: 0 0 10px; padding: 8px 0;
    border-bottom: 1px solid rgba(232,196,98,0.1);
  }
  .practice-n {
    flex: 0 0 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700; color: #1a1208;
    background: linear-gradient(135deg, #fff6d0, #e8c462);
  }
  .chart-readhow {
    display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr);
    margin: 16px 0 0;
  }
  .chart-readhow div {
    background: rgba(8,6,22,0.4); border-radius: 12px; padding: 10px 12px;
    border: 1px solid rgba(232,196,98,0.12);
  }
  .chart-readhow strong { display: block; color: var(--gold); font-size: 12px;
    letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; }
  .chart-doors {
    display: grid; gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    margin: 12px 0 0;
  }
  a.chart-door {
    display: block; text-decoration: none; color: inherit;
    padding: 16px 16px 14px; border-radius: 16px;
    border: 1px solid rgba(232,196,98,0.2);
    background: linear-gradient(165deg, rgba(28,18,55,0.62), rgba(8,6,22,0.78));
  }
  a.chart-door:hover { border-color: rgba(255,233,168,0.5); }
  a.chart-door.primary {
    border-color: rgba(232,196,98,0.45);
    background: linear-gradient(165deg, rgba(40,26,8,0.45), rgba(12,8,28,0.82));
  }
  a.chart-door strong {
    display: block; font-family: "Cinzel", Georgia, serif;
    color: #fff6d0; font-size: 16px; margin: 4px 0 6px;
  }
  a.chart-door span { display: block; color: #c8bddf; font-size: 13px; line-height: 1.45; }
  .chart-inc { margin-top: 12px; }
  details.chart-book {
    margin: 18px 0 0; padding: 0;
    border-radius: 16px; border: 1px solid rgba(232,196,98,0.16);
    background: rgba(8,6,22,0.35);
  }
  details.chart-book > summary {
    cursor: pointer; list-style: none; padding: 16px 18px;
    color: #ffe9a8; font-weight: 700; letter-spacing: 0.04em;
  }
  details.chart-book > summary::-webkit-details-marker { display: none; }
  details.chart-book[open] > summary {
    border-bottom: 1px solid rgba(232,196,98,0.12);
  }
  .chart-book-body { padding: 8px 16px 18px; }
  @media (max-width: 860px) {
    .chart-seats { grid-template-columns: 1fr 1fr; }
    .chart-today, .chart-today-orbs { grid-template-columns: 1fr; }
    .chart-readhow { grid-template-columns: 1fr; }
  }
/* The personal chart, set in the same gold and midnight palette as the house. */
body:has(.full-chart) main,body:has(.chart-welcome) main{max-width:1200px;padding-top:24px}
.full-chart{--chart-line:rgba(232,196,98,.22);--chart-ink:#d2c8df;--chart-paper:#fff6d0}
.full-chart *,.chart-welcome *{box-sizing:border-box;min-width:0}
.full-chart [id]{scroll-margin-top:100px}
.full-chart :is(h1,h2,h3),.chart-welcome :is(h1,h2){color:#fff6d0;background:none;-webkit-text-fill-color:initial;text-wrap:balance}
.full-chart :is(a,button,summary,input):focus-visible,.chart-welcome :is(a,button,input):focus-visible{outline:2px solid #ffe9a8;outline-offset:5px}
.full-chart :is(p,span,strong,h1,h2,h3,dd),.chart-welcome :is(p,h1){overflow-wrap:anywhere}
.full-chart p{line-height:1.75}
.full-chart .sec{font-size:10px;letter-spacing:.14em;line-height:1.6}
.chart-eyebrow{display:block;color:#e8c462;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px}
.chart-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#e8c462;text-decoration:none;font-size:13px}
.chart-text-link:hover{text-decoration:underline;text-underline-offset:5px;color:#fff6d0}
.full-chart .actions{align-items:center;gap:12px;margin-top:22px}
.full-chart .actions :is(.btn,button),.chart-welcome .actions :is(.btn,button){display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-align:center;white-space:normal;line-height:1.5;padding:12px 20px}
.full-chart .btn.primary,.chart-welcome button.primary{background:linear-gradient(180deg,#fff6d0,#e8c462 65%,#c9a24a);border-color:#ffe9a8;color:#1a1208;font-weight:700;box-shadow:0 8px 24px #e8c46220}
.full-chart .chart-hero{padding:30px 38px 0;border-radius:4px 4px 20px 20px;border-color:#e8c46260;background:radial-gradient(ellipse at 90% 0,#7c4aab30,transparent 60%),linear-gradient(135deg,#151020f5,#090710f5);box-shadow:inset 0 0 0 7px #0b081655,inset 0 0 0 8px #e8c46215,0 20px 60px #0004;margin-bottom:36px}
.chart-hero::before,.chart-hero::after{content:"";position:absolute;top:16px;width:18px;height:18px;border-top:1px solid #e8c46280;pointer-events:none}
.chart-hero::before{left:16px;border-left:1px solid #e8c46280}.chart-hero::after{right:16px;border-right:1px solid #e8c46280}
.chart-hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.chart-hero-top .chart-eyebrow{margin:0}
.chart-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);align-items:center;gap:40px;padding:24px 0 32px}
.full-chart .chart-hero h1{font:500 clamp(34px,4.6vw,54px)/1.12 "Cinzel",Georgia,serif;letter-spacing:.02em;margin:0 0 16px;text-shadow:none}
.chart-hero .chart-lede{color:#fff0ca;font-size:19px;margin:0 0 8px}.chart-hero-copy{max-width:34rem;color:#c7bad8;font-size:15px;margin:0}
.chart-identity{display:flex;flex-wrap:wrap;gap:16px 28px;margin:24px 0 0;padding:18px 0 0;border-top:1px solid var(--chart-line)}
.chart-identity dt{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#b5a7c6;margin-bottom:5px}.chart-identity dd{margin:0;color:#e4d9ef;font-size:13px}
.chart-emblem{text-align:center;padding:10px}.chart-compass{position:relative;display:grid;place-items:center;width:150px;height:150px;margin:0 auto 22px;border:1px solid #e8c46266;border-radius:50%;box-shadow:0 0 0 9px #e8c46205,0 0 0 10px #e8c46220;background:radial-gradient(circle,#e8c4620d,transparent 70%)}
.chart-compass::before{content:"";position:absolute;inset:22px;transform:rotate(45deg);border:1px solid #e8c46255}.chart-compass::after{content:"";position:absolute;inset:8px;border:1px dashed #e8c46233;border-radius:50%}
.chart-compass span{font:500 64px/1 "Cinzel",Georgia,serif;color:#ffe9a8}.chart-emblem p{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#e8c462;margin:0 0 7px}.chart-emblem strong{display:block;font:500 18px/1.4 "Cinzel",Georgia,serif;color:#fff6d0}.chart-emblem small{display:block;font-size:11px;color:#b5a7c6;margin-top:9px}
.full-chart .chart-jump{border-top:1px solid var(--chart-line);gap:8px 26px;margin:0;padding:5px 0}
.full-chart .chart-jump a{background:none;border:0;border-radius:0;padding:15px 0;min-height:44px;display:flex;align-items:center;font-size:10px;letter-spacing:.08em;color:#c8bddf}.full-chart .chart-jump a:hover{color:#ffe9a8;box-shadow:inset 0 -2px #e8c462}
.chart-section,.chart-core{margin:0 0 38px}.chart-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.chart-section-heading h2{font:500 clamp(22px,3vw,28px)/1.3 "Cinzel",Georgia,serif;margin:0}.chart-caption{color:#b5a7c6;font-size:11px}.chart-section-heading .chart-eyebrow{margin-bottom:5px}
.full-chart .chart-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}
.full-chart .chart-seat{display:flex;flex-direction:column;align-items:center;padding:24px 20px;border:1px solid var(--chart-line);border-radius:10px;background:#100b1bec;box-shadow:none}
.full-chart .chart-seat.featured{background:linear-gradient(170deg,#302217d9,#100b1bf5);border-color:#e8c46266}
.full-chart .chart-seat.master{border-color:#b56bff66;background:linear-gradient(170deg,#251731de,#100b1bf5)}
.full-chart .chart-seat.karmic{border-color:#e0708066}
.full-chart a.chart-seat:hover{border-color:#ffe9a8;background-color:#20162e}
.full-chart .chart-orb,.full-chart .chart-seat.master .chart-orb{background:none;box-shadow:none;border:1px solid #e8c46266;color:#ffe9a8;font:500 38px/1 "Cinzel",Georgia,serif;width:86px;height:86px;margin:15px auto 22px;flex-shrink:0;position:relative}
.full-chart .chart-seat.master .chart-orb{border-color:#b56bff88;color:#dcbcfb}
.full-chart .chart-core .chart-orb::after{content:"";position:absolute;inset:6px;border:1px solid #e8c46222;border-radius:50%}
.full-chart .chart-seat h3{font-size:16px;line-height:1.4;margin:0 0 12px}.full-chart .chart-seat .chart-job{color:#ddc987;font-size:12px;line-height:1.6;margin:0 0 10px}
.full-chart .chart-seat .chart-theme{color:#c8bddf;font-size:13px;line-height:1.7;margin:0 0 15px}
.chart-seat-link{display:block;border-top:1px solid #e8c46222;padding-top:15px;margin-top:auto;width:100%;color:#e8c462;font-size:10px;letter-spacing:.04em}
.chart-overview{padding:20px 24px 6px;border-left:2px solid #e8c46266;margin:24px 0 8px;color:#d8cee4}.chart-overview p{font-size:15px;margin:0 0 12px}
.chart-guide{border-bottom:1px solid var(--chart-line)}.chart-guide>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;color:#ddc987;padding:14px 0;font-size:13px}.chart-guide>summary::-webkit-details-marker{display:none}.chart-guide[open]>summary span{transform:rotate(45deg)}
.full-chart .chart-readhow{margin:0 0 18px;gap:20px}.full-chart .chart-readhow div{background:none;border:0;border-left:1px solid var(--chart-line);border-radius:0;color:#c8bddf;font-size:13px;line-height:1.7;padding:0 0 0 16px}.full-chart .chart-readhow strong{font-size:10px;margin-bottom:8px}
.full-chart .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.full-chart #work{margin-bottom:38px}
.full-chart .card{background:#110c1eed;border:1px solid var(--chart-line);border-radius:12px;padding:25px;box-shadow:none}
.full-chart .card p{color:#d2c8df;font-size:14px;line-height:1.8}.full-chart #work .bridge{color:#fff0ca;font:500 19px/1.6 "Cinzel",Georgia,serif;margin:12px 0 18px}.full-chart .clean{font-size:14px;line-height:1.8;color:#d2c8df}
.full-chart #power-set>.muted,.full-chart #rooms>.muted{font-size:14px;line-height:1.7;margin-bottom:20px}
.full-chart .chart-tile{padding:22px 18px}.full-chart .chart-tile .chart-orb{width:60px;height:60px;font-size:27px;margin:12px auto 16px}
.full-chart .chart-chapter{padding:28px;background:linear-gradient(135deg,#281b34ed,#100b1bec);border:1px solid #e8c46255;border-radius:12px}.chart-chapter>p{font-size:15px;color:#d2c8df;margin-bottom:22px}
.full-chart .chart-today{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px;background:#100b1bec;border-color:var(--chart-line);border-radius:12px;padding:28px;margin-bottom:38px}
.chart-today-lead h2{font:500 22px/1.4 "Cinzel",Georgia,serif;margin:8px 0 14px}.chart-today-lead>p:last-child{font-size:14px;color:#c8bddf}
.full-chart .chart-today-orbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.full-chart .chart-mini{border:0;border-left:1px solid var(--chart-line);border-radius:0;background:none;padding:8px 16px}
.full-chart .chart-mini .chart-orb{width:56px;height:56px;font-size:25px;margin:14px auto}.full-chart .chart-mini span{font-size:12px;line-height:1.65}
.full-chart .chart-inc{padding:20px;background:#100b1bec;border:1px solid var(--chart-line);border-radius:10px}.full-chart .inc-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.full-chart .inc-cell{padding:14px 4px;border-radius:6px;box-shadow:none}.full-chart .inc-cell .n{font:500 23px/1.4 "Cinzel",Georgia,serif}
.full-chart .chart-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.full-chart .chart-door{position:relative;border-radius:10px;background:#100b1bed;padding:22px 45px 22px 22px}.full-chart .chart-door::after{content:'↗';position:absolute;top:20px;right:20px;color:#e8c462}.full-chart .chart-door strong{font-size:17px;line-height:1.4;margin-bottom:10px}.full-chart .chart-door span{line-height:1.7}.full-chart .chart-door.primary{background:linear-gradient(135deg,#302217e6,#110c1ef0)}
.chart-practice{padding:28px;border:1px solid var(--chart-line);border-radius:12px;background:#100b1bed}.full-chart .practice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;margin:0}.full-chart .practice-list li{font-size:14px;line-height:1.8;padding:14px 0;margin:0;color:#d2c8df}.full-chart .practice-n{background:none;border:1px solid #e8c46255;color:#e8c462;margin-top:4px;font-weight:500}
.full-chart .chart-synthesis{background:linear-gradient(120deg,#2c1e16d9,#191126eb);border-color:#e8c46255;margin-bottom:28px}.chart-synthesis>h2{text-align:center}.chart-synthesis .theme{max-width:56rem;margin:12px auto!important;font-family:"Cinzel",Georgia,serif}.chart-synthesis>.muted{text-align:center;font-size:12px!important}
.full-chart details.chart-book{background:#100b1bf2;border-color:var(--chart-line);border-radius:12px;margin:0 0 28px}.full-chart details.chart-book>summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px;font:500 18px/1.5 "Cinzel",Georgia,serif}.chart-book summary .chart-eyebrow{font-family:"Outfit",sans-serif;font-size:9px;margin-bottom:7px}.chart-expand{font:400 25px "Outfit",sans-serif;color:#e8c462}.chart-book[open] .chart-expand{transform:rotate(45deg)}.full-chart .chart-book-body{padding:12px 24px 24px}.full-chart .chart-book-body .card{background:#0b0814a8}
.full-chart .chart-band{padding:25px;border-radius:12px;background:linear-gradient(110deg,#e8c4620c,#b56bff09);border-color:var(--chart-line);gap:22px;margin-bottom:30px}.full-chart .chart-band h2{font:500 22px/1.4 "Cinzel",Georgia,serif;margin:5px 0 12px}.full-chart .chart-band .actions{margin:0;gap:10px}.full-chart .chart-band p{line-height:1.7}.full-chart #add-name{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);border-color:#e8c46266}.full-chart #add-name form{min-width:0!important}.full-chart #add-name input{width:100%;min-width:0;min-height:48px;font-size:16px;margin:8px 0 4px}.full-chart #add-name button{width:100%}.chart-access{margin-top:36px}
.chart-welcome{padding:40px!important;border-radius:4px 4px 20px 20px!important;background:radial-gradient(ellipse at 100% 0,#7c4aab25,transparent 60%),linear-gradient(135deg,#171022f5,#090710f5)!important;border-color:#e8c46260!important;box-shadow:inset 0 0 0 7px #0b081655,inset 0 0 0 8px #e8c46215!important}
.chart-welcome h1{font:500 clamp(30px,4.5vw,48px)/1.15 "Cinzel",Georgia,serif!important;max-width:700px;margin:16px 0!important}.chart-invite-label{font-size:13px;color:#e8c462;margin:0 0 16px}.chart-welcome>.sub{font-size:16px;line-height:1.8;max-width:650px}.chart-welcome .chart-invite-grid{align-items:stretch;gap:30px;margin-top:30px}.chart-welcome form{background:#100b1be6;border:1px solid #e8c46244;border-radius:12px;padding:26px}.chart-welcome input{min-height:50px;color-scheme:dark}.chart-welcome .actions{display:flex;flex-direction:column;gap:12px}.chart-welcome .actions>*{width:100%}.chart-welcome .muted{font-size:12px;line-height:1.7}.chart-welcome .preview-seats{gap:12px}.chart-welcome .preview-seats div{display:flex;flex-direction:column;justify-content:center;padding:24px 12px;border-radius:10px;background:#100b1be6}.chart-welcome .preview-seats strong{font-size:23px;font-weight:500}.chart-welcome .preview-seats span{font-size:13px;line-height:1.6}
@media(max-width:1000px){body:has(.full-chart,.chart-welcome) .site-header .header-end{display:none}body:has(.full-chart,.chart-welcome) .site-header .header-links{margin-left:0}body:has(.full-chart,.chart-welcome) .site-header{gap:12px}.full-chart .chart-jump{gap:0 20px}}
@media(max-width:860px){.full-chart .chart-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.full-chart .chart-today{grid-template-columns:1fr}.full-chart .chart-readhow{grid-template-columns:1fr}.full-chart #add-name{grid-template-columns:1fr}.full-chart .grid-2{grid-template-columns:1fr}.full-chart .chart-jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.full-chart .chart-hero{padding:28px 26px 0}.chart-hero-grid{gap:24px}.full-chart .inc-grid{gap:5px}.full-chart .inc-cell{padding:12px 2px}.full-chart .practice-list{grid-template-columns:1fr}}
@media(max-width:600px){body:has(.full-chart) main,body:has(.chart-welcome) main{padding-top:14px}.full-chart .chart-hero{padding:26px 20px 0}.chart-hero-top{align-items:flex-start;gap:12px}.chart-hero-top .chart-eyebrow{max-width:170px;font-size:9px}.chart-hero-top .chart-text-link{font-size:11px;min-height:30px;text-align:right}.chart-hero-grid{grid-template-columns:1fr;padding:20px 0 24px}.chart-emblem{display:none}.full-chart .chart-hero h1{font-size:34px}.chart-hero .chart-lede{font-size:17px}.chart-hero-copy{font-size:14px}.chart-identity{gap:14px 24px}.chart-identity>div:first-child{flex-basis:100%}.full-chart .chart-jump{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.full-chart .chart-jump a{font-size:9px;padding:12px 0}.chart-section-heading{align-items:flex-start;gap:14px}.chart-section-heading h2{font-size:23px}.chart-caption{display:none}.chart-section-heading .chart-text-link{font-size:11px;text-align:right;max-width:115px}.full-chart .chart-seats{gap:10px}.full-chart .chart-seat{padding:20px 12px}.full-chart .chart-seat h3{font-size:14px}.full-chart .chart-seat .chart-theme{font-size:12px}.full-chart .chart-orb{width:66px;height:66px;font-size:30px;margin:12px auto 18px}.full-chart .chart-seat.master .chart-orb{width:66px;height:66px;font-size:30px;margin:12px auto 18px}.chart-overview{padding:12px 0 0 16px}.chart-overview p{font-size:14px}.full-chart .card,.full-chart .chart-chapter,.full-chart .chart-today,.chart-practice{padding:20px}.full-chart .chart-chapter .chart-seats{grid-template-columns:1fr 1fr}.full-chart .chart-today-orbs{grid-template-columns:1fr}.full-chart .chart-mini{border-left:0;border-top:1px solid var(--chart-line);padding:18px 0}.full-chart .chart-mini span{max-width:300px;margin:auto}.full-chart .chart-doors{grid-template-columns:1fr}.full-chart .chart-inc{padding:14px}.full-chart .inc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.full-chart .chart-book-body{padding:8px 12px 18px}.full-chart details.chart-book>summary{padding:20px;font-size:16px}.full-chart .chart-band{padding:20px}.full-chart .chart-band .actions{width:100%}.full-chart .chart-band .actions>*{width:100%}.chart-welcome{padding:30px 20px!important}.chart-welcome .chart-invite-grid{grid-template-columns:1fr;gap:18px}.chart-welcome form{padding:20px}.chart-welcome .preview-seats div{padding:22px 10px}.chart-welcome h1{font-size:32px!important}}
@media(max-width:360px){body:has(.full-chart,.chart-welcome) header.site-header{gap:6px}body:has(.full-chart,.chart-welcome) header .brand-logo{max-width:92px;height:auto}body:has(.full-chart,.chart-welcome) .header-link{padding-left:7px;padding-right:7px}body:has(.full-chart,.chart-welcome) .header-search{min-width:56px}body:has(.full-chart,.chart-welcome) .header-search input{padding-left:8px}.full-chart .chart-seat h3{font-size:13px}.full-chart .chart-seat .sec{letter-spacing:.05em}.full-chart .chart-seat{padding:18px 9px}.full-chart .chart-chapter .chart-seats{grid-template-columns:1fr}}

body:has(.full-chart),body:has(.chart-welcome){overflow-x:clip}