/* 案内ページ「診察の流れ」の見た目（現場が用意した HTML の style をそのまま移した。2026-10-15）。
   患者用の画面の CSP（style-src 'self'）で読めるよう、ページから外に出している */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}
:root{
  --bg:#F3F6F6; --surface:#FFFFFF; --fg:#1A2730; --muted:#5F6F79; --line:#D8E1E3;
  --brand:#1F4E8C; --on-brand:#FFFFFF; --brand-soft:#E6EEF8;
  --teal:#2E6B66; --teal-soft:#E2EFEA;
  --accent:#C9471C; --accent-soft:#FBEDE4;
  --warn:#9A6410; --warn-soft:#FBF1DC;
  --off:#5E6B74; --off-soft:#EAEEF0;
  --shadow:0 10px 30px rgba(26,39,48,.08);
  /* Mockup palette: fixed on purpose — it depicts the real app screens, which are always light (Meet is always dark). */
  --scr-bg:#F3F6F6; --scr-card:#FFFFFF; --scr-fg:#1F2A32; --scr-muted:#6B7A85; --scr-line:#D6DEE1;
  --scr-teal:#2E6B66; --scr-teal-soft:#E3EEEA; --scr-orange:#B5461F; --scr-orange-soft:#FBEFE6; --scr-orange-line:#E8B9A2;
  --scr-pink:#EEB2C3; --scr-cell:#E3E7E9; --scr-done:#F1F3F4; --scr-frame:#1B2026;
  --scr-dark:#111315; --scr-dark2:#26292D; --scr-dark3:#3A3E44; --scr-dark-fg:#F0F2F4; --scr-red:#D93025; --scr-redsoft:#F6C9C4; --scr-join:#B9CDF5;
  --mark:#E0461E; --on-mark:#FFFFFF;
  --font-display:"Zen Kaku Gothic New","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  --font-body:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0E171B; --surface:#172126; --fg:#E7EDEF; --muted:#9DAEB6; --line:#2A383F;
    --brand:#8DB4EA; --on-brand:#0E171B; --brand-soft:#1A2A40;
    --teal:#6CC0B3; --teal-soft:#15302C;
    --accent:#F2905F; --accent-soft:#3B2318;
    --warn:#E4B35B; --warn-soft:#33281A;
    --off:#9AA7AF; --off-soft:#222D33;
    --shadow:0 10px 30px rgba(0,0,0,.35);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0E171B; --surface:#172126; --fg:#E7EDEF; --muted:#9DAEB6; --line:#2A383F;
  --brand:#8DB4EA; --on-brand:#0E171B; --brand-soft:#1A2A40;
  --teal:#6CC0B3; --teal-soft:#15302C;
  --accent:#F2905F; --accent-soft:#3B2318;
  --warn:#E4B35B; --warn-soft:#33281A;
  --off:#9AA7AF; --off-soft:#222D33;
  --shadow:0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.8;-webkit-text-size-adjust:100%}
.page{min-width:0}
.wrap{max-width:860px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--font-display);line-height:1.3;margin:0;text-wrap:balance;font-feature-settings:"palt"}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.key{font-style:normal;color:var(--teal);font-weight:700}
strong{font-weight:700}

/* ===== Hero ===== */
.hero .wrap{padding-block:40px 28px;display:grid;gap:22px}
.eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--brand);text-transform:uppercase}
.hero h1{font-size:clamp(34px,7vw,52px);font-weight:900;letter-spacing:.01em}
.lead{font-size:16px;color:var(--muted);max-width:40em}
.overview{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:2px}
.overview::before{content:"";position:absolute;left:13px;top:16px;bottom:16px;width:2px;background:var(--line)}
.overview li{position:relative;min-width:0}
.overview a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;font-size:15px;font-weight:500;padding:5px 0;border-radius:8px}
.overview .n{width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-family:var(--font-display);font-weight:700;font-size:14px;display:grid;place-items:center;box-shadow:0 0 0 4px var(--bg);position:relative}
@media (min-width:640px){
  .overview{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .overview::before{left:10%;right:10%;top:13px;bottom:auto;width:auto;height:2px}
  .overview a{grid-template-columns:none;grid-template-rows:auto auto;justify-items:center;text-align:center;gap:8px;font-size:13.5px;padding:0;line-height:1.4}
}
.prep{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;gap:10px}
.prep h2{font-size:15px;font-weight:700;color:var(--brand)}
.prep ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.prep li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.prep li::before{content:"";width:22px;height:22px;border-radius:50%;background:var(--teal-soft);-webkit-mask:none;position:relative;top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232E6B66' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
@media (min-width:760px){.prep ul{grid-template-columns:1fr 1fr;gap:10px 24px}}

/* ===== Sticky step rail ===== */
.stepnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stepnav .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-block:8px}
.stepnav a{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.2;text-align:center}
.stepnav .n{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:13px;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}
.stepnav a.active{color:var(--brand)}
.stepnav a.active .n{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
@media (min-width:600px){.stepnav a{flex-direction:row;gap:8px;font-size:13px}}

/* ===== Steps ===== */
main{display:grid}
.step{scroll-margin-top:84px}
.step .wrap{padding-block:44px 48px;display:grid;gap:26px;border-bottom:1px solid var(--line)}
.step:last-of-type .wrap{border-bottom:0}
.step-head{display:grid;gap:12px}
.badge{display:inline-flex;align-items:center;gap:8px;width:max-content;background:var(--brand);color:var(--on-brand);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;padding:4px 14px;border-radius:999px}
.step h2{font-size:clamp(26px,5.6vw,36px);font-weight:900}
.step-lead{color:var(--muted);font-size:15px}
.step-body{display:grid;gap:24px;align-items:start}
@media (min-width:760px){.step-body{grid-template-columns:300px minmax(0,1fr);gap:40px}}
.howto{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:16px;min-width:0}
.howto li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;font-size:17px;font-weight:500;line-height:1.7}
.howto li::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-family:var(--font-display);font-weight:700;font-size:15px;display:grid;place-items:center;position:relative;top:1px}
.howto li .txt{min-width:0}
.howto li small{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:2px}
.side{display:grid;gap:18px;min-width:0}
.tip{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;background:var(--brand-soft);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.7}
.tip::before{content:"";width:24px;height:24px;border-radius:50%;background:var(--brand);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3Cpath d='M12 10.5v6M12 7.2v.3' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3Cpath d='M12 10.5v6M12 7.2v.3' stroke='white' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;position:relative;top:2px}
.tip.important{background:var(--accent-soft)}
.tip.important::before{background:var(--accent)}
.tip b{font-weight:700}

/* patterns (step 2) */
.patterns{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pattern{display:grid;gap:8px;border-radius:14px;padding:14px 16px;border:1px solid var(--line);background:var(--surface)}
.pattern .chip{display:inline-flex;width:max-content;align-items:center;font-family:var(--font-display);font-weight:700;font-size:14px;padding:3px 12px;border-radius:8px;color:#fff}
.pattern p{font-size:15px;font-weight:500}
.pattern.ok{background:var(--teal-soft);border-color:transparent}.pattern.ok .chip{background:var(--scr-teal)}
.pattern.warn{background:var(--warn-soft);border-color:transparent}.pattern.warn .chip{background:#B9771A}
.pattern.off{background:var(--off-soft);border-color:transparent}.pattern.off .chip{background:#5E6B74}

/* substeps (step 3) */
.substeps{display:grid;gap:36px}
@media (min-width:760px){.substeps{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto auto;gap:28px}.sub{grid-row:span 5;grid-template-rows:subgrid}}
.sub{display:grid;gap:14px;min-width:0}
.sub .screen{justify-self:center}
@media (min-width:760px){.sub .screen{justify-self:start}}
.sub-n{font-family:var(--font-display);font-weight:700;color:var(--brand);font-size:13px;letter-spacing:.08em}
.sub h3{font-size:19px;font-weight:700}
.sub p{font-size:15px}

/* stacked screens (step 4) */
.screens{display:grid;gap:18px}

/* ===== Screen mockups ===== */
.screen{margin:0 auto;width:100%;max-width:300px}
@media (min-width:760px){.screen{margin:0}}
.screen figcaption{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
.scr{position:relative;background:var(--scr-bg);color:var(--scr-fg);border:5px solid var(--scr-frame);border-radius:26px;overflow:hidden;font-size:11.5px;line-height:1.55;font-family:var(--font-body);box-shadow:var(--shadow)}
.scr *{margin:0}
.scr.dark{background:var(--scr-dark);color:var(--scr-dark-fg)}
.scr-appbar{display:flex;justify-content:space-between;align-items:center;background:var(--scr-card);border-bottom:1px solid var(--scr-line);padding:12px 14px;font-weight:700;color:var(--scr-teal);font-size:12px}
.scr-lang{font-weight:500;color:var(--scr-fg);border:1px solid var(--scr-line);border-radius:6px;padding:1px 7px;font-size:10px}
.scr-pad{padding:14px;display:grid;gap:10px}
.scr-hero{height:64px;background:linear-gradient(115deg,#8ED0E6 0%,#3E8FD2 48%,#1E4FA5 100%)}
.scr .center{text-align:center;justify-items:center}
.scr-title{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:.06em;margin-top:6px}
.scr-strong{font-weight:500;font-size:12px}
.scr-small{color:var(--scr-fg);font-size:10.5px;line-height:1.6}
.scr-note{color:var(--scr-muted);font-size:9.5px;line-height:1.5}
.scr-linkbox{display:grid;gap:3px;width:100%;background:#EEF8F3;border:1.5px solid #7FD1B0;border-radius:10px;padding:10px 8px;margin-top:4px}
.scr-link{color:#3B7FC4;text-decoration:underline;font-size:11px}
.scr-h{font-family:var(--font-display);font-weight:700;font-size:15px}
.scr-banner{background:var(--scr-teal-soft);color:var(--scr-teal);font-weight:700;border-radius:8px;padding:8px 10px;text-align:center;font-size:10.5px;line-height:1.5}
.scr-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.scr label{display:block;font-weight:700;font-size:10.5px;margin-bottom:3px}
.scr-input{background:var(--scr-card);border:1px solid var(--scr-line);border-radius:8px;padding:7px 9px;color:#9AA6AE;font-size:11px}
.scr-warn{background:var(--scr-orange-soft);border:1px solid var(--scr-orange-line);border-radius:8px;padding:8px 10px;font-weight:700;font-size:10px;line-height:1.5}
.scr-btn{background:var(--scr-teal);color:#fff;font-weight:700;text-align:center;border-radius:9px;padding:10px;font-size:12.5px;letter-spacing:.04em}
.scr-btn.orange{background:var(--scr-orange)}
.scr-btn.outline{background:transparent;color:var(--scr-teal);border:1.5px solid var(--scr-teal)}
.scr-count{background:var(--scr-teal-soft);border-radius:10px;padding:10px;text-align:center;font-size:10.5px;color:var(--scr-fg)}
.scr-count b{font-family:var(--font-display);font-size:24px;color:var(--scr-teal);font-weight:700;margin:0 4px;vertical-align:-3px}
.scr-count small{display:block;font-size:9px;color:var(--scr-muted)}
.scr-card{background:var(--scr-card);border:1px solid var(--scr-line);border-radius:10px;padding:12px;display:grid;gap:6px}
.scr-dot{font-family:var(--font-display);font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}
.scr-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--scr-teal)}
.scr-card p{font-size:10.5px;color:var(--scr-muted);line-height:1.55}
.scr-card p b{color:var(--scr-fg)}
.scr-call{background:var(--scr-orange-soft);border:1.5px solid var(--scr-orange);border-radius:12px;padding:16px 12px;display:grid;gap:8px;text-align:center;justify-items:center}
.scr-call .eyebrow-o{color:var(--scr-orange);font-weight:700;font-size:10.5px}
.scr-call .title-o{font-family:var(--font-display);font-weight:900;font-size:15px}
.scr-call p{font-size:10.5px}
.scr-call .scr-btn{width:100%}
.scr-done{display:grid;gap:8px}
.scr-chk{width:46px;height:46px;border-radius:50%;background:var(--scr-teal-soft);display:grid;place-items:center;margin:6px auto 2px}
.scr-chk svg{width:26px;height:26px}
/* schedule */
.sched{display:grid;grid-template-columns:22px repeat(7,1fr);gap:2px;font-size:8.5px;color:var(--scr-muted);align-items:center}
.sched .day{text-align:center;font-weight:700;color:var(--scr-fg);line-height:1.1;padding:3px 0}
.sched .day.today{background:var(--scr-teal-soft);border-radius:4px;color:var(--scr-teal)}
.sched .day.sat{color:#2457C7}.sched .day.sun{color:#C32424}
.sched .day small{display:block;font-weight:500;font-size:7px;color:var(--scr-muted)}
.sched .t{font-size:8px;text-align:right;padding-right:2px;line-height:1}
.sched .c{height:9px;border-radius:2px}
.sched .c.p{background:var(--scr-pink)}.sched .c.g{background:var(--scr-cell)}.sched .c.d{background:var(--scr-done)}
.sched-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:9px;color:var(--scr-muted)}
.sched-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.sched-legend .p{background:var(--scr-pink)}.sched-legend .g{background:var(--scr-cell)}.sched-legend .d{background:var(--scr-done);border:1px solid var(--scr-line)}
/* meet */
.meet-top{display:flex;justify-content:space-between;padding:12px 14px 4px;font-size:16px;color:var(--scr-dark-fg)}
.meet-code{text-align:center;font-size:17px;letter-spacing:.02em;padding:4px 0 12px;font-family:Arial,Helvetica,sans-serif}
.meet-tile{margin:0 auto;width:150px;background:var(--scr-dark2);border-radius:18px;padding:22px 0 14px;display:grid;gap:18px;justify-items:center}
.meet-avatar{width:64px;height:64px;border-radius:50%;background:#1D8E7B;display:grid;place-items:center}
.meet-avatar svg{width:36px;height:36px}
.meet-avatar.big{width:92px;height:92px;background:#E07A2C}
.meet-avatar.big svg{width:52px;height:52px}
.meet-toggles{display:flex;gap:36px}
.tg{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#111;position:relative}
.tg svg{width:16px;height:16px}
.tg.off::after{content:"";position:absolute;width:19px;height:2.2px;background:#111;transform:rotate(-45deg);border-radius:2px}
.meet-note{text-align:center;color:#C6CACF;font-size:10.5px;padding:12px 0 8px}
.meet-footer{background:var(--scr-dark2);padding:14px 0 18px;display:grid;justify-items:center;gap:4px;margin-top:6px}
.meet-join{background:var(--scr-join);color:#0B2A6B;font-weight:700;font-size:12.5px;padding:9px 32px;border-radius:12px}
.meet-join-as{font-size:9.5px;color:#C6CACF}
.meet-stage{position:relative;margin:12px 12px 0;background:var(--scr-dark2);border-radius:14px;height:168px;display:grid;place-items:center}
.meet-self{position:absolute;right:8px;bottom:8px;width:44px;height:70px;background:var(--scr-dark3);border-radius:8px;display:grid;place-items:center}
.meet-self i{width:22px;height:22px;border-radius:50%;background:#E07A2C;display:block}
.meet-bar{display:flex;justify-content:center;align-items:center;gap:7px;padding:14px 10px 16px}
.meet-bar .tg{width:36px;height:30px;border-radius:9px;background:var(--scr-dark3);color:#fff}
.meet-bar .tg.hang{width:46px;background:var(--scr-red);border-radius:16px}
.meet-bar .sep{width:1px;height:20px;background:#5A5F66;margin:0 2px}
/* tap marker */
.hl{position:relative;box-shadow:0 0 0 3px var(--scr-card),0 0 0 6px var(--mark)}
.scr.dark .hl{box-shadow:0 0 0 3px var(--scr-dark),0 0 0 6px var(--mark)}
.hl::after{content:attr(data-tap);position:absolute;right:-8px;top:-15px;background:var(--mark);color:var(--on-mark);font-family:var(--font-display);font-weight:700;font-size:10px;line-height:1;padding:5px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.06em;z-index:2}
.hl.below::after{top:auto;bottom:-15px}
.hl.left::after{right:auto;left:-8px}
.hl.pulse::before{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--mark);animation:pulse 1.8s ease-out infinite;pointer-events:none}
@keyframes pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.12);opacity:0}}
@media (prefers-reduced-motion:reduce){.hl.pulse::before{animation:none;display:none}}
.tg.hl{box-shadow:0 0 0 2px var(--scr-dark),0 0 0 4.5px var(--mark)}
.tg.hl::after{top:-20px;right:auto;left:50%;transform:translateX(-50%)}
.meet-join.hl{border-radius:12px}

/* ===== FAQ ===== */
.faq .wrap{padding-block:48px;display:grid;gap:18px}
.faq h2{font-size:clamp(24px,5vw,30px);font-weight:900}
.faq-list{display:grid;gap:10px}
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:14px 16px;font-weight:700;font-size:16px;font-family:var(--font-display)}
summary::-webkit-details-marker{display:none}
summary .q{width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:14px}
summary .chev{width:20px;height:20px;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
details[open] summary .chev{transform:rotate(180deg)}
details .a{padding:0 16px 16px 54px;font-size:15px;color:var(--fg);display:grid;gap:8px}
details .a p{line-height:1.8}

/* ===== Footer ===== */
footer{background:var(--surface);border-top:1px solid var(--line)}
footer .wrap{padding-block:30px 40px;display:grid;gap:14px;font-size:13px;color:var(--muted)}
.contact{background:var(--bg);border-radius:12px;padding:14px 16px;font-size:14px;color:var(--fg)}

/* ===== 患者画面に合わせた差し替え（2026-10-15） ===== */
/* 元の style 属性（CSP で style 属性を使えないためクラスにした） */
.tc{text-align:center}
/* STEP 2: 今日の状況（文の続きにせず、終わりの時刻を札で出す。実際の画面と同じ） */
.scr-banner .until{display:inline-flex;align-items:baseline;gap:6px;background:var(--scr-card);border-radius:6px;padding:2px 9px;margin-top:5px}
.scr-banner .until small{font-size:8.5px;font-weight:500;color:var(--scr-muted)}
.scr-banner .until b{font-size:12.5px}
.scr-jump{display:inline-block;margin-top:6px;background:var(--scr-card);border:1px solid var(--scr-line);border-radius:999px;padding:3px 10px;font-size:9.5px}
/* STEP 2: 7日分の予定（日ごとに対応時間を文字で並べる。実際の画面と同じ） */
.sched-list{background:var(--scr-card);border:1px solid var(--scr-line);border-radius:10px;overflow:hidden}
.sched-list .row{display:grid;grid-template-columns:96px 1fr;gap:6px;padding:5px 10px;border-bottom:1px solid var(--scr-line);font-size:10px;line-height:1.45}
.sched-list .row:last-child{border-bottom:0}
.sched-list .d{font-weight:700}
.sched-list .d small{font-weight:400;font-size:8.5px;color:var(--scr-muted);margin-left:3px}
.sched-list .sat{color:#2457C7}.sched-list .sun{color:#C32424}
.sched-list .off{color:var(--scr-muted)}