.preview-panel,.skill-showcase{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.preview-panel h2,.skill-showcase h2{margin:8px 0 14px}.preview-panel figure{margin:20px 0}.preview-panel img{width:100%;height:auto;border:1px solid var(--line)}.preview-panel figcaption{color:var(--soft);font-size:12px;margin-top:8px}
.preview-pending{padding:35px 24px;margin:22px 0;background:var(--white);border:1px dashed var(--line);text-align:center}.preview-glyph{font-size:42px;color:var(--green);display:block;margin-bottom:12px}.preview-pending p{font-size:13px!important;max-width:34em;margin:12px auto!important}.preview-pending .tag{display:inline-block;margin-top:8px}
.skill-card{border-bottom:1px solid var(--line)}.skill-card summary{display:flex;align-items:center;gap:15px;cursor:pointer;padding:24px 0;list-style:none;color:var(--green);font:23px/1.5 var(--serif)}.skill-card summary::-webkit-details-marker{display:none}.skill-index{font:italic 15px Georgia,serif;color:var(--soft)}.skill-toggle{margin-left:auto;font:22px var(--sans);transition:transform .15s}.skill-card[open] .skill-toggle{transform:rotate(45deg)}.skill-content{padding:0 0 24px 32px}.skill-content h3{font-size:18px;margin:22px 0 12px}.skill-content p,.skill-content li,.skill-content dd{font-size:14px;line-height:1.9}.skill-content ol{padding-left:1.4em}.skill-io{display:grid;grid-template-columns:78px 1fr;gap:10px 18px;padding:18px 0;border-block:1px solid var(--line);margin:18px 0}.skill-io dt{font-size:12px;color:var(--orange)}.skill-io dd{margin:0}.skill-example{margin:0 0 18px;padding:17px 20px;border-left:2px solid var(--green);background:var(--white);font-size:14px;line-height:1.9}.country-list{display:flex;gap:9px 13px;flex-wrap:wrap;margin-top:12px!important}.country-name{padding:3px 10px;border:1px solid var(--line);border-radius:2px}
@media(max-width:700px){.skill-card summary{font-size:21px;padding:20px 0}.skill-content{padding-left:0}.preview-pending{padding:26px 17px}.skill-io{grid-template-columns:64px 1fr;gap:10px}.skill-content p,.skill-content li,.skill-content dd{font-size:13px}.skill-example{font-size:13px;padding:15px}.country-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.skill-toggle{transition:none}}