/* Method catalogue art direction: a searchable research index, not a full-bleed campaign hero. */
#main.smx-ready {
  --sm3-ink:#302b28;
  --sm3-muted:#756b64;
  --sm3-line:#e5ddd3;
  --sm3-paper:#fbf9f5;
  --sm3-surface:#fffdfa;
  --sm3-forest:#854d3b;
  --sm3-mist:#f3ebe3;
  --sm3-gold:#b78550;
  background:var(--sm3-paper);
}
html:not([data-theme="dark"]) body:has(#main[data-soil-methods="catalogue"]) { background:#fbf9f5!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header {
  border-bottom-color:#e5d9cd!important;
  color:#302b28!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:0 7px 22px rgba(75,53,41,.055)!important;
}
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .nav-primary::after,
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .site-scroll-progress i { background:#a75f43!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-contact { background:#87503d!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-contact:hover { background:#a45c43!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-icon:hover { color:#87503d!important;background:#f6ede6!important; }

#main.smx-ready .smx-hero {
  min-height:224px;
  border-bottom:1px solid #e8ded3;
  background:radial-gradient(circle at 12% 5%,#fffefa 0,#f7f2eb 60%,#f1e7da 100%);
}
#main.smx-ready .smx-hero-art {
  z-index:-1;
  inset:0 0 0 auto;
  width:51%;
  height:100%;
  object-position:72% 54%;
  filter:saturate(.72) sepia(.12) contrast(.97);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36%);
  mask-image:linear-gradient(90deg,transparent 0,#000 36%);
}
#main.smx-ready .smx-hero-shade { display:none; }
#main.smx-ready .smx-hero-copy {
  min-height:224px;
  justify-content:center;
  padding-block:26px;
  color:#302b28;
}
.resources-v3 #main.smx-ready .smx-hero h1 {
  color:#302b28;
  font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;
  font-size:clamp(47px,4.7vw,67px);
  font-weight:650;
  line-height:1.13;
  letter-spacing:-.065em;
  text-shadow:none;
}
#main.smx-ready .smx-hero-copy>.smx-hero-lead {
  max-width:33em;
  margin-top:16px;
  color:#685b52;
  font-size:14px;
  line-height:1.7;
}
#main .smx-catalogue { padding-top:18px; }
#main .smx-search {
  min-height:60px;
  border-color:#d9cabe;
  border-radius:12px;
  background:#fffefa;
  box-shadow:0 9px 30px rgba(110,72,48,.075);
  transition:border-color .18s ease,box-shadow .24s ease,transform .24s ease;
}
#main .smx-search:focus-within {
  border-color:#a76046;
  box-shadow:0 0 0 3px rgba(169,95,67,.12),0 13px 32px rgba(110,72,48,.1);
  transform:translateY(-1px);
}
#main .smx-search>button { border-radius:7px!important;color:#fff;background:#8b4b36; }
#main .smx-search>button:hover { background:#a3533a; }
#main .smx-viewbar { margin:11px 0 0; }
#main .smx-view-tabs {
  display:flex;
  width:max-content;
  max-width:100%;
  gap:22px;
  padding:0;
  border:0;
  border-bottom:1px solid #e2d8cc;
  border-radius:0;
  background:transparent;
}
#main .smx-view-tabs button {
  position:relative;
  min-height:46px;
  gap:7px;
  padding:9px 2px 10px;
  border:0;
  border-radius:0!important;
  color:#746961;
  background:transparent;
  box-shadow:none;
  font-size:13px;
  transition:color .2s ease;
}
#main .smx-view-tabs button::after {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  background:#a75f43;
  content:"";
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}
#main .smx-view-tabs button[aria-pressed="true"] { color:#763d2c;background:transparent;box-shadow:none; }
#main .smx-view-tabs button[aria-pressed="true"]::after { transform:scaleX(1); }
#main .smx-view-tabs button small { min-width:0;min-height:0;padding:0;color:#9a8575;background:transparent;font-size:11px; }
#main .smx-viewbar>p { display:none; }
#main .smx-query-meta { margin-top:0; }
#main .smx-presets>span { color:#8a7b70; }
#main .smx-presets button {
  border-color:#dfd2c5;
  border-radius:6px!important;
  color:#795843;
  background:transparent;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
#main .smx-presets button:hover { border-color:#b98267;background:#f7eee7;transform:translateY(-2px); }
#main :is(.smx-filters>summary,.smx-source-filter,.smx-rules>summary) {
  border-color:#dfd2c5;
  border-radius:7px;
  color:#6f574a;
  background:rgba(255,253,249,.82);
}
#main .smx-filters>summary small,#main .smx-source-filter>span { color:#8a7a6d; }
#main .smx-source-menu>summary { color:#6a4c3e; }
#main :is(.smx-filter-body,.smx-source-menu-panel,.smx-rules>div) {
  border-color:#e2d4c6;
  color:#65574d;
  background:#fffdfa;
  box-shadow:0 18px 45px rgba(77,50,35,.14);
}
#main .smx-categories button[aria-pressed="true"],
#main .smx-source-menu-panel button[aria-pressed="true"] { border-color:#e7cbbb;color:#783e2d;background:#f8ede5;box-shadow:inset 3px 0 #aa6348; }
#main .smx-source-menu-panel button { color:#463b34; }
#main .smx-source-menu-panel button:hover { background:#f8efe8; }
#main .smx-source-menu-panel section { border-color:#eadfd3; }
#main .smx-rules strong { color:#6e3e2e; }
#main .smx-workspace { margin-top:10px; }
#main .smx-results-head { min-height:53px;border-color:#ded4c8; }
#main .smx-results-head h2 { color:#38312c;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:25px; }
#main .smx-group { --tone:#9e624b;border-color:#e9dfd4; }
#main .smx-group.tone-1 { --tone:#aa7852; }
#main .smx-group.tone-2 { --tone:#936e78; }
#main .smx-group.tone-3 { --tone:#9e6a50; }
#main .smx-group.is-recommended { --tone:#a87639; }
#main .smx-group:hover { border-color:#dfd1c3;background:#f6f0e9; }
#main .smx-group-index span { color:#928378; }
#main .smx-indicator-copy h3>a { color:#38312c; }
#main .smx-indicator-copy h3>a:hover { color:#9d533a; }
#main .smx-indicator-source { color:#72665c; }
#main .smx-indicator-date { color:#877b70; }
#main .smx-indicator-meta { color:#95887e; }
#main .smx-indicator-actions { border-color:#e5d9cd; }
#main .smx-indicator-actions>a { color:#884a35; }
#main .smx-recommendation { border-color:#e5cba6;color:#855a2d;background:#faf1e2; }

html[data-theme="dark"] #main.smx-ready {
  --sm3-ink:#f1e9e2;
  --sm3-muted:#baa99d;
  --sm3-line:#53453f;
  --sm3-paper:#292320;
  --sm3-surface:#352c28;
  --sm3-forest:#e2a78d;
  --sm3-mist:#473832;
  background:var(--sm3-paper);
}
html[data-theme="dark"] body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header { border-bottom-color:#57473f!important;color:#f0e7dd!important;background:rgba(42,34,31,.96)!important; }
html[data-theme="dark"] body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-contact { color:#2b1e18!important;background:#e1a285!important; }
html[data-theme="dark"] #main.smx-ready .smx-hero { border-color:#51413b;background:radial-gradient(circle at 10% 0,#40342f,#292320 68%); }
html[data-theme="dark"] #main.smx-ready .smx-hero-art { opacity:.45; }
html[data-theme="dark"] #main.smx-ready .smx-hero h1 { color:#f7eee6; }
html[data-theme="dark"] #main.smx-ready .smx-hero-copy>.smx-hero-lead { color:#cdbeb3; }
html[data-theme="dark"] #main :is(.smx-search,.smx-filters>summary,.smx-source-filter,.smx-rules>summary,.smx-filter-body,.smx-source-menu-panel,.smx-rules>div) { border-color:#604e44;color:#e2d5c9;background:#352c28; }
html[data-theme="dark"] #main .smx-search input { color:#f2e8df!important;background:transparent!important; }
html[data-theme="dark"] #main .smx-search input::placeholder { color:#bca99b!important; }
html[data-theme="dark"] #main .smx-search>button { color:#281c17;background:#e1a285; }
html[data-theme="dark"] #main .smx-view-tabs { border-color:#57483f;background:transparent; }
html[data-theme="dark"] #main .smx-view-tabs button { color:#c2afa3;background:transparent; }
html[data-theme="dark"] #main .smx-view-tabs button[aria-pressed="true"] { color:#f0baa0;background:transparent;border-color:transparent; }
html[data-theme="dark"] #main .smx-presets button { border-color:#665348;color:#e0b69f;background:transparent; }
html[data-theme="dark"] #main .smx-results-head { border-color:#584940; }
html[data-theme="dark"] #main .smx-results-head h2,
html[data-theme="dark"] #main .smx-indicator-copy h3>a { color:#f1e8df; }
html[data-theme="dark"] #main .smx-group { border-color:#51433c;background:transparent!important; }
html[data-theme="dark"] #main .smx-group:hover { background:#382d28!important; }
html[data-theme="dark"] #main .smx-indicator-source { color:#c4b5a9; }
html[data-theme="dark"] #main .smx-indicator-actions>a { color:#e8ae92; }

@media (max-width:700px) {
  #main.smx-ready .smx-hero,#main.smx-ready .smx-hero-copy { min-height:174px; }
  #main.smx-ready .smx-hero-art { width:56%;object-position:67% 50%;opacity:.56; }
  #main.smx-ready .smx-hero-copy { justify-content:center;padding:18px 16px; }
  .resources-v3 #main.smx-ready .smx-hero h1 { font-size:42px; }
  #main.smx-ready .smx-hero-copy>.smx-hero-lead { max-width:18em;margin-top:9px;color:#5e524b;font-size:12px; }
  #main .smx-catalogue { padding-top:14px; }
  #main .smx-viewbar { margin:9px 0 0; }
  #main .smx-view-tabs { width:100%;gap:24px; }
  #main .smx-view-tabs button { min-height:44px;padding:7px 1px 9px;font-size:12px; }
  #main .smx-query-meta { margin-top:3px; }
  #main .smx-workspace { margin-top:9px; }
  #main .smx-source-sheet-title { color:#514035; }
}
@media (prefers-reduced-motion:reduce) {
  #main .smx-search,#main .smx-view-tabs button::after,#main .smx-presets button { transition:none!important;transform:none!important; }
}

/* Catalogue colour is subordinate to search and section hierarchy. */
#main.smx-ready { --sm3-ink:#282530; --sm3-muted:#69616a; --sm3-line:#e5e0e3; --sm3-paper:#faf9f7; --sm3-surface:#fff; --sm3-forest:#b63349; --sm3-mist:#fff0f2; --sm3-gold:#99724d; background:#faf9f7; }
html:not([data-theme="dark"]) body:has(#main[data-soil-methods="catalogue"]) { background:#faf9f7!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header { color:#282530!important; border-color:#e5e0e3!important; background:#fff!important; box-shadow:0 7px 22px #3828380a!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header :is(.nav-primary::after,.site-scroll-progress i) { background:#d94c5a!important; }
html body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-contact { color:#fff!important; border-color:#d94c5a!important; background:#d94c5a!important; }
#main.smx-ready .smx-hero { background:#f7f5f4; border-color:#e5e0e3; }
#main.smx-ready .smx-hero-art { filter:none; }
#main.smx-ready .smx-hero-copy,
.resources-v3 #main.smx-ready .smx-hero h1 { color:#282530; }
#main.smx-ready .smx-hero-copy>.smx-hero-lead { color:#625b65; }
#main .smx-search { border-color:#ded6dd; background:#fff; box-shadow:0 9px 30px #3828380c; }
#main .smx-search:focus-within { border-color:#d94c5a; box-shadow:0 0 0 3px #d94c5a20,0 13px 32px #38283819; }
#main .smx-search>button { background:#d94c5a; }
#main .smx-search>button:hover { background:#b63349; }
#main .smx-view-tabs { border-color:#e5e0e3; }
#main .smx-view-tabs button { color:#6d656e; }
#main .smx-view-tabs button::after { background:#d94c5a; }
#main .smx-view-tabs button[aria-pressed="true"] { color:#a92e43; }
#main .smx-view-tabs button small { color:#8a7f89; }
#main .smx-presets>span { color:#807680; }
#main .smx-presets button { color:#ae3046; border-color:#e5d4da; }
#main .smx-presets button:hover { color:#9e2b40; border-color:#d94c5a; background:#fff0f2; }
#main :is(.smx-filters>summary,.smx-source-filter,.smx-rules>summary) { color:#5d5560; border-color:#e5e0e3; background:#fff; }
#main :is(.smx-filter-body,.smx-source-menu-panel,.smx-rules>div) { color:#5d5560; border-color:#e5e0e3; background:#fff; box-shadow:0 18px 45px #3828381a; }
#main .smx-categories button[aria-pressed="true"],
#main .smx-source-menu-panel button[aria-pressed="true"] { color:#a92e43; border-color:#e7bdc6; background:#fff0f2; box-shadow:inset 3px 0 #d94c5a; }
#main .smx-results-head { border-color:#e5e0e3; }
#main .smx-results-head h2,
#main .smx-indicator-copy h3>a { color:#282530; }
#main .smx-group { --tone:#b65469; border-color:#e8e1e6; }
#main .smx-group.tone-1 { --tone:#7d6177; }
#main .smx-group.tone-2 { --tone:#a46b89; }
#main .smx-group.tone-3 { --tone:#8f6576; }
#main .smx-group.is-recommended { --tone:#ae7d41; }
#main .smx-group:hover { border-color:#d9c5ce; background:#f9f5f7; }
#main .smx-indicator-copy h3>a:hover,
#main .smx-indicator-actions>a { color:#ae3046; }
#main .smx-indicator-source { color:#6d656e; }
#main .smx-indicator-date,
#main .smx-indicator-meta { color:#807680; }
#main .smx-indicator-actions { border-color:#e5e0e3; }
html[data-theme="dark"] #main.smx-ready { --sm3-ink:#f8f5f7; --sm3-muted:#c9bec9; --sm3-line:#514953; --sm3-paper:#25232b; --sm3-surface:#34303a; --sm3-forest:#ffacb7; --sm3-mist:#493440; background:#25232b; }
html[data-theme="dark"] body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header { color:#f8f5f7!important; border-color:#514953!important; background:#25232b!important; }
html[data-theme="dark"] body:has(#main[data-soil-methods="catalogue"]) .site-header.site-header.site-header .header-contact { color:#2d202a!important; border-color:#ffacb7!important; background:#ffacb7!important; }
html[data-theme="dark"] #main.smx-ready .smx-hero { background:#302d36; border-color:#514953; }
html[data-theme="dark"] #main.smx-ready .smx-hero h1 { color:#f8f5f7; }
html[data-theme="dark"] #main.smx-ready .smx-hero-copy>.smx-hero-lead { color:#d6cdd4; }
html[data-theme="dark"] #main :is(.smx-search,.smx-filters>summary,.smx-source-filter,.smx-rules>summary,.smx-filter-body,.smx-source-menu-panel,.smx-rules>div) { color:#f8f5f7; border-color:#514953; background:#34303a; }
html[data-theme="dark"] #main .smx-search input { color:#f8f5f7!important; }
html[data-theme="dark"] #main .smx-search input::placeholder { color:#b8aeb8!important; }
html[data-theme="dark"] #main .smx-search>button { color:#fff; background:#e66373; }
html[data-theme="dark"] #main .smx-view-tabs { border-color:#514953; }
html[data-theme="dark"] #main .smx-view-tabs button { color:#d0c4ce; }
html[data-theme="dark"] #main .smx-view-tabs button[aria-pressed="true"] { color:#ffacb7; }
html[data-theme="dark"] #main .smx-presets button { color:#ffc1c9; border-color:#745765; }
html[data-theme="dark"] #main .smx-results-head { border-color:#514953; }
html[data-theme="dark"] #main .smx-results-head h2,
html[data-theme="dark"] #main .smx-indicator-copy h3>a { color:#f8f5f7; }
html[data-theme="dark"] #main .smx-group { border-color:#514953; }
html[data-theme="dark"] #main .smx-group:hover { background:#302d36!important; }
html[data-theme="dark"] #main .smx-indicator-source { color:#c9bec9; }
html[data-theme="dark"] #main .smx-indicator-actions>a { color:#ffacb7; }
@media(max-width:700px) { #main.smx-ready .smx-hero-copy>.smx-hero-lead { color:#625b65; } html[data-theme="dark"] #main.smx-ready .smx-hero-copy>.smx-hero-lead { color:#d6cdd4; } }
