/* 薬剤師デスク：ホーム画面への追加の案内と、使い方のページ */
:root{--rxp-ai:var(--ai,#14806f);--rxp-ink:var(--ink,#23323a);--rxp-sub:var(--sub,#5b6b70);--rxp-line:var(--line,#dde8e4);--rxp-wash:var(--wash,#f4f9f7);--rxp-aiw:var(--ai-wash,#e4f4ef)}

/* 画面の下の案内 */
.rxpwa-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9990;display:grid;grid-template-columns:40px minmax(0,1fr) auto 36px;align-items:center;gap:10px;max-width:520px;margin:0 auto;padding:10px 8px 10px 12px;background:#fff;border:1px solid var(--rxp-line);border-radius:18px;box-shadow:0 10px 30px rgba(35,50,58,.18);color:var(--rxp-ink);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s}
.rxpwa-bar.is-on{opacity:1;transform:none}
.rxpwa-bar img{width:40px;height:40px;border-radius:10px}
.rxpwa-t{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.rxpwa-t b{font-size:14px}
.rxpwa-t span{font-size:12px;color:var(--rxp-sub)}
.rxpwa-add{height:38px;padding:0 16px;border:0;border-radius:10px;background:var(--rxp-ai);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.rxpwa-x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--rxp-sub);cursor:pointer}
.rxpwa-x:hover{background:var(--rxp-wash)}

/* iPhone の手順シート */
.rxpwa-sheet{position:fixed;inset:0;z-index:9995;display:flex;align-items:flex-end;justify-content:center;background:rgba(20,30,35,.45);opacity:0;transition:opacity .25s}
.rxpwa-sheet.is-on{opacity:1}
.rxpwa-sc{width:100%;max-width:520px;padding:22px 20px calc(18px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px 22px 0 0;color:var(--rxp-ink);transform:translateY(24px);transition:transform .25s}
.rxpwa-sheet.is-on .rxpwa-sc{transform:none}
.rxpwa-sc h2{margin:0 0 12px;font-size:18px;text-align:center}
.rxpwa-sc ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rxpwa-sc li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--rxp-wash);font-size:14.5px;line-height:1.6}
.rxpwa-sc li i{display:inline-grid;place-items:center;vertical-align:middle;width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid var(--rxp-line);color:#0a84ff}
.rxpwa-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rxp-ai);color:#fff;font-weight:700;font-size:14px}
.rxpwa-sc p{margin:12px 0;text-align:center;font-size:13px}
.rxpwa-ok{display:block;width:100%;height:46px;border:0;border-radius:12px;background:var(--rxp-aiw);color:var(--rxp-ai);font:inherit;font-weight:700;font-size:15px;cursor:pointer}

/* 使い方のページ（/app/） */
.rxpg{color:var(--rxp-ink)}
.rxpg-hero{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;padding:20px;border-radius:22px;background:linear-gradient(135deg,var(--rxp-aiw),#fff 75%);border:1px solid var(--rxp-line)}
.rxpg-hero img{width:72px;height:72px;border-radius:18px;box-shadow:0 4px 12px rgba(20,128,111,.2)}
.rxpg-lead{margin:0;font-size:15px;line-height:1.85}
.rxpg-now{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--rxp-line);font-size:13.5px}
.rxpg-btn{margin-top:12px;height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--rxp-ai);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(20,128,111,.22)}
.rxpg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.rxpg-card{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--rxp-line)}
.rxpg-card h2{margin:0 0 12px;font-size:17px;display:flex;flex-direction:column;gap:2px}
.rxpg-os{font-size:12px;font-weight:700;color:var(--rxp-ai);letter-spacing:.06em}
.rxpg-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rxpg-steps li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.75}
.rxpg-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--rxp-aiw);color:var(--rxp-ai);font-weight:700;font-size:13px}
.rxpg-k{display:inline-grid;place-items:center;vertical-align:-6px;width:26px;height:26px;border-radius:7px;border:1px solid var(--rxp-line);background:var(--rxp-wash);color:var(--rxp-ink);font-style:normal}
.rxpg-note{margin:12px 0 0;font-size:12.5px;line-height:1.7;color:var(--rxp-sub)}
.rxpg-faq{margin-top:22px}
.rxpg-faq h2{font-size:18px;margin:0 0 10px}
.rxpg-faq dl{margin:0;display:grid;gap:8px}
.rxpg-faq dl div{padding:12px 14px;border-radius:14px;background:var(--rxp-wash)}
.rxpg-faq dt{font-weight:700;font-size:14.5px}
.rxpg-faq dd{margin:2px 0 0;font-size:14px;line-height:1.75;color:var(--rxp-sub)}
@media (max-width:860px){.rxpg-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.rxpg-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.rxpg-hero img{margin:0 auto}.rxpg-lead{text-align:left}.rxpg-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.rxpwa-bar,.rxpwa-sheet,.rxpwa-sc{transition:none}}