.page-sitdown{--sd-err:#B42318;--sd-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
[data-theme="dark"] .page-sitdown{--sd-err:#F97066}

.sd{display:grid;grid-template-columns:45.5% minmax(0,1fr);padding:148px var(--gut) 120px}
.sd [hidden]{display:none}
.sd-side{padding-right:clamp(24px,3.4vw,56px)}
.sd-main{min-width:0;border-left:1px solid var(--line);padding-left:clamp(32px,6vw,96px)}
.sd-main > *{max-width:600px}

.sd-cap{font-size:15px;line-height:1.4;max-width:270px}
.sd-title{margin-top:28px;font-size:clamp(44px,5.3vw,80px);font-weight:600;letter-spacing:-.04em;line-height:1}
.sd-title > span{display:block}
.sd-host{display:flex;align-items:center;gap:12px;margin-top:40px}
.sd-host img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 30%;flex:none}
.sd-host-name{font-size:15px;font-weight:600;line-height:1.3}
.sd-host-role{font-size:14px;line-height:1.3;color:var(--mute)}

.sd-more{margin-top:36px}
.sd-cover-h{font-size:14px;color:var(--mute)}
.sd-cover{list-style:none;display:grid;gap:8px;margin-top:12px}
.sd-cover li{position:relative;padding-left:18px;font-size:15px;line-height:1.4}
.sd-cover li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:1.5px;background:var(--gray)}
.sd-meta{list-style:none;display:grid;gap:10px;margin-top:32px}
.sd-meta li{display:flex;align-items:center;gap:12px;font-size:15px}
.sd-meta svg{width:18px;height:18px;flex:none;color:var(--mute)}
.sd-or{margin-top:40px;font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.2;color:var(--mute)}
.sd-mail{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:16px;padding:0 5px 0 22px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;font-weight:500;transition:transform .2s var(--ease),border-color .2s}
.sd-mail-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--solid);color:var(--on-solid)}
.sd-mail-ic svg{width:17px;height:17px}

.sd-step{min-width:0;margin:0;padding:0;border:0}
.sd-step + .sd-step{margin-top:56px}
.sd-step legend{padding:0}
.sd-h{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.sd-h:focus,.sd-done-title:focus{outline:none}

.sd-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.sd-card{position:relative;display:flex;flex-direction:column;padding:16px 16px 18px;border:1px solid var(--line-strong);border-radius:18px;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s}
.sd-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}
.sd-card-top svg{width:20px;height:20px}
.sd-radio{display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--line-strong);border-radius:50%;transition:background-color .2s,border-color .2s}
.sd-radio::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--on-solid);transform:scale(0);transition:transform .2s var(--ease)}
.sd-card-title{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.sd-card-sub{margin-top:2px;font-size:15px;color:var(--mute)}
.sd-card:has(:checked){border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.sd-card:has(:checked) .sd-radio{border-color:var(--solid);background:var(--solid)}
.sd-card:has(:checked) .sd-radio::after{transform:none}
.sd-card:has(:focus-visible){outline:3px solid var(--focus);outline-offset:3px}

.sd-when[data-view="loading"]{--sd-five-row-calendar-h:392px;min-height:var(--sd-five-row-calendar-h)}
.sd-msg{font-size:15px;font-weight:500;color:var(--sd-err)}
.sd-msg:not(:empty){margin-bottom:14px}
.sd-status{margin-top:20px;font-size:15px;color:var(--mute)}
.sd-status p + p{margin-top:12px}
.sd-status a,.sd-err a{text-decoration:underline;text-underline-offset:3px}
.sd-status a{color:var(--fg)}
.sd-retry{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;font-weight:500;color:var(--fg)}

.sd-month-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
.sd-month{font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.sd-nav{display:flex;margin-right:-10px}
.sd-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background-color .15s,color .15s}
.sd-arrow svg{width:20px;height:20px}
.sd-arrow[aria-disabled="true"]{color:var(--placeholder);cursor:default}
.sd-cal{width:100%;margin-top:12px;border-collapse:collapse;table-layout:fixed}
.sd-cal th{padding:0 0 8px;font-size:13px;font-weight:400;color:var(--mute);text-align:center}
.sd-cal td{height:52px;padding:0;text-align:center}
.sd-cal button{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:15px;font-variant-numeric:tabular-nums;color:var(--placeholder);transition:background-color .15s,color .15s}
.sd-cal button[aria-disabled="true"]{cursor:default}
.sd-cal button:not([aria-disabled="true"]){font-weight:500;color:var(--fg)}
.sd-cal button[aria-pressed="true"]{background:var(--solid);color:var(--on-solid)}
.sd-cal button[aria-current="date"]::after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}

.sd-day{margin-top:6px;font-size:15px;color:var(--mute)}
.sd-times{display:grid;gap:8px;margin-top:20px}
.sd-time{position:relative;display:flex;justify-content:center;align-items:center;min-height:48px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.sd-time:has(:checked){border-color:var(--solid);background:var(--solid);color:var(--on-solid)}
.sd-time:has(:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.sd-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:12px 0 0 -6px;padding:0 14px 0 6px;border-radius:999px;font-size:15px;font-weight:500}
.sd-back svg{width:18px;height:18px}

.sd-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:24px}
.sd-wide{grid-column:1/-1}
.sd-field label{display:block;font-size:14px;font-weight:600}
.sd-field input{display:block;width:100%;margin-top:4px;padding:10px 0;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--fg);font:inherit;font-size:17px;transition:border-color .2s,box-shadow .2s}
.sd-field input::placeholder{color:var(--placeholder);opacity:1}
.sd-field input:focus{outline:none;border-bottom-color:var(--focus);box-shadow:0 1px 0 var(--focus)}
.sd-field input:-webkit-autofill{-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 9999s ease-out}
.sd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sd-consent{display:flex;align-items:flex-start;gap:12px;margin-top:28px;font-size:14px;line-height:1.45;color:var(--mute);cursor:pointer}
.sd-consent input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;flex:none;width:20px;height:20px;border:1.5px solid var(--line-strong);border-radius:6px;background:transparent;cursor:pointer;transition:background-color .15s,border-color .15s}
.sd-consent input::before{content:"";width:12px;height:12px;background:var(--on-solid);-webkit-mask:var(--sd-check) center/contain no-repeat;mask:var(--sd-check) center/contain no-repeat;transform:scale(0);transition:transform .15s var(--ease)}
.sd-consent input:checked{border-color:var(--solid);background:var(--solid)}
.sd-consent input:checked::before{transform:none}
.sd-consent input:focus-visible{border-radius:6px}
.sd-consent + .sd-consent{margin-top:16px}

.sd-send{margin-top:48px}
.sd-summary{font-size:15px;color:var(--mute)}
.sd-summary.on{font-weight:500;color:var(--fg)}
.sd-go{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;min-width:240px;min-height:60px;margin-top:16px;padding:0 8px 0 28px;border-radius:999px;background:var(--solid);color:var(--on-solid);font-size:18px;font-weight:500;letter-spacing:-.01em;transition:transform .2s var(--ease),opacity .2s}
.sd-go-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--on-solid);color:var(--solid)}
.sd-go-ic svg{width:18px;height:18px}
.sd-go:disabled,.sd-go[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
.sd-err{font-size:15px;font-weight:500;color:var(--sd-err)}
.sd-err:not(:empty){margin-top:14px}

.sd-done{display:flex;flex-direction:column;align-items:flex-start}
.sd-done-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--solid);color:var(--on-solid)}
.sd-done-ic svg{width:28px;height:28px}
.sd-done-title{margin-top:28px;font-size:clamp(40px,4.4vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1}
.sd-done-when{margin-top:20px;font-size:clamp(18px,1.6vw,21px);font-weight:500;letter-spacing:-.01em}
.sd-done-note{margin-top:6px;font-size:17px;color:var(--mute)}
.sd-done-shop{margin-top:40px;font-size:17px}
.sd-done-link{margin-top:16px}
.sd-again{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:15px;color:var(--mute);text-decoration:underline;text-underline-offset:3px}

.sd-ask{align-self:stretch;margin-top:32px;padding:24px;border:1px solid var(--line-strong);border-radius:18px}
.sd-ask-h{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}
.sd-q{min-width:0;margin:20px 0 0;padding:0;border:0}
.sd-q > legend,.sd-q > label{display:block;padding:0;font-size:14px;font-weight:600}
.sd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sd-chip{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;font-size:15px;font-weight:500;line-height:1.25;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.sd-chip:has(:checked){border-color:var(--solid);background:var(--solid);color:var(--on-solid)}
.sd-chip:has(:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.sd-ask textarea{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;background:transparent;color:var(--fg);font:inherit;font-size:16px;line-height:1.4;resize:vertical;transition:border-color .2s,box-shadow .2s}
.sd-ask textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}
.sd-ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:20px}
.sd-ask-send:disabled,.sd-ask-send[aria-disabled="true"]{opacity:.35;cursor:not-allowed;transform:none}
.sd-ask-skip{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:var(--mute);text-decoration:underline;text-underline-offset:3px}
.sd-ask-thanks{font-size:17px;font-weight:500}
.sd-ask-thanks:focus{outline:none}

.sd-mail:focus-visible,.sd-back:focus-visible,.sd-retry:focus-visible,.sd-go:focus-visible,.sd-done-link:focus-visible{border-radius:999px}
.sd-arrow:focus-visible,.sd-cal button:focus-visible{border-radius:50%}

@media (hover:hover){
  .sd-mail:hover{transform:translateY(-1px);border-color:var(--fg)}
  .sd-card:hover,.sd-time:hover,.sd-chip:hover,.sd-back:hover,.sd-retry:hover,.sd-arrow:not([aria-disabled="true"]):hover,.sd-cal button:not([aria-disabled="true"]):hover{background:var(--surface)}
  .sd-time:has(:checked):hover,.sd-chip:has(:checked):hover,.sd-cal button[aria-pressed="true"]:hover{background:var(--solid)}
  .sd-go:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px)}
}

@media (min-width:900px) and (min-height:880px){
  .sd-side{position:sticky;top:112px;align-self:start}
}

@media (max-width:899px){
  .sd{display:flex;flex-direction:column;padding:104px var(--gut) 88px}
  .sd-side{display:contents}
  .sd-intro{order:1}
  .sd-title{font-size:clamp(38px,11.3vw,56px)}
  .sd-main{order:2;margin-top:32px;padding:32px 0 0;border-left:0;border-top:1px solid var(--line)}
  .sd-more{order:3;margin-top:56px;padding-top:32px;border-top:1px solid var(--line)}
  .sd-step + .sd-step{margin-top:48px}
  .sd-fields .sd-field:nth-child(n+3){grid-column:1/-1}
  .sd-go{width:100%}
  .sd-ask{padding:20px}
}