/* DPRO TUTORIAL SEITAI STANDARD V1.1 / R3 */
:root{--dpro-tut-deep:#0f3d2e;--dpro-tut-green:#14a085;--dpro-tut-soft:#e9fbf6;--dpro-tut-line:#cde7df}
#dproTutorialLauncher{
  position:fixed;right:14px;bottom:14px;z-index:2147483000;
  min-height:46px;padding:10px 15px;border:0;border-radius:999px;
  background:#0f3d2e;color:#fff;font:800 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;
  box-shadow:0 12px 34px rgba(15,61,46,.26);cursor:pointer
}
#dproTutorialLauncher:focus,#dproTutorialCard button:focus,#dproTutorialCard [tabindex]:focus{
  outline:3px solid #f59e0b;outline-offset:3px
}
#dproTutorialHighlight{
  position:fixed;z-index:2147482997;pointer-events:none;border:3px solid #14a085;border-radius:14px;
  box-shadow:0 0 0 9999px rgba(15,23,42,.18),0 0 0 5px rgba(20,160,133,.18);
  transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease
}
#dproTutorialCard{
  position:fixed;z-index:2147483001;width:min(390px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 24px));
  overflow:auto;border:1px solid var(--dpro-tut-line);border-radius:20px;background:#fff;color:#102033;
  box-shadow:0 24px 80px rgba(15,23,42,.32);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif
}
#dproTutorialCard *{box-sizing:border-box}
.dproTutHandle{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:46px;padding:10px 13px;background:linear-gradient(135deg,#0f3d2e,#14a085);color:#fff;
  cursor:grab;touch-action:none;user-select:none
}
.dproTutHandle:active{cursor:grabbing}
.dproTutHandle strong{font-size:12px;letter-spacing:.03em}
.dproTutGrip{font-size:18px;letter-spacing:2px;opacity:.85}
.dproTutBody{padding:15px}
.dproTutMeta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#64748b;font-size:11px;font-weight:800}
.dproTutTitle{margin:9px 0 7px;font-size:20px;line-height:1.35;color:#0f3d2e}
.dproTutCopy{margin:0;color:#475569;font-size:13px;line-height:1.75}
.dproTutTarget{margin-top:10px;padding:8px 10px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10px;word-break:break-all}
.dproTutActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.dproTutActions button{
  min-height:44px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;color:#334155;
  font:900 12px/1.2 inherit;cursor:pointer
}
.dproTutActions .primary{border-color:#14a085;background:#14a085;color:#fff}
.dproTutActions .dark{border-color:#0f3d2e;background:#0f3d2e;color:#fff}
.dproTutFooter{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px}
.dproTutFooter button{min-height:38px;border:0;background:transparent;color:#64748b;font-weight:850;font-size:11px;cursor:pointer}
.dproTutProgress{height:6px;margin-top:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.dproTutProgress span{display:block;height:100%;background:#14a085}
@media(max-width:420px){
  #dproTutorialLauncher{right:8px;bottom:8px}
  #dproTutorialCard{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:16px}
  .dproTutBody{padding:13px}
  .dproTutActions{grid-template-columns:1fr}
}