/* Resources share the MAIOS product and Social Kernel grammar. */
/* Identity, function and use remain separate, with spacing owned here. */
body[data-surface="resources"] .resource-hub-layout { padding-block:clamp(1.8rem,3vw,3rem); }
body[data-surface="resources"] .resource-hub-heading .eyebrow { margin-top:0; }
body[data-surface="resources"] .resource-hub-heading .hero-actions { margin-bottom:0; }
body[data-surface="resources"] .products-list { padding-block:clamp(2rem,3vw,3rem); }
.resource-catalogue-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(20rem,1fr); gap:1.5rem 2rem; align-items:end; margin-bottom:1.2rem; }
body[data-surface="resources"] .resource-catalogue-heading h2 { max-width:none; font-size:clamp(1.6rem,2.3vw,2.25rem); line-height:1.2; margin:0; }
.resource-catalogue-heading .resource-search { margin:0; }
.resource-catalogue-heading .resource-search label { font-size:.875rem; margin-bottom:.4rem; }
.resource-search-row { display:flex; align-items:center; gap:1rem; }
.resource-catalogue-heading .resource-search-row input { min-width:0; flex:1; min-height:44px; padding:.6rem .8rem; }
.resource-search-row [data-resource-count] { flex-shrink:0; white-space:nowrap; font-size:.8rem; margin:0; }
.resource-filter-region { margin-bottom:1.5rem; }
.resource-filter-region .resource-filters { margin:0; }
.resource-card-meta { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; margin-bottom:1rem; }
.resource-card-meta .product-tags { margin:0; min-width:0; gap:.4rem; }
.resource-card-meta .product-status { flex-shrink:0; font-size:.75rem; padding-top:.15rem; }
.resource-card-meta .product-tags li { font-size:.75rem; padding:.25rem .45rem; }
.resource-collection-grid .product-card { padding:clamp(1.2rem,2vw,1.6rem); }
.resource-collection-grid .product-card h3 { margin-bottom:.5rem; font-size:clamp(1.35rem,1.8vw,1.7rem); line-height:1.2; }
.resource-collection-grid .product-card > .resource-card-function { font-size:1rem; font-weight:600; line-height:1.45; margin:0; color:var(--ink-soft); }
.resource-collection-grid .resource-card-purpose { margin-top:1.1rem; }
.resource-collection-grid .resource-card-purpose > div + div { margin-top:.85rem; }
.resource-collection-grid .resource-card-purpose dt, .resource-collection-grid .resource-card-examples h4 { font-size:.78rem; margin-bottom:.3rem; }
.resource-collection-grid .resource-card-purpose .product-purpose { font-size:1rem; font-weight:600; line-height:1.55; }
.resource-collection-grid .resource-card-purpose dd { font-size:.94rem; line-height:1.55; }
.resource-collection-grid .resource-card-examples { margin-top:1rem; padding-top:.85rem; }
.resource-collection-grid .resource-card-examples ul { margin:.4rem 0 0; }
.resource-collection-grid .resource-card-examples li { font-size:.9rem; line-height:1.5; }
.resource-collection-grid .resource-card-examples li + li { margin-top:.35rem; }
.resource-collection-grid .product-card .product-action { padding-top:1.1rem; }
.sk-hero h1.resource-identity { font-size:clamp(1.8rem,3.4vw,3.1rem); line-height:1.12; overflow-wrap:break-word; }
.resource-function-title { font-size:clamp(1.05rem,1.7vw,1.3rem); line-height:1.4; font-weight:650; margin:.8rem 0; }
@media(max-width:960px) { .resource-catalogue-heading { grid-template-columns:1fr; gap:1rem; } }
@media(max-width:480px) { .resource-search-row { flex-wrap:wrap; gap:.4rem; } .resource-search-row input { flex-basis:100%; } .resource-card-meta { gap:.5rem; } }
body:is([data-surface="resources"],[data-surface="meta-resource"],[data-surface="meta-activity"]) { --resource-ease: cubic-bezier(.2,.78,.18,1); }
.resource-hub-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.resource-hub-layout .resource-hub-heading { min-width:0; }
.resource-hub-layout .products-intro { max-width:52ch; }
.resource-hub-layout .resource-story { margin:0; }
.resource-collection-grid .product-card { transition: border-color 280ms var(--resource-ease), box-shadow 280ms var(--resource-ease); }
.resource-collection-grid .product-card:hover, .resource-collection-grid .product-card:focus-within { border-color:#547b6a; box-shadow:5px 5px 0 #d8dfc0; transform:none; }
.resource-collection-grid h3 a { color:inherit; text-decoration:none; }
.resource-collection-grid h3 a:hover { text-decoration:underline; text-underline-offset:.18em; }
.resource-search { max-width:none !important; }
.resource-search input { max-width:44rem; }
.resource-filters { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.25rem; }
.resource-filters button { padding:.6rem .85rem; border:1px solid var(--line-strong); background:#fbf8e9; color:var(--ink); font:inherit; font-size:.875rem; cursor:pointer; border-radius:3px; min-height:44px; transition:background 280ms var(--resource-ease), border-color 280ms var(--resource-ease); }
.resource-filters button[aria-pressed="true"] { background:#214e47; border-color:#214e47; color:#fffbed; box-shadow:inset 0 -3px #f3c352; }
.resource-empty { border-left:3px solid #aa7f28; padding:1rem 1.5rem; margin-top:1.5rem; background:#fff8e4; }
.resource-story { --story-paper:#fbf8e9; margin:0 0 2.75rem; padding:clamp(1.25rem,3vw,2.2rem); border:1px solid var(--line-strong); background:var(--story-paper); box-shadow:5px 5px 0 #d9e2c9; }
body[data-surface="meta-activity"] main > .resource-story { max-width:var(--site-width,1180px); margin:2rem auto; width:calc(100% - 3rem); box-sizing:border-box; }
.resource-story-toolbar { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); padding-bottom:.8rem; margin-bottom:1.5rem; }
.resource-story-toolbar > p { font-size:.8rem; font-weight:700; letter-spacing:.065em; text-transform:uppercase; }
.resource-story-toolbar button { min-height:44px; padding:.3rem .4rem; background:transparent; border:0; color:var(--ink); font:inherit; font-size:.875rem; text-decoration:underline; text-underline-offset:.2em; cursor:pointer; flex-shrink:0; }
.resource-story-nodes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.6rem; }
.resource-story-node { position:relative; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:.5rem; min-height:5.5rem; padding:1.1rem; background:#e3eee7; border:1px solid #8ca79a; }
.resource-story-node:nth-child(2) { background:#fff0c8; border-color:#bba468; }
.resource-story-node:nth-child(3) { background:#dcebed; border-color:#8ba9ad; }
.resource-story-node > span { font-size:.75rem; color:#46645e; }
.resource-story-node strong { font-size:clamp(.95rem,1.4vw,1.12rem); font-weight:650; line-height:1.35; }
.resource-story-node:not(:last-child)::after { content:'→'; position:absolute; left:100%; width:1.6rem; text-align:center; font-size:1.3rem; color:#527568; }
.resource-story[data-relation="related"] .resource-story-node:not(:last-child)::after { content:'+'; }
.resource-story[data-relation="related"] .resource-story-node > span { display:none; }
.resource-story-return { margin:.9rem 1rem 0; border:1px solid #8ca79a; border-top:0; padding:.6rem .8rem; border-radius:0 0 14px 14px; text-align:center; font-size:.85rem; color:#385d53; }
.resource-story-caption { font-size:.9375rem; line-height:1.65; margin:1.25rem 0 0; max-width:90ch; color:var(--ink-soft); }
.resource-reading { margin-inline:auto; }
.resource-anchor-nav { position:sticky; top:var(--maios-header-height,4.5rem); z-index:15; background:#e4f1ea; }
.resource-anchor-nav a { border-bottom:2px solid transparent; padding-block:.25rem; }
.resource-anchor-nav a[aria-current="location"] { border-color:#9d7424; color:#163d35; }
body:is([data-surface="meta-resource"],[data-surface="meta-activity"]) section[id] { scroll-margin-top:10rem; }
.resource-builder [role="status"] { min-height:1.6em; }
@media(max-width:960px) { .resource-hub-layout { grid-template-columns:1fr; } .resource-hub-layout .resource-story { max-width:52rem; width:100%; box-sizing:border-box; } }
@media(max-width:600px) { .resource-story-nodes { grid-template-columns:1fr; gap:1.5rem; } .resource-story-node { min-height:0; flex-direction:row; justify-content:flex-start; align-items:center; gap:.85rem; padding:.9rem 1rem; } .resource-story-node:not(:last-child)::after { content:'↓'; top:100%; left:calc(50% - .8rem); height:1.5rem; } .resource-story[data-relation="related"] .resource-story-node:not(:last-child)::after { content:'+'; } .resource-story-toolbar { gap:.3rem; } .resource-story-toolbar > p { letter-spacing:.025em; } .resource-anchor-nav { position:static; } .resource-filters button { flex-grow:1; } }
@media(prefers-reduced-motion:reduce) { body:is([data-surface="resources"],[data-surface="meta-resource"],[data-surface="meta-activity"]) *, .resource-story * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } [data-story-replay] { display:none !important; } }
@media print { .resource-filters,.resource-search,[data-story-replay],.resource-anchor-nav { display:none !important; } .resource-collection-grid { display:block !important; } .resource-collection-grid [data-resource-card] { display:block !important; break-inside:avoid; } .resource-story { box-shadow:none; break-inside:avoid; } }
body[data-surface="meta-resource"] [hidden] { display: none !important; }
body[data-surface="meta-resource"] :focus-visible { outline: 3px solid #8b4bb1; outline-offset: 4px; }
.resource-hub-heading { max-width: 76rem; }
.resource-collection-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; }
.resource-collection-grid .product-card { min-height: 0; margin: 0; display: flex; flex-direction: column; }
.resource-collection-grid .product-action { margin-top: auto; padding-top: 1.5rem; }
.resource-collection-grid h3 { font-size: clamp(1.4rem, 2.1vw, 1.85rem); line-height: 1.2; }
.resource-collection-grid .product-tags { flex-wrap: wrap; }
.resource-search { margin: 1.5rem 0 2rem; max-width: 40rem; }
.resource-search label { display: block; font-weight: 650; margin-bottom: .6rem; }
.resource-search input { width: 100%; box-sizing: border-box; font: inherit; padding: .9rem; background: #fffdf5; border: 1px solid var(--line-strong); color: var(--ink); }
.resource-search p { font-size: .875rem; margin-bottom: 0; }
.resource-examples-panel { padding: clamp(1.5rem, 4vw, 2.5rem); background: #fbf8e9; border: 1px solid var(--line-strong); align-self: center; }
.resource-examples-panel ul { padding-left: 1.2rem; }
.resource-examples-panel li { line-height: 1.65; padding-block: .8rem; }
.resource-examples-panel li + li { border-top: 1px solid var(--line); }
.resource-reading { max-width: 74ch; }
.resource-reading p, body[data-surface="meta-resource"] .resource-two-columns p { line-height: 1.75; }
.resource-method article { border-top: 1px solid var(--line); padding-top: 1.2rem; margin-top: 1.5rem; }
body[data-surface="meta-resource"] h1 { font-size: clamp(2.1rem, 4.2vw, 3.6rem); line-height: 1.06; max-width: 20ch; }
body[data-surface="meta-resource"] .sk-lead { font-size: clamp(1.2rem, 2vw, 1.6rem); }
body[data-surface="meta-resource"] .resource-mode-grid { margin-top: 1.5rem; }
body[data-surface="meta-resource"] .sk-start, body[data-surface="meta-resource"] .sk-related { padding-block: clamp(3rem, 5.5vw, 5.5rem); }
body[data-surface="resources"] [hidden],
body[data-surface="meta-activity"] [hidden] { display: none !important; }
body[data-surface="resources"] h1 { max-width: 17ch; }
.resource-hub-lead { font-size: clamp(1.5rem, 2.25vw, 2rem); font-weight: 650; line-height: 1.3; max-width: 23ch; margin-block: 0 1rem; }
.resource-visual { width: 100%; }
.resource-visual .products-phase p { font-size: .9375rem; }
.resource-catalogue-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.resource-cards { display: grid; gap: 1.5rem; }
.resource-cards .product-card { margin: 0; min-height: 0; }
.resource-card-purpose { margin: 1.4rem 0 0; }
.resource-card-purpose > div + div { margin-top: 1.25rem; }
.resource-card-purpose dt, .resource-card-examples h4 { font-size: .875rem; font-weight: 700; margin: 0 0 .4rem; }
.resource-card-purpose dd { margin: 0; color: var(--ink-soft); line-height: 1.65; }
.resource-card-purpose .product-purpose { color: var(--ink); font-size: 1.125rem; line-height: 1.5; }
.resource-card-examples { border-top: 1px solid var(--line); margin-top: 1.5rem; padding-top: 1.25rem; }
.resource-card-examples ul { margin: .65rem 0 0; padding-left: 1.2rem; }
.resource-card-examples li { padding-left: .2rem; color: var(--ink-soft); line-height: 1.6; }
.resource-card-examples li + li { margin-top: .6rem; }
.resource-inside { padding-top: 1.5rem; }
.resource-inside h2 { font-size: clamp(1.6rem, 2.3vw, 2rem); }
.resource-inside > p { font-size: .9375rem; max-width: 48ch; }
.resource-records { margin: 0 0 1.2rem; }
.resource-records > div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1rem; padding-block: 1.1rem; border-bottom: 1px solid var(--line); }
.resource-records dt { font-weight: 650; }
.resource-records dd { margin: 0; color: var(--ink-soft); line-height: 1.65; }
.resource-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 5rem); }
.resource-two-columns h2 { max-width: 20ch; }
.resource-hub-use { background: #eaf1e2; }
.resource-lead { max-width: 27ch; }
.resource-anchor-nav { border-block: 1px solid var(--line); }
.resource-anchor-nav .site-shell { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; padding-block: 1rem; }
.resource-anchor-nav a { font-size: .875rem; font-weight: 600; text-decoration: none; }
.resource-anchor-nav a:hover { text-decoration: underline; }
.resource-cases, .resource-learning, .resource-contexts, .resource-use, body[data-surface="meta-activity"] .sk-start, body[data-surface="meta-activity"] .sk-related { padding-block: clamp(3rem, 5.5vw, 5.5rem); }
.resource-case-visual { align-self: center; }
.resource-input { display: flex; align-items: center; gap: .75rem; font-weight: 600; }
.resource-connector { padding-block: .7rem; padding-left: .1rem; color: var(--green-dark); font-size: 1.5rem; }
.resource-result { background: #fff0c8; padding: 1.25rem; border: 1px solid var(--line-strong); font-weight: 650; line-height: 1.5; }
.resource-learning { background: #edf3e5; }
.resource-note { font-size: .9375rem; line-height: 1.6; color: var(--ink-soft); }
.resource-contexts { background: #fff8e4; }
.resource-worked, .resource-knowledge { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.resource-worked { background: #fff8e4; }
.resource-knowledge { background: #e5f1ed; }
.resource-document { font-size: 1rem; line-height: 1.75; overflow-wrap: anywhere; }
.resource-document h3 { font-size: clamp(1.25rem, 2.1vw, 1.65rem); line-height: 1.3; margin-block: 2rem .8rem; }
.resource-document h4 { font-size: 1.125rem; line-height: 1.4; margin-block: 1.7rem .65rem; }
.resource-document p, .resource-document li { max-width: 76ch; }
.resource-document code { font-size: .9em; background: #ffffff90; padding: .1em .25em; border-radius: .15rem; }
.resource-document pre { max-width: 100%; overflow-x: auto; padding: 1.2rem; background: #fffdf5; border: 1px solid var(--line); }
.resource-document pre code { padding: 0; background: transparent; }
.resource-document blockquote { margin-inline: 0; border-left: 3px solid var(--green-dark); padding-left: 1rem; }
.resource-complete-method { margin-top: 2rem; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); padding-block: 1rem; }
.resource-complete-method summary { cursor: pointer; font-size: 1.125rem; font-weight: 650; padding-block: .4rem; }
.resource-complete-method summary:focus-visible { outline: 3px solid #8b4bb1; outline-offset: 4px; }
.resource-context-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem 2rem; margin: 1.75rem 0; }
.resource-context-grid > div { border-top: 2px solid var(--green-dark); padding-top: 1rem; }
.resource-context-grid h3 { font-size: 1.2rem; margin: 0 0 .6rem; }
.resource-context-grid p { font-size: .9375rem; line-height: 1.65; margin: 0; }
.resource-mode-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line-strong); }
.resource-mode { padding: 1.6rem; background: #e4eee5; }
.resource-mode:nth-child(even) { background: #f8f7ea; border-left: 1px solid var(--line); }
.resource-mode:nth-child(n+3) { border-top: 1px solid var(--line); }
.resource-mode h3 { font-size: 1.2rem; margin: .6rem 0; }
.resource-mode p { font-size: .9375rem; line-height: 1.65; margin: 0; }
.resource-use-note { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .8rem 2rem; margin-top: 1.5rem; }
.resource-use-note p { max-width: 75ch; font-size: .9375rem; line-height: 1.65; margin: 0; }
.resource-downloads { display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; margin: 1.5rem 0 2rem; }
.resource-downloads .resource-note { width: 100%; margin: 0; }
.resource-builder { display: grid; grid-template-columns: 1fr 1.05fr; gap: 2rem; padding: clamp(1.2rem, 3vw, 2rem); background: #fff9e9; border: 1px solid var(--line-strong); }
.resource-builder-form, .resource-builder-output { min-width: 0; }
.resource-builder label { display: block; font-size: .9rem; font-weight: 650; margin-bottom: .55rem; }
.resource-builder select, .resource-builder textarea { box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid var(--line-strong); border-radius: 3px; background: #fffdf5; color: var(--ink); font: 1rem/1.55 var(--font-reading); padding: .7rem .8rem; margin-bottom: 1.15rem; }
.resource-builder select { min-height: 3rem; }
.resource-builder textarea { resize: vertical; }
.resource-builder-output textarea { font-size: .9rem; }
.resource-builder-status { font-size: .9rem; min-height: 1.6em; margin-bottom: 0; }
.resource-builder button:disabled { opacity: .55; cursor: default; }
body[data-surface="resources"] :focus-visible,
body[data-surface="meta-activity"] :focus-visible { outline: 3px solid #8b4bb1; outline-offset: 4px; }
@media (max-width: 900px) {
  .resource-catalogue-layout { grid-template-columns: 1.1fr 1fr; gap: 2rem; }
  .resource-records > div { grid-template-columns: 1fr; gap: .45rem; }
}
@media (max-width: 760px) {
  .resource-collection-grid { grid-template-columns: 1fr; }
  .resource-catalogue-layout, .resource-two-columns, .resource-builder { grid-template-columns: 1fr; }
  .resource-inside { padding-top: 0; }
  .resource-context-grid { grid-template-columns: repeat(2, 1fr); }
  .resource-anchor-nav .site-shell { gap: .6rem 1rem; }
  .resource-mode { padding: 1.2rem; }
  .resource-builder { gap: 1rem; }
}
@media (max-width: 480px) {
  .resource-mode-grid, .resource-context-grid { grid-template-columns: 1fr; }
  .resource-mode:nth-child(even) { border-left: 0; }
  .resource-mode + .resource-mode { border-top: 1px solid var(--line); }
  .resource-cases .sk-case-choices { grid-template-columns: 1fr; }
  .resource-cases .sk-case-choice { padding: .7rem 1rem; }
  .resource-cases .sk-case { padding: 1.2rem; }
  .resource-downloads .button { width: 100%; text-align: center; }
}
@media (forced-colors: active) {
  .resource-context-grid > div, .resource-mode, .resource-result, .resource-builder { border: 1px solid CanvasText; }
}

/* One reading path: contextual situation precedes illustration and method. */
body[data-surface="meta-resource"] .site-shell.resource-reading { width:calc(100% - 3rem); max-width:49rem; padding-inline:0; box-sizing:border-box; }
body[data-surface="meta-resource"] .resource-hero { padding-block:clamp(2.2rem,5vw,4rem); }
body[data-surface="meta-resource"] .sk-hero-copy { max-width:none; }
body[data-surface="meta-resource"] .resource-identity { max-width:none; }
body[data-surface="meta-resource"] .resource-function-title { font-size:clamp(1.3rem,2.4vw,1.9rem); max-width:38ch; line-height:1.3; margin:1rem 0; }
body[data-surface="meta-resource"] .resource-lead { max-width:65ch; font-size:1.1rem; line-height:1.7; }
.resource-when { margin-top:1.5rem; line-height:1.7; }
.resource-takeaway { border-left:3px solid #b7913d; padding:.8rem 0 .8rem 1.2rem; margin-block:1.8rem; }
.resource-takeaway strong { color:#1b4941; }
body[data-surface="meta-resource"] .section { padding-block:clamp(2rem,4vw,3.2rem); }
body[data-surface="meta-resource"] .resource-overview h2 { max-width:35ch; }
body[data-surface="meta-resource"] .resource-method,
body[data-surface="meta-resource"][data-capability-page] .resource-method { display:grid; grid-template-columns:1fr; gap:0; }
body[data-surface="meta-resource"] .resource-method article { padding-block:1.25rem; border-top:1px solid #a7b9a1; }
body[data-surface="meta-resource"] .resource-method h3 { font-size:1.15rem; line-height:1.5; }
body[data-surface="meta-resource"] .resource-method p { font-size:1rem; line-height:1.8; }
body[data-surface="meta-resource"] .resource-mode-grid,
body[data-surface="meta-resource"] .resource-builder { grid-template-columns:1fr; }
body[data-surface="meta-resource"] .resource-exploration { width:100%; max-width:none; box-sizing:border-box; }
body[data-surface="meta-resource"] .resource-anchor-nav { position:static; }
body[data-surface="meta-resource"] .resource-anchor-nav .site-shell { padding-block:.85rem; gap:.7rem 1.3rem; }
body[data-surface="resources"] .resource-hub-layout,
body[data-surface="resources"] .resource-two-columns,
body[data-surface="resources"] .capability-new .site-shell { grid-template-columns:1fr; }
body[data-surface="resources"] .resource-hub-layout,
body[data-surface="resources"] .resource-hub-use .site-shell { max-width:54rem; }
body[data-surface="resources"] .resource-hub-layout .products-intro { max-width:70ch; }
body[data-surface="meta-activity"] .sk-hero-layout,
body[data-surface="meta-activity"] .resource-two-columns,
body[data-surface="meta-activity"] .resource-builder { grid-template-columns:1fr; }
@media(max-width:600px) {
 body[data-surface="meta-resource"] .site-shell.resource-reading { width:calc(100% - 2rem); }
 body[data-surface="meta-resource"] .resource-identity { font-size:clamp(1.8rem,7vw,2.5rem); }
 body[data-surface="meta-resource"] .resource-function-title { font-size:1.35rem; }
 body[data-surface="meta-resource"] .resource-downloads { align-items:flex-start; }
}

body[data-surface="meta-activity"] main .site-shell { max-width:49rem; }
body[data-surface="meta-activity"] .sk-case,
body[data-surface="meta-activity"] .sk-section-heading,
body[data-surface="meta-activity"] .resource-context-grid,
body[data-surface="meta-activity"] .resource-mode-grid { grid-template-columns:1fr; }

body[data-surface="meta-resource"] .resource-hero { min-height:0; background:#e6f2ec; padding-block:2rem; }
body[data-surface="meta-resource"] .resource-hero::before,
body[data-surface="meta-resource"] .resource-hero::after { display:none; }
body[data-surface="meta-resource"] .resource-hero .breadcrumb { margin-top:0; }
body[data-surface="meta-resource"] .resource-hero .resource-note { margin-bottom:0; }

/* Keep contact available after reading without covering the resource text. */
body:is([data-surface="resources"],[data-surface="meta-resource"],[data-surface="meta-activity"]) > .maios-chat__contact-tab {
 position:static; width:fit-content; min-width:7rem; min-height:44px; margin:1.5rem auto;
 padding:.7rem 1.1rem; border:1px solid var(--chat-line); border-radius:4px;
 writing-mode:horizontal-tb; transform:none;
}