/* A compact catalogue with a quiet hierarchy and a persistent reading context. */
#main.smx-ready { --smx-paper:#f5f6f2;--smx-ink:#172c26;--smx-muted:#65756d;--smx-line:#dce5df;--smx-blue:#21634d; }
#main.smx-ready .smx-hero { min-height:250px;border-radius:0 0 28px 28px; }
#main.smx-ready .smx-hero-copy { min-height:250px;padding-block:30px; }
.resources-v3 #main.smx-ready .smx-hero h1 { font-size:clamp(40px,4vw,58px);letter-spacing:-.035em;line-height:1.2;margin:8px 0 10px; }
#main.smx-ready .smx-hero-copy .rs-kicker { font-size:11px;letter-spacing:.16em; }
#main.smx-ready .smx-hero-copy>p:not(.rs-kicker) { font-size:14px;line-height:1.65; }
#main .smx-hero-ledger { margin-top:20px;align-items:center; }
#main .smx-hero-ledger>span { min-width:100px;padding:0 24px 0 0;margin-right:24px; }
#main .smx-hero-ledger strong { font-size:26px; }
#main .smx-hero-ledger small { font-size:10px;letter-spacing:.04em; }
#main .smx-hero-ledger>a { min-width:0;width:42px;height:42px;padding:0;font-size:0;box-shadow:0 3px 15px #102b2426; }
#main .smx-hero-ledger>a img { width:19px;height:19px; }
#main .sm-nav { min-height:52px; }
#main .smx-catalogue { padding-top:24px; }
#main .smx-search-heading { display:flex;align-items:center;gap:14px;margin-bottom:10px; }
#main .smx-search-heading>span { font-size:9px;letter-spacing:.17em;color:#8a9a90; }
#main .smx-search-heading>p { margin:0;font-size:13px;color:var(--smx-muted); }
#main .smx-search { min-height:62px;padding:7px 8px 7px 20px;gap:12px;border-radius:16px;border:1px solid #dce5df;box-shadow:0 5px 22px #244b3b08; }
.resources-v3 #main .smx-search input { font:400 16px/1.5 var(--font-sans,system-ui,sans-serif);min-height:44px; }
#main .smx-search>button { min-height:44px;border-radius:10px;font-size:13px;padding:10px 22px;gap:12px; }
#main .smx-search:focus-within { border-color:#7ea991;box-shadow:0 0 0 4px #23664c0c,0 6px 24px #244b3b0a; }
#main .smx-query-meta { gap:12px;min-height:45px; }
#main .smx-presets { flex-wrap:nowrap;gap:6px;margin:8px 0;overflow-x:auto;scrollbar-width:none; }
#main .smx-presets>* { flex:none; }
#main .smx-presets>span { font-size:11px;font-weight:400;margin-right:4px; }
#main .smx-presets button { min-height:30px;padding:6px 12px;border:1px solid #dce5df;border-radius:7px;background:#fff9;font-size:11px;font-weight:400; }
#main .smx-presets button:hover { background:#e5eee8;border-color:#bfd0c5; }
#main .smx-rules summary { min-height:30px;padding:4px; }
#main .smx-viewbar { display:block;margin-top:14px;padding:0;border:0; }
#main .smx-view-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;background:#e9eee9;border:1px solid #e0e7e0;border-radius:13px; }
#main .smx-view-tabs button { display:flex;justify-content:center;min-height:43px;gap:8px;margin:0;padding:8px 10px;border:1px solid transparent;border-radius:9px;font-size:13px;white-space:nowrap; }
#main .smx-view-tabs button[aria-pressed="true"] { background:var(--smx-surface);border-color:#dfe7df;color:#174e3d;box-shadow:0 2px 6px #244b3b08; }
#main .smx-view-tabs button small { font-size:10px;opacity:.7;font-variant-numeric:tabular-nums; }
#main .smx-viewbar>p { margin:9px 2px 0;color:#8b958e;font-size:10px; }
#main .smx-active-filters { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px; }
#main .smx-active-filters:empty { display:none; }
#main .smx-active-filters button { display:flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border:1px solid #c9dcd0;border-radius:7px;background:#eaf2ec;color:#28553f;font-size:11px;line-height:1.5;cursor:pointer; }
#main .smx-active-filters img { width:12px;height:12px; }
#main .smx-workspace { grid-template-columns:216px minmax(0,1fr);gap:24px;margin-top:22px;align-items:start; }
#main .smx-filter-rail { position:sticky;top:96px;margin:0;padding:0;border:1px solid #dce5df;border-radius:14px;background:#ffffffa3;box-shadow:none; }
#main .smx-filters>summary { display:none;list-style:none; }
#main .smx-filters>summary::-webkit-details-marker { display:none; }
#main .smx-filter-body { padding:16px 13px; }
#main .smx-filter-title { margin:0 4px 10px;padding:0 0 12px; }
#main .smx-filter-title>span { gap:8px;font-size:12px; }
#main .smx-filter-title button { font-size:11px; }
#main .smx-categories { gap:3px; }
#main .smx-categories button { min-height:38px;margin:0;padding:8px 10px;border:0;border-radius:7px;font-size:12px; }
#main .smx-categories button[hidden] { display:none; }
#main .smx-categories button[aria-pressed="true"] { background:#e6efe9;color:#19513e;box-shadow:none; }
#main .smx-categories button img { width:14px;height:14px;opacity:.65; }
#main .smx-categories button small { font-size:10px; }
#main .smx-filter-control { margin-top:16px;padding-top:14px; }
#main .smx-filter-control label { font-size:11px; }
#main .smx-filter-control select { min-height:40px;border-radius:8px;font-size:11px;background-color:var(--smx-surface); }
#main .smx-saved-filter { min-height:40px;margin-top:10px;border-radius:8px;font-size:12px; }
#main .smx-audit-note { margin-top:17px;padding-top:14px;opacity:.75;font-size:10px; }
#main .smx-results-head { align-items:center;min-height:51px;margin:0 0 12px;padding:0 2px 12px;border-bottom:1px solid #dde5df; }
#main .smx-results-kicker { font-size:8px;letter-spacing:.15em;color:#899b8f;margin:0 0 3px; }
#main .smx-results-head h2 { font-size:20px;line-height:1.3; }
#main .smx-results-head>div:last-child { display:flex;align-items:center;gap:15px; }
#main .smx-results-head [data-sm-status] { font-size:11px;margin:0;color:#64786a; }
#main .smx-results-head label { font-size:10px;color:#8c9990; }
#main .smx-results-head select { min-height:30px;padding:3px 18px 3px 6px;border-radius:6px; }
#main .smx-groups { display:grid;gap:10px; }
#main .smx-group { margin:0;border:1px solid #dde6df;border-radius:12px;background:var(--smx-surface);box-shadow:0 2px 8px #244b3b03;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;scroll-margin-top:110px; }
#main .smx-group:hover { border-color:#a9c6b4;box-shadow:0 5px 20px #244b3b0b;transform:translateY(-1px); }
#main .smx-group:focus-visible { outline:2px solid #44866a;outline-offset:3px; }
#main .smx-indicator-row { grid-template-columns:30px minmax(0,1fr) auto;gap:14px;padding:20px;align-items:start; }
#main .smx-group-index { padding:4px 0;font:10px/1.6 ui-monospace,monospace;color:#9aaa9e; }
#main .smx-indicator-copy h3 { font-size:16px;line-height:1.6;letter-spacing:0;margin:0 0 8px;font-weight:650; }
#main .smx-indicator-copy h3 a { display:block;text-decoration:none;color:var(--smx-ink); }
#main .smx-method-technique { display:block;margin-top:4px;font-size:12px;line-height:1.7;color:#6c7b70;font-weight:400; }
#main .smx-indicator-source { font-size:10px;line-height:1.5;margin:0;gap:5px; }
#main .smx-indicator-source img { width:12px;height:12px;margin-top:2px;opacity:.6; }
#main .smx-indicator-meta { margin:6px 0 0;font-size:10px;line-height:1.5;color:#929e94; }
#main .smx-indicator-actions { gap:8px;align-items:center;padding-top:1px; }
#main .smx-save { width:32px;height:32px;min-height:32px;border-radius:50%;border:0;background:transparent;opacity:.7; }
#main .smx-save:hover,#main .smx-save[aria-pressed="true"] { opacity:1;background:#eaf2ec; }
#main .smx-indicator-actions>a { min-height:32px;gap:6px;font-size:11px;padding:3px 0;color:#39745a;white-space:nowrap; }
#main .smx-indicator-actions>a img { width:15px;height:15px; }
#main .smx-group.is-returned { border-color:#7baa8d;animation:smx-return-glow 2.6s ease-out both; }
@keyframes smx-return-glow { from { background:#e5f0e7;box-shadow:0 0 0 4px #2e72501a; } to { background:var(--smx-surface);box-shadow:0 2px 8px #244b3b03; } }
#main .smx-pagination { gap:6px;margin-top:22px;padding-top:18px; }
#main .smx-pagination button { min-height:38px;min-width:38px;padding:7px 12px;border-radius:8px;font-size:12px; }
#main .smx-groups.is-updating { animation:smx-refine-results .18s ease-out both; }
@keyframes smx-refine-results { from { opacity:.6;transform:translateY(3px); } to { opacity:1;transform:none; } }
@media(max-width:900px){
  #main .smx-workspace { display:block;margin-top:16px; }
  #main .smx-filter-rail { position:static;margin-bottom:18px; }
  #main .smx-filters>summary { display:flex;align-items:center;gap:9px;min-height:47px;padding:10px 15px;font-size:12px;cursor:pointer; }
  #main .smx-filters>summary img { width:15px;height:15px; }
  #main .smx-filters>summary small { margin-left:auto;color:#899a8d;font-size:10px; }
  #main .smx-filters>summary img:last-child { transition:transform .18s ease; }
  #main .smx-filters[open]>summary img:last-child { transform:rotate(180deg); }
  #main .smx-filter-body { border-top:1px solid #dce5df;padding:14px; }
  #main .smx-filter-title>span { display:none; }
  #main .smx-filter-title { justify-content:flex-end;margin-bottom:6px;padding-bottom:0;border:0; }
  #main .smx-categories { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px; }
  #main .smx-audit-note { display:none; }
}
@media(max-width:600px){
  #main.smx-ready .smx-hero,#main.smx-ready .smx-hero-copy { min-height:213px; }
  #main.smx-ready .smx-hero { border-radius:0 0 22px 22px; }
  #main.smx-ready .smx-hero-copy { padding-block:23px; }
  .resources-v3 #main.smx-ready .smx-hero h1 { font-size:39px;margin:7px 0; }
  #main.smx-ready .smx-hero-copy .rs-kicker { font-size:10px; }
  #main.smx-ready .smx-hero-copy>p:not(.rs-kicker) { max-width:24em;font-size:12px;line-height:1.65; }
  #main .smx-hero-ledger { margin-top:17px;width:100%; }
  #main .smx-hero-ledger>span { min-width:0;flex:1;margin-right:12px;padding-right:12px; }
  #main .smx-hero-ledger strong { font-size:23px; }
  #main .smx-hero-ledger small { font-size:9px;letter-spacing:0; }
  #main .smx-hero-ledger>a { width:34px;height:34px;min-width:34px; }
  #main .sm-nav { min-height:46px;font-size:11px; }
  #main .smx-catalogue { padding-top:18px;padding-inline:18px; }
  #main .smx-search-heading { margin-bottom:8px;gap:10px; }
  #main .smx-search-heading>span { font-size:8px; }
  #main .smx-search-heading>p { font-size:11px; }
  #main .smx-search { min-height:56px;grid-template-columns:17px minmax(0,1fr) auto;padding:5px 6px 5px 13px;gap:8px;border-radius:13px; }
  #main .smx-search label img { width:17px;height:17px; }
  .resources-v3 #main .smx-search input { font-size:16px;min-height:42px; }
  #main .smx-search>button { min-height:42px;padding:8px 14px;font-size:12px;border-radius:9px; }
  #main .smx-search>button img { display:none; }
  #main .smx-query-meta { gap:6px; }
  #main .smx-presets { min-width:0;margin:8px 0; }
  #main .smx-presets>span { display:none; }
  #main .smx-presets button { padding:5px 10px;min-height:30px;font-size:10px; }
  #main .smx-rules summary { font-size:0;gap:0;padding:5px 0; }
  #main .smx-viewbar { margin-top:8px; }
  #main .smx-view-tabs { grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;gap:4px;border-radius:11px; }
  #main .smx-view-tabs button { min-height:39px;font-size:12px;gap:8px;padding:7px 8px; }
  #main .smx-viewbar>p { margin-top:8px;font-size:9px; }
  #main .smx-workspace { margin-top:13px; }
  #main .smx-filter-rail { margin-bottom:19px;border-radius:11px; }
  #main .smx-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #main .smx-results-head h2 { font-size:19px; }
  #main .smx-results-head>div:last-child { align-items:flex-end;flex-direction:column;gap:3px; }
  #main .smx-results-head [data-sm-status] { font-size:10px; }
  #main .smx-results-head label { font-size:9px; }
  #main .smx-results-head select { min-height:24px; }
  #main .smx-indicator-row { grid-template-columns:23px minmax(0,1fr);gap:9px;padding:16px 14px 13px; }
  #main .smx-indicator-copy h3 { font-size:15px;line-height:1.55; }
  #main .smx-method-technique { font-size:11px;line-height:1.65;margin-top:4px; }
  #main .smx-indicator-actions { grid-column:2;justify-content:flex-end;gap:12px;margin-top:-5px;padding-top:0; }
  #main .smx-indicator-actions>a { min-height:34px;font-size:11px; }
  #main .smx-save { height:34px;min-height:34px;width:34px; }
  #main .smx-pagination { gap:4px; }
  #main .smx-pagination button { padding:6px 9px;min-width:32px;font-size:11px; }
}
@media(prefers-reduced-motion:reduce){#main .smx-group,#main .smx-groups,#main .smx-group.is-returned{animation:none;transition:none;transform:none}html:has(main[data-soil-methods]){scroll-behavior:auto}}
html[data-theme="dark"] #main.smx-ready { --smx-paper:#15251e;--smx-surface:#1c2f25;--smx-line:#354c3d;--smx-ink:#e3ece3;--smx-muted:#a2b5a6;background:var(--smx-paper); }
html[data-theme="dark"] #main :is(.smx-filter-rail,.smx-search,.smx-group) { background:var(--smx-surface);border-color:var(--smx-line); }
html[data-theme="dark"] #main :is(.smx-view-tabs,.smx-presets button,.smx-filter-control select) { background:#20382a;border-color:var(--smx-line);color:#bed3c3; }
html[data-theme="dark"] #main :is(.smx-view-tabs button[aria-pressed="true"],.smx-categories button[aria-pressed="true"],.smx-active-filters button) { background:#304d3a;border-color:#496851;color:#d7eadc; }
html[data-theme="dark"] #main .smx-method-technique { color:#a5b9ab; }

/* Override the older shared square-control treatment only inside this catalogue. */
#main.smx-ready .smx-search>button { border-radius:10px !important; }
#main.smx-ready .smx-presets button,#main.smx-ready .smx-categories button { border-radius:7px !important; }
#main.smx-ready .smx-view-tabs button { border-radius:9px !important; }
#main.smx-ready .smx-save { border-radius:50% !important; }
#main.smx-ready .smx-pagination button,#main.smx-ready select { border-radius:7px !important; }
#main .smx-results { padding:0;background:transparent; }
#main .smx-results-head { display:flex; }
#main .smx-results-head>div:last-child { margin:0; }
#main .smx-viewbar>p { font-size:11px; }
@media(max-width:600px){
  #main .smx-search-heading { display:none; }
  #main .smx-results-head { gap:12px; }
  #main .smx-results-head>div:last-child { display:flex; }
  #main .smx-presets button { font-size:11px; }
  #main .smx-results-kicker { display:none; }
  #main .smx-indicator-source,#main .smx-indicator-meta { font-size:11px; }
}
#main .smx-workspace { background:transparent;border:0;box-shadow:none; }
#main .smx-hero-ledger>a { border-radius:50% !important; }
#main .smx-viewbar>p { line-height:1.5; }
@media(min-width:901px){
 #main.smx-ready .smx-hero,#main.smx-ready .smx-hero-copy { min-height:220px; }
 #main.smx-ready .smx-hero-copy { padding-block:23px; }
 #main .smx-search-heading { display:none; }
 #main .smx-workspace { margin-top:17px; }
}
@media(max-width:600px){
 #main .smx-catalogue { width:100%;max-width:none;margin:0;padding-inline:18px; }
 #main .smx-viewbar>p { display:none; }
 #main .smx-results-head { min-height:45px; }
 #main .smx-results-head label { display:none; }
 #main .smx-results-head>div:last-child { justify-content:center;align-items:flex-end; }
 #main .smx-group-index { background:transparent;border:0;box-shadow:none;min-width:0; }
}
