.agent-skill-page { max-width: 1120px; margin: 0 auto; padding: 32px 28px 64px; color: #24372d; }
.agent-skill-page .back-link { color: #66766d; font-size: 14px; }
.agent-skill-heading { padding: 28px 0; }
.agent-skill-page .eyebrow { color: #148647; font-size: 13px; font-weight: 600; letter-spacing: .06em; }
.agent-skill-page h1 { font-size: clamp(26px,4vw,36px); line-height: 1.35; margin: 10px 0 16px; }
.agent-skill-page .lead { color: #52645a; font-size: 17px; max-width: 800px; line-height: 1.9; }
.agent-skill-page p, .agent-skill-page li { line-height: 1.9; }
.agent-skill-page section { padding: 26px 0; border-top: 1px solid #dfe7e2; }
.agent-skill-page h2 { font-size: 22px; margin: 0 0 18px; }
.agent-skill-page h3 { font-size: 17px; margin: 0 0 8px; }
.agent-skill-page h4, .agent-skill-page h5 { font-size: 16px; margin: 18px 0 10px; }
.agent-skill-page .skill-actions { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 20px 0 14px; }
.skill-actions button, .skill-actions a { border: 1px solid #d6e1d9; border-radius: 6px; background: white; padding: 10px 16px; font-size: 14px; color: #365341; cursor: pointer; }
.skill-actions a.primary-action { background: #158447; color: white; border-color: #158447; }
.agent-skill-page .execution-note, .agent-skill-page .sample-label { color: #6d7d73; font-size: 13px; }
.agent-skill-page .skill-contract { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.agent-skill-page .scope-note { margin-top: 18px; padding-left: 16px; border-left: 3px solid #9abda6; color: #596d60; }
.agent-skill-page .sample-content { padding: 24px; border: 1px solid #dfe7e2; border-radius: 8px; background: #fff; }
.agent-skill-page ul, .agent-skill-page ol { padding-left: 24px; }
.agent-skill-page li { margin: 8px 0; }
.agent-skill-page pre { padding: 20px; border-radius: 8px; background: #f0f5f2; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.8; }
.agent-skill-page code { font-size: 13px; }
.agent-skill-page .table-scroll { overflow-x: auto; margin: 20px 0; }
.agent-skill-page table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 650px; }
.agent-skill-page th, .agent-skill-page td { text-align: left; padding: 12px; border-bottom: 1px solid #e1e9e4; vertical-align: top; line-height: 1.75; }
.agent-skill-page th { background: #f3f7f4; font-weight: 600; }
.agent-skill-page details { margin-top: 20px; }
.agent-skill-page summary { cursor: pointer; font-weight: 600; }
.agent-skill-page .package-files a { overflow-wrap: anywhere; }
@media(max-width:700px) { .agent-skill-page { padding: 24px 18px; } .agent-skill-page .skill-contract { grid-template-columns: 1fr; gap: 18px; } .agent-skill-page .sample-content { padding: 16px; } }
.catalogue-note { color: #728078; margin-top: 14px; font-size: 13px; line-height: 1.8; }
.catalogue-count { margin: 22px 0 16px; color: #5c6d62; font-size: 14px; }
.agent-catalogue-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.agent-catalogue-card { min-width: 0; display: flex; flex-direction: column; }
.agent-card-category { color: #168447; font-size: 12px; margin-bottom: 12px; }
.agent-catalogue-card .skill-card-name { font-size: 18px; margin-bottom: 12px; }
.agent-catalogue-card .skill-card-desc { line-height: 1.85; min-height: 100px; }
.agent-card-input, .agent-card-result { font-size: 13px; line-height: 1.9; margin-top: 14px; color: #5b6f61; }
.agent-card-result { padding-top: 14px; border-top: 1px solid #e3eae6; }
.agent-card-input strong, .agent-card-result strong { color: #2d4435; font-weight: 600; margin-right: 4px; }
.agent-catalogue-card .skill-card-meta { margin-top: auto; padding-top: 24px; gap: 10px; }
@media(max-width:1200px) { .agent-catalogue-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .agent-catalogue-grid { grid-template-columns: 1fr; } .agent-catalogue-card .skill-card-desc { min-height: 0; } }

.main > .agent-skill-page { max-width:none; margin:0; padding:0; }
.agent-skill-page .back-link { display:inline-block; margin-bottom:12px; }
.main .agent-skill-heading { padding-top:8px; }
.agent-skill-card .card-desc { min-height:72px; }
.agent-skill-card .agent-card-result { margin:0; padding:0; border:0; }
body[data-page="skills"] .cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1100px) { body[data-page="skills"] .cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:680px) { body[data-page="skills"] .cards { grid-template-columns:1fr; } }
