/* できること・できないこと：このページの色・余白。本文は capabilities.html の各 scope-detail を編集します。 */
.capabilities-page{--scope-green:#1f7a80;--scope-green-bg:#e6f3f3;--scope-orange:#4b5876;--scope-orange-bg:#eef1f7}
.capabilities-page .content-grid{grid-template-columns:minmax(0,1fr)}
.capabilities-page .prose{max-width:none}
.capabilities-page .section-lead{max-width:50em;margin-bottom:32px;font-size:1.05rem;color:var(--ink2)}
.scope-group{padding:clamp(20px,3.2vw,38px);border:2px solid var(--ink);border-radius:20px;margin-bottom:34px;margin-top:0!important}
.scope-included{background:var(--scope-green-bg)}
.scope-outside{background:var(--scope-orange-bg)}
.scope-label{display:inline-block;font-size:.95rem;font-weight:900;color:var(--scope-green);background:#fff;border:2px solid currentColor;border-radius:8px;padding:0 14px}
.scope-outside .scope-label{color:var(--scope-orange)}
.capabilities-page .scope-heading h2{margin:16px 0 8px;padding:0;border:0;font-size:clamp(1.45rem,2.9vw,2rem);line-height:1.5}
.capabilities-page .scope-heading p{margin:0 0 24px}
.scope-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.capabilities-page .scope-detail{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:clamp(20px,2.4vw,28px);min-width:0;margin:0;box-shadow:5px 5px 0 var(--sky);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.capabilities-page .scope-detail:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--peach)}
.scope-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;color:var(--scope-green);background:var(--scope-green-bg);border-radius:14px;margin-bottom:14px;transition:transform .35s var(--ease),background .25s,color .25s}
.scope-detail:hover .scope-icon{transform:rotate(-8deg) scale(1.1);background:var(--scope-green);color:#fff}
.scope-icon svg{width:28px;height:28px}
.scope-outside .scope-icon{color:var(--scope-orange);background:var(--scope-orange-bg)}
.scope-outside .scope-detail:hover .scope-icon{background:var(--scope-orange);color:#fff}
.capabilities-page .scope-detail h3{margin:0 0 10px;font-size:clamp(1.1rem,1.9vw,1.3rem);line-height:1.6;font-weight:900}
.capabilities-page .scope-detail p{margin:0;line-height:1.9;overflow-wrap:anywhere;font-size:.96rem}
.capabilities-page .scope-help{border-left:8px solid var(--orange);background:#fff;padding:clamp(22px,3vw,32px)}
.capabilities-page .scope-help h2{margin:0 0 10px;padding:0;border:0;font-size:1.4rem}
.capabilities-page .scope-help .btn{margin-top:16px}
.capabilities-page .side{position:static}
.capabilities-page .side ul{display:flex;flex-wrap:wrap;gap:0 22px}
@media(max-width:680px){.scope-cards{grid-template-columns:minmax(0,1fr)}.scope-group{border-radius:14px}}