.skills-audit-page .page-masthead .wrap{padding-bottom: 1.25rem;} .skills-audit-page .page-content{padding-top: clamp(2rem, 4vw, 3rem);} .sa{max-width: 900px;margin: 0 auto;padding: 0 0 3.75rem;line-height: 1.5;font-size: 1.125rem;color: var(--ink);} .sa h1{color: var(--purple);font-family: "Ubuntu", var(--display);font-size: 1.8rem;margin: 0 0 8px;} .sa h2{color: var(--purple);font-family: "Ubuntu", var(--display);font-size: 1.3rem;margin: 26px 0 8px;} .sa p{margin: 0 0 12px;max-width: 70ch;} .sa .muted{color: var(--text-muted);} .sa .screen{display: none;} .sa .screen.active{display: block;} .sa input[type="text"]{width: 100%;padding: 10px 12px;border: 1px solid rgba(96, 22, 196, 0.18);border-radius: 6px;font: inherit;background: var(--bg);color: var(--ink);} .sa input:focus{outline: 3px solid var(--orange);outline-offset: 1px;border-color: var(--purple);} .sa button{font-family: var(--sub);font-weight: 600;font-size: 0.97rem;padding: 0.7em 1.3em;border-radius: 999px;border: 0;background: var(--grad);color: #fff;cursor: pointer;box-shadow: var(--shadow-card);} .sa button.secondary{background: var(--bg);color: var(--purple);border: 1px solid rgba(96, 22, 196, 0.18);box-shadow: var(--shadow-card);} .sa button.choice{background: var(--bg);color: var(--purple);border: 1px solid rgba(96, 22, 196, 0.18);box-shadow: var(--shadow-card);} .sa button.choice.picked{background: var(--grad);color: #fff;border-color: transparent;} .sa button:disabled{opacity: 0.45;cursor: not-allowed;box-shadow: none;} .sa button:focus-visible{outline: 3px solid var(--orange);outline-offset: 2px;} .sa .row{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;margin-top: 16px;} .sa .areas{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 8px 0 18px;} @media (max-width: 600px){.sa .areas{grid-template-columns: 1fr;}} .sa .areas label{display: flex;gap: 10px;align-items: center;padding: 8px 12px;border: 1px solid rgba(96, 22, 196, 0.14);border-radius: 6px;cursor: pointer;background: var(--bg);} .sa .areas input{accent-color: var(--purple);} .sa .progress{display: flex;justify-content: space-between;color: var(--text-muted);font-size: 0.95rem;margin-bottom: 8px;} .sa .remain{margin: 0 0 8px;font-size: 0.95rem;} .sa .track{height: 6px;background: rgba(96, 22, 196, 0.12);border-radius: 3px;overflow: hidden;margin-bottom: 28px;} .sa .fill{height: 100%;background: var(--grad);transition: width 0.2s;} .sa .card{border: 2px solid var(--purple);border-radius: 12px;padding: 36px 32px;background: var(--bg);transition: opacity 0.32s ease, transform 0.32s ease;} .sa .card.is-leaving{opacity: 0;transform: translateY(10px);pointer-events: none;} .sa .card.is-entering{opacity: 0;transform: translateY(-8px);transition: none;} @media (prefers-reduced-motion: reduce){.sa .card, .sa .fill{transition: none;} .sa .card.is-leaving, .sa .card.is-entering{opacity: 1;transform: none;}} @media (max-width: 600px){.sa .card{padding: 24px 18px;}} .sa .card .area{color: var(--magenta);font-size: 1rem;margin-bottom: 6px;} .sa .card .skill{font-family: "Ubuntu", var(--display);font-size: 2.2rem;line-height: 1.15;color: var(--purple);margin: 0 0 6px;font-weight: 700;} @media (max-width: 600px){.sa .card .skill{font-size: 1.6rem;}} .sa .card .def{color: var(--text-muted);font-size: 1.05rem;font-weight: 400;margin: 0 0 16px;max-width: 70ch;} .sa .card .ask{color: var(--text-muted);font-size: 1.05rem;margin-bottom: 20px;} .sa .yes-panel{display: none;border-top: 1px solid rgba(96, 22, 196, 0.12);margin-top: 24px;padding-top: 20px;} .sa .yes-panel.open{display: block;} .sa .yes-panel label.q{display: block;font-weight: 600;margin: 14px 0 6px;} .sa .yes-panel label.q span{font-weight: 400;color: var(--text-muted);} .sa .chips{display: flex;gap: 6px;flex-wrap: wrap;} .sa .chips input{position: absolute;opacity: 0;width: 0;height: 0;} .sa .chips label{display: inline-block;padding: 6px 12px;border: 1px solid rgba(96, 22, 196, 0.18);border-radius: 18px;margin: 0;cursor: pointer;font-size: 0.95rem;} .sa .chips input:checked + label{background: var(--purple);color: #fff;border-color: var(--purple);} .sa .chips input:focus-visible + label{outline: 3px solid var(--orange);outline-offset: 2px;} .sa .keep{display: flex;gap: 10px;align-items: center;margin-top: 16px;font-weight: 600;cursor: pointer;} .sa .keep input{width: 20px;height: 20px;accent-color: var(--magenta);} .sa .meta{color: var(--text-muted);margin-bottom: 16px;} .sa-sum-head .meta{margin-bottom: 0;} .sa-zone{margin: 1.75rem 0 0;padding: 1.4rem 1.45rem 1.5rem;border-radius: 12px;} .sa-zone > h2:first-child{margin-top: 0;} .sa-zone > :last-child{margin-bottom: 0;} .sa-zone--status{background: color-mix(in srgb, var(--orange) 10%, var(--bg));border-left: 4px solid var(--orange);border-radius: 0 12px 12px 0;} .sa-zone--status > p{margin-bottom: 0;} .sa-zone--status button{margin-top: 14px;} .sa-zone--results{background: var(--bg);border: 1px solid rgba(96, 22, 196, 0.16);box-shadow: var(--shadow-card);padding: 1.7rem 1.6rem 1.9rem;} .sa-zone--review{background: var(--bg-muted);} .sa-zone--review.jump{margin-top: 1.25rem;} .sa-zone--takeaway{background: var(--bg);border: 1px solid rgba(96, 22, 196, 0.16);} .sa-takeaway-actions{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;margin-top: 4px;} @media (min-width: 640px){.sa-takeaway-actions{flex-direction: row;flex-wrap: wrap;align-items: center;}} .sa-takeaway-note{display: block;margin: 16px 0 0;font-size: 0.9rem;max-width: 60ch;} .sa #sa-summary.is-early .sa-zone--help{display: none;} .sa-zone--help{background: color-mix(in srgb, var(--purple) 7%, var(--bg));border-left: 4px solid var(--purple);border-radius: 0 12px 12px 0;} .sa-zone--help a{color: var(--purple);text-decoration: underline;text-underline-offset: 3px;font-weight: 600;} .sa-zone--help a:hover, .sa-zone--help a:focus-visible{color: var(--magenta);} .sa button.sa-text{background: none;color: var(--text-muted);border: 0;box-shadow: none;padding: 0.2em 0;border-radius: 0;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;} .sa button.sa-text:hover, .sa button.sa-text:focus-visible{color: var(--purple);} .sa-restart-wrap{margin: 1.5rem 0 0;} .sa .s-area{font-weight: 600;color: var(--purple);margin-top: 18px;} .sa .s-skill{margin: 6px 0 0;} .sa .s-skill .ex{color: var(--text-muted);display: block;} .sa .tag{display: inline-block;font-size: 0.8rem;padding: 1px 8px;border-radius: 10px;background: rgba(96, 22, 196, 0.06);color: var(--magenta);margin-left: 6px;vertical-align: middle;} .sa .cta{background: rgba(96, 22, 196, 0.06);border-left: 4px solid var(--purple);padding: 14px 18px;margin-top: 28px;} .sa .resume, .sa .notice{background: rgba(96, 22, 196, 0.06);border-left: 4px solid var(--purple);padding: 14px 18px;margin: 0 0 22px;} .sa .resume p, .sa .notice p{margin: 0;} .sa .resume .row, .sa .notice .row{margin-top: 12px;} .sa .confirm{margin: 10px 0 0;} .sa .jump{margin: 18px 0 0;} .sa .jump summary{cursor: pointer;font-weight: 600;color: var(--purple);} .sa .jump details[open] summary{margin-bottom: 8px;} .sa .jump .s-area{margin-top: 12px;} .sa .jump-item{display: flex;justify-content: space-between;gap: 12px;width: 100%;margin: 4px 0 0;padding: 0.55em 0.9em;border-radius: 8px;background: var(--bg);color: var(--ink);border: 1px solid rgba(96, 22, 196, 0.14);box-shadow: none;font-weight: 500;text-align: left;} .sa .jump-item span{color: var(--text-muted);font-weight: 400;} @media print{.skills-audit-page #hdr, .skills-audit-page #site-footer, .skills-audit-page .nav-toggle, .skills-audit-page .breadcrumbs, .skills-audit-page .page-masthead-rule, .skills-audit-page .page-masthead{display: none !important;} .skills-audit-page .page-content{background: #fff;padding: 0;} .skills-audit-page .page-content > .wrap{max-width: none;padding: 0;} .sa .noprint, .sa .row{display: none !important;} .sa .screen{display: none;} .sa #sa-summary{display: block !important;} .sa{font-size: 11.5pt;padding: 0;} .sa .tag{border: 1px solid #000;color: #000;background: transparent;print-color-adjust: exact;-webkit-print-color-adjust: exact;} .sa .notice{background: transparent;border-left: 2px solid #000;} .sa-zone--results{box-shadow: none;border: 0;padding: 0;margin: 0;border-radius: 0;} .sa-sum-head{margin-bottom: 1rem;}}