.tiki-skill-modal{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px;border:1px solid #cce1d8;border-top:6px solid #0b8554;border-radius:24px;background:#fff;color:#173b30;box-shadow:0 24px 80px #103d3538;font:16px/1.5 system-ui,sans-serif}
.tiki-skill-modal::backdrop{background:#123b346b}
.tiki-skill-modal *{box-sizing:border-box}
.tiki-skill-modal h2{margin:8px 36px 8px 0;font-size:28px;line-height:1.2;color:#124f36}
.tiki-skill-modal p{margin:10px 0 18px;color:#597168}
.tiki-skill-kicker{font-weight:800;letter-spacing:.12em;color:#0b8554}
.tiki-skill-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#edf7f1;color:#15543a;font:26px system-ui;cursor:pointer}
.tiki-skill-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tiki-skill-modal .tiki-skill-plan{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:170px;padding:18px;border:1px solid #bbdfcd;border-radius:18px;background:#eff9f3;color:#174536;text-align:left;white-space:normal;cursor:pointer;font:inherit}
.tiki-skill-plan strong{font-size:28px;line-height:1.1;font-weight:800}
.tiki-skill-plan strong small{font-size:14px;font-weight:500}
.tiki-skill-plan-name{font-weight:750;font-size:16px}
.tiki-skill-plan>span:last-of-type{font-size:13px;color:#57766b}
.tiki-skill-plan b{margin-top:auto;font-size:14px;color:#087849}
.tiki-skill-modal .tiki-skill-plan-all{background:#f6f8fb;border-color:#d6e0e8}
.tiki-skill-all-title{margin:22px 0 10px;font-size:17px}
.tiki-skill-modal .tiki-skill-note{font-size:13px;margin:18px 0 8px}
.tiki-skill-manage{padding:8px 0;border:0;background:transparent;color:#087849;font:inherit;text-decoration:underline;cursor:pointer}
.tiki-skill-status{font-size:14px;color:#80572b!important}
.tiki-skill-notice{padding:14px;margin:14px 0;border:1px solid #e6dcb9;border-radius:14px;background:#fff9e9;color:#665533;font-size:14px}
.tiki-skill-notice button{display:block;margin-top:10px;padding:10px 16px;background:#0b8554;color:#fff;border:0;border-radius:10px;font:inherit;cursor:pointer}
[data-skill-locked="1"] .tiki-skill-unlock{display:block;margin-top:12px;padding:12px 16px;border-radius:12px;background:#087d53;color:#fff;font-size:15px;font-weight:750;text-align:center;line-height:1.35}
.tiki-skill-plan:focus-visible,.tiki-skill-close:focus-visible{outline:3px solid #603ce4;outline-offset:3px}
.tiki-skill-modal button:disabled{opacity:.55;cursor:wait}
@media(max-width:430px){.tiki-skill-modal{padding:20px 16px;border-radius:22px}.tiki-skill-modal h2{font-size:25px}.tiki-skill-plans{gap:8px}.tiki-skill-modal .tiki-skill-plan{padding:14px 10px;min-height:172px}.tiki-skill-plan strong{font-size:24px}.tiki-skill-plan-name{font-size:14px}}

/* Lesson access labels stay in the text area of image and compact cards. */
.tiki-skill-access-label{display:block!important;position:static!important;grid-column:1 / -1;font-size:12px!important;line-height:1.5!important;font-weight:700!important;white-space:normal!important;margin-top:8px!important;color:#087b51!important;}
.tiki-skill-access-label[data-access-state="locked"]{color:#8b5700!important;background:#fff4d6;border-radius:8px;padding:6px 9px;}
[data-skill-locked="1"]{border-color:#d8bf83!important;}
.sp-card .tiki-skill-access-label,.st158-library .tiki-skill-access-label{width:100%;text-align:left;}

/* IELTS access labels belong to cue cards/questions, below their content. */
#ieltsSpeakingView [data-p2-topic]>.tiki-skill-access-label,#ieltsSpeakingView [data-ielts-part2-topic]>.tiki-skill-access-label,#ieltsSpeakingView [data-p3-q]>.tiki-skill-access-label{display:block!important;visibility:visible!important;opacity:1!important;width:100%;min-height:24px;font-size:12px!important;line-height:1.5!important;}