.skill-dialog{width:min(900px,calc(100vw - 32px));height:min(900px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid #ffffff48;border-radius:24px;background:var(--viewer-paper,#fbfaf5);color:var(--viewer-ink,#203631);box-shadow:0 30px 110px #071d1a70;grid-template-rows:auto auto minmax(0,1fr) auto}
.skill-dialog[open]{display:grid;animation:skill-dialog-in .18s ease-out both}.skill-dialog::backdrop{background:#0b211dcc;backdrop-filter:blur(5px)}
.skill-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 28px 16px;border-bottom:1px solid var(--viewer-line,#d8e1d7);background:var(--viewer-paper,#fbfaf5)}.skill-dialog-heading{min-width:0}.skill-dialog-kicker{display:block;margin-bottom:3px;color:var(--viewer-accent,#246b59);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.skill-dialog-heading h2{margin:0;font-size:clamp(21px,3vw,27px);line-height:1.2;letter-spacing:-.045em}.skill-dialog-heading p{margin:5px 0 0;color:var(--viewer-muted,#60746d);font-size:13px}
.skill-icon-button{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--viewer-line,#d8e1d7);border-radius:50%;background:transparent;color:var(--viewer-ink,#203631);cursor:pointer;font:28px/1 inherit}.skill-icon-button:hover,.skill-icon-button:active{border-color:#174c42;background:#174c42;color:#fff}.skill-icon-button:focus-visible,.skill-toolbar button:focus-visible,.skill-toolbar select:focus-visible,.skill-dialog a:focus-visible,.skill-close-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--viewer-paper,#fbfaf5),0 0 0 6px var(--viewer-accent,#246b59)}
.skill-toolbar{display:flex;align-items:center;gap:10px;padding:11px 28px;border-bottom:1px solid var(--viewer-line,#d8e1d7);background:#f1f3eb}.skill-theme-label{color:var(--viewer-muted,#60746d);font-size:12px;font-weight:750}.skill-theme-select,.skill-markers-button{min-height:36px;padding:6px 11px;border:1px solid var(--viewer-line,#d8e1d7);border-radius:10px;background:var(--viewer-paper,#fbfaf5);color:var(--viewer-ink,#203631);font-size:13px;font-weight:700;cursor:pointer}.skill-markers-button{margin-left:auto}.skill-markers-button[aria-pressed=true]{border-color:#174c42;background:#174c42;color:#fff}
.skill-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:26px clamp(18px,5vw,58px);scrollbar-gutter:stable;background:var(--viewer-paper,#fbfaf5)}.skill-document{max-width:740px;margin:0 auto;color:var(--viewer-ink,#203631);font-size:14px;line-height:1.72;overflow-wrap:anywhere}.skill-document[hidden]{display:none}.skill-document h1,.skill-document h2,.skill-document h3,.skill-document h4{color:var(--viewer-ink,#203631);line-height:1.25;letter-spacing:-.035em}.skill-document h1{max-width:none;margin:0 0 22px;font-size:clamp(28px,4vw,40px)}.skill-document h2{margin:34px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--viewer-line,#d8e1d7);font-size:23px}.skill-document h3{margin:25px 0 8px;font-size:18px}.skill-document p{margin:0 0 15px}.skill-document ul,.skill-document ol{margin:7px 0 18px;padding-left:26px}.skill-document li{padding:2px 0}.skill-document code,.skill-document pre{padding:2px 5px;border-radius:5px;background:var(--viewer-code,#eaf0e5);font: .92em ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.skill-document pre{overflow:auto;padding:14px}.skill-document pre code{padding:0;background:transparent}.skill-document a{color:var(--viewer-accent,#246b59);font-weight:700}.skill-marker{display:none}.skill-document.show-markers .skill-marker{display:inline;color:#a34f36;font-size:.8em;font-weight:700}.skill-document.show-markers li::marker{color:transparent}
.skill-dialog-foot{display:flex;align-items:center;gap:14px;padding:13px 20px 13px 28px;border-top:1px solid var(--viewer-line,#d8e1d7);background:var(--viewer-paper,#fbfaf5)}.skill-status{margin-right:auto;color:var(--viewer-muted,#60746d);font-size:12px}.skill-source{position:relative;color:var(--viewer-muted,#60746d);font-size:11px}.skill-source summary{cursor:pointer}.skill-source-url{display:block;max-width:min(65vw,520px);overflow-wrap:anywhere;color:var(--viewer-accent,#246b59);font-size:11px}.skill-raw-link{color:var(--viewer-accent,#246b59);font-size:12px;font-weight:750;text-decoration:none}.skill-close-button{min-height:40px;padding:8px 17px;border:0;border-radius:999px;background:#174c42;color:#fff;font-weight:780;cursor:pointer}.skill-close-button:hover,.skill-close-button:active{background:#103a32;color:#fff}
.skill-dialog[data-theme=midnight]{--viewer-paper:#172923;--viewer-ink:#edf2ec;--viewer-muted:#b7c6bd;--viewer-line:#40554d;--viewer-code:#253a33;--viewer-accent:#a8d77c}.skill-dialog[data-theme=midnight] .skill-dialog-head,.skill-dialog[data-theme=midnight] .skill-toolbar,.skill-dialog[data-theme=midnight] .skill-dialog-foot{background:#1d322b}.skill-dialog[data-theme=midnight] .skill-icon-button:hover,.skill-dialog[data-theme=midnight] .skill-markers-button[aria-pressed=true],.skill-dialog[data-theme=midnight] .skill-close-button{background:#a8d77c;color:#172923}.skill-dialog[data-theme=paper]{--viewer-paper:#f8f0e2;--viewer-ink:#392f28;--viewer-muted:#75675c;--viewer-line:#e3d8c8;--viewer-code:#f0e8dc;--viewer-accent:#765339}
@keyframes skill-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.skill-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:17px}.skill-dialog-head{padding:17px 17px 13px}.skill-toolbar{flex-wrap:wrap;padding:10px 17px}.skill-dialog-body{padding:19px 17px}.skill-dialog-foot{gap:9px;padding:11px 13px}.skill-status{display:none}.skill-source-url{max-width:35vw}.skill-raw-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.skill-dialog[open]{animation:none}}