:root{
  --ink:#223b39;
  --muted:#66736e;
  --teal:#006d6d;
  --dark:#004f4f;
  --page:#faf8f5;
  --line:#e1e6e1;
  --soft:#eaf2ed;
  --white:#fff;
  --radius:18px}
  *{
    box-sizing:border-box}
    body{
      margin:0;
      background:var(--page);
      color:var(--ink);
      font-family:Montserrat,"Segoe UI",sans-serif;
      font-size:15px;
      line-height:1.65}
      a{
        color:var(--teal);
        text-underline-offset:4px}
        button,input,select,textarea{
          font:inherit}
          button,a,input,select,textarea{
            touch-action:manipulation}
            button{
              cursor:pointer}
              button:disabled{
                opacity:.6;
                cursor:wait}
                h1,h2,h3,p{
                  margin:0 0 18px}
                  h1{
                    font-size:clamp(34px,4vw,56px);
                    line-height:1.12;
                    letter-spacing:-1.8px;
                    font-weight:600}
                    h2{
                      font-size:26px;
                      line-height:1.25;
                      letter-spacing:-.7px}
                      h3{
                        font-size:18px}
                        small,.fine{
                          font-size:12px;
                          color:var(--muted)}
                          .muted{
                            color:var(--muted)}
                            .header{
                              max-width:1240px;
                              margin:auto;
                              padding:26px 32px;
                              display:flex;
                              align-items:center;
                              justify-content:space-between;
                              border-bottom:1px solid var(--line);
                              gap:20px}
                              .header img{
                                max-width:155px;
                                object-fit:contain}
                                .header-right{
                                  display:flex;
                                  align-items:center;
                                  gap:24px;
                                  font-size:13px}
                                  .header a{
                                    text-decoration:none}
                                    .footer{
                                      max-width:1240px;
                                      margin:65px auto 0;
                                      padding:24px 32px;
                                      border-top:1px solid var(--line);
                                      display:flex;
                                      justify-content:space-between;
                                      gap:12px;
                                      font-size:12px;
                                      color:var(--muted)}
                                      .footer span{
                                        display:flex;
                                        gap:20px}
                                        .public-layout{
                                          max-width:1150px;
                                          margin:70px auto 0;
                                          padding:0 32px;
                                          display:grid;
                                          grid-template-columns:1fr 1fr;
                                          gap:85px;
                                          align-items:start}
                                          .intro{
                                            padding-top:18px}
                                            .eyebrow{
                                              text-transform:uppercase;
                                              letter-spacing:2px;
                                              color:var(--teal);
                                              font-size:11px;
                                              font-weight:700;
                                              margin-bottom:18px}
                                              .lede{
                                                font-size:20px;
                                                line-height:1.6;
                                                margin-top:25px}
                                                .card{
                                                  background:var(--white);
                                                  border:1px solid var(--line);
                                                  border-radius:var(--radius);
                                                  padding:30px;
                                                  box-shadow:0 12px 35px #223b3905}
                                                  .form-card{
                                                    border-top:4px solid var(--teal);
                                                    padding:32px}
                                                    .steps{
                                                      list-style:none;
                                                      padding:0;
                                                      margin:35px 0}
                                                      .steps li{
                                                        display:flex;
                                                        gap:20px;
                                                        margin-bottom:24px}
                                                        .steps li>span{
                                                          color:var(--teal);
                                                          font-size:13px;
                                                          padding-top:3px}
                                                          .steps p{
                                                            font-size:14px;
                                                            color:var(--muted);
                                                            margin:4px 0 0}
                                                            .small-note{
                                                              padding:20px;
                                                              border-left:2px solid #afc7ba;
                                                              font-size:13px;
                                                              color:var(--muted)}
                                                              .stack{
                                                                display:grid;
                                                                gap:18px}
                                                                label{
                                                                  display:grid;
                                                                  gap:6px;
                                                                  font-size:13px;
                                                                  font-weight:600}
                                                                  label small{
                                                                    font-weight:400}
                                                                    input,select,textarea{
                                                                      width:100%;
                                                                      min-width:0;
                                                                      border:1px solid #cbd5ce;
                                                                      border-radius:9px;
                                                                      padding:11px 13px;
                                                                      background:#fff;
                                                                      color:var(--ink);
                                                                      font-weight:400;
                                                                      font-size:14px}
                                                                      textarea{
                                                                        resize:vertical}
                                                                        input:focus,textarea:focus,select:focus{
                                                                          outline:2px solid var(--teal);
                                                                          outline-offset:2px}
                                                                          .checkbox{
                                                                            display:flex;
                                                                            align-items:flex-start;
                                                                            font-size:12px;
                                                                            font-weight:400;
                                                                            gap:10px}
                                                                            .checkbox input{
                                                                              width:17px;
                                                                              height:17px;
                                                                              flex-shrink:0;
                                                                              margin-top:4px;
                                                                              accent-color:var(--teal)}
                                                                              .button{
                                                                                display:inline-flex;
                                                                                justify-content:center;
                                                                                align-items:center;
                                                                                gap:8px;
                                                                                background:var(--teal);
                                                                                color:#fff;
                                                                                border:1px solid var(--teal);
                                                                                border-radius:9px;
                                                                                padding:11px 18px;
                                                                                font-size:13px;
                                                                                font-weight:600;
                                                                                text-decoration:none;
                                                                                min-height:44px}
                                                                                .button:hover{
                                                                                  background:var(--dark)}
                                                                                  .secondary{
                                                                                    background:white;
                                                                                    color:var(--teal);
                                                                                    border-color:#bfd1c8}
                                                                                    .secondary:hover{
                                                                                      background:var(--soft)}
                                                                                      .danger{
                                                                                        background:#fff;
                                                                                        color:#9c3939;
                                                                                        border-color:#e2bbbb}
                                                                                        .danger:hover{
                                                                                          background:#fff1f1}
                                                                                          .full{
                                                                                            width:100%}
                                                                                            .text-button{
                                                                                              border:0;
                                                                                              background:none;
                                                                                              color:var(--teal);
                                                                                              text-decoration:underline;
                                                                                              padding:8px}
                                                                                              .fine{
                                                                                                margin:0}
                                                                                                .notice{
                                                                                                  padding:14px 18px;
                                                                                                  background:var(--soft);
                                                                                                  border:1px solid #cadfd2;
                                                                                                  border-radius:10px;
                                                                                                  margin-bottom:20px}
                                                                                                  .error{
                                                                                                    background:#fff0eb;
                                                                                                    color:#853c28;
                                                                                                    border-color:#efcabc}
                                                                                                    .honeypot{
                                                                                                      position:absolute;
                                                                                                      left:-10000px;
                                                                                                      width:1px;
                                                                                                      height:1px;
                                                                                                      overflow:hidden}
                                                                                                      .narrow{
                                                                                                        max-width:690px;
                                                                                                        margin:60px auto;
                                                                                                        padding:32px}
                                                                                                        .narrow h1{
                                                                                                          font-size:34px}
                                                                                                          .narrow h2{
                                                                                                            font-size:21px;
                                                                                                            margin-top:28px}
                                                                                                            .login{
                                                                                                              max-width:420px}
                                                                                                              .workspace{
                                                                                                                max-width:1240px;
                                                                                                                margin:40px auto;
                                                                                                                padding:0 32px}
                                                                                                                .heading{
                                                                                                                  display:flex;
                                                                                                                  justify-content:space-between;
                                                                                                                  gap:20px;
                                                                                                                  align-items:end;
                                                                                                                  margin-bottom:28px}
                                                                                                                  .heading h1{
                                                                                                                    font-size:38px;
                                                                                                                    margin-bottom:10px}
                                                                                                                    .heading p{
                                                                                                                      margin:0}
                                                                                                                      .stats{
                                                                                                                        display:grid;
                                                                                                                        grid-template-columns:repeat(4,1fr);
                                                                                                                        gap:16px;
                                                                                                                        margin-bottom:24px}
                                                                                                                        .stat{
                                                                                                                          padding:20px 24px;
                                                                                                                          background:white;
                                                                                                                          border:1px solid var(--line);
                                                                                                                          border-radius:14px}
                                                                                                                          .stat strong{
                                                                                                                            display:block;
                                                                                                                            font-size:32px;
                                                                                                                            line-height:1.4;
                                                                                                                            font-weight:600}
                                                                                                                            .stat span{
                                                                                                                              font-size:12px;
                                                                                                                              color:var(--muted)}
                                                                                                                              .settings{
                                                                                                                                display:flex;
                                                                                                                                gap:18px;
                                                                                                                                align-items:end;
                                                                                                                                flex-wrap:wrap}
                                                                                                                                .settings label{
                                                                                                                                  max-width:220px}
                                                                                                                                  .settings p{
                                                                                                                                    flex:1;
                                                                                                                                    min-width:220px;
                                                                                                                                    margin:0;
                                                                                                                                    font-size:13px}
                                                                                                                                    .toolbar{
                                                                                                                                      display:flex;
                                                                                                                                      gap:12px;
                                                                                                                                      margin:26px 0 18px;
                                                                                                                                      align-items:end;
                                                                                                                                      flex-wrap:wrap}
                                                                                                                                      .toolbar label:first-child{
                                                                                                                                        flex:1;
                                                                                                                                        min-width:180px}
                                                                                                                                        .toolbar select{
                                                                                                                                          min-width:160px}
                                                                                                                                          .table-wrap{
                                                                                                                                            overflow:auto;
                                                                                                                                            border:1px solid var(--line);
                                                                                                                                            border-radius:14px;
                                                                                                                                            background:white}
                                                                                                                                            table{
                                                                                                                                              border-collapse:collapse;
                                                                                                                                              width:100%;
                                                                                                                                              font-size:13px}
                                                                                                                                              th{
                                                                                                                                                text-align:left;
                                                                                                                                                color:var(--muted);
                                                                                                                                                font-weight:500;
                                                                                                                                                background:#f1f5f1;
                                                                                                                                                font-size:11px;
                                                                                                                                                text-transform:uppercase;
                                                                                                                                                letter-spacing:.6px}
                                                                                                                                                th,td{
                                                                                                                                                  padding:16px 20px;
                                                                                                                                                  border-bottom:1px solid var(--line);
                                                                                                                                                  vertical-align:middle}
                                                                                                                                                  td:first-child{
                                                                                                                                                    min-width:190px}
                                                                                                                                                    td small{
                                                                                                                                                      display:block}
                                                                                                                                                      tr:last-child td{
                                                                                                                                                        border:0}
                                                                                                                                                        .badge{
                                                                                                                                                          display:inline-block;
                                                                                                                                                          white-space:nowrap;
                                                                                                                                                          font-size:11px;
                                                                                                                                                          padding:4px 9px;
                                                                                                                                                          border-radius:20px;
                                                                                                                                                          background:var(--soft);
                                                                                                                                                          color:var(--dark)}
                                                                                                                                                          .badge.invited{
                                                                                                                                                            background:#fff2da;
                                                                                                                                                            color:#866021}
                                                                                                                                                            .badge.no_response,.badge.declined,.badge.withdrawn{
                                                                                                                                                              background:#f0efed;
                                                                                                                                                              color:#746c60}
                                                                                                                                                              .empty{
                                                                                                                                                                text-align:center;
                                                                                                                                                                padding:55px 25px;
                                                                                                                                                                color:var(--muted)}
                                                                                                                                                                .detail-grid{
                                                                                                                                                                  display:grid;
                                                                                                                                                                  grid-template-columns:1fr 1fr;
                                                                                                                                                                  gap:24px}
                                                                                                                                                                  .detail-grid>section{
                                                                                                                                                                    min-width:0}
                                                                                                                                                                    .facts{
                                                                                                                                                                      display:grid;
                                                                                                                                                                      grid-template-columns:125px 1fr;
                                                                                                                                                                      gap:12px;
                                                                                                                                                                      margin-bottom:28px;
                                                                                                                                                                      font-size:14px}
                                                                                                                                                                      .facts dt{
                                                                                                                                                                        color:var(--muted)}
                                                                                                                                                                        .facts dd{
                                                                                                                                                                          margin:0;
                                                                                                                                                                          overflow-wrap:anywhere}
                                                                                                                                                                          .actions{
                                                                                                                                                                            display:flex;
                                                                                                                                                                            gap:10px;
                                                                                                                                                                            flex-wrap:wrap;
                                                                                                                                                                            margin-top:18px}
                                                                                                                                                                            .message{
                                                                                                                                                                              background:var(--page);
                                                                                                                                                                              border:1px solid var(--line);
                                                                                                                                                                              border-radius:9px;
                                                                                                                                                                              padding:18px;
                                                                                                                                                                              white-space:pre-wrap;
                                                                                                                                                                              font-size:14px}
                                                                                                                                                                              .history{
                                                                                                                                                                                padding-left:20px;
                                                                                                                                                                                font-size:13px}
                                                                                                                                                                                .history li{
                                                                                                                                                                                  padding:0 0 16px}
                                                                                                                                                                                  .history small{
                                                                                                                                                                                    display:block}
                                                                                                                                                                                    .divider{
                                                                                                                                                                                      border:0;
                                                                                                                                                                                      border-top:1px solid var(--line);
                                                                                                                                                                                      margin:25px 0}
                                                                                                                                                                                      details{
                                                                                                                                                                                        margin-top:22px}
                                                                                                                                                                                        summary{
                                                                                                                                                                                          cursor:pointer;
                                                                                                                                                                                          color:var(--teal);
                                                                                                                                                                                          font-size:13px}
                                                                                                                                                                                          .pagination{
                                                                                                                                                                                            display:flex;
                                                                                                                                                                                            gap:16px;
                                                                                                                                                                                            justify-content:center;
                                                                                                                                                                                            margin:22px}
                                                                                                                                                                                            .skip{
                                                                                                                                                                                              position:absolute;
                                                                                                                                                                                              top:-100px}
                                                                                                                                                                                              .skip:focus{
                                                                                                                                                                                                top:0;
                                                                                                                                                                                                padding:12px;
                                                                                                                                                                                                background:white;
                                                                                                                                                                                                z-index:10}
                                                                                                                                                                                                :focus-visible{
                                                                                                                                                                                                  outline:2px solid var(--teal);
                                                                                                                                                                                                  outline-offset:4px}
                                                                                                                                                                                                  @media(max-width:800px){
                                                                                                                                                                                                    .public-layout{
                                                                                                                                                                                                      gap:35px;
                                                                                                                                                                                                      grid-template-columns:1fr;
                                                                                                                                                                                                      max-width:590px;
                                                                                                                                                                                                      margin-top:35px}
                                                                                                                                                                                                      .intro{
                                                                                                                                                                                                        padding:0}
                                                                                                                                                                                                        .detail-grid{
                                                                                                                                                                                                          grid-template-columns:1fr}
                                                                                                                                                                                                          .stats{
                                                                                                                                                                                                            grid-template-columns:repeat(2,1fr)}
                                                                                                                                                                                                            .header-right .muted{
                                                                                                                                                                                                              display:none}
                                                                                                                                                                                                              .heading{
                                                                                                                                                                                                                align-items:start;
                                                                                                                                                                                                                flex-direction:column}
                                                                                                                                                                                                                .header,.workspace{
                                                                                                                                                                                                                  padding-left:20px;
                                                                                                                                                                                                                  padding-right:20px}
                                                                                                                                                                                                                  .footer{
                                                                                                                                                                                                                    flex-direction:column}
                                                                                                                                                                                                                    .narrow{
                                                                                                                                                                                                                      margin:30px 20px}
                                                                                                                                                                                                                      .form-card{
                                                                                                                                                                                                                        padding:24px}
                                                                                                                                                                                                                        .public-layout{
                                                                                                                                                                                                                          padding:0 20px}
                                                                                                                                                                                                                          .facts{
                                                                                                                                                                                                                            grid-template-columns:100px 1fr}
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                          @media(prefers-reduced-motion:reduce){
                                                                                                                                                                                                                            *{
                                                                                                                                                                                                                              scroll-behavior:auto!important}
                                                                                                                                                                                                                            }

.form-group {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.form-group legend {
  padding: 0;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
}
.phone-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}
.phone-fields select { width: 100%; }
.choice { margin-bottom: 10px; font-size: 13px; }
.day-options {
  background: var(--page);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 16px;
  margin-top: 18px;
}
.day-options legend { float: left; width: 100%; }
.day-grid { clear: both; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.availability-note { margin: 14px 0 0; color: var(--muted); font-size: 12px; }
[hidden] { display: none !important; }
@media (max-width: 420px) {
  .phone-fields { grid-template-columns: 1fr; }
}
