.v3{--grade-good:#e2efe5;--grade-good-ink:#1f5a35;--grade-good-line:#3a7e49;--grade-ok:#ebf1d5;--grade-ok-ink:#46561a;--grade-ok-line:#93a83a;--grade-weak:#fbf0c8;--grade-weak-ink:#6b5000;--grade-weak-line:#cfa315;--grade-bad:#fbe2dc;--grade-bad-ink:#8f2c18;--grade-bad-line:#cf5a3e}.grade-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 6px;border-radius:999px;font-size:13px;font-weight:600;line-height:20px;white-space:nowrap}.grade-chip .grade-mark{flex:none}.grade-chip--good{background:var(--grade-good);color:var(--grade-good-ink)}.grade-chip--ok{background:var(--grade-ok);color:var(--grade-ok-ink)}.grade-chip--weak{background:var(--grade-weak);color:var(--grade-weak-ink)}.grade-chip--bad{background:var(--grade-bad);color:var(--grade-bad-ink)}.grade-chip--good .grade-mark{color:var(--grade-good-line)}.grade-chip--ok .grade-mark{color:var(--grade-ok-line)}.grade-chip--weak .grade-mark{color:var(--grade-weak-line)}.grade-chip--bad .grade-mark{color:var(--grade-bad-line)}.check-tile{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--brand) 9%,var(--paper));color:var(--brand-dark)}.blog-flow>.check-steps{grid-column:wide}.check-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:16px;margin:28px 0 8px;padding:0;list-style:none}.blog-post__body .check-steps li,.blog-post__body .check-steps ul{margin:0}.blog-post__body .check-steps ul{padding:0}.blog-post__body ol.check-records,.blog-post__body ul.check-verdicts{padding:0;list-style:none}.blog-post__body .check-records li,.blog-post__body .check-verdicts li{padding:0}.blog-post__body .check-verdicts li+li{margin-top:0}.check-steps{grid-template-rows:auto auto;row-gap:0}.blog-post__body .check-steps .check-step,.check-step{display:grid;grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:28px minmax(0,1fr);-moz-column-gap:10px;column-gap:10px;row-gap:18px;align-content:start;padding:20px;border-radius:16px;background:var(--white);box-shadow:0 0 0 1px var(--line)}.check-step>:is(ul,div){grid-column:1/-1}.check-step__number{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--brand);color:var(--white);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.v3 .check-step__text{margin:2px 0 0;font-size:16px;font-weight:500;line-height:1.45;color:var(--heading-ink,var(--ink-primary));text-wrap:pretty}.check-step__files,.check-step__tools{display:flex;flex-direction:column;gap:6px;padding:0;list-style:none}.check-step__files li,.check-step__tools li{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-radius:8px;background:var(--chip,var(--paper));font-size:14px;color:var(--ink-primary)}.check-step__files li{white-space:nowrap}.check-step__files svg{color:var(--ink-secondary)}.check-step__files img,.check-step__tools img{border-radius:4px}.check-step__prompt{align-self:start;display:flex;flex-direction:column;gap:14px;padding:14px 12px 12px 14px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.v3 .check-step__prompt p{margin:0;color:var(--brand-dark);font-size:14.5px;font-weight:600;line-height:1.45;overflow-wrap:break-word}.check-step__prompt-part{white-space:nowrap}.check-step__prompt .skill-file__action{align-self:flex-end}.blog-flow>.check-report{margin:24px 0 8px}.check-report .v3-screen-frame img{display:block;width:100%;height:auto}.check-privacy{display:grid;grid-template-columns:auto minmax(40px,1fr) auto minmax(40px,1fr) auto;align-items:center;gap:12px;margin:20px 0 8px;padding:22px 28px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.check-privacy__node{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-primary);text-align:center}.check-privacy__node--away{color:var(--ink-secondary)}.check-privacy__node--away .check-privacy__mark{opacity:.55;filter:grayscale(1)}.check-privacy__mark{display:flex;align-items:center;justify-content:center;gap:6px;min-width:48px;height:48px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink-secondary)}.check-privacy__mark img{border-radius:4px}.check-privacy__link{position:relative;display:grid;place-items:center;height:22px;margin-bottom:26px}.check-privacy__link:before{content:"";position:absolute;inset:50% 0 auto;border-top:2px solid var(--grade-good-line)}.check-privacy__link--closed:before{border-top:2px dashed color-mix(in srgb,var(--grade-bad-line) 55%,transparent)}.check-privacy__sign{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--grade-good-line);color:var(--white)}.check-privacy__link--closed .check-privacy__sign{background:var(--grade-bad-line)}.check-grades{grid-column:wide;margin:20px 0 8px}.check-grades table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden;font-size:15px;line-height:1.35}.check-grades td,.check-grades th{padding:14px 16px;text-align:left;vertical-align:middle}.check-grades thead th{padding-block:12px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink-secondary);font-size:13px;font-weight:600}.check-grades tbody tr+tr>*{border-top:1px solid var(--line)}.check-grades tbody th{font-weight:600;color:var(--ink-primary);white-space:nowrap}.check-grades tbody th>*{vertical-align:middle}.check-grades tbody th .check-tile{display:inline-grid;margin-right:10px}.check-grades td{color:var(--ink-primary)}.check-grades td[data-empty]:after{content:"—";color:var(--ink-muted)}.check-grades__mark{display:none}.check-verdicts{grid-column:prose;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0;padding:0;list-style:none}.blog-flow>.check-tests{display:grid;gap:18px;margin-top:20px;padding:0;list-style:none}.check-tests li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:0}.check-tests li::marker{content:none}.check-tests li>p{margin:2px 0 0}.blog-flow>.check-records{display:grid;gap:14px;margin:16px 0 4px;padding:0;list-style:none}.check-records li{position:relative;display:flex;gap:14px;align-items:flex-start;margin:0;padding:0}.check-records li:not(:last-child):after{content:"";position:absolute;top:34px;bottom:-14px;left:16px;width:2px;background:color-mix(in srgb,var(--brand) 22%,var(--paper))}.check-records li>p{margin:6px 0 0}.skills-page{position:relative;isolation:isolate}.skills-texture{position:absolute;inset:0 0 auto;z-index:-1;height:560px;pointer-events:none;background-color:color-mix(in srgb,var(--ink-primary) 10%,transparent);background-image:radial-gradient(280px circle at var(--pointer-x,-999px) var(--pointer-y,-999px),color-mix(in srgb,var(--brand) var(--pointer-glow,0%),transparent),transparent 75%);-webkit-mask-image:url(/images/skills/texture-sampled-contours.svg),linear-gradient(180deg,black 50%,transparent);mask-image:url(/images/skills/texture-sampled-contours.svg),linear-gradient(180deg,black 50%,transparent);-webkit-mask-size:1440px 560px,100% 100%;mask-size:1440px 560px,100% 100%;-webkit-mask-position:top center,0 0;mask-position:top center,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:760px){.skills-texture{height:420px;-webkit-mask-size:1080px 420px,100% 100%;mask-size:1080px 420px,100% 100%;-webkit-mask-position:-10px 0,0 0;mask-position:-10px 0,0 0}}.blog-flow>.skills-index,.blog-flow>.skills-install{grid-column:wide}.blog-post__body ul.skills-index{padding:0}.blog-post__body .skills-index>li.skills-card{margin:0;padding:28px}.skills-index{display:grid;grid-template-columns:minmax(0,1fr);gap:60px;margin:8px 0 0;padding:0;list-style:none}.skills-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.skills-card,.skills-card__body{display:flex;flex-direction:column;gap:16px}.skills-card__body{max-width:62ch}.skills-card--report{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;-moz-column-gap:48px;column-gap:48px}.report-attachment{position:relative;display:block;width:240px;margin:-44px 12px 8px auto;color:inherit}.report-attachment__stack{position:relative;display:block;aspect-ratio:760/920}.report-attachment__sheet{position:absolute;inset:0;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:var(--white);box-shadow:0 1px 2px color-mix(in srgb,var(--ink-primary) 10%,transparent),0 10px 24px -8px color-mix(in srgb,var(--ink-primary) 22%,transparent);transition:transform .22s cubic-bezier(.2,0,0,1)}.report-attachment__sheet img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.report-attachment__sheet--back-2{transform:translate(-14px,12px) rotate(-6deg)}.report-attachment__sheet--back-1{transform:translate(16px,8px) rotate(4.5deg)}.report-attachment__sheet--cover{transform:rotate(-1.5deg)}.report-attachment:hover .report-attachment__sheet--back-2{transform:translate(-26px,14px) rotate(-9deg)}.report-attachment:hover .report-attachment__sheet--back-1{transform:translate(28px,8px) rotate(7deg)}.report-attachment:hover .report-attachment__sheet--cover{transform:translateY(-4px) rotate(-1deg)}.report-attachment:focus-visible{outline:2px solid var(--brand);outline-offset:8px;border-radius:6px}.report-attachment__clip{position:absolute;top:-18px;right:34px;width:22px;height:52px;fill:none;stroke:var(--ink-secondary);stroke-width:2.4;stroke-linecap:round;transform:rotate(8deg);filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--ink-primary) 25%,transparent))}@media (prefers-reduced-motion:reduce){.report-attachment__sheet{transition:none}}.skills-card__head{display:flex;align-items:center;gap:12px}.skills-card__head h2{margin:0;text-wrap:balance}.v3 .skills-card__question{margin:0;color:var(--ink-primary);font-size:17px;line-height:1.45;text-wrap:pretty}.skills-card__audience{margin-left:auto;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--paper));color:var(--brand-dark);font-size:13px;font-weight:600;white-space:nowrap}.blog-post__body .skills-card__gains,.skills-card__gains{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:gain}.v3 .skills-card__gains li{display:grid;grid-template-columns:24px minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;margin:0;padding:0;counter-increment:gain}.skills-card__gains li:before{content:counter(gain);grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:var(--white);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.skills-card__gains strong{color:var(--ink-primary);font-size:16px;font-weight:600;line-height:24px}.skills-card__gains span{color:var(--ink-secondary);font-size:15px;line-height:1.45;text-wrap:pretty}.v3 .skills-card__input{margin:0;color:var(--ink-primary);font-size:15px;line-height:1.45}.skills-card__input span{margin-right:4px;color:var(--ink-secondary);font-size:13px;font-weight:600}.skills-card__links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:auto;padding-top:4px}.skills-install{margin-top:48px}.skills-install h2{margin:0 0 8px}.skills-install__repo{margin:14px 0 0}.v3 .skills-install>p{margin:0 0 16px;max-width:65ch;color:var(--ink-secondary)}.skills-install__command{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 12px 12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.v3 .skills-install__command code{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere;background:none;padding:0}@media (max-width:760px){.check-steps{grid-template-columns:1fr;grid-template-rows:none;row-gap:12px}.blog-post__body .check-steps .check-step,.check-step{grid-row:auto;grid-template-rows:auto;padding:18px}.check-step__files,.check-step__tools{flex-flow:row wrap}.check-privacy{grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;gap:6px;padding:18px 14px}.check-privacy__node{max-width:84px;font-size:13px;line-height:1.25}.check-privacy__mark{min-width:40px;height:40px;padding:0 8px;gap:4px}.check-privacy__mark img{width:16px;height:16px}.check-privacy__link{margin-bottom:30px}.check-grades table,.check-grades tbody,.check-grades td,.check-grades th,.check-grades tr{display:block}.check-grades table{border:0;background:none}.check-grades thead{display:none}.check-grades tbody tr{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden}.check-grades tbody tr+tr>*{border-top:0}.check-grades tbody th{padding:14px 16px 8px}.check-grades td{display:flex;align-items:center;gap:12px;padding:6px 16px}.check-grades td:last-child{padding-bottom:14px}.check-grades td[data-empty]:after{content:none}.check-grades td[data-empty] .check-grades__level:after{content:"—";color:var(--ink-muted)}.check-grades__mark{display:inline-flex;flex:none;align-items:center;gap:5px;width:86px;padding:2px 8px 2px 6px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:20px}.skills-index{grid-template-columns:1fr}.blog-post__body .skills-index>li.skills-card{padding:22px}.skills-card--report{grid-template-columns:minmax(0,1fr);row-gap:36px}.report-attachment{width:200px;margin:4px auto 12px}}