/* Judge guided tour, from Figma 10:4585–10:6650. */
body.judge-figma .jf-tutorial-backdrop{position:fixed;inset:0;z-index:3200;background:rgba(0,0,0,.1);pointer-events:none}
body.judge-figma .jf-tutorial-card{position:fixed;right:38px;bottom:39px;width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:24px;background:white;box-shadow:none;pointer-events:auto;color:#111827;animation:jf-tutorial-enter .16s ease-out}
body.judge-figma .jf-tutorial-content{min-height:334px;padding:0 30px 30px;display:flex;flex-direction:column;gap:14px}
body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-content{min-height:353px}
body.judge-figma .jf-tutorial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:30px 0 26px;border-bottom:1px solid #cbd5e1}
body.judge-figma .jf-tutorial-heading>div{min-width:0}
body.judge-figma .jf-tutorial-heading h2{margin:0;color:#111827;font:800 24px/32px Pretendard,SUIT,sans-serif;letter-spacing:0}
body.judge-figma .jf-tutorial-heading p{margin:5px 0 0;color:#475569;opacity:.6;font:700 16px/24px 'SUIT',sans-serif;letter-spacing:0;white-space:nowrap}
body.judge-figma .jf-tutorial-heading button{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;min-height:24px;border:0;background:transparent;padding:0;border-radius:0;cursor:pointer}
body.judge-figma .jf-tutorial-heading button img{display:block}
body.judge-figma .jf-tutorial-meta{display:flex;align-items:center;justify-content:flex-start;gap:24px;height:57px;padding:10px 0 20px;flex-shrink:0}
body.judge-figma .jf-tutorial-progress{flex:0 1 399px;min-width:0;height:calc(12px + var(--jf-progress-offset,.5px));position:relative;background:transparent;border-radius:6px;overflow:visible}
body.judge-figma .jf-tutorial-progress span{display:block;position:relative;top:var(--jf-progress-offset,.5px);height:12px;background:#418efe;border-radius:6px;transition:width .16s ease-out}
body.judge-figma .jf-tutorial-count{align-self:flex-end;width:51px;flex:0 0 51px;color:#334155;opacity:.6;text-align:right;font:800 18px/26px 'SUIT',sans-serif}
body.judge-figma .jf-tutorial-tip{display:flex;align-items:flex-start;gap:12px;flex-shrink:0;height:91px;padding:20px 30px;border-radius:12px;background:#eaf3ff}
body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-tip{height:114px}
body.judge-figma .jf-tutorial-card[data-tutorial-step="4"] .jf-tutorial-tip{height:120px}
body.judge-figma .jf-tutorial-progress:before{content:"";position:absolute;inset:0 0 auto;height:12px;border-radius:6px;background:#eaf3ff}
body.judge-figma .jf-tutorial-card:is([data-tutorial-step="2"],[data-tutorial-step="3"],[data-tutorial-step="6"]){--jf-progress-offset:.75px}
body.judge-figma .jf-tutorial-card[data-tutorial-step="4"]{--jf-progress-offset:.875px}
body.judge-figma .jf-tutorial-tip>img{display:block;flex-shrink:0}
body.judge-figma .jf-tutorial-tip>div{min-width:0;flex:0 0 388px;width:388px}
body.judge-figma .jf-tutorial-tip strong{display:block;font:800 18px/26px Pretendard,SUIT,sans-serif;color:#2e7bea;letter-spacing:0}
body.judge-figma .jf-tutorial-tip p{margin:2px 0 0;font:700 16px/24px 'SUIT',sans-serif;color:#418efe;opacity:.6;letter-spacing:0;white-space:pre-line}
body.judge-figma .jf-tutorial-card:not(.is-tall) .jf-tutorial-tip p{white-space:nowrap}
body.judge-figma .jf-tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:85px;padding:18px 29.388px 18px 22px;background:#f8fafc}
body.judge-figma .jf-tutorial-actions>div{display:flex;align-items:center;gap:10px}
body.judge-figma .jf-tutorial-actions button{display:flex;align-items:center;justify-content:center;min-width:74px;height:39px;min-height:39px;padding:9px 16px;border:1px solid #cbd5e1;border-radius:10px;background:transparent;color:#475569;font:700 14.789292px/normal Pretendard,SUIT,sans-serif;cursor:pointer}
body.judge-figma .jf-tutorial-actions [data-tutorial-skip]{width:85.612px;height:46.234px;border-width:.672px}
body.judge-figma .jf-tutorial-actions [data-tutorial-prev]{background:#f1f5f9;color:#94a3b8}
body.judge-figma .jf-tutorial-actions [data-tutorial-next]{background:#418efe;color:white;border-color:#418efe}
body.judge-figma .jf-tutorial-actions [data-tutorial-prev]:disabled{color:#94a3b8;cursor:default}
body.judge-figma .jf-tutorial-card button:focus-visible{outline:2px solid #418efe;outline-offset:3px}
body.judge-figma .tutorial-highlight{outline:2px solid #418efe!important;outline-offset:4px!important;box-shadow:none!important;animation:none!important}
@keyframes jf-tutorial-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:700px){body.judge-figma .jf-tutorial-card{right:16px;bottom:16px;border-radius:20px}body.judge-figma .jf-tutorial-content,body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-content{min-height:0;padding:0 20px 24px;gap:12px}body.judge-figma .jf-tutorial-heading{padding:22px 0 20px}body.judge-figma .jf-tutorial-heading h2{font-size:20px;line-height:28px}body.judge-figma .jf-tutorial-heading p{font-size:13px;line-height:20px}body.judge-figma .jf-tutorial-meta{height:43px;padding:6px 0 10px;gap:16px}body.judge-figma .jf-tutorial-tip,body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-tip,body.judge-figma .jf-tutorial-card[data-tutorial-step="4"] .jf-tutorial-tip{height:auto;min-height:91px;padding:16px;gap:10px}body.judge-figma .jf-tutorial-tip strong{font-size:15px;line-height:23px}body.judge-figma .jf-tutorial-tip p{font-size:13px;line-height:20px}body.judge-figma .jf-tutorial-actions{padding:16px 20px;min-height:77px;gap:8px}body.judge-figma .jf-tutorial-actions button{min-width:62px;padding:8px 12px;font-size:13px}body.judge-figma .jf-tutorial-actions>div{gap:8px}}
@media(prefers-reduced-motion:reduce){body.judge-figma .jf-tutorial-card{animation:none}body.judge-figma .jf-tutorial-progress span{transition:none}}
@media(min-width:901px){
 body.judge-figma .jf-tutorial-card{width:480px;right:24px;bottom:24px;border-radius:20px}
 body.judge-figma .jf-tutorial-content,body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-content{min-height:0;padding:0 24px 24px}
 body.judge-figma .jf-tutorial-heading{padding:24px 0 18px}
 body.judge-figma .jf-tutorial-heading h2{font:800 20px/28px SUIT,sans-serif}
 body.judge-figma .jf-tutorial-heading p{font:700 14px/22px SUIT,sans-serif;white-space:normal}
 body.judge-figma .jf-tutorial-meta{height:42px;padding:4px 0 12px}
 body.judge-figma .jf-tutorial-tip,body.judge-figma .jf-tutorial-card.is-tall .jf-tutorial-tip,body.judge-figma .jf-tutorial-card[data-tutorial-step="4"] .jf-tutorial-tip{height:auto;padding:16px}
 body.judge-figma .jf-tutorial-tip>div{width:auto;flex:1}
 body.judge-figma .jf-tutorial-tip strong{font:800 14px/22px SUIT,sans-serif}
 body.judge-figma .jf-tutorial-tip p,body.judge-figma .jf-tutorial-card:not(.is-tall) .jf-tutorial-tip p{font:700 14px/22px SUIT,sans-serif;white-space:normal}
 body.judge-figma .jf-tutorial-actions{min-height:76px;padding:16px 24px}
 body.judge-figma .jf-tutorial-actions button,body.judge-figma .jf-tutorial-actions [data-tutorial-skip]{width:auto;height:44px;min-height:44px;font:700 14px/22px SUIT,sans-serif}
}
@media(max-width:700px){body.judge-figma .jf-tutorial-heading p,body.judge-figma .jf-tutorial-card:not(.is-tall) .jf-tutorial-tip p{white-space:normal}body.judge-figma .jf-tutorial-tip>div{flex:1;width:auto}}
