/* DPRO TUTORIAL STANDARD V1.1 / DAYCARE / R3 */
:root{--dpro-tutorial-brand:#17643a;--dpro-tutorial-deep:#0e4c2a;--dpro-tutorial-line:#cfe2d5;--dpro-tutorial-soft:#eef8f2;--dpro-tutorial-shadow:0 18px 50px rgba(15,52,31,.22)}
#dpro-tutorial-root{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;color:#14241a}
#dpro-tutorial-root *{box-sizing:border-box}
#dpro-tutorial-highlight{position:fixed;display:none;border:3px solid #2f8f59;border-radius:14px;box-shadow:0 0 0 5px rgba(47,143,89,.18),0 0 0 9999px rgba(15,35,24,.10);pointer-events:none;transition:left .16s ease,top .16s ease,width .16s ease,height .16s ease;z-index:1}
#dpro-tutorial-card{position:fixed;display:none;width:min(360px,calc(100vw - 24px));max-height:min(82vh,660px);overflow:auto;border:1px solid var(--dpro-tutorial-line);border-radius:18px;background:#fff;box-shadow:var(--dpro-tutorial-shadow);pointer-events:auto;z-index:2;overscroll-behavior:contain}
#dpro-tutorial-card[aria-hidden="false"]{display:block}
.dpro-tutorial-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 11px;border:0;border-bottom:1px solid #e4eee8;background:linear-gradient(135deg,#f7fcf9,#edf8f1);cursor:grab;touch-action:none;user-select:none}
.dpro-tutorial-drag-handle:active{cursor:grabbing}
.dpro-tutorial-drag-handle strong{font-size:12px;color:var(--dpro-tutorial-deep);letter-spacing:.03em}.dpro-tutorial-grip{font-size:18px;letter-spacing:2px;color:#6c7c72}
.dpro-tutorial-body{padding:15px 15px 12px}.dpro-tutorial-kicker{margin:0 0 5px;color:var(--dpro-tutorial-brand);font-size:10px;font-weight:900;letter-spacing:.08em}.dpro-tutorial-title{margin:0;font-size:19px;line-height:1.4;color:#14241a}.dpro-tutorial-copy{margin:9px 0 0;color:#506057;font-size:12px;line-height:1.7}.dpro-tutorial-safe{margin:10px 0 0;padding:9px 10px;border-radius:10px;background:#f5faf7;color:#56665d;font-size:10px;line-height:1.6}
.dpro-tutorial-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#68776e;font-size:10px}.dpro-tutorial-bar{flex:1;height:6px;border-radius:999px;background:#e8efeb;overflow:hidden}.dpro-tutorial-bar>span{display:block;height:100%;background:var(--dpro-tutorial-brand);transition:width .18s ease}
.dpro-tutorial-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;padding:0 15px 14px}.dpro-tutorial-actions button,.dpro-tutorial-complete-actions button{min-height:42px;padding:8px 10px;border-radius:11px;border:1px solid var(--dpro-tutorial-line);background:#fff;color:#213228;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.dpro-tutorial-actions button:hover,.dpro-tutorial-complete-actions button:hover{background:#f7fbf8}.dpro-tutorial-actions .dpro-primary,.dpro-tutorial-complete-actions .dpro-primary{border-color:var(--dpro-tutorial-brand);background:var(--dpro-tutorial-brand);color:#fff}.dpro-tutorial-actions .dpro-primary:hover,.dpro-tutorial-complete-actions .dpro-primary:hover{background:var(--dpro-tutorial-deep)}.dpro-tutorial-actions button:disabled{opacity:.42;cursor:not-allowed}
.dpro-tutorial-tools{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 15px}.dpro-tutorial-tools button{min-height:36px;padding:7px 9px;border:0;border-radius:9px;background:#f1f6f3;color:#56665d;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
#dpro-tutorial-launcher{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 76px));z-index:2147482999;min-height:44px;max-width:min(220px,calc(100vw - 24px));padding:9px 13px;border:1px solid #c8ddcf;border-radius:999px;background:#fff;color:var(--dpro-tutorial-deep);box-shadow:0 10px 28px rgba(15,52,31,.16);font:700 11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;cursor:pointer}
#dpro-tutorial-launcher:hover{background:#f4faf6}
#dpro-tutorial-launcher:focus-visible,.dpro-tutorial-actions button:focus-visible,.dpro-tutorial-tools button:focus-visible,.dpro-tutorial-complete-actions button:focus-visible,.dpro-tutorial-drag-handle:focus-visible{outline:3px solid rgba(36,91,184,.35);outline-offset:2px}
#dpro-tutorial-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dpro-tutorial-complete{padding:17px}.dpro-tutorial-complete h2{margin:0;font-size:20px;color:var(--dpro-tutorial-deep)}.dpro-tutorial-complete p{margin:8px 0 0;color:#5a6960;font-size:12px;line-height:1.7}.dpro-tutorial-complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
@media(max-width:390px){#dpro-tutorial-card{width:calc(100vw - 16px);border-radius:15px}.dpro-tutorial-body{padding:13px 13px 10px}.dpro-tutorial-actions{grid-template-columns:1fr 1fr;padding:0 13px 11px}.dpro-tutorial-actions #dpro-tutorial-skip{grid-column:1/-1;grid-row:2}.dpro-tutorial-tools{padding:0 13px 13px}.dpro-tutorial-title{font-size:17px}#dpro-tutorial-launcher{right:8px;max-width:calc(100vw - 16px)}}
@media(max-width:330px){.dpro-tutorial-complete-actions{grid-template-columns:1fr}.dpro-tutorial-actions{gap:6px}.dpro-tutorial-actions button{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){#dpro-tutorial-highlight,.dpro-tutorial-bar>span{transition:none!important}}
@media print{#dpro-tutorial-root,#dpro-tutorial-launcher{display:none!important}}
/* DPRO GUIDE CENTER / DAYCARE / R4 */
#dpro-tutorial-guide-link{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(136px,calc(env(safe-area-inset-bottom) + 128px));z-index:2147482998;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #d8e7dd;border-radius:999px;background:#f8fbf9;color:#365342;box-shadow:0 7px 18px rgba(15,52,31,.10);font:800 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;text-decoration:none}
#dpro-tutorial-guide-link:hover{background:#eef7f1}#dpro-tutorial-guide-link:focus-visible{outline:3px solid rgba(36,91,184,.35);outline-offset:2px}
@media(max-width:390px){#dpro-tutorial-guide-link{right:8px;bottom:max(132px,calc(env(safe-area-inset-bottom) + 124px))}}
@media print{#dpro-tutorial-guide-link{display:none!important}}