.collection-study{--collection-ink:#202e2b;--collection-muted:#526158;--collection-green:#18564c;--collection-line:#d4ded2}.collection-system-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 2rem}.collection-system-nav>.button{width:auto;min-height:44px}.collection-system-nav [aria-pressed=true]{color:#fff;background:var(--collection-green);border-color:var(--collection-green)}
.collection-overview{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:2.5rem;align-items:start}.collection-overview>div>p{max-width:68ch}.collection-overview .collection-preview img{height:460px;object-fit:contain}.collection-preview{margin:0;min-width:0}.collection-preview button{display:block;width:100%;padding:0;border:0;border-radius:12px;background:#eef2e9;overflow:hidden;cursor:zoom-in}.collection-preview img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}.collection-preview figcaption{padding:.65rem .1rem;color:var(--collection-green);font-size:.88rem}.collection-preview figcaption small{display:block;color:var(--collection-muted);margin-top:.3rem;overflow-wrap:anywhere}.collection-preview.compact img{height:150px}.collection-preview.compact figcaption{font-size:.8rem}.collection-taxonomy{margin:1.5rem 0}.collection-taxonomy div{margin:1rem 0}.collection-taxonomy dt{font-weight:750}.collection-taxonomy dd{margin:.3rem 0;color:var(--collection-muted);max-width:65ch}.collection-boundary{background:#fbf2df;color:#624921;padding:1rem;border-radius:8px}
.collection-section{margin:3rem 0}.collection-section>h2{margin-bottom:1rem}.collection-section>p{max-width:75ch}.collection-source-links{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.6rem 0;font-size:.85rem}.collection-source-links a{min-height:30px;padding:.3rem 0;text-underline-offset:4px;color:var(--collection-green)}.collection-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1.5rem 0}.collection-flow button{display:flex;align-items:center;gap:.65rem;padding:1rem;text-align:left;min-height:72px;background:#edf2e9;border:1px solid transparent;color:var(--collection-ink);border-radius:8px;cursor:pointer}.collection-flow button[aria-pressed=true]{background:var(--collection-green);color:#fff}.collection-flow button>span{font-variant-numeric:tabular-nums;opacity:.8}.collection-flow button strong{font-size:.95rem}.collection-flow-detail{padding:1.5rem;background:#fff;border-radius:12px}.collection-flow-detail h3{margin:0 0 .5rem}.collection-flow-detail>p{max-width:70ch}.collection-next{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.collection-next>span{flex:1 0 100%;font-size:.9rem;color:var(--collection-muted)}
.collection-rules article{padding:1.2rem 0;border-bottom:1px solid var(--collection-line)}.collection-rules article h3{margin:0 0 .5rem}.collection-rules article p{max-width:72ch}.collection-resource-groups{margin:1.8rem 0}.collection-resource-groups>details{padding:.5rem 0;border-top:1px solid var(--collection-line)}.collection-resource-groups>details>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;cursor:pointer}.collection-resource-groups summary span{font-variant-numeric:tabular-nums;color:var(--collection-muted);white-space:nowrap}.collection-small-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,190px));gap:1rem}.collection-filters{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.collection-filters label{display:grid;gap:.4rem;flex:1 1 170px;font-size:.9rem}.collection-filters input,.collection-filters select{width:100%;min-width:0;min-height:44px;padding:.6rem;border:1px solid var(--collection-line);border-radius:6px;background:#fff;color:var(--collection-ink);font:inherit}.collection-resource-table{min-width:660px}.collection-resource-table th{width:32%}.collection-resource-table td,.collection-resource-table th,.collection-source code{overflow-wrap:anywhere}.collection-resource-table th>small{display:block;font-weight:400;color:var(--collection-muted);margin:.5rem 0}.collection-resource-table .collection-preview{max-width:160px}.collection-resource-table td{vertical-align:top}.collection-resource-table code{font-size:.82rem}.collection-resource-table details summary{min-height:30px;cursor:pointer;color:var(--collection-green)}
.collection-bm-row{padding:1.5rem 0;border-bottom:1px solid var(--collection-line)}.collection-bm-row h3{margin:0 0 .5rem}.collection-bm-row>p{max-width:72ch}.collection-bm-row dl{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.collection-bm-row dt{font-weight:700;font-size:.9rem}.collection-bm-row dd{margin:.4rem 0;color:var(--collection-muted);max-width:60ch}.collection-official>p{background:#fbf2df;padding:1rem;border-radius:8px;color:#624921}.collection-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1.2rem;margin:2rem 0}.collection-pack-grid h3{font-size:1rem}.collection-pack-grid article>details>summary,.collection-source>summary{min-height:44px;cursor:pointer;color:var(--collection-green)}.collection-pack-grid p{font-size:.9rem}.collection-source{padding:.6rem 0;border-top:1px solid var(--collection-line);scroll-margin-top:90px}.collection-source p{font-size:.88rem}.collection-source>summary{overflow-wrap:anywhere}
@media(max-width:960px){.collection-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-overview{gap:1.5rem}}
@media(max-width:760px){.collection-overview{grid-template-columns:1fr}.collection-overview .collection-preview{max-width:330px;margin:auto}.collection-overview .collection-preview img{height:380px}.collection-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-flow button{padding:.8rem;min-height:76px}.collection-bm-row dl{grid-template-columns:1fr;gap:.75rem}.collection-resource-groups>details>summary{align-items:flex-start}.collection-resource-groups summary span{font-size:.85rem}.collection-flow-detail{padding:1rem}.collection-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-system-nav .button{white-space:normal}.collection-source-links a{min-height:44px}.collection-filters{gap:.7rem}}