.skill-center{min-height:calc(100vh - 96px);color:var(--color-text);background:var(--color-background);padding:52px clamp(28px,5vw,68px) 72px;overflow-x:hidden}.skill-center__hero{max-width:var(--content-max-width);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:52px;margin:0 auto 34px;padding-bottom:34px;display:grid}.skill-center__hero>div:first-child{align-self:center;max-width:620px}.skill-center h1,.skill-center h2{margin:0;font-weight:600}.skill-center h1{letter-spacing:.02em;max-width:620px;font-size:clamp(40px,5vw,58px);line-height:1.15}.skill-center__hero>div:first-child>p:last-child{max-width:580px;color:var(--color-muted);margin:18px 0 0;font-size:16px;line-height:1.8}.skill-kicker{color:var(--color-primary);letter-spacing:.12em;margin:0 0 10px;font-size:12px;font-weight:600}.skill-center__spine{background:#f4f8ff;border:1px solid #d7e3f5;border-radius:10px;align-self:start;padding:22px 24px}.skill-center__spine>strong{margin-bottom:15px;font-size:17px;font-weight:600;display:block}.skill-center__spine ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px;margin:0;padding:0;list-style:none;display:grid}.skill-center__spine li{min-width:0;color:var(--color-text);white-space:nowrap;align-items:baseline;gap:7px;font-size:12px;display:flex}.skill-center__spine li span{min-width:18px;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:10px}.skill-center__workspace{max-width:var(--content-max-width);background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.skill-panel{min-width:0;padding:clamp(24px,3vw,38px)}.skill-panel+.skill-panel{border-left:1px solid var(--color-border)}.skill-panel--private{background:#fbfcfe}.skill-panel__heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px;display:flex}.skill-panel__heading h2{font-size:26px}.skill-panel__heading>span{min-width:max-content;color:var(--color-primary);background:#f4f8ff;border-radius:999px;padding:5px 10px;font-size:12px}.skill-card-list,.skill-private-list{gap:10px;display:grid}.skill-card,.skill-private-list button{width:100%;color:inherit;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;gap:7px;padding:17px 18px;transition:border-color .12s,box-shadow .12s;display:grid}.skill-card:hover,.skill-card:focus-visible,.skill-private-list button:hover,.skill-private-list button:focus-visible{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px #1268e81a}.skill-card__domain,.skill-card small,.skill-private-list small{color:var(--color-muted);font-size:12px}.skill-card__domain{color:var(--color-primary)}.skill-card strong{font-size:18px;font-weight:600}.skill-card>span:not(.skill-card__domain){color:var(--color-muted);line-height:1.6}.skill-pagination{color:var(--color-muted);justify-content:center;align-items:center;gap:12px;margin:18px 0 0;font-size:13px;display:flex}.skill-pagination button,.skill-button{min-height:42px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;padding:8px 14px}.skill-pagination button:hover:not(:disabled),.skill-pagination button:focus-visible,.skill-button:hover:not(:disabled),.skill-button:focus-visible{border-color:var(--color-primary);outline:0}.skill-pagination button:disabled,.skill-button:disabled{cursor:not-allowed;opacity:.48}.skill-button--primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.skill-button--quiet{color:var(--color-muted);background:0 0}.skill-detail{background:#f4f8ff;border:1px solid #d7e3f5;border-radius:8px;margin-top:26px;padding:22px}.skill-detail h2{font-size:24px}.skill-detail>p:not(.skill-kicker){color:var(--color-muted);line-height:1.7}.skill-detail dl{gap:28px;display:flex}.skill-detail dl div{gap:3px;display:grid}.skill-detail dt{color:var(--color-muted);font-size:12px}.skill-detail dd{margin:0}.skill-detail a{color:var(--color-primary);text-underline-offset:4px}.skill-private-form{gap:13px;margin-bottom:22px;display:grid}.skill-private-form label:not(.skill-private-form__check){color:var(--color-muted);gap:6px;font-size:13px;display:grid}.skill-private-form input,.skill-private-form textarea,.skill-private-form select{width:100%;min-height:44px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);font:inherit;border-radius:8px;padding:9px 11px}.skill-private-form input:focus-visible,.skill-private-form textarea:focus-visible,.skill-private-form select:focus-visible{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px #1268e81a}.skill-private-form textarea{resize:vertical;min-height:82px}.skill-private-form__check{align-items:center;gap:9px;font-size:13px;display:flex}.skill-private-form__check input{width:16px;min-height:16px;accent-color:var(--color-primary)}.skill-empty,.skill-install-note{color:var(--color-muted);line-height:1.7}.skill-actions{flex-wrap:wrap;gap:9px;display:flex}.skill-grant{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.skill-center__alert,.skill-center__live{max-width:var(--content-max-width);margin:0 auto 12px}.skill-center__alert{color:var(--color-danger);background:var(--color-surface);border:1px solid;border-radius:8px;padding:12px 16px}.skill-center__live:empty{display:none}.skill-dialog-backdrop{z-index:100;background:#0f172a5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.skill-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:min(460px,100%);padding:28px;box-shadow:0 18px 56px #0f172a2e}.skill-dialog p:not(.skill-kicker){color:var(--color-muted);line-height:1.7}.skill-dialog__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=900px){.skill-center__hero{grid-template-columns:1fr;gap:28px}}@media (width<=700px){.skill-center{min-height:auto;padding:32px 16px 48px}.skill-center__workspace{grid-template-columns:1fr}.skill-center h1{font-size:38px}.skill-center__spine{padding:18px}.skill-center__spine ol{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-panel{padding:24px 18px}.skill-panel+.skill-panel{border-top:1px solid var(--color-border);border-left:0}.skill-actions,.skill-dialog__actions,.skill-grant{flex-direction:column;align-items:stretch}.skill-actions .skill-button,.skill-dialog__actions .skill-button{width:100%}}@media (prefers-reduced-motion:reduce){.skill-center *,.skill-dialog *{scroll-behavior:auto;transition:none}}
