/* Abímbọ́lá Deck Viewer */
.abdeck-root{position:fixed;inset:0;z-index:99999;background:#101010;color:#f3efe6;display:flex;flex-direction:column;font:14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}
.abdeck-root[hidden]{display:none}
.abdeck-root.is-min{inset:auto 16px 16px auto;width:auto;height:auto;border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.45);background:#1f1b16;overflow:hidden}
.abdeck-root.is-min>*{display:none}
.abdeck-root.is-min .abdeck-pill{display:flex}
.abdeck-pill{display:none;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;white-space:nowrap;max-width:80vw}
.abdeck-pill b{overflow:hidden;text-overflow:ellipsis}

.abdeck-bar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#1f1b16;border-bottom:1px solid #3a332b;flex-wrap:wrap;flex:0 0 auto}
.abdeck-title{flex:1 1 200px;min-width:120px;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}
.abdeck-group{display:flex;align-items:center;gap:2px}
.abdeck-bar button{appearance:none;border:0;background:transparent;color:#f3efe6;width:38px;height:38px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.abdeck-bar button:hover{background:#3a332b}
.abdeck-bar button:disabled{opacity:.3;cursor:default;background:transparent}
.abdeck-bar button.is-on{background:#8a2a1c}
.abdeck-bar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.abdeck-pageno{display:flex;align-items:center;gap:4px;padding:0 4px;font-variant-numeric:tabular-nums}
.abdeck-pageno input{width:3.2em;text-align:center;background:#101010;color:#f3efe6;border:1px solid #3a332b;border-radius:6px;padding:6px 2px;font:inherit}
.abdeck-zoom{min-width:3.2em;text-align:center;font-variant-numeric:tabular-nums;opacity:.85}

.abdeck-body{flex:1 1 auto;display:flex;min-height:0;position:relative}
.abdeck-thumbs{flex:0 0 150px;overflow-y:auto;background:#171411;border-right:1px solid #3a332b;padding:8px;display:none;-webkit-overflow-scrolling:touch}
.abdeck-root.show-thumbs .abdeck-thumbs{display:block}
.abdeck-thumb{display:block;width:100%;margin:0 0 10px;border:2px solid transparent;border-radius:4px;cursor:pointer;background:#000}
.abdeck-thumb.is-current{border-color:#e0a458}
.abdeck-thumb canvas{display:block;width:100%;height:auto}
.abdeck-thumb span{display:block;text-align:center;font-size:11px;padding:2px 0;color:#bbb}
.abdeck-stage{flex:1 1 auto;overflow:auto;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:14px;-webkit-overflow-scrolling:touch;background:#101010}
.abdeck-stage canvas{display:block;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.6);max-width:none;pointer-events:none}
.abdeck-stage.is-loading::after{content:"";position:absolute;inset:0;background:rgba(16,16,16,.55)}
.abdeck-spinner{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px;border:4px solid #3a332b;border-top-color:#e0a458;border-radius:50%;animation:abdeck-spin .8s linear infinite;display:none;z-index:2}
.abdeck-stage.is-loading .abdeck-spinner{display:block}
@keyframes abdeck-spin{to{transform:rotate(360deg)}}
.abdeck-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:80px;border:0;background:rgba(31,27,22,.7);color:#f3efe6;cursor:pointer;font-size:26px;border-radius:8px;z-index:2;display:none}
.abdeck-nav.prev{left:6px}.abdeck-nav.next{right:6px}
.abdeck-nav:disabled{opacity:.2}
@media (hover:hover){.abdeck-body:hover .abdeck-nav{display:block}}
.abdeck-progress{height:3px;background:#3a332b;flex:0 0 auto}
.abdeck-progress i{display:block;height:100%;background:#e0a458;width:0;transition:width .2s}
.abdeck-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:16px;line-height:1.5}
.abdeck-msg a{color:#e0a458}
.abdeck-help{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(31,27,22,.9);padding:6px 12px;border-radius:999px;font-size:12px;opacity:.85;pointer-events:none;z-index:2}

/* Make deck links look like actions, not downloads */
a[href^="#deck:"]{cursor:pointer}

@media (max-width:640px){
  .abdeck-title{flex-basis:100%;order:-1;font-size:14px;padding:2px 6px 4px}
  .abdeck-bar button{width:34px;height:34px}
  .abdeck-thumbs{position:absolute;inset:0 auto 0 0;width:130px;z-index:3;box-shadow:4px 0 20px rgba(0,0,0,.5)}
  .abdeck-stage{padding:6px}
  .abdeck-help{display:none}
  .abdeck-hide-sm{display:none!important}
}
@media print{.abdeck-root{display:none!important}}

/* ---- site navigation strip ---- */
.abdeck-sitenav{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#17130f;border-bottom:1px solid #3a332b;flex:0 0 auto;min-height:40px}
.abdeck-root.is-min .abdeck-sitenav{display:none}
.abdeck-sitenav-back{flex:0 0 auto;color:#e0a458;text-decoration:none;font-size:13px;font-weight:600;padding:5px 10px;border:1px solid #5a4a35;border-radius:999px;white-space:nowrap}
.abdeck-sitenav-back:hover{background:#3a332b}
.abdeck-sitenav-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.abdeck-sitenav-scroll::-webkit-scrollbar{height:4px}
.abdeck-sitenav-scroll::-webkit-scrollbar-thumb{background:#3a332b;border-radius:2px}
.abdeck-sitenav-scroll a{flex:0 0 auto;color:#e8e2d6;text-decoration:none;font-size:13px;padding:5px 11px;border-radius:6px;white-space:nowrap;background:#241f1a}
.abdeck-sitenav-scroll a:hover{background:#3a332b;color:#fff}
.abdeck-sitenav-scroll a.is-current{background:#8a2a1c;color:#fff}
@media (max-width:640px){
  .abdeck-sitenav{padding:5px 6px;gap:6px;min-height:36px}
  .abdeck-sitenav-back{font-size:12px;padding:4px 8px}
  .abdeck-sitenav-scroll a{font-size:12px;padding:4px 9px}
}

/* ---- site navigation strip ---- */
.abdeck-sitenav{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#17130f;border-bottom:1px solid #3a332b;flex:0 0 auto;min-height:40px}
.abdeck-root.is-min .abdeck-sitenav{display:none}
.abdeck-sitenav-back{flex:0 0 auto;color:#e0a458;text-decoration:none;font-size:13px;font-weight:600;padding:5px 10px;border:1px solid #5a4a35;border-radius:999px;white-space:nowrap}
.abdeck-sitenav-back:hover{background:#3a332b}
.abdeck-sitenav-scroll{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.abdeck-sitenav-scroll::-webkit-scrollbar{height:4px}
.abdeck-sitenav-scroll::-webkit-scrollbar-thumb{background:#3a332b;border-radius:2px}
.abdeck-sitenav-scroll a{flex:0 0 auto;color:#e8e2d6;text-decoration:none;font-size:13px;padding:5px 11px;border-radius:6px;white-space:nowrap;background:#241f1a}
.abdeck-sitenav-scroll a:hover{background:#3a332b;color:#fff}
.abdeck-sitenav-scroll a.is-current{background:#8a2a1c;color:#fff}
@media (max-width:640px){
  .abdeck-sitenav{padding:5px 6px;gap:6px;min-height:36px}
  .abdeck-sitenav-back{font-size:12px;padding:4px 8px}
  .abdeck-sitenav-scroll a{font-size:12px;padding:4px 9px}
}

/* ---- site + course navigation strip ---- */
.abdeck-sitenav{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#17130f;border-bottom:1px solid #3a332b;flex:0 0 auto;min-height:40px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.abdeck-root.is-min .abdeck-sitenav{display:none}
.abdeck-sitenav::-webkit-scrollbar{height:4px}
.abdeck-sitenav::-webkit-scrollbar-thumb{background:#3a332b;border-radius:2px}
.abdeck-sitenav-back{flex:0 0 auto;appearance:none;cursor:pointer;color:#e0a458;background:transparent;font:inherit;font-size:13px;font-weight:600;padding:5px 11px;border:1px solid #5a4a35;border-radius:999px;white-space:nowrap}
.abdeck-sitenav-back:hover{background:#3a332b}
.abdeck-sitenav-scroll{display:flex;gap:4px;flex:0 0 auto}
.abdeck-sitenav-site a{color:#f3efe6;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 11px;border-radius:6px;white-space:nowrap}
.abdeck-sitenav-site a:hover{background:#3a332b}
.abdeck-sitenav-site a.is-current{background:#8a2a1c}
.abdeck-sitenav-course{border-left:1px solid #3a332b;padding-left:8px;margin-left:4px}
.abdeck-sitenav-course a{color:#d9cfbe;text-decoration:none;font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap;background:#241f1a}
.abdeck-sitenav-course a:hover{background:#3a332b;color:#fff}
@media (max-width:640px){
  .abdeck-sitenav{padding:5px 6px;gap:6px;min-height:36px}
  .abdeck-sitenav-back{font-size:12px;padding:4px 8px}
  .abdeck-sitenav-site a{font-size:12px;padding:5px 8px}
  .abdeck-sitenav-course a{font-size:11px;padding:4px 8px}
}