/* Visual recognition first, optional depth second. */
.wp-block-group.ropa-library { padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70); }
.ropa-library-intro h1 { font: 400 var(--wp--preset--font-size--display-xl)/1.12 var(--wp--preset--font-family--lora); margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30); }
.ropa-library-lead { max-width: 56ch; font-size: var(--wp--preset--font-size--large); line-height: 1.6; margin: 0; }
.ropa-library-context { max-width: 85ch; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--ink-soft); line-height: 1.6; margin: var(--wp--preset--spacing--30) 0 0; }
.ropa-library-tools { border-block: var(--wp--custom--hairline); padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20); margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); }
.ropa-library [hidden] { display: none !important; }
/* Keep the grid still while the enhanced controls bind their event handlers. */
.ropa-stones-js .ropa-library .ropa-library-tools[hidden] { display: block !important; visibility: hidden; }
.ropa-library-search { max-width: 32rem; }
.ropa-library-mobile-category { display: none; }
.ropa-library-search label { display: block; font-size: var(--wp--preset--font-size--small); margin-bottom: var(--wp--preset--spacing--10); }
.ropa-library-search input { width: 100%; min-height: var(--wp--custom--control-min); box-sizing: border-box; border: var(--wp--custom--hairline); border-radius: var(--wp--custom--radius-control); padding: var(--wp--preset--spacing--20); background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font: inherit; }
.ropa-library-filters { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--10); margin-top: var(--wp--preset--spacing--30); }
.ropa-library-filters button, .ropa-library-reset { font: inherit; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--ink); cursor: pointer; min-height: var(--wp--custom--control-min); }
.ropa-library-filters button { border: var(--wp--custom--hairline); border-radius: var(--wp--custom--radius-control); padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); background: transparent; }
.ropa-library-filters button[aria-pressed="true"] { color: var(--wp--preset--color--paper); background: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--ink); }
.ropa-library-status { display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--20); min-height: var(--wp--custom--control-min); margin-top: var(--wp--preset--spacing--10); }
.ropa-library-status p { margin: 0; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--ink-soft); }
.ropa-library-reset { border: 0; padding: 0; background: transparent; text-decoration: underline; text-underline-offset: .2em; }
.ropa-library-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); margin-top: var(--wp--preset--spacing--40); align-items: start; }
.ropa-gem { display: flex; flex-direction: column; min-width: 0; padding: var(--wp--preset--spacing--40); background: var(--wp--preset--color--cream); border: 1px solid transparent; border-radius: var(--wp--custom--radius-media); scroll-margin-top: calc(var(--wp--preset--spacing--60) + var(--wp--preset--spacing--50)); }
.ropa-gem:target { border-color: var(--wp--preset--color--gold-deep); }
.ropa-gem-heading { display: flex; gap: var(--wp--preset--spacing--30); align-items: center; }
.ropa-gem-heading img { width: 100px; height: 100px; object-fit: contain; flex: 0 0 auto; mix-blend-mode: multiply; }
.ropa-gem h2 { font: 400 var(--wp--preset--font-size--display-xs)/1.2 var(--wp--preset--font-family--lora); margin: 0; }
.ropa-gem-mineral { margin: var(--wp--preset--spacing--10) 0 0; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--ink-soft); }
.ropa-gem-fact { font-size: var(--wp--preset--font-size--small); line-height: 1.65; margin: var(--wp--preset--spacing--30) 0; }
.ropa-gem-symbol { font: italic var(--wp--preset--font-size--medium)/1.6 var(--wp--preset--font-family--lora); margin: 0 0 var(--wp--preset--spacing--30); }
.ropa-gem-symbol > span { display: block; font: 400 var(--wp--preset--font-size--x-small)/1.6 var(--wp--preset--font-family--source-sans); color: var(--wp--preset--color--gold-deep); }
.ropa-gem-details { border-block: var(--wp--custom--hairline); }
.ropa-gem-details summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--20); min-height: var(--wp--custom--control-min); padding-block: var(--wp--preset--spacing--10); font-size: var(--wp--preset--font-size--small); list-style: none; }
.ropa-gem-details summary::-webkit-details-marker { display: none; }
.ropa-gem-details summary::after { content: '+'; font-size: var(--wp--preset--font-size--large); }
.ropa-gem-details[open] summary::after { content: '−'; }
.ropa-gem-expanded { padding-bottom: var(--wp--preset--spacing--30); }
.ropa-gem-expanded h3 { font: 600 var(--wp--preset--font-size--small)/1.5 var(--wp--preset--font-family--source-sans); margin: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--10); }
.ropa-gem-expanded p { font-size: var(--wp--preset--font-size--small); line-height: 1.65; margin: 0 0 var(--wp--preset--spacing--20); }
.ropa-gem-expanded dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--20); margin-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20); }
.ropa-gem-expanded dt, .ropa-gem-expanded dd { margin: 0; font-size: var(--wp--preset--font-size--x-small); }
.ropa-gem-expanded dt { color: var(--wp--preset--color--ink-soft); }
.ropa-gem-expanded .ropa-gem-footnote, .ropa-gem-expanded .ropa-gem-source { font-size: var(--wp--preset--font-size--x-small); }
.ropa-library a:not(.wp-element-button) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.ropa-library a:hover { text-decoration-thickness: 2px; }
.ropa-library :is(a, button, input, summary):focus-visible { outline: 2px solid var(--wp--preset--color--gold-deep); outline-offset: 4px; }
.ropa-gem-shop { display: block; font-size: var(--wp--preset--font-size--x-small); margin-top: var(--wp--preset--spacing--30); color: var(--wp--preset--color--ink-soft); }
.ropa-gem-shop > span { display: block; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--small); }
.ropa-library-advice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--60); padding-block: var(--wp--preset--spacing--60); margin-top: var(--wp--preset--spacing--50); border-top: var(--wp--custom--hairline); }
.ropa-library-advice h2 { font: 400 var(--wp--preset--font-size--display-xs)/1.25 var(--wp--preset--font-family--lora); margin: 0 0 var(--wp--preset--spacing--20); }
.ropa-library-advice p { font-size: var(--wp--preset--font-size--small); line-height: 1.7; max-width: 55ch; }
.ropa-library-advice a { font-size: var(--wp--preset--font-size--small); }
.ropa-library-help { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--40); background: var(--wp--preset--color--cream-deep); border-radius: var(--wp--custom--radius-media); }
.ropa-library-help p { font: 400 var(--wp--preset--font-size--large)/1.5 var(--wp--preset--font-family--lora); margin: 0; }
.ropa-library-empty { padding-block: var(--wp--preset--spacing--50); text-align: center; }
@media (max-width: 699px) {
 .wp-block-group.ropa-library { padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); }
 .ropa-library-intro > .is-style-ropa-eyebrow { margin: 0; }
 .ropa-library-intro h1 { margin-block: var(--wp--preset--spacing--20); }
 .ropa-library-context { margin-top: var(--wp--preset--spacing--20); }
 .ropa-library-grid, .ropa-library-advice { grid-template-columns: minmax(0, 1fr); }
 .ropa-library-lead { font-size: var(--wp--preset--font-size--medium); }
 .ropa-library-tools { margin-block: var(--wp--preset--spacing--30); padding-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--10); }
 .ropa-library-tools:has(.ropa-library-mobile-category) .ropa-library-filters { display: none; }
 .ropa-library-mobile-category { display: block; margin-top: var(--wp--preset--spacing--20); }
 .ropa-library-mobile-category label { display: block; font-size: var(--wp--preset--font-size--small); margin-bottom: var(--wp--preset--spacing--10); }
 .ropa-library-mobile-category select { width: 100%; min-height: var(--wp--custom--control-min); box-sizing: border-box; border: var(--wp--custom--hairline); border-radius: var(--wp--custom--radius-control); padding: var(--wp--preset--spacing--20); background-color: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font: inherit; font-size: var(--wp--preset--font-size--small); }
 .ropa-library-mobile-category select:focus-visible { outline: 2px solid var(--wp--preset--color--gold-deep); outline-offset: 4px; }
 .ropa-library-search input { font-size: var(--wp--preset--font-size--small); }
 .ropa-library-grid { margin-top: var(--wp--preset--spacing--30); gap: var(--wp--preset--spacing--40); }
 .ropa-gem { padding: var(--wp--preset--spacing--30); }
 .ropa-gem-heading { gap: var(--wp--preset--spacing--20); }
 .ropa-gem-heading img { width: 64px; height: 64px; }
 .ropa-gem h2 { font-size: var(--wp--preset--font-size--large); }
 .ropa-gem-details summary { box-sizing: border-box; min-height: calc(var(--wp--custom--control-min) + var(--wp--preset--spacing--10)); }
 .ropa-gem-shop { min-height: var(--wp--custom--control-min); display: flex; flex-direction: column; justify-content: center; }
 .ropa-library-advice { gap: var(--wp--preset--spacing--40); }
}