/* Skill Development review refinements */
.sd-command { width: 100%; max-width: 680px; justify-self: start; transform: none; }
.sd-command__body { min-height: 470px; }
.sd-video-frame { min-height: 0; aspect-ratio: 3 / 2; background-size: auto, cover, auto; }

.sd-copy-kicker { display: flex; align-items: center; gap: 10px; }
.sd-copy-kicker > small { color: #81c7bd; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.sd-ai-enabled { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px 4px 4px; border: 1px solid rgba(216,239,125,.28); border-radius: 999px; background: rgba(216,239,125,.1); color: #dcefa0; font-size: 7px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }
.sd-ai-enabled b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); font-size: 7px; }

.sd-enrol-artifact > small { display: block; }
.sd-portal-row { display: grid!important; grid-template-columns: repeat(3,1fr); gap: 7px!important; margin-top: 16px!important; }
.sd-portal-row > span { min-width: 0; display: grid; justify-items: center; gap: 6px; padding: 10px 4px!important; border: 1px solid #dbe5e0; border-radius: 8px; background: #f7faf8!important; color: #526c65!important; text-align: center; }
.sd-portal-row > span i { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: #e4f5ee; color: var(--teal-dark); font-size: 7px; font-style: normal; font-weight: 850; }
.sd-portal-row > span:nth-child(2) i { background: #edf4ff; color: #3a73b5; }
.sd-portal-row > span:nth-child(3) i { background: #fff1e8; color: #c9653f; }
.sd-portal-row > span b { font-size: 6px; line-height: 1.25; }
.sd-enrol-flow { position: relative; height: 25px; display: grid!important; grid-template-columns: repeat(3,1fr); margin: 0!important; }
.sd-enrol-flow i { position: relative; }
.sd-enrol-flow i::before { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 13px; background: #b9d1ca; }
.sd-enrol-flow i:first-child::after,.sd-enrol-flow i:last-of-type::after { content: ""; position: absolute; top: 12px; height: 1px; background: #b9d1ca; }
.sd-enrol-flow i:first-child::after { left: 50%; right: -50%; }
.sd-enrol-flow i:last-of-type::after { right: 50%; left: -50%; }
.sd-enrol-flow > b { position: absolute; z-index: 1; left: 50%; bottom: 0; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--teal); color: white; font-size: 8px; transform: translateX(-50%); }
.sd-registration-card { display: grid!important; grid-template-columns: 34px 1fr 22px; gap: 10px!important; align-items: center; margin: 4px 0 0!important; padding: 11px!important; border-radius: 9px; background: var(--ink)!important; color: white; }
.sd-registration-card > span { width: 33px; height: 33px; display: grid; place-items: center; padding: 0!important; border-radius: 9px; background: var(--teal)!important; color: white!important; font-size: 8px; font-weight: 850; }
.sd-registration-card small,.sd-registration-card strong { display: block; }
.sd-registration-card small { color: #8ebbb5; font-size: 6px; text-transform: uppercase; letter-spacing: .5px; }
.sd-registration-card strong { margin-top: 2px; font-size: 8px; }
.sd-registration-card > b { color: var(--lime); font-size: 12px; }
.sd-enrol-artifact > footer { margin-top: 10px; color: #70857f; font-size: 6px; text-align: center; }

.sd-grade-artifact > footer { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; margin-top: 13px; padding: 10px; border: 0; border-radius: 10px; background: #e9f6f0; }
.sd-grade-artifact > footer > span { display: flex; align-items: center; gap: 8px; }
.sd-grade-artifact > footer > span:last-child { justify-content: flex-end; text-align: right; }
.sd-grade-artifact footer small,.sd-grade-artifact footer strong { display: block; }
.sd-grade-artifact footer small { color: #6a817a; font-size: 6px; }
.sd-grade-artifact footer strong { color: var(--teal-dark); font-size: 9px; }
.sd-grade-result b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--teal); color: white; font: 800 16px var(--display); }

.artifact.sd-certificate-mini { position: relative; min-height: 238px; overflow: hidden; padding: 15px 17px; border: 5px solid white; outline: 1px solid #bed1ca; background: radial-gradient(circle at 100% 0,rgba(216,239,125,.3),transparent 34%),linear-gradient(145deg,#fff,#f5faf6); box-shadow: 0 24px 60px rgba(0,0,0,.22),inset 0 0 0 1px #d8e4df; }
.sd-certificate-mini__corner { position: absolute; top: -42px; right: -42px; width: 104px; height: 104px; border-radius: 50%; background: var(--teal); opacity: .11; }
.sd-certificate-mini > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 9px; border-bottom: 1px solid #dbe5e0; }
.sd-certificate-mini__brand { display: flex; align-items: center; gap: 6px; color: var(--ink); font-size: 7px; font-weight: 850; letter-spacing: 1px; }
.sd-certificate-mini__brand b { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--lime); font-size: 11px; letter-spacing: 0; }
.sd-certificate-mini > header > small { color: var(--teal-dark); font-size: 5px; font-weight: 800; text-transform: uppercase; letter-spacing: .7px; }
.artifact.sd-certificate-mini > .sd-certificate-mini__body { display: block; margin: 0; padding: 17px 5px 13px; background: transparent; text-align: center; }
.sd-certificate-mini__body > small { display: block; color: #748780; font: italic 6px Georgia,serif; text-transform: none; letter-spacing: 0; }
.sd-certificate-mini__body > strong { display: block; margin-top: 5px; color: var(--ink); font: 720 20px/1.05 var(--display); }
.sd-certificate-mini__body > i { width: 48px; height: 1px; display: block; margin: 7px auto; background: var(--teal); }
.sd-certificate-mini__body > p { margin: 0; color: #788a85; font-size: 6px; }
.sd-certificate-mini__body > b { display: block; margin-top: 2px; color: var(--teal-dark); font: 720 10px var(--display); }
.sd-certificate-mini > footer { display: grid; grid-template-columns: 1fr 52px 1fr; gap: 8px; align-items: end; margin: 0; padding-top: 10px; border-top: 1px solid #dbe5e0; }
.sd-certificate-mini > footer > div { min-width: 0; display: flex; align-items: center; justify-content: flex-start; gap: 6px; margin: 0; }
.sd-certificate-mini > footer > div:last-child { display: grid; justify-items: center; align-content: end; gap: 4px; }
.sd-certificate-mini > footer > div:last-child i { width: 60px; height: 1px; background: #8ca09a; }
.sd-certificate-mini > footer small { color: #70847e; font-size: 5px; line-height: 1.35; }
.sd-certificate-mini > footer small b { color: var(--ink); font-size: 5px; }
.sd-certificate-mini .sd-mini-qr { flex: 0 0 auto; width: 34px; height: 34px; padding: 0; border: 3px solid white; background-color: white!important; }
.sd-certificate-mini__seal { width: 48px; height: 48px; display: grid; grid-template-columns: 15px 1fr; gap: 2px; place-items: center; padding: 5px!important; border: 1px solid #9bc8bc; border-radius: 50%; background: #e9f6f0!important; color: var(--teal-dark)!important; }
.sd-certificate-mini__seal > b { font-size: 10px; }
.sd-certificate-mini__seal > small { color: var(--teal-dark)!important; font-size: 4px!important; font-weight: 850; line-height: 1.1!important; }

.sd-brand-preview__bar .sd-sponsor-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(135deg,#087665,#0b2936); color: var(--lime); font-size: 8px; letter-spacing: .5px; box-shadow: 0 6px 16px rgba(8,47,59,.2); }
.sd-brand-studio > footer span:nth-child(1) i { --swatch:#087665!important; }
.sd-brand-studio > footer span:nth-child(2) i { --swatch:#0b2936!important; }
.sd-brand-studio > footer span:nth-child(3) i { --swatch:#d8ef7d!important; }
.sd-brand-studio > footer span:nth-child(4) i { --swatch:#f7f8f2!important; border: 1px solid #cbd8d3; }

@media (max-width: 760px) {
  .sd-command { max-width: none; }
  .sd-video-frame { min-height: 0; aspect-ratio: 3 / 2; }
}


/* Certificate reference-inspired landscape treatment */
.artifact.sd-certificate-mini { min-height: 310px; padding: 15px 30px 18px; border: 7px solid white; outline: 1px solid #c7d5cf; background: linear-gradient(135deg,rgba(11,41,54,.035) 0 8%,transparent 8% 78%,rgba(11,41,54,.035) 78% 86%,transparent 86%),#fbfcfa; isolation: isolate; }
.sd-certificate-mini::before { content: ""; position: absolute; inset: 7px; z-index: -1; border: 1px solid #d7b34f; pointer-events: none; }
.sd-certificate-corner { position: absolute; z-index: -1; width: 118px; height: 104px; background: linear-gradient(145deg,#0b2936 0 60%,#d7b34f 61% 67%,#0b2936 68%); }
.sd-certificate-corner--left { top: -19px; left: -28px; clip-path: polygon(0 0,100% 0,35% 100%,0 68%); }
.sd-certificate-corner--right { right: -28px; bottom: -19px; clip-path: polygon(65% 0,100% 32%,100% 100%,0 100%); }
.sd-certificate-mini > header { min-height: 54px; justify-content: center; padding: 0; border: 0; }
.sd-certificate-mini__brand { align-items: center; gap: 7px; color: #0d6074; font-size: 10px; letter-spacing: .8px; }
.sd-certificate-mini__brand b { width: 30px; height: 30px; background: linear-gradient(145deg,#07957f,#0b2936); color: var(--lime); font-size: 14px; }
.sd-certificate-mini__brand > span { display: block; font: 850 11px/1 var(--display); }
.sd-certificate-mini__brand small { display: block; margin-top: 3px; color: #7c8e89; font: 500 4px/1 var(--body); letter-spacing: .2px; }
.artifact.sd-certificate-mini > .sd-certificate-mini__body { padding: 4px 10px 15px; }
.sd-certificate-mini__body h4 { margin: 0 0 12px; color: var(--ink); font: 700 22px/1.05 Georgia,serif; letter-spacing: .2px; }
.sd-certificate-mini__body > small { color: #526861; font: 7px/1.2 Georgia,serif; }
.sd-certificate-mini__body > strong { margin-top: 7px; color: #183f5a; font: 500 19px/1.05 var(--display); }
.sd-certificate-mini__body > i { width: 170px; margin: 5px auto 8px; background: #d7b34f; }
.sd-certificate-mini__body > p { color: #526861; font: 6px/1.2 Georgia,serif; }
.sd-certificate-mini__body > b { margin-top: 3px; color: var(--ink); font: 700 10px/1.2 Georgia,serif; }
.sd-certificate-mini__body > em { display: block; margin-top: 5px; color: #5f746e; font: 6px/1 var(--body); }
.sd-certificate-mini > footer { grid-template-columns: 1fr 1.1fr 1fr; align-items: end; min-height: 57px; padding: 8px 20px 0; border: 0; }
.sd-certificate-mini > footer > div { display: grid; justify-items: center; gap: 2px; text-align: center; }
.sd-certificate-signature > i { width: 78px; height: 1px; margin-bottom: 2px; background: #738781; }
.sd-certificate-signature strong { color: var(--ink); font: 700 6px/1.1 var(--body); }
.sd-certificate-signature small { color: #758883; font: 5px/1.1 var(--body); }
.sd-certificate-mini > footer > .sd-certificate-verification { display: grid; grid-template-columns: 34px auto; justify-content: center; align-items: center; gap: 6px; }
.sd-certificate-verification small { color: var(--teal-dark); font-size: 5px; font-weight: 800; text-align: left; }
.sd-certificate-verification small b { color: var(--ink); font-size: 5px; }

@media (max-width: 540px) {
  .artifact.sd-certificate-mini { min-height: 295px; padding-inline: 20px; }
  .sd-certificate-mini > footer { padding-inline: 0; }
  .sd-certificate-corner { width: 90px; height: 82px; }
}