/* Atelier & Terrain — additive skin for the existing Ressources templates.
   Load after stock.css, studio.css and module CSS. No assets or runtime imported.
   Optional .atelier-* components use semantic HTML; CSS never invents a status. */
.resources-studio {
  --ink: #1A202C;
  --slate: #4A5568;
  --deep: #2D3748;
  --rose: #D4A0A0;
  --cream: #F5F0E8;
  --paper: #FAF7F2;
  --surface: #fffdfa;
  --line: #d8d0c5;
  --stroke: #d8d0c5;
  --atelier-accent: #825153;
  --atelier-control: #8b8179;
  --atelier-space: clamp(1rem, 2.3vw, 2rem);
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: Jost, system-ui, sans-serif;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.6;
  color-scheme: light;
}
.resources-studio :is(h1, h2, h3) { font-family: var(--serif); color: var(--ink); text-wrap: pretty; overflow-wrap: anywhere; }
.resources-studio :is(p, li, dt, dd, label, summary, td, th) { overflow-wrap: anywhere; }
.resources-studio :is(input, select, textarea, button) { font-family: var(--sans); }
.resources-studio :is(.price, .stock-count, .stock-meta, .data-table, .cockpit-kpis, .atelier-amount) { font-variant-numeric: tabular-nums lining-nums; }
.resources-studio :is(.eyebrow, .atelier-kicker) { font: 600 .75rem/1.5 var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--slate); }
.resources-studio :is(h1, h2) em { color: var(--atelier-accent); font-weight: 500; }
.resources-studio .stock-page { max-width: 1320px; padding-inline: clamp(1rem, 3.2vw, 2.5rem); padding-bottom: 4rem; }
.resources-studio .stock-page > * { min-width: 0; }
.resources-studio :focus-visible { outline: 3px solid var(--atelier-accent); outline-offset: 4px; }
.resources-studio :is(a, button, summary, input, select, textarea) { scroll-margin-block: 6rem; }
.resources-studio .skip:focus { z-index: 60; }
.resources-studio :is(button, .button, .nav-cta) { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.resources-studio :is(button, input, select, textarea):disabled { cursor: not-allowed; }
.resources-studio .button { border-radius: 4px; }
.resources-studio .button.primary { background: var(--ink); color: var(--paper); }
.resources-studio .button:hover { background: var(--deep); color: var(--paper); }
.resources-studio :is(.button, button, summary):focus-visible { outline-color: var(--atelier-accent); }
.resources-studio .site-header { background: var(--paper); padding: 1rem max(3.2vw, 1rem); gap: 1rem; }
.resources-studio .brand-lockup { display: flex; align-items: center; flex: 0 0 auto; }
.resources-studio .site-header .brand-section { display: flex; align-items: center; min-height: 44px; text-decoration: none; }
.resources-studio .brand { color: var(--ink); min-height: 44px; }
.resources-studio .brand-dot { background: var(--rose); flex: 0 0 9px; }
.resources-studio .site-header .nav-cta { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.resources-studio .needs-nav { background: var(--paper); gap: clamp(.5rem, 1vw, 1rem); }
.resources-studio .needs-nav :is(summary, a) { font-size: .875rem; }
.resources-studio .needs-nav details > div { background: var(--surface); border-color: var(--stroke); border-radius: 4px; box-shadow: 0 8px 20px #1a202c12; }
.resources-studio .needs-nav :is(a:hover, a[aria-current]) { color: var(--ink); background: var(--cream); }
.resources-studio .needs-nav details > summary { font-weight: 500; }
.resources-studio .needs-nav details[data-current] > summary { color: var(--atelier-accent); font-weight: 500; }
.resources-studio .mobile-resource-menu { background: var(--paper); border-color: var(--stroke); }

/* The notebook is a compact companion. It never replaces the primary action. */
.resources-studio .resource-intro { grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem); gap: clamp(2rem, 5vw, 5rem); padding: 3rem 0 2rem; align-items: start; }
.resources-studio .resource-intro > * { min-width: 0; }
.resources-studio .resource-intro h1 { font-size: clamp(2.6rem, 4.5vw, 4.1rem); line-height: 1.03; max-width: 48rem; letter-spacing: -.025em; }
.resources-studio .resource-intro p { max-width: 43rem; }
.resources-studio .resource-search { max-width: 43rem; margin-top: 1.5rem; }
.resources-studio .resource-search > div { border-color: var(--atelier-control); border-radius: 4px; }
.resources-studio .resource-search input { font-size: 1rem; background: white; }
.resources-studio .resource-search .button { background: var(--ink); color: var(--paper); flex: 0 0 auto; }
.resources-studio .project-invitation,
.resources-studio .atelier-notebook { background: var(--cream); color: var(--ink); border: 1px solid var(--stroke); border-top: 3px solid var(--rose); border-radius: 0 0 4px 4px; padding: 1.25rem; box-shadow: none; }
.resources-studio .project-invitation h2 { color: var(--ink); font-size: 2rem; }
.resources-studio .project-invitation p { color: var(--slate); font-size: .9375rem; }
.resources-studio .project-invitation .button { background: var(--ink); color: var(--paper); border-color: var(--ink); margin: 1rem 0 .5rem; }
.resources-studio .project-invitation > span { color: var(--slate); font-size: .8125rem; }
.resources-studio .atelier-notebook > summary { color: var(--ink); font-weight: 600; min-height: 44px; padding-block: .5rem; cursor: pointer; }
.resources-studio .atelier-notebook > summary::marker { color: var(--atelier-accent); }
.resources-studio .atelier-notebook-body { border-top: 1px solid var(--stroke); margin-top: .5rem; padding-top: .75rem; }
.resources-studio .atelier-notebook-body :is(p, li) { font-size: .875rem; }
.resources-studio .atelier-notebook-body ul { padding-left: 1.25rem; }
.resources-studio .atelier-notebook-body li { padding-block: .375rem; }
.resources-studio .atelier-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem); gap: 2rem; align-items: start; }
.resources-studio .atelier-layout > * { min-width: 0; }
.resources-studio .activity-paths { border-color: var(--stroke); margin-bottom: 2rem; }
.resources-studio .activity-paths a { grid-template-columns: 2rem minmax(0, 1fr); border-color: var(--stroke); padding: 1.1rem; }
.resources-studio .activity-paths a > span { color: var(--atelier-accent); font-variant-numeric: tabular-nums; }
.resources-studio .activity-paths a:hover { background: var(--cream); }
.resources-studio .section-heading { flex-wrap: wrap; align-items: end; gap: .75rem 2rem; margin-bottom: 1.25rem; }
.resources-studio .section-heading h2 { font-size: clamp(2rem, 3vw, 2.6rem); }
.resources-studio .resource-entry-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.resources-studio .resource-entry-grid > a { min-width: 0; padding: 1.5rem; border-radius: 4px; background: var(--surface); border-color: var(--stroke); border-top: 3px solid var(--rose); }
.resources-studio .resource-entry-grid h3 { font-size: 1.9rem; }
.resources-studio .resource-toolbox { gap: 3rem; margin-block: 3rem; }
.resources-studio .resource-method { font-size: .875rem; color: var(--slate); }
.resources-studio .resource-method > summary { color: var(--ink); font-weight: 600; }

/* Dense catalogue: prices, conditions and actions stay aligned without images. */
.resources-studio .stock-heading { max-width: none; padding-block: 2rem 1.25rem; border-color: var(--stroke); }
.resources-studio .stock-heading h1 { font-size: clamp(2.4rem, 4vw, 3.6rem); max-width: 61rem; line-height: 1.08; }
.resources-studio .stock-heading .intro { max-width: 50rem; color: var(--slate); font-size: 1rem; }
.resources-studio .stock-filter { background: var(--surface); border-color: var(--stroke); padding: 1.25rem; border-radius: 4px; }
.resources-studio .stock-filter :is(input, select) { border-color: var(--atelier-control); font-size: 1rem; background: white; }
.resources-studio .stock-filter label { min-width: 0; font-size: .8125rem; color: var(--deep); }
.resources-studio .stock-filter .filter-explanation { display: block; color: var(--slate); font-size: .8125rem; }
.resources-studio .stock-filter .advanced-filters { border-top: 1px solid var(--stroke); }
.resources-studio .stock-filter summary { font-size: .875rem; }
.resources-studio .stock-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1rem; }
.resources-studio :is(.dossier-card, .spot-card, .professional-card, .network-card, .journey-card) { border-color: var(--stroke); background: var(--surface); border-radius: 4px; min-width: 0; }
.resources-studio .dossier-card { padding: 1.25rem; }
.resources-studio .dossier-heading { min-width: 0; align-items: start; gap: .875rem; }
.resources-studio .dossier-heading > :not(.category-drawing) { min-width: 0; }
.resources-studio .category-drawing { color: var(--atelier-accent); background: var(--cream); border-radius: 3px; }
.resources-studio .dossier-card h2 { font-size: 1.65rem; line-height: 1.18; margin-block: .4rem .5rem; }
.resources-studio .dossier-heading .eyebrow { font-size: .6875rem; color: var(--slate); }
.resources-studio .dossier-provider { color: var(--slate); }
.resources-studio .dossier-card .price { color: var(--ink); font: 600 1.1875rem/1.45 var(--sans); font-variant-numeric: tabular-nums; margin-block: 1.25rem 1rem; }
.resources-studio .dossier-specs > div { grid-template-columns: minmax(5.75rem, .8fr) minmax(0, 1fr); gap: .75rem; border-color: var(--stroke); }
.resources-studio .dossier-specs :is(dt, dd) { line-height: 1.5; }
.resources-studio .dossier-specs dd { color: var(--ink); }
.resources-studio .dossier-card .verification { color: var(--slate); font-size: .8125rem; }
.resources-studio .selection-actions { gap: .5rem; }
.resources-studio .selection-actions button { border-color: var(--atelier-control); color: var(--deep); font-size: .8125rem; }
.resources-studio .selection-actions button[aria-pressed='true'] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.resources-studio .selection-actions button:hover { border-color: var(--ink); background: var(--cream); color: var(--ink); }
.resources-studio .selection-actions button[aria-pressed='true']:hover { background: var(--deep); color: var(--paper); }
.resources-studio .dossier-open { gap: .75rem; border-top: 1px solid var(--stroke); }
.resources-studio .stock-detail { max-width: none; }
.resources-studio .detail-summary { grid-template-columns: 5rem minmax(0, 1fr) minmax(12rem, 17rem); gap: 1.5rem; padding: 1.5rem; border-color: var(--stroke); border-top: 3px solid var(--rose); border-radius: 0 0 4px 4px; }
.resources-studio .detail-summary > * { min-width: 0; }
.resources-studio .detail-summary .category-drawing { width: 5rem; }
.resources-studio .detail-summary .price { font: 600 1.5rem/1.35 var(--sans); font-variant-numeric: tabular-nums; }
.resources-studio .stock-detail > section { background: var(--surface); border-color: var(--stroke); border-radius: 4px; padding: var(--atelier-space); }
.resources-studio .stock-detail dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.resources-studio .stock-detail dl > div { grid-template-columns: minmax(7rem, .85fr) minmax(0, 1fr); }
.resources-studio .stock-detail dl dd { font-size: .9375rem; line-height: 1.6; }
.resources-studio .stock-detail :is(h2, h3) { line-height: 1.15; }
.resources-studio .detail-section-nav { gap: .5rem 1.5rem; }
.resources-studio .source-register li { padding-block: .5rem; }
.resources-studio .source-register .verification { font-size: .8125rem; }
.resources-studio .proof-reference { color: var(--atelier-accent); font-weight: 600; }

/* Shared tables: preserve table semantics and names; scroll only the wrapper. */
.resources-studio :is(.data-table-wrap, .cockpit-table-wrap, .atelier-table-wrap) { max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; border: 1px solid var(--stroke); border-radius: 4px; scrollbar-color: var(--atelier-control) var(--cream); }
.resources-studio :is(.data-table, .comparison-table, .cockpit table, .atelier-table) { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--surface); color: var(--ink); font-size: .875rem; line-height: 1.55; font-variant-numeric: tabular-nums; margin: 0; }
.resources-studio :is(.data-table, .cockpit table, .atelier-table) caption { padding: 1rem; text-align: left; color: var(--ink); background: var(--paper); font-weight: 600; }
.resources-studio :is(.data-table, .cockpit table, .atelier-table) :is(th, td) { padding: .875rem 1rem; vertical-align: top; text-align: left; border: 0; border-bottom: 1px solid var(--stroke); overflow-wrap: anywhere; }
.resources-studio :is(.data-table, .cockpit table, .atelier-table) thead th { background: var(--cream); color: var(--ink); font-weight: 600; }
.resources-studio :is(.data-table, .cockpit table, .atelier-table) tbody tr:nth-child(even) > * { background: #f8f3ec; }
.resources-studio :is(.data-table, .cockpit table, .atelier-table) tbody tr:last-child > * { border-bottom: 0; }
.resources-studio .comparison-table { table-layout: fixed; min-width: 48rem; }
.resources-studio .comparison-table :is(th, td) + :is(th, td) { border-left: 1px solid var(--stroke); }
.resources-studio .comparison-table th:first-child { width: 11rem; }
.resources-studio .comparison-table th[scope='row'] { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--cream); font-weight: 500; box-shadow: 1px 0 0 var(--stroke); }
.resources-studio .comparison-table thead th:first-child { position: sticky; inset-inline-start: 0; z-index: 2; background: var(--cream); }
.resources-studio .comparison-table thead th a { display: inline-block; font: 600 1.375rem/1.2 var(--serif); margin-bottom: .5rem; }
.resources-studio .comparison-table button { font-size: .8125rem; border-color: var(--atelier-control); color: var(--deep); }
.resources-studio .atelier-table-hint { color: var(--slate); font-size: .8125rem; margin: .5rem 0; }
.resources-studio .difference-switch { display: flex; flex-direction: row; align-items: start; gap: .75rem; padding: .75rem 0; min-height: 44px; }
.resources-studio .difference-switch input { flex: 0 0 22px; width: 22px; height: 22px; min-height: 22px; margin-top: .1rem; accent-color: var(--atelier-accent); }

/* Guides, project work and evidence share the same quiet paper surfaces. */
.resources-studio .guide-body { max-width: 56rem; }
.resources-studio .guide-body :is(p, li) { font-size: 1rem; line-height: 1.75; }
.resources-studio .guide-body h2 { font-size: 2rem; line-height: 1.2; margin-top: 2rem; }
.resources-studio .guide-body h3 { font-size: 1.625rem; line-height: 1.25; }
.resources-studio .guide-checklist { background: var(--surface); border-color: var(--stroke); border-top: 3px solid var(--rose); border-radius: 0 0 4px 4px; }
.resources-studio .checklist-item label { min-height: 44px; font-size: .9375rem; line-height: 1.6; }
.resources-studio .checklist-tools button { color: var(--ink); border-color: var(--atelier-control); }
.resources-studio .cockpit { --ink: #1A202C; --muted: #4A5568; --rose: #825153; --paper: #fffdfa; }
.resources-studio .cockpit :is(.cockpit-project, .cockpit-ingredient, .cockpit-result) { border-radius: 4px; border-color: var(--stroke); }
.resources-studio .cockpit .cockpit-result { background: var(--cream); }
.resources-studio .network-page { --network-line: #d8d0c5; --network-accent: #825153; --network-paper: #fffdfa; }
.resources-studio :is(.network-card h3, .professional-card h3) { line-height: 1.2; }
.resources-studio .selection-bar { border: 1px solid var(--deep); background: var(--ink); color: var(--paper); border-radius: 4px; padding: .875rem 1rem; box-shadow: 0 5px 20px #1a202c12; }
.resources-studio .selection-bar > a { background: var(--cream); border-color: var(--cream); color: var(--ink); }
.resources-studio .selection-bar .selection-titles a { color: var(--paper); background: transparent; }
.resources-studio .selection-bar :focus-visible { outline-color: var(--rose); }
.resources-studio .selection-bar .selection-titles button { color: var(--ink); background: var(--cream); min-width: 44px; }
.resources-studio .atelier-toolbar { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; }
.resources-studio .atelier-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; }
.resources-studio .atelier-data-grid > div { display: grid; grid-template-columns: minmax(7rem, .85fr) minmax(0, 1fr); border-bottom: 1px solid var(--stroke); padding-block: .875rem; gap: .75rem; }
.resources-studio .atelier-data-grid dd { margin: 0; }
.resources-studio .atelier-map-panel { background: var(--cream); border: 1px solid var(--stroke); border-radius: 4px; padding: var(--atelier-space); }
.resources-studio .atelier-map-panel svg { display: block; max-width: 100%; height: auto; }
.resources-studio :is(.atelier-note, .atelier-state, .stock-empty, .network-empty) { padding: 1rem 1.25rem; background: var(--cream); color: var(--deep); border: 1px solid var(--stroke); border-left: 3px solid var(--atelier-accent); border-radius: 0 4px 4px 0; }
.resources-studio .atelier-state[data-state='error'] { border-left-color: #923b3b; }
.resources-studio .atelier-state[data-state='stale'] { border-left-color: #7b542f; }
.resources-studio .atelier-state[data-state='loading'] { border-left-style: dashed; }
.resources-studio .atelier-state :is(h2, h3, p) { color: inherit; }
.resources-studio .atelier-state > :first-child { margin-top: 0; }
.resources-studio .atelier-state > :last-child { margin-bottom: 0; }
.resources-studio .site-footer .brand { color: var(--cream); }
.resources-studio [hidden] { display: none !important; }

@media (max-width: 1100px) {
  .resources-studio .desktop-resource-nav { display: none; }
  .resources-studio .mobile-resource-menu { display: block; }
  .resources-studio .resource-intro { gap: 2rem; grid-template-columns: minmax(0, 1fr) minmax(14rem, 17rem); }
  .resources-studio .stock-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resources-studio .atelier-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .resources-studio .resource-intro { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; padding-block: 2rem 1.5rem; }
  .resources-studio .project-invitation { display: block; }
  .resources-studio .project-invitation .button { display: inline-flex; padding-inline: 1rem; }
  .resources-studio .project-invitation > span { text-align: left; }
  .resources-studio .resource-entry-grid { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .resource-entry-grid > a { display: block; }
  .resources-studio .resource-entry-grid span { margin-top: 1rem; }
  .resources-studio .detail-summary { grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; }
  .resources-studio .detail-summary .category-drawing { width: 4rem; }
  .resources-studio .detail-summary > .selection-actions { grid-column: 1 / -1; }
  .resources-studio .detail-summary .selection-actions button { flex: 1 1 12rem; width: auto; }
  .resources-studio .stock-detail dl,
  .resources-studio .atelier-data-grid { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .comparison-table th:first-child { width: 8rem; }
  .resources-studio .resource-toolbox { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
@media (max-width: 700px) {
  .resources-studio .site-header { flex-wrap: wrap; }
  .resources-studio .site-header nav { flex-wrap: wrap; gap: .5rem 1rem; }
  .resources-studio .stock-page { padding-inline: 1rem; }
  .resources-studio .resource-intro h1 { font-size: clamp(2.375rem, 9vw, 3rem); }
  .resources-studio .stock-heading h1 { font-size: clamp(2.125rem, 8vw, 2.75rem); }
  .resources-studio .stock-cards { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .stock-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1rem; }
  .resources-studio .stock-filter .filter-explanation { display: block; }
  .resources-studio .activity-paths { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .activity-paths a { padding-inline: .25rem; border-right: 0; border-bottom: 1px solid var(--stroke); }
  .resources-studio .activity-paths a:last-child { border-bottom: 0; }
  .resources-studio .selection-bar { position: static; margin-inline: 0; gap: .5rem; }
  .resources-studio .selection-bar > a { flex: 1 1 10rem; text-align: center; }
  .resources-studio .detail-section-nav { gap: .25rem 1rem; }
  .resources-studio .stock-detail dl > div,
  .resources-studio .atelier-data-grid > div { grid-template-columns: minmax(6.5rem, .8fr) minmax(0, 1fr); }
  .resources-studio .comparison-table :is(th, td) { padding: .75rem; }
  .resources-studio .guide-checklist { padding: 1rem; }
}
@media (max-width: 390px) {
  .resources-studio .stock-filter { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .stock-filter > label:first-child,
  .resources-studio .stock-filter > button { grid-column: 1 / -1; }
  .resources-studio .stock-filter .filter-options { grid-template-columns: minmax(0, 1fr); }
  .resources-studio .resource-search > div { flex-wrap: wrap; }
  .resources-studio .resource-search input { flex-basis: 100%; }
  .resources-studio .resource-search .button { width: 100%; }
  .resources-studio .dossier-card { padding: 1rem; }
  .resources-studio .dossier-heading { gap: .625rem; }
  .resources-studio .category-drawing { width: 44px; }
  .resources-studio .comparison-table th:first-child { width: 7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .resources-studio *, .resources-studio *::before, .resources-studio *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .resources-studio :is(button, .button, input, select, .atelier-state, .selection-bar) { border: 1px solid ButtonText; }
  .resources-studio :focus-visible { outline-color: Highlight; }
  .resources-studio .comparison-table th { box-shadow: none; }
}
@media print {
  .resources-studio { color: #111; background: white; }
  .resources-studio .stock-page { max-width: none; padding: 0; }
  .resources-studio :is(.mobile-resource-menu, .desktop-resource-nav, .selection-bar, .selection-actions, .atelier-table-hint) { display: none !important; }
  .resources-studio :is(.resource-intro, .atelier-layout, .stock-cards, .resource-entry-grid) { display: block; }
  .resources-studio :is(.stock-heading h1, .resource-intro h1) { font-size: 26pt; }
  .resources-studio :is(.dossier-card, .project-invitation, .atelier-notebook, .guide-checklist) { margin-block: 1rem; box-shadow: none; break-inside: avoid; }
  .resources-studio :is(.data-table-wrap, .atelier-table-wrap) { overflow: visible; border: 0; }
  .resources-studio .comparison-table { min-width: 0; width: 100%; font-size: 9pt; }
  .resources-studio .comparison-table :is(th, td) { min-width: 0; padding: 5px; position: static; }
  .resources-studio .comparison-table th[scope='row'],
  .resources-studio .comparison-table thead th:first-child { position: static; inset-inline-start: auto; box-shadow: none; }
  .resources-studio .comparison-table th:first-child { width: 22%; }
  .resources-studio .comparison-table thead th a { font-size: 12pt; }
  .resources-studio .comparison-table thead { display: table-header-group; }
  .resources-studio .comparison-table tr { break-inside: avoid; }
  .resources-studio .comparison-table button { display: none; }
}

/* Personal reading controls: the published corpus remains the same. */
.resources-studio .decision-controls { background: var(--paper, #F5F0E8); border: 1px solid #D7CFC3; border-radius: 12px; padding: 1.25rem; margin-block: 1.5rem; }
.resources-studio .decision-controls form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; gap: 1rem; }
.resources-studio .decision-controls form[hidden] { display: none; }
.resources-studio .decision-controls label { display: grid; gap: .5rem; }
.resources-studio .decision-controls :is(input, select) { min-width: 0; width: 100%; }
@media (max-width: 900px) { .resources-studio .decision-controls form { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 550px) { .resources-studio .decision-controls form { grid-template-columns: minmax(0, 1fr); } }

.resources-studio :is(.reading-panorama, .reading-rental-details) { border-block-start: 1px solid #D7CFC3; margin-block: 1rem; padding-block: 1rem; }
.resources-studio :is(.reading-panorama, .reading-rental-details) > summary { cursor: pointer; font-weight: 600; }

/* The product name and the same actions remain visible on small screens. */
@media (max-width: 850px) {
 .resources-studio .site-header .brand { line-height: 1; }
 .resources-studio .site-header .brand-section { margin-left: 10px; padding-left: 12px; font-size: 10px; letter-spacing: 1px; }
 .resources-studio .site-header nav > a:nth-child(2) { display: block; }
}
@media (max-width: 700px) {
 .resources-studio .site-header { gap: .25rem 1rem; }
 .resources-studio .site-header nav { flex-basis: 100%; justify-content: flex-end; }
}

/* Keep the administrative populations readable as cards on narrow screens. */
.resources-studio .national-scope-table :is(th,td):nth-child(2){white-space:nowrap;min-width:6rem}
@media (max-width:650px){
 .resources-studio .national-scope-table,.resources-studio .national-scope-table :is(caption,tbody){display:block;min-width:0;width:100%}
 .resources-studio .national-scope-table caption{white-space:normal}
 .resources-studio .national-scope-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .resources-studio .national-scope-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:1px solid var(--stroke)}
 .resources-studio .national-scope-table tbody :is(th,td){border-bottom:0}
 .resources-studio .national-scope-table tbody td:last-child{grid-column:1/-1;padding-top:0}
}

/* One stable row of journey links, independent of the page content and active label. */
.resources-studio .journey-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; width:100%; max-width:1320px; margin:0 auto; padding:1.25rem clamp(1rem,3.2vw,2.5rem) 0; }
.resources-studio .journey-nav a { display:flex; align-items:center; justify-content:center; min-width:0; min-height:3.5rem; padding:.75rem .5rem; border:1px solid transparent; border-bottom:2px solid var(--stroke); border-radius:4px 4px 0 0; color:var(--ink); background:transparent; font:500 .9375rem/1.4 var(--sans); text-align:center; text-decoration:none; overflow-wrap:normal; }
.resources-studio .journey-nav a:hover { background:var(--cream); }
.resources-studio .journey-nav a[aria-current] { background:var(--cream); border-bottom-color:var(--atelier-accent); }
.resources-studio .event-follow-up a { display:inline-flex; align-items:center; min-height:44px; }
@media (max-width:700px) {
 .resources-studio .journey-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem .5rem; padding-top:1rem; }
 .resources-studio .journey-nav a { min-height:3.75rem; font-size:.875rem; }
}
@media print { .resources-studio .journey-nav { display:none; } }

/* Keep professional links in their own category, in the same shell slot. */
.resources-studio .context-nav { grid-template-columns:repeat(var(--context-count),minmax(0,1fr)); }
@media (max-width:1100px) {
 .resources-studio .context-nav { display:flex; overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:.35rem; scroll-padding-inline:1rem; }
 .resources-studio .context-nav a { flex:0 0 auto; min-height:3.5rem; padding-inline:1rem; white-space:nowrap; }
}

/* Progressive controls and practical entry points. */
.resources-studio .stock-filter .price-filters { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.resources-studio .stock-filter .price-filters summary { cursor: pointer; padding-block: .5rem; }
.resources-studio .stock-filter .price-filters .field-note { font-size: .85rem; margin-bottom: .4rem; }
.resources-studio .network-filter-more { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.resources-studio .network-filter-more summary { cursor: pointer; padding-block: .7rem; }
.resources-studio .network-filter-extra { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.resources-studio .network-filters > button { grid-column: 1 / -1; justify-self: start; }
.resources-studio .project-start { border-block: 1px solid var(--line); padding-block: 1rem; margin-bottom: 1.5rem; }
.resources-studio .project-start h2 { font-size: 1.8rem; margin: 0 0 1rem; }
.resources-studio .project-start > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.resources-studio .project-start a { padding: 1rem; border: 1px solid var(--line); background: var(--surface); text-decoration: none; }
.resources-studio .project-start strong, .resources-studio .project-start span { display: block; }
.resources-studio .project-start span { font-size: .9rem; margin-top: .4rem; }
.resources-studio .workspace-nav > details { flex: 1 1 100%; }
.resources-studio .workspace-nav > details > summary { min-height: 44px; cursor: pointer; padding: .6rem; }
.resources-studio .workspace-nav > details > div { display: flex; flex-wrap: wrap; gap: .5rem; }
@media (max-width: 700px) {
 .resources-studio .network-filter-extra { grid-template-columns: 1fr; }
 .resources-studio .project-start > div { grid-template-columns: 1fr; }
}

.resources-studio .event-process { font-size: .9rem; margin-block: .8rem; }
.resources-studio .event-process summary { min-height: 44px; cursor: pointer; }
.resources-studio .event-preview { padding: 1rem; border-left: 3px solid var(--rose); background: var(--cream); margin: 1rem 0; }
.resources-studio .event-preview p { margin: .3rem 0 0; }

.resources-studio .stock-coverage summary { min-height: 44px; cursor: pointer; font-size: .85rem; padding-block: .5rem; }
.resources-studio .stock-coverage .stock-meta { margin-bottom: .5rem; }

.resources-studio .workspace-nav a[aria-current] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
/* Compact spacing on phones; the same links and 44 px targets remain visible. */
@media (max-width:700px){
 .resources-studio .site-header{padding-block:.5rem}
 .resources-studio .journey-nav{padding-top:.5rem}
 .resources-studio .journey-nav a{min-height:44px;padding:.4rem .5rem}
 .resources-studio .resource-intro{padding-top:1.25rem}
 .resources-studio .stock-heading{padding-top:1rem}
}