.mark-page .mark-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mark-page .mark-role{min-width:0;padding:26px;border:1px solid #e7dce4;border-radius:16px;background:#fff}
.mark-page .mark-role small{color:var(--ed-muted);font-size:12px;letter-spacing:.05em}
.mark-page .mark-role h3{margin:20px 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.mark-page .mark-role p{margin:0;color:var(--ed-muted);font-size:15px;line-height:1.55}
.mark-page .mark-feature{min-width:0;border:1px solid #e7dce4;border-radius:16px;background:#fff;overflow:hidden}
.mark-page .mark-feature summary{display:block;position:relative;min-height:166px;padding:26px 48px 26px 26px;cursor:pointer;list-style:none}
.mark-page .mark-feature summary::-webkit-details-marker{display:none}
.mark-page .mark-feature summary:after{content:'+';position:absolute;top:22px;right:24px;color:var(--sp-accent);font-size:25px;line-height:1}
.mark-page .mark-feature[open] summary:after{content:'−'}
.mark-page .mark-feature summary:focus-visible{outline:3px solid var(--sp-accent);outline-offset:-4px;border-radius:16px}
.mark-page .mark-feature small{display:block;color:var(--ed-muted);font-size:12px;letter-spacing:.05em}
.mark-page .mark-feature strong{display:block;margin:20px 0 8px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.mark-page .mark-feature summary span{display:block;color:var(--ed-muted);font-size:15px;line-height:1.5}
.mark-page .mark-feature>p{margin:0;padding:0 26px 24px;color:var(--ed-muted);font-size:15px;line-height:1.6}
.mark-page .mark-note{margin-top:24px;color:var(--ed-muted);font-size:14px;line-height:1.6}
.mark-page .mark-secondary{padding:28px;border:1px solid #e7dce4;border-radius:16px}
.mark-page .mark-secondary h2{margin:0 0 10px;font-size:26px;line-height:1.2}
.mark-page .mark-secondary p{max-width:760px;margin:0;color:var(--ed-muted);font-size:15px;line-height:1.6}
@media(max-width:800px){.mark-page .mark-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.mark-page .mark-role-grid{grid-template-columns:1fr}.mark-page .mark-role{padding:22px}.mark-page .mark-feature summary{min-height:0;padding:22px 48px 22px 22px}.mark-page .mark-feature>p{padding:0 22px 22px}.mark-page .mark-secondary{padding:22px}}
