.kit-page main { max-width:var(--page-width); margin:auto; padding-inline:var(--page-gutter); }
.kit-page .breadcrumbs { padding-inline:0; }
.kit-page h1 { font-size:var(--type-page); font-weight:600; line-height:1.09; letter-spacing:-.035em; }
.kit-page h2 { font-size:var(--type-section); font-weight:500; line-height:1.15; letter-spacing:-.025em; text-wrap:balance; }
.kit-page h3 { font-size:var(--type-title); font-weight:500; line-height:1.25; letter-spacing:-.02em; }
.kit-hero { padding:40px 0 48px; }
.kit-hero h1 { margin:24px 0; }
.kit-deck { max-width:670px; color:var(--muted); font-size:21px; line-height:1.7; }
.kit-toc { display:flex; flex-wrap:wrap; gap:4px 24px; padding-block:20px 32px; border-top:1px solid var(--line); }
.kit-toc a { font-size:14px; padding-block:12px; }
.kit-section { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:48px; padding:56px 0; border-top:1px solid var(--line); }
.kit-section h2 { margin-top:24px; }
.kit-section p { color:var(--muted); font-size:17px; line-height:1.8; margin-bottom:24px; }
.kit-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.kit-roles article { padding:24px; border:1px solid var(--line); border-radius:12px; }
.kit-roles h3 { font-size:21px; }
.kit-roles p { font-size:16px; margin:16px 0 0; }
.kit-songs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.kit-songs img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; margin-bottom:20px; }
.kit-songs h3 { font-size:22px; margin-block:12px; }
.kit-songs span { color:var(--muted); font-size:12px; }
.kit-songs p { font-size:15px; line-height:1.7; }
.kit-note { font-size:13px!important; }
.kit-email { display:block; font-size:clamp(19px,2.4vw,28px); overflow-wrap:anywhere; margin-bottom:24px; padding-block:12px; }
.kit-contact { background:#eff2e9; padding:40px; border-radius:16px; margin:24px 0 72px; }
.kit-contact p { margin:24px 0; color:var(--muted); font-size:17px; line-height:1.8; }
.kit-contact a { margin:12px 24px 0 0; }
@media(max-width:900px) { .kit-section { grid-template-columns:1fr; gap:24px; padding-block:40px; } .kit-section h2 { max-width:720px; } }
@media(max-width:600px) { .kit-roles,.kit-songs { grid-template-columns:1fr; } .kit-songs article { display:block; padding-bottom:20px; border-bottom:1px solid var(--line); } .kit-songs a { display:grid; grid-template-columns:100px minmax(0,1fr); gap:0 20px; } .kit-songs img { grid-row:1/3; margin:0; } .kit-songs h3 { font-size:22px; } .kit-songs p { margin:16px 0 0; } .kit-contact { padding:28px 24px; } .kit-deck { font-size:19px; } }
