/* Hallmark · existing dark/green system · work-led collection + practical editing guide.
 * Audience: small businesses · use: choose and edit a design · tone: direct, editorial. */
.collection-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); align-items:end; gap:4rem; padding:2rem 0 2.75rem; }
.collection-label { font-size:.75rem; color:var(--color-ink-3); margin:0 0 1.25rem; }
.collection-intro h1 { font:400 clamp(2.25rem,4vw,4rem)/1.07 var(--font-body); letter-spacing:-.055em; }
.collection-intro__detail > p:first-child { font-size:1rem; color:var(--color-ink-2); line-height:1.7; margin:0 0 1.25rem; }
.collection-price { font-size:.8125rem; margin:0 0 .25rem; }
.collection-price strong { font-weight:500; }
.collection-price span { color:var(--color-rule-strong); padding:0 .25rem; }
.collection-notes { display:grid; grid-template-columns:1fr 1.4fr; gap:6rem; border-top:1px solid var(--color-rule); padding:3rem 0 4rem; }
.collection-notes h2 { font:400 clamp(1.75rem,3vw,2.5rem)/1.15 var(--font-body); letter-spacing:-.04em; }
.collection-notes p { font-size:.9375rem; line-height:1.8; color:var(--color-ink-2); margin:0 0 1rem; }
.collection-notes p:nth-child(n+2) { font-size:.8125rem; color:var(--color-ink-3); }
.collection-notes a { font-size:.875rem; }
.collection-workbench { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6rem; padding:3.5rem 0; border-top:1px solid var(--color-rule); }
.collection-workbench h2,.collection-questions h2 { font:400 clamp(1.75rem,3vw,2.5rem)/1.15 var(--font-body); letter-spacing:-.04em; overflow-wrap:anywhere; }
.collection-workbench__intro > p:not(.collection-label) { max-width:37ch; color:var(--color-ink-2); line-height:1.75; margin:1.25rem 0 1.75rem; }
.collection-workbench .button { white-space:nowrap; font-size:.875rem; }
.collection-edit-steps { list-style:none; padding:0; margin:0; }
.collection-edit-steps li { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:1.25rem; padding:1.25rem 0; border-top:1px solid var(--color-rule); }
.collection-edit-steps li > span { color:var(--color-accent); font-size:.75rem; padding-top:.3rem; }
.collection-edit-steps h3 { font:600 1rem/1.4 var(--font-body); margin:0 0 .5rem; }
.collection-edit-steps p { margin:0; font-size:.875rem; line-height:1.7; color:var(--color-ink-2); }
.collection-inclusions { margin:1.5rem 0; }
.collection-inclusions > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.8fr); gap:1rem; padding:1rem 0; border-top:1px solid var(--color-rule); }
.collection-inclusions dt { font-size:.875rem; font-weight:600; }
.collection-inclusions dd { margin:0; font-size:.8125rem; line-height:1.6; color:var(--color-ink-2); }
.collection-questions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:6rem; padding:3rem 0; border-top:1px solid var(--color-rule); }
.collection-questions details { border-bottom:1px solid var(--color-rule); padding:1rem 0; }
.collection-questions summary { cursor:pointer; font-size:.9375rem; line-height:1.5; padding-right:.5rem; }
.collection-questions summary:focus-visible { outline:2px solid var(--color-focus); outline-offset:5px; }
.collection-questions details p { color:var(--color-ink-2); line-height:1.8; font-size:.875rem; margin:1rem 0 .5rem; }
@media(max-width:48rem) {
  .collection-intro { grid-template-columns:1fr; gap:1.5rem; padding:2.5rem 0 1rem; }
  .collection-intro h1 { font-size:clamp(2rem,7.8vw,3.5rem); }
  .collection-intro__detail > p:first-child br { display:none; }
  .collection-notes { grid-template-columns:1fr; gap:1.5rem; padding:2rem 0; }
  .collection-workbench,.collection-questions { grid-template-columns:minmax(0,1fr); gap:2rem; padding:2rem 0; }
  .collection-inclusions > div { grid-template-columns:minmax(0,1fr); gap:.5rem; }
}