/* Cork Jazz Navigator guided-learning layer. Everything works offline. */
:root {--jt-ink:#f4f0e7;--jt-muted:#bec4cb;--jt-gold:#eabe81;--jt-border:#5b5351;}
.studio-bar {gap:7px; flex-wrap:wrap;}
.studio-brand {margin-right:8px;}
.studio-bar .jt-top-button{border:1px solid #8a6b44;background:linear-gradient(160deg,#332c25,#211f20);color:#f4d4a4;font-weight:650;font-size:12px;min-height:37px;white-space:nowrap;box-shadow:inset 0 1px 0 #fff1;}
.studio-bar .jt-top-button:hover{background:#493727;}
#jazz-guided-tutorial{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:visible;}
#jazz-guided-tutorial[hidden]{display:none!important;}
#jazz-guided-tutorial .jt-card{box-sizing:border-box;position:fixed;right:16px;bottom:18px;width:min(370px,calc(100vw - 30px));max-height:min(75vh,700px);overflow:auto;pointer-events:auto;padding:18px 18px 14px;border-radius:17px;color:var(--jt-ink);background:linear-gradient(155deg,#2b2b31 0%,#171b21 93%);border:1px solid #77654e;box-shadow:0 15px 60px #000c,0 0 0 2px #f1c68019;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#jazz-guided-tutorial .jt-card[data-dock="left"]{right:auto;left:16px;}
#jazz-guided-tutorial .jt-card[data-dock="bottom"]{right:auto;left:50%;bottom:12px;transform:translateX(-50%);width:min(680px,calc(100vw - 24px));max-height:55vh;}
body.jt-customising #jazz-guided-tutorial .jt-card[data-dock="right"]{right:auto;left:16px;}
#jazz-guided-tutorial .jt-card[data-avoid="true"]{border-color:#c68f51;}
.jt-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.jt-kicker{font-size:10px;letter-spacing:1.6px;font-weight:760;color:#e8bc79;}
.jt-close{border:0!important;background:transparent!important;font-size:25px!important;line-height:1!important;color:#c5c6ca!important;padding:1px 7px!important;box-shadow:none!important;}
.jt-eyebrow{font-size:10px;color:#b9c1ce;margin:9px 0 7px;font-weight:600;}
.jt-progress{height:5px;width:100%;background:#444550;border-radius:99px;overflow:hidden;margin:5px 0 15px;}
.jt-progress>div{height:100%;background:linear-gradient(90deg,#d39e62,#f3d39b);border-radius:inherit;transition:width .2s;}
.jt-card h2{font-size:20px!important;letter-spacing:-.35px;margin:0 0 8px;line-height:1.2;color:#fff6e9;}
.jt-card p{font-size:12.5px!important;margin:0 0 13px;color:#d8dbe1;line-height:1.65;}
.jt-task{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#d5a76e12;border:1px solid #e4c18c38;border-radius:9px;padding:9px 10px;margin:14px 0; font-size:11px;color:#bac3ce;}
.jt-indicator{color:#efd09f;font-weight:750;}.jt-indicator.done{color:#9bd4a9;}
.jt-buttonrow{display:flex;gap:6px;margin:8px 0;}
#jazz-guided-tutorial .jt-buttonrow button{background:#363943;color:#f5f0e7;border:1px solid #575763;border-radius:9px;font-size:11.5px;flex:1;padding:10px 7px;min-width:0;white-space:normal;}
#jazz-guided-tutorial .jt-buttonrow button:hover{background:#494d57;}
#jazz-guided-tutorial .jt-buttonrow button:disabled{opacity:.35;cursor:not-allowed;}
#jazz-guided-tutorial .jt-actionrow .jt-primary{background:#e6bd85;color:#1f1914;border-color:#e6bd85;font-weight:800;flex:1.75;}
#jazz-guided-tutorial .jt-actionrow .jt-primary:hover{background:#f7ce9a;}
.jt-bottom{border-top:1px solid #4b4c55;margin-top:13px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;color:#909baa;font-size:10px;}
#jazz-guided-tutorial .jt-bottom button{border:none;background:transparent;color:#efc58e;padding:5px 0;font-size:11.5px;text-align:left;}
#jazz-tutorial-settings{box-sizing:border-box;width:min(940px,95vw);max-height:88vh;padding:0;background:#202228;color:#f3eee7;border:1px solid #7a634a;border-radius:18px;box-shadow:0 35px 90px #000d;overflow:hidden;}
#jazz-tutorial-settings::backdrop{background:#080c13ce;backdrop-filter:blur(5px);}
#jazz-tutorial-settings .jt-settings-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:25px 26px 15px;border-bottom:1px solid #4d4a47;}
#jazz-tutorial-settings h2{color:#f8e0be;font-size:26px;letter-spacing:-.5px;margin:6px 0;}
#jazz-tutorial-settings p{font-size:13px;color:#c7c4c1;margin:5px 0;}
#jazz-tutorial-settings .jt-options{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:15px 26px;background:#27272d;}
#jazz-tutorial-settings label{flex:1;min-width:155px;color:#dad9d8;font-size:12px;}
#jazz-tutorial-settings select,#jazz-tutorial-settings input[type=search]{color:#fff0da;background:#11171b;display:block;margin-top:5px;padding:10px;border-radius:8px;border:1px solid #60584e;width:100%;}
#jazz-tutorial-settings .jt-check{display:flex;align-items:center;gap:7px;flex:1.5;}
#jazz-tutorial-settings .jt-check input{width:18px;height:18px;flex:0 0 18px;}
#jazz-tutorial-settings .jt-searchrow{display:flex;align-items:center;gap:15px;padding:8px 26px;}
#jazz-tutorial-settings .jt-searchrow input{flex:1;}
#jazz-tutorial-settings .jt-searchrow span{font-size:11px;white-space:nowrap;color:#e9bd83;}
#jazz-tutorial-settings .jt-chapters{max-height:43vh;overflow-y:auto;padding:3px 26px 18px;}
.jt-chapter{margin:10px 0;border:1px solid #49464a;border-radius:10px;overflow:hidden;}
#jazz-tutorial-settings .jt-chapter-head{padding:13px 15px;font-size:13px;font-weight:760;display:flex;justify-content:space-between;width:100%;color:#f1d5ab;background:#343037;border:0;border-radius:0;text-align:left;}
#jazz-tutorial-settings .jt-chapter-head span{font-size:11px;color:#acaab5;}
.jt-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:7px;background:#24262b;}
#jazz-tutorial-settings .jt-steps button{border:1px solid transparent;background:transparent;border-radius:6px;text-align:left;font-size:12px;color:#d6d6dc;padding:9px;line-height:1.3;}
#jazz-tutorial-settings .jt-steps button:hover{background:#444044;border-color:#58545a;}
#jazz-tutorial-settings .jt-steps button.jt-current{background:#493c30;border-color:#a47b4c;color:#ffe0b2;}
#jazz-tutorial-settings .jt-chapter[hidden],#jazz-tutorial-settings .jt-steps button[hidden]{display:none;}
#jazz-tutorial-settings .jt-settings-footer{display:flex;justify-content:space-between;gap:9px;padding:15px 26px;border-top:1px solid #48484c;background:#26262c;}
#jazz-tutorial-settings .jt-settings-footer button{font-size:12px;}
#jazz-tutorial-settings .jt-settings-footer button:last-child{color:#241b13;background:#ecc18a;font-weight:750;border-color:#ecc18a;}
#jt-highlight{box-sizing:border-box;pointer-events:none;}
@media(max-width:760px){.studio-bar .jt-top-button{font-size:11px;padding:7px 10px;}.studio-brand{flex-basis:100%;}.jt-steps{grid-template-columns:1fr!important;}#jazz-tutorial-settings .jt-options{gap:8px;padding:12px;}#jazz-tutorial-settings .jt-chapters{padding:4px 12px;max-height:50vh;}#jazz-tutorial-settings .jt-searchrow{padding:8px 12px;}#jazz-tutorial-settings .jt-settings-head{padding:13px;}#jazz-tutorial-settings .jt-settings-footer{padding:10px 12px;}#jazz-guided-tutorial .jt-card{left:9px!important;right:9px!important;bottom:8px!important;width:auto!important;max-height:48vh!important;transform:none!important;padding:11px 13px;}.jt-card p{font-size:12px!important;}}

/* Guided tutorial pace tracker */
#jazz-guided-tutorial .jt-time{display:flex;align-items:flex-start;flex-direction:column;gap:1px;flex:1;min-width:120px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 4px;}
#jazz-guided-tutorial .jt-time small{font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.8;}
#jazz-guided-tutorial .jt-time strong{font-size:17px;font-variant-numeric:tabular-nums;}
#jazz-guided-tutorial .jt-pause{font-size:12px;border:1px solid #ffffff55;border-radius:8px;background:transparent;color:inherit;padding:7px 10px;cursor:pointer;}
.jt-pace-panel{padding:14px 18px;margin:14px;border:1px solid #ffffff30;border-radius:12px;}
.jt-pace-panel h3{margin:0 0 8px}.jt-pace-panel p{font-size:13px;line-height:1.5;}
.jt-pace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;}
.jt-pace-grid div{padding:10px;background:#ffffff12;border-radius:9px;display:flex;flex-direction:column;gap:5px;}
.jt-pace-grid small{font-size:11px;opacity:.8}.jt-pace-grid strong{font-size:18px;font-variant-numeric:tabular-nums;}
