/* /industries/healthcare v1 (solutions v2 wave, 2026-10-04). Built on the shared template /pages/solution.css (sol-*), to the approved
   retail v6.1 standard (user: "This is good, Lets build the rest of the solution pages similarly, use different hero gradients to
   distinguish"). This file holds the page's violet field and its own eight scenes, every class prefixed hc-. Hawcx screens are dark
   (#161618 windows, #1c1c1f cards); the EHR, the scheduling tool, the patient app, the nurses' workstation and the telehealth page are the
   health system's own or third-party screens, so they stay light. Agents: blue dot; passwordless: green dot. */

/* ---------- the page's field (violet; PAGES.md row 2). Grain on top; the hero background itself stays flat #1c1c1c ---------- */
body.elv.pg-hc{
  --sol-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,radial-gradient(60% 70% at 88% 6%,rgba(205,190,255,.30),rgba(205,190,255,0) 70%),linear-gradient(32deg,#0e0a2b 0%,#2a1f72 42%,#5340c4 78%,#7a63e6 100%);
  --sol-field-base:#3a2c8c;
  --sol-card-field:url(/assets/grain-tile.png) 0 0/128px 128px repeat,linear-gradient(32deg,#0e0a2b 0%,#2a1f72 55%,#3f309e 100%);
  --sol-soft:linear-gradient(160deg,#f2f0fb 0%,#e4e0f6 100%);
  --sol-soft-base:#ebe8f8;
}
body.elv.pg-hc .sol-card--field{background-clip:content-box;padding:0 1px 1px 0}
@media (max-width:1100px){body.elv.pg-hc .hc-br{display:none}}

/* ---------- shared bits for this page's scenes ---------- */
body.elv .hc-okc{display:inline-grid;place-items:center;flex:none;width:15px;height:15px;border-radius:50%;background:#177a43;color:#fff;font-size:9px;line-height:1}
body.elv .hc-b{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);font-size:12.5px;color:#1c1b18;white-space:nowrap}
body.elv .hc-b--pri{background:#1c1b18;color:#fff;box-shadow:none}
/* a light window anchored to the card's bottom-right corner, cropped by the card's edge */
body.elv .hc-win{position:absolute;left:28px;right:-1px;bottom:-1px;height:390px;border-radius:12px 0 0 0;background:#fff;color:#1c1b18;font-size:13px;line-height:19px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 60px -30px rgba(15,23,42,.35)}
body.elv .sol-card--field .hc-win{box-shadow:0 40px 80px -30px rgba(10,6,40,.7)}
/* a dark Hawcx panel resting on the stone card */
body.elv .hc-idc,body.elv .hc-rev,body.elv .hc-tl{position:absolute;left:28px;right:28px;bottom:22px;border-radius:14px;background:#161618;color:rgba(255,255,255,.9);font-size:12.5px;line-height:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 30px 60px -30px rgba(0,0,0,.55)}
body.elv .hc-av2{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#3a3150;color:#e8e2ff;font-size:11px;font-weight:500;letter-spacing:.02em}
body.elv .hc-av2--off{background:#2a2a2e;color:rgba(255,255,255,.62)}

/* ---------- 1 · the EHR: a prior-auth request drafted by the agent, held for the clinician's signature ---------- */
body.elv .hc-ehr-bar{display:flex;align-items:center;gap:18px;height:42px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.07);font-size:12.5px;color:rgba(28,27,24,.64);white-space:nowrap}
body.elv .hc-ehr-app{font-weight:500;color:#1c1b18}
body.elv .hc-ehr-bar>span{position:relative;display:flex;align-items:center;height:100%}
body.elv .hc-ehr-bar>span.is-on{color:#1c1b18}
body.elv .hc-ehr-bar>span.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#1c1b18}
body.elv .hc-ehr-me{margin-left:auto;gap:8px}
body.elv .hc-ehr-me i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4dff4;color:#2d2560;font-style:normal;font-size:9.5px;font-weight:500}
body.elv .hc-ehr-pt{display:flex;align-items:center;gap:12px;padding:10px 18px;background:#f7f6f3;border-bottom:1px solid rgba(0,0,0,.06)}
body.elv .hc-ehr-av{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e8e2d8;color:#1c1b18;font-style:normal;font-size:11px;font-weight:500}
body.elv .hc-ehr-pt b{display:block;font-weight:500;line-height:18px}
body.elv .hc-ehr-pt em{display:block;font-style:normal;font-size:11px;line-height:16px;color:rgba(28,27,24,.64)}
body.elv .hc-ehr-ins{margin-left:auto;font-size:12px;color:rgba(28,27,24,.64);white-space:nowrap}
body.elv .hc-ehr-bd{padding:16px 18px}
body.elv .hc-ehr-h{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;line-height:22px}
body.elv .hc-ehr-draft{padding:0 8px;border-radius:999px;background:#f0eee9;font-size:11px;line-height:18px;color:rgba(28,27,24,.7)}
body.elv .hc-ehr-f{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:14px;margin:12px 0 0}
body.elv .hc-ehr-f dt{font-size:11.5px;line-height:16px;color:rgba(28,27,24,.64)}
body.elv .hc-ehr-f dd{margin:2px 0 0;font-size:13px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-ehr-f dd.sol-mono{font-size:12px}
body.elv .hc-ehr-hx{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;border-radius:10px;background:#f4f2fb;box-shadow:inset 0 0 0 1px rgba(63,48,158,.08)}
body.elv .hc-ehr-hx .sol-mono{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-ehr-btns{display:flex;gap:8px;margin-top:12px}
body.elv .hc-ehr-done{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:12.5px;color:#177a43}

/* ---------- 2 · the scheduling tool: visits booked and coverage checked; the chart stays closed ---------- */
body.elv .hc-sch-hd{display:flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.07);white-space:nowrap}
body.elv .hc-sch-hd b{font-weight:500}
body.elv .hc-sch-hd>span{font-size:12px;color:rgba(28,27,24,.64)}
body.elv .hc-sch-by{display:flex;align-items:center;gap:6px;margin-left:auto;padding:2px 9px 2px 6px;border-radius:999px;background:#f2f1ef}
body.elv .hc-sch-by svg{width:14px;height:14px;fill:none;stroke:#1c1b18;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.elv .hc-slot{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:12px;margin:10px 18px 0;padding:7px 12px 7px 10px;border-radius:8px;background:#f8f7fc;box-shadow:inset 3px 0 0 #b9afeb}
body.elv .hc-slot+.hc-slot{margin-top:6px}
body.elv .hc-slot>.sol-mono{color:rgba(28,27,24,.64)}
body.elv .hc-slot b{display:block;font-weight:400;line-height:18px}
body.elv .hc-slot em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-cov{font-size:11.5px;color:#177a43;white-space:nowrap}
body.elv .hc-sch-ok{display:flex;align-items:center;gap:7px;margin:12px 18px 0;font-size:12px;color:#177a43}
body.elv .hc-sch-ev{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;column-gap:10px;margin:14px 18px 0;padding:10px 12px;border-radius:10px;background:#fdf5ea}
body.elv .hc-sch-ev b{display:block;font-weight:400;color:#1c1b18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-sch-ev em{display:block;font-style:normal;font-size:12px;line-height:17px;color:rgba(28,27,24,.68)}

/* ---------- 3 · an agent's identity card (Hawcx, dark): the scribe, the clinician it answers to, what it can and can't do ---------- */
body.elv .hc-idc{padding:0 18px}
body.elv .hc-idc-hd{display:flex;align-items:center;gap:12px;padding:14px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .hc-tile{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#1f2638;box-shadow:inset 0 0 0 1px rgba(122,167,255,.18)}
body.elv .hc-tile svg{width:18px;height:18px;fill:none;stroke:#7aa7ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.elv .hc-idc-hd b{display:block;font-weight:500;color:#fff;font-size:12.5px}
body.elv .hc-idc-hd em,body.elv .hc-idc-own em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.6)}
body.elv .hc-live{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;color:#4cc488}
body.elv .hc-live i{width:6px;height:6px;border-radius:50%;background:#4cc488}
body.elv .hc-idc-own{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .hc-idc-own b{display:block;font-weight:400;color:#fff}
body.elv .hc-idc-k{flex:none;width:86px;margin:0;font-size:11.5px;color:rgba(255,255,255,.55)}
body.elv .hc-idc-can{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;padding:10px 0 12px;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .hc-idc-can p{display:flex;align-items:center;gap:8px;margin:0;line-height:24px;white-space:nowrap}
body.elv .hc-idc-can .hc-idc-k{width:auto;margin-bottom:2px;line-height:18px}
body.elv .hc-y,body.elv .hc-n{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-style:normal;font-size:9px;line-height:1}
body.elv .hc-y{background:rgba(76,196,136,.16);color:#4cc488}
body.elv .hc-n{background:rgba(240,164,86,.16);color:#f0a456}
body.elv .hc-idc-ft{margin:0;padding:10px 0 12px;font-size:12px;color:rgba(255,255,255,.62)}

/* ---------- 4 · a departed clinician's agents, revoked (Hawcx, dark) ---------- */
body.elv .hc-rev{padding:0 16px 14px}
body.elv .hc-rev-hd{display:flex;align-items:center;gap:10px;padding:14px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .hc-rev-hd b{display:block;font-weight:500;color:#fff}
body.elv .hc-rev-hd em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.6)}
body.elv .hc-rev-k{margin:10px 0 2px;font-size:11.5px;color:rgba(255,255,255,.55)}
body.elv .hc-rev-r{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.elv .hc-rev-r>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-rev-r em{font-style:normal;color:rgba(255,255,255,.6)}
body.elv .hc-rev-st{font-size:12px;color:rgba(255,255,255,.62)}
body.elv .hc-rev-last{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,125,122,.08)}
body.elv .hc-rev-last>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.elv .hc-rev-last>span:first-child{color:rgba(255,255,255,.55)}

/* ---------- 5 · the patient app: a caregiver signed in on her own trusted phone, viewing her mother's care ---------- */
body.elv .hc-ph{position:absolute;left:50%;bottom:-8px;width:290px;height:420px;margin-left:-145px;padding:12px 16px;border-radius:38px 38px 0 0;background:#fbfaff;color:#1c1b18;overflow:hidden;
  box-shadow:0 0 0 7px #1c1b18,0 40px 80px -30px rgba(40,26,110,.45)}
body.elv .hc-ph p{margin:0}
body.elv .hc-ph-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}
body.elv .hc-ph-isl{width:74px;height:20px;border-radius:999px;background:#1c1b18}
body.elv .hc-ph-hd{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
body.elv .hc-ph-brand{display:flex;align-items:center;gap:7px;font-weight:500;font-size:13px}
body.elv .hc-ph-brand i,body.elv .hc-ws-org i{position:relative;flex:none;width:18px;height:18px;border-radius:5px;background:#3f309e}
body.elv .hc-ws-org i{width:16px;height:16px;border-radius:4px}
body.elv .hc-ph-brand i::before,body.elv .hc-ph-brand i::after,body.elv .hc-ws-org i::before,body.elv .hc-ws-org i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;margin:-1px 0 0 -4px;border-radius:1px;background:#fff}
body.elv .hc-ph-brand i::after,body.elv .hc-ws-org i::after{transform:rotate(90deg)}
body.elv .hc-ph-me{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4dff4;color:#2d2560;font-size:11px;font-weight:500}
body.elv .hc-ph-sw{display:flex;align-items:center;gap:10px;margin-top:14px;padding:9px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 8px 20px -12px rgba(40,26,110,.3)}
body.elv .hc-ph-pair{display:flex;flex:none}
body.elv .hc-ph-pair i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8e2d8;box-shadow:0 0 0 2px #fff;font-style:normal;font-size:10.5px;font-weight:500}
body.elv .hc-ph-pair i+i{margin-left:-8px;background:#e4dff4;color:#2d2560}
body.elv .hc-ph-sw em{display:block;font-style:normal;font-size:11px;line-height:15px;color:rgba(28,27,24,.64)}
body.elv .hc-ph-sw b{display:block;font-weight:500;font-size:13.5px;line-height:19px}
body.elv .hc-ph-chev{margin-left:auto;width:7px;height:7px;border:solid rgba(28,27,24,.55);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-2px,-2px)}
body.elv .hc-ph-in{display:flex;align-items:center;gap:7px;margin:9px 0 0 2px!important;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.64)}
body.elv .hc-ph-visit{margin-top:14px;padding:11px 12px;border-radius:12px;background:#efecfa}
body.elv .hc-ph-k{font-size:11px;line-height:15px;color:rgba(28,27,24,.64)}
body.elv .hc-ph-visit b{display:block;margin-top:2px;font-weight:500;font-size:13px;line-height:18px}
body.elv .hc-ph-visit em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(28,27,24,.68)}
body.elv .hc-ph-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(0,0,0,.06);font-size:12.5px}
body.elv .hc-ph-row:last-child{border-bottom:0}
body.elv .hc-ph-row b{padding:0 7px;border-radius:999px;background:#1c1b18;color:#fff;font-weight:400;font-size:11px;line-height:18px}

/* ---------- 6 · a shared nurses' workstation (the health system's own lock screen, light): sign in by scanning a QR code ---------- */
body.elv .hc-ws{position:absolute;left:50%;bottom:-12px;width:min(470px,calc(100% - 56px));transform:translateX(-50%);padding:9px 9px 0;border-radius:11px 11px 0 0;background:#26262a;
  box-shadow:0 30px 60px -30px rgba(15,23,42,.5)}
body.elv .hc-ws::before{content:"";position:absolute;left:50%;top:3px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:#4a4a50}
body.elv .hc-ws-scr{display:flex;flex-direction:column;height:372px;border-radius:3px 3px 0 0;background:#f6f5f9;color:#1c1b18;overflow:hidden}
body.elv .hc-ws-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;height:36px;padding:0 14px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);font-size:11.5px;color:rgba(28,27,24,.64);white-space:nowrap}
body.elv .hc-ws-org{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#1c1b18}
body.elv .hc-ws-org b{font-weight:500}
body.elv .hc-ws-mn{display:grid;flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:0 22px 22px}
body.elv .hc-ws-tx p{margin:0}
body.elv .hc-ws-h{font-size:17px;line-height:24px}
body.elv .hc-ws-s{margin-top:6px!important;font-size:12.5px;line-height:18px;color:rgba(28,27,24,.64)}
body.elv .hc-ws-ok{display:flex;align-items:flex-start;gap:7px;margin-top:16px!important;font-size:12px;line-height:17px;color:#177a43}
body.elv .hc-ws-ok .sol-okdot{margin-top:5px}
body.elv .hc-qr{display:block;width:128px;height:128px;padding:9px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 10px 24px -14px rgba(15,23,42,.4)}
body.elv .hc-qr svg{display:block;width:100%;height:100%;fill:#1c1b18;shape-rendering:crispEdges}

/* ---------- 7 · telehealth check-in (the health system's own web page, light): approve a push to join ---------- */
body.elv .hc-tele{position:absolute;left:28px;right:-1px;bottom:-1px;height:286px;border-radius:12px 0 0 0;background:#fff;overflow:hidden;color:#1c1b18;font-size:13px;
  box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 60px -30px rgba(15,23,42,.35)}
body.elv .hc-tele-bd{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:22px;padding:18px 20px}
body.elv .hc-tele-vid{position:relative;display:grid;place-items:center;height:196px;border-radius:12px;background:linear-gradient(160deg,#2c2a3a 0%,#1d1c25 100%)}
body.elv .hc-tele-av{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#4a4466;color:#efeaff;font-size:16px;font-weight:500}
body.elv .hc-tele-vid p{position:absolute;left:12px;bottom:10px;margin:0;padding:2px 9px;border-radius:999px;background:rgba(0,0,0,.45);font-size:11.5px;line-height:18px;color:#fff}
body.elv .hc-tele-tx p{margin:0}
body.elv .hc-tele-h{margin-top:2px!important;font-size:16px;line-height:23px}
body.elv .hc-tele-s{margin-top:3px!important;font-size:12.5px;line-height:18px;color:rgba(28,27,24,.64)}
body.elv .hc-tele-steps{margin:14px 0 0;padding:0;list-style:none}
body.elv .hc-tele-steps li{display:grid;grid-template-columns:15px minmax(0,1fr);column-gap:10px;align-items:start;padding:8px 0;border-top:1px solid rgba(0,0,0,.07)}
body.elv .hc-tele-steps li:last-child{border-bottom:1px solid rgba(0,0,0,.07)}
body.elv .hc-tele-steps .hc-okc{margin-top:2px}
body.elv .hc-tele-steps b{display:block;font-weight:500;font-size:12.5px;line-height:18px}
body.elv .hc-tele-steps em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:#177a43}
body.elv .hc-tele-go{margin-top:14px}

/* ---------- 8 · one clinician's sign-ins today, each by its own method (Hawcx, dark) ---------- */
body.elv .hc-tl{padding:2px 18px 10px}
body.elv .hc-tl-hd{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0 9px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}
body.elv .hc-tl-hd b{font-weight:500;color:#fff}
body.elv .hc-tl-hd span{font-size:12px;color:rgba(255,255,255,.55)}
body.elv .hc-tl-i{position:relative;display:grid;grid-template-columns:40px 14px minmax(0,1fr);column-gap:10px;align-items:start;padding:6px 0}
body.elv .hc-tl-i>.sol-mono{line-height:18px;color:rgba(255,255,255,.55)}
body.elv .hc-tl-i>i{position:relative;width:9px;height:9px;margin:5px 0 0 2px;border-radius:50%;background:#4cc488;box-shadow:0 0 0 3px rgba(76,196,136,.16)}
body.elv .hc-tl-i:not(:last-child)>i::after{content:"";position:absolute;left:4px;top:13px;width:1px;height:38px;background:rgba(255,255,255,.14)}
body.elv .hc-tl-i b{display:block;font-weight:400;color:#fff}
body.elv .hc-tl-i em{display:block;font-style:normal;font-size:11.5px;line-height:16px;color:rgba(255,255,255,.6)}

/* ---------- breakpoints ---------- */
@media (max-width:1100px){
  body.elv .hc-tele-bd{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
}
/* one column of full-width cards: a bigger monitor so it doesn't float in the card */
@media (max-width:1100px) and (min-width:761px){
  body.elv .hc-ws{width:min(580px,calc(100% - 56px))}
  body.elv .hc-ws-scr{height:392px}
}
@media (max-width:760px){
  body.elv .hc-win{left:16px;height:370px}
  body.elv .sol-card--field .hc-win{height:376px}
  body.elv .hc-idc,body.elv .hc-rev,body.elv .hc-tl{left:16px;right:16px;bottom:16px}
  body.elv .hc-ehr-bar{gap:14px;padding:0 14px}
  body.elv .hc-ehr-bar>span:not(.is-on):not(.hc-ehr-me){display:none}
  body.elv .hc-ehr-me{font-size:0;gap:0}
  body.elv .hc-ehr-pt{padding:9px 14px}
  body.elv .hc-ehr-ins{display:none}
  body.elv .hc-ehr-bd{padding:14px}
  body.elv .hc-ehr-f{grid-template-columns:1.3fr 1fr;gap:10px 14px}
  body.elv .hc-ehr-f>div:nth-child(3){display:none}
  body.elv .hc-ehr-hx{margin-top:14px;flex-wrap:wrap;row-gap:2px}
  body.elv .hc-ehr-hx .sol-mono{flex:1 1 140px}
  body.elv .hc-sch-hd{padding:0 14px}
  body.elv .hc-sch-hd>span:not(.hc-sch-by){display:none}
  body.elv .hc-slot{margin-left:14px;margin-right:14px;grid-template-columns:40px minmax(0,1fr) auto;column-gap:10px}
  body.elv .hc-sch-ok,body.elv .hc-sch-ev{margin-left:14px;margin-right:14px}
  body.elv .hc-ph{height:380px;width:270px;margin-left:-135px}
  body.elv .hc-ph-row--x{display:none}
  body.elv .hc-ws{width:calc(100% - 32px)}
  body.elv .hc-ws-scr{height:318px}
  body.elv .hc-ws-mn{padding:0 16px 20px;column-gap:14px}
  body.elv .hc-qr{width:96px;height:96px;padding:7px}
  body.elv .hc-tele{left:16px}
  body.elv .hc-tele-bd{grid-template-columns:minmax(0,1fr);padding:18px 16px}
  body.elv .hc-tele-vid{display:none}
}
@media (max-width:520px){
  body.elv .hc-rev-last{grid-template-columns:minmax(0,1fr) auto}
  body.elv .hc-rev-last>span:first-child{display:none}
}
@media (max-width:420px){
  body.elv .hc-ws-scr{height:auto;min-height:318px}
  body.elv .hc-ws-org b{display:none}
  body.elv .hc-ws-mn{grid-template-columns:minmax(0,1fr);align-content:center;row-gap:12px;padding:16px 16px 34px}
  body.elv .hc-ws-mn .hc-qr{grid-row:1;width:86px;height:86px}
}