/* QA56: supplied original pieces, not a flattened screenshot. The tutorial
   still owns its text, modes, visibility, registration button and security. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions]{
 box-sizing:border-box;container-type:inline-size;width:min(100%,620px);max-width:620px;min-width:0;max-height:none;
 margin-inline:auto;padding:18px 24px 20px;border:3px solid #101010;border-radius:27px 25px 29px 26px;box-shadow:none;
 background:#fff;
 color:var(--sketch-ink,#11131b);font-family:var(--sketch-font-title,'NanumSquareRound',sans-serif);text-align:start;
}
/* Match Mi perfil/nameprofile even when inherited legacy card rules load later. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-instructions.cl-tutorial[data-sketch-instructions] :is(h2,.cl-connecting-heading,.cl-connecting-heading>span){font-family:var(--sketch-font-title,'NanumSquareRound',sans-serif)!important;font-weight:700!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] h2{
 box-sizing:border-box;position:relative;display:grid;place-items:center;width:fit-content;min-width:min(200px,100%);max-width:100%;
 min-height:64px;margin:0 auto 14px;padding:10px 24px 17px;border:0;border-radius:0;color:inherit;
 background:transparent url('/releases/20261023-sketch-qa60-r1/sketch-pop-qa60/instructions/brush.webp') center/100% 100% no-repeat;
 font-family:var(--sketch-font-title,'NanumSquareRound',sans-serif);font-size:clamp(23px,5cqi,30px);font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] ul{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;list-style:none;margin:0;padding:0;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li{
 display:grid;grid-template-columns:16% minmax(0,1fr);align-items:center;gap:4%;min-width:0;min-height:64px;margin:0;
 font-family:var(--sketch-font-title,'NanumSquareRound',sans-serif);font-size:clamp(16px,3.2cqi,19px);font-weight:700;line-height:1.4;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li+li{margin-top:0;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li>span{min-width:0;overflow-wrap:anywhere;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-icon{
 display:grid;place-items:center;box-sizing:border-box;width:100%;height:auto;min-height:48px;max-height:none;background:none;border:0;border-radius:0;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-art{display:block;width:100%;height:auto;max-height:82px;object-fit:contain;animation:none;transform:none;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-fallback{display:none!important;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .ski-lettering{display:none;max-width:100%;height:auto;pointer-events:none;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] h2[data-sketch-instructions-lettering="title"]{
 display:block;width:55%;min-width:min(200px,100%);min-height:0;padding:0;background:none;font-size:0;line-height:0;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] h2[data-sketch-instructions-lettering="title"]>.ski-lettering{display:block;width:100%;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-call-encryption{
 box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;padding:10px 20px;min-height:44px;border:2px solid #101010;border-radius:19px 18px 20px 19px;
 background:linear-gradient(110deg,#a7f6b5,#9cf5ad);
 color:var(--sketch-ink,#11131b);font-family:var(--sketch-font-title,'NanumSquareRound',sans-serif);font-size:14px;font-weight:700;line-height:1.35;text-align:center;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [data-sketch-instructions-security]{font-size:0;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .ski-security-copy{min-width:0;font-size:clamp(13px,2.9cqi,18px);overflow-wrap:anywhere;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .ski-lock{display:block;width:23px;height:27px;object-fit:contain;flex:0 0 23px;pointer-events:none;}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-gate,
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-search-content{
 font-family:var(--sketch-font-body,system-ui,sans-serif);font-size:16px;line-height:1.5;overflow-wrap:anywhere;
}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [hidden]{display:none!important;}
@container (min-width:500px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li>[data-sketch-instructions-lettering]{font-size:0;line-height:0;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li>[data-sketch-instructions-lettering]>.ski-lettering{display:block;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [data-sketch-instructions-lettering="step1"]>.ski-lettering{width:100%;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [data-sketch-instructions-lettering="step2"]>.ski-lettering{width:100%;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [data-sketch-instructions-lettering="step3"]>.ski-lettering{width:100%;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] [data-sketch-instructions-lettering="step4"]>.ski-lettering{width:100%;}
}
/* The matching notice sits on the dark stage, outside the white tutorial.
   Preserve its visibility contract; only searching overrides the obsolete
   queued rule which hid notices whenever the tutorial was present. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-empty.is-searching>#empty-copy:not([hidden]){display:block!important;color:#fff!important;position:relative;z-index:1}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] body.cl-guest-v2 .cl-empty.is-searching :is(.cl-search-detail,.cl-empty-actions button,.cl-empty-actions a){color:#fff!important}
/* Searching uses the same live card, header and encryption strip. The tip has
   one calm surface instead of nested yellow panels and ornamental strokes. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-connecting-heading{display:flex;align-items:center;justify-content:center;gap:3px;width:fit-content;min-width:0;min-height:64px;padding:12px 24px;background:transparent url('/releases/20261023-sketch-qa60-r1/sketch-pop-qa60/instructions/brush.webp') center/100% 100% no-repeat;font-size:clamp(21px,4.8cqi,29px);line-height:1.2;overflow:visible}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tip-frame{position:relative;margin:12px 0 4px;padding:0;background:none;border:0;box-shadow:none}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tip-frame>.cl-tip-category{position:static;display:block;width:fit-content;margin:0 0 8px;padding:0;border:0;border-radius:0;background:none;color:#595847;box-shadow:none;font-size:12px;transform:none!important}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tip-frame>.cl-practice-tip{margin:0;padding:8px 0 12px;background:#fff;border:0;border-radius:0;box-shadow:none;text-align:start;color:#17171c;font-size:clamp(16px,3.4cqi,20px);line-height:1.6}
/* A flag is one inline glyph, not a float indenting several wrapped lines. */
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tip-frame .cl-search-language-flag{float:none!important;display:inline-block;width:32px;height:23px;margin:0 .65em 0 0!important;vertical-align:-.15em;object-fit:contain}
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] :is(h2,.cl-call-encryption)::before,
html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] :is(h2,.cl-call-encryption)::after{content:none!important}
@media(max-width:500px){
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions]{padding:12px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] h2{min-height:44px;min-width:0;margin-bottom:10px;padding:8px 14px;font-size:21px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] h2[data-sketch-instructions-lettering="title"]{min-width:0;width:75%;max-width:230px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] ul{gap:10px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] li{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:40px;font-size:14px;line-height:1.38;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-icon{min-height:34px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-tutorial-art{max-height:46px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .cl-call-encryption{min-height:38px;margin-top:12px;padding:7px 10px;}
 html[data-sketch-pop][data-sketch-pop-theme="qa56"] .cl-instructions.cl-tutorial[data-sketch-instructions] .ski-security-copy{font-size:13px;}
}