/* A brighter identity for More Than Therapy. Screen-only color keeps printing clean. */
@media screen {
  :root {
    --ink:#193c39; --muted:#506762; --green:#075e56; --teal:#67419b;
    --paper:#fffaf1; --line:#d4dfd7; --accent:#ffce62; --radius:11px;
    --topic-color:#125e50; --topic-fill:#d7f4e7; --topic-bright:#2a9d84;
  }
  body { background:#fffaf1; }
  body::before { content:""; display:block; height:7px; background:linear-gradient(90deg,#128472 0 20%,#ff805f 20% 40%,#ffd25f 40% 60%,#ab92d9 60% 80%,#74a8e5 80%); }
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #563697; outline-offset:4px; box-shadow:0 0 0 2px #fff; }
  .site-header { background:#fffaf1; border-bottom:1px solid #e4dfd2; }
  .brand-mark { gap:3px; }
  .brand-mark i { border:0; background:#148878; }
  .brand-mark i:nth-child(2) { background:#f17a56; }
  .brand-mark i:nth-child(3) { background:#e8b837; }
  .brand-mark i:nth-child(4) { background:#8c71c4; }
  .brand-words>span { color:#526c64; }
  .nav-link { font-weight:600; }
  .button { border-radius:11px; transition:background .18s,transform .18s,box-shadow .18s; }
  .button-dark { background:#075e56; color:#fff; box-shadow:0 4px 0 #06463f; }
  .button-dark:hover { background:#084b45; transform:translateY(-2px); box-shadow:0 6px 0 #06463f; }
  .button-dark:active { transform:translateY(2px); box-shadow:0 2px 0 #06463f; }
  .header-download { background:#ffce62; color:#3e3821; box-shadow:0 3px 0 #d69e2c; }
  .header-download:hover { background:#ffd879; color:#3e3821; box-shadow:0 5px 0 #d69e2c; }
  .button-light { background:#f1e9fb; border-color:#d8c6ee; color:#563783; }
  .button-light:hover { background:#e6d7f6; }
  .button[aria-pressed=true] { background:#ffdc83; color:#64440c; border-color:#d7a73e; }
  .hero { background:#fffaf1; position:relative; padding-top:58px; padding-bottom:65px; }
  .hero-copy { position:relative; z-index:1; min-width:0; }
  .hero-copy>.eyebrow { display:inline-flex; padding:8px 12px; background:#d9f1e5; color:#185f4f; border-radius:30px; font-size:9px; letter-spacing:1.35px; }
  .tiny-line { background:#19856d; width:18px; }
  .hero h1 { color:#163f39; }
  .hero h1 em { color:#b74937; text-decoration:underline; text-decoration-color:#f4bc55; text-decoration-thickness:5px; text-underline-offset:10px; }
  .hero-copy>p { color:#4d645c; }
  .hero-actions .text-link { color:#62418c; font-weight:700; }
  .hero-actions .text-link:hover { color:#a8402f; }
  .hero-stats { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:10px; max-width:535px; }
  .hero-stats>div,.hero-stats>div:last-child { padding:13px 15px 12px; border:0; border-radius:12px; background:#dff3e7; }
  .hero-stats>div:nth-child(2) { background:#ffedb6; }
  .hero-stats>div:nth-child(3) { background:#ebe1f7; }
  .hero-stats strong { color:#125c4e; font-size:39px; }
  .hero-stats>div:nth-child(2) strong { color:#80541c; }
  .hero-stats>div:nth-child(3) strong { color:#68458e; }
  .hero-stats span { color:#4f6258; font-size:10px; }
  .hero-copy>.edition-explanation { color:#596e63; margin-top:17px; font-size:10px; }
  .hero-note { position:relative; isolation:isolate; background:#ff8769; color:#253d36; border:1px solid #f37b60; border-radius:26px 26px 72px 26px; padding:28px 30px 24px; box-shadow:12px 12px 0 #eadcf6; overflow:visible; }
  .hero-note h2 { color:#263d35; font-size:32px; margin-top:22px; }
  .hero-note>p { color:#3e4a3a; font-size:12px; line-height:1.8; }
  .note-label { color:#3c4837; font-weight:700; font-size:8px; letter-spacing:1.35px; }
  .small-flower { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:#ffd66b; color:#4e4b24; font-size:37px; line-height:1; transform:rotate(10deg); }
  .paper-stack { pointer-events:none; position:relative; width:100%; margin:27px 0 22px; padding:5px 0 12px; isolation:isolate; }
  .paper-layer { position:absolute; width:81%; height:89%; left:10%; top:7%; border-radius:3px; }
  .paper-layer-lilac { background:#b7a2e0; transform:rotate(7deg); box-shadow:0 5px 10px #67352e18; }
  .paper-layer-teal { background:#4b9d88; transform:rotate(1deg); top:6%; left:12%; }
  .paper-preview { width:82%; position:relative; z-index:1; margin:0 auto; padding:23px 23px 21px; background:#fff3bc; color:#284e40; border:1px solid #f5dfa0; border-radius:3px; box-shadow:0 8px 18px #713c2c21; transform:rotate(-5deg); min-height:228px; }
  .paper-preview>strong { font-size:30px; margin:18px 0 17px; }
  .paper-preview>div { border-color:#c9c68f; }
  .paper-preview>p { color:#50664c; }
  .paper-sticker { position:absolute; z-index:2; right:-2px; bottom:0; display:grid; place-content:center; width:77px; height:77px; border:2px solid #fff3c9; border-radius:50%; background:#64428f; color:#fff8e7; text-align:center; font-size:12px; line-height:1.2; font-weight:700; transform:rotate(11deg); box-shadow:0 4px 0 #ad63573b; }
  .note-bottom { color:#304b3b; border-color:#d66c5266; margin-top:17px; padding-top:15px; }
  .note-bottom>span { color:#304b3b; font-size:10px; font-weight:500; }
  .note-bottom>a { background:#ffdb78; color:#3e492f; border-color:transparent; }
  .note-bottom>a:hover { background:#ffe69c; color:#31482e; }
  .collections-section { background:#f3eee8; border-top:1px solid #e5dacd; padding-top:47px; padding-bottom:51px; }
  .collections-section .eyebrow { color:#805135; }
  .section-heading h2 { color:#1c4a3f; }
  [data-topic="ANX"] { --topic-color:#125e50; --topic-fill:#d7f4e7; --topic-bright:#2a9d84; }
  [data-topic="MOO"] { --topic-color:#785000; --topic-fill:#ffedb0; --topic-bright:#edb52f; }
  [data-topic="EMO"] { --topic-color:#9e3a25; --topic-fill:#ffdbce; --topic-bright:#ef7959; }
  [data-topic="TRA"] { --topic-color:#694095; --topic-fill:#e9ddfa; --topic-bright:#a488cd; }
  [data-topic="REC"] { --topic-color:#275ca4; --topic-fill:#dceaff; --topic-bright:#6c9ce3; }
  [data-topic="REL"] { --topic-color:#943461; --topic-fill:#ffddec; --topic-bright:#da77a0; }
  [data-topic="GRF"] { --topic-color:#8b4b20; --topic-fill:#ffe5d0; --topic-bright:#df9c6a; }
  [data-topic="TEN"] { --topic-color:#0d665f; --topic-fill:#d6f4f0; --topic-bright:#4fb8a8; }
  [data-topic="FOC"] { --topic-color:#414da1; --topic-fill:#e1e6ff; --topic-bright:#8694e0; }
  [data-topic="VAL"] { --topic-color:#50651f; --topic-fill:#e9f3c3; --topic-bright:#a0bb4b; }
  [data-topic="SLP"] { --topic-color:#56429a; --topic-fill:#e5e1ff; --topic-bright:#9b8fd2; }
  [data-topic="CLN"] { --topic-color:#884719; --topic-fill:#ffe5ba; --topic-bright:#df9c4c; }
  .topic-grid { gap:14px; }
  .topic-card { min-height:201px; border:1px solid transparent; border-top:5px solid var(--topic-bright); border-radius:14px; padding:18px 20px 16px; background:var(--topic-fill); box-shadow:0 3px 0 #213d2710; transition:transform .18s,box-shadow .18s,border-color .18s; }
  .topic-card:hover { background:var(--topic-fill); border-color:var(--topic-color); transform:translateY(-4px); box-shadow:0 8px 17px #263e2612; }
  .topic-number { display:grid; place-items:center; width:31px; height:31px; margin-bottom:13px; border-radius:50%; background:var(--topic-color); color:#fff; font:600 11px var(--sans); }
  .topic-card>strong { color:#203f37; font-size:14px; }
  .topic-description { color:#43594e; font-size:11px; }
  .topic-count { border-top:1px solid #29442c24; color:var(--topic-color); font-size:10px; font-weight:700; }
  .library-section { background:#fffcf6; padding-top:48px; padding-bottom:52px; }
  .library-section .eyebrow { color:#795095; }
  .search-wrap { background:#fff; border:2px solid #449b85; border-radius:13px; box-shadow:5px 5px 0 #d9ead6; margin-bottom:33px; }
  .search-wrap:focus-within { border-color:#67419b; box-shadow:0 0 0 3px #e6d6f6; }
  .search-wrap input:focus-visible { outline:none; box-shadow:none; }
  .search-wrap>svg { color:#237761; }
  .search-wrap input { color:#234a3e; }
  .search-wrap input::placeholder { color:#63776b; opacity:1; }
  .search-hint { color:#687a6c; }
  .filters { padding:17px 15px 15px; background:#edf5e8; border:1px solid #d0e1c6; border-radius:14px; }
  .filters-top h3 { color:#315b3d; }
  .reset-button { color:#735391; font-weight:700; }
  .filter-group label { color:#3d5c47; }
  .filter-group select { background-color:#fffef9; border-color:#b8ccb1; border-radius:7px; color:#2d5140; }
  .favorite-toggle { color:#315c3f; }
  .favorite-toggle b { background:#ffdf83; color:#624510; }
  .toggle-check { color:#8c6320; }
  .storage-help { color:#53684f; }
  .filters-note { background:#fff0c4; padding:12px; border-radius:9px; border:0; color:#78551f; }
  .filters-note p { color:#62532d; }
  .results-bar strong { color:#6c4293; }
  .sort-label select { background:#fff; color:#5e437f; border-color:#d2c5e1; border-radius:7px; }
  .resource-card { position:relative; overflow:hidden; padding:22px 18px 18px; border:1px solid #dce4dc; border-radius:14px; background:#fff; box-shadow:0 3px 0 #30472f08; }
  .resource-card::before { position:absolute; top:0; left:0; right:0; height:6px; background:var(--topic-bright); content:""; }
  .resource-card:hover { border-color:var(--topic-bright); background:#fff; box-shadow:0 6px 18px #213d2710; }
  .card-top { align-items:center; gap:7px; }
  .type-label { background:var(--topic-fill); color:var(--topic-color); border-radius:5px; font-weight:700; padding:5px 7px; font-size:8px; line-height:1.4; }
  .card-title { color:#203e37; }
  .card-title button:hover { color:var(--topic-color); }
  .card-purpose { color:#5a6b60; }
  .card-meta { color:#536b5d; }
  .card-category { background:var(--topic-fill); color:var(--topic-color); border:0; padding:5px 7px; border-radius:5px; line-height:1.45; }
  .card-actions { border-color:#e2e8dd; }
  .preview-button,.pdf-link { color:var(--topic-color); font-weight:700; }
  .favorite-button { flex-shrink:0; background:#fff9e8; color:#79622f; border:1px solid #f2e7c5; border-radius:50%; }
  .favorite-button:hover { background:#ffecb2; }
  .favorite-button[aria-pressed=true] { background:#ffcf62; color:#694409; border-color:#d8aa40; }
  .favorite-button[aria-pressed=true] svg { fill:#9b6711; stroke:#694409; }
  .pagination .button-light { background:#eee4f9; border-color:#d2bde9; color:#614289; }
  .how-section { background:#ffe4d5; border-top:1px solid #f0cfbb; border-bottom:1px solid #f0cfbb; }
  .how-intro .eyebrow { color:#8d4d2f; }
  .how-intro h2 { color:#783f35; }
  .how-intro p { color:#6e5949; }
  .how-steps { display:grid; gap:12px; }
  .how-steps article,.how-steps article:first-child,.how-steps article:last-child { padding:18px 21px; border:0; background:#fff9ef; border-radius:12px; }
  .how-steps article>span { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; flex:0 0 39px; background:#f6bf58; color:#6c4712; font:600 12px var(--sans); }
  .how-steps article:nth-child(2)>span { background:#c3e9d9; color:#23684f; }
  .how-steps article:nth-child(3)>span { background:#e1d0f3; color:#664087; }
  .how-steps h3 { color:#3d4e3d; }
  .how-steps p { color:#5d6959; }
  .downloads-section { background:#154b42; border-top:0; }
  .downloads-heading .eyebrow { color:#ffda83; }
  .downloads-heading h2 { color:#fff9e9; }
  .downloads-heading p { color:#d0e6d8; }
  .downloads-icon { color:#ffc86b; }
  .collection-pack { background:var(--topic-fill); border:1px solid transparent; border-top:5px solid var(--topic-bright); border-radius:13px; padding:22px; color:#244338; }
  .collection-pack .file-type { color:var(--topic-color); font-size:8px; }
  .collection-pack h3 { color:#244338; }
  .collection-pack>p { color:#4e6150; font-size:11px; }
  .pack-links { padding-top:13px; border-top:1px solid #21473226; }
  .pack-links a { color:var(--topic-color); font-weight:700; }
  .pack-links a:hover { text-decoration:underline; }
  .core-download-heading { border-color:#639081; }
  .core-download-heading .eyebrow { color:#f7cf7b; }
  .core-download-heading h3 { color:#fff7e5; }
  .core-download-heading p { color:#cee2d3; }
  .download-card { border:1px solid #e5d9bd; border-radius:13px; background:#fff4d1; color:#3c4b31; }
  .download-card:nth-child(2) { background:#efe2fb; border-color:#d8c7e8; }
  .download-card:nth-child(3) { background:#ffe1d1; border-color:#ecc7b6; }
  .download-card:hover { background:#fffaf0; border-color:#f2c467; }
  .download-card .file-type { color:#61513a; }
  .download-card h3 { color:#34482f; }
  .download-card p { color:#57634d; }
  .download-action { color:#4f6240; border-color:#bfb89988; }
  .catalog-explainer { color:#e2eddd; border-color:#639081; }
  .catalog-explainer summary { color:#ffe09a; }
  .catalog-explainer p { color:#d3e5d7; }
  .site-footer { background:#fff8eb; border-top:7px solid #edbb57; }
  .footer-brand { color:#214b3e; }
  .footer-brand>span { color:#905343; font-size:20px; }
  .site-footer>p { color:#5c6d5c; }
  .site-footer>a { color:#674391; font-weight:600; }
  dialog { background:#fffdf7; border:1px solid var(--topic-bright); border-radius:17px; }
  .dialog-toolbar { background:var(--topic-fill); border-bottom:1px solid var(--topic-bright); }
  .dialog-brand,.dialog-kicker { color:var(--topic-color); }
  .dialog-content h2 { color:#23483d; }
  .dialog-metadata span { background:var(--topic-fill); color:var(--topic-color); }
  .edition-note { background:var(--topic-fill); color:var(--topic-color); border-left:3px solid var(--topic-bright); border-radius:0 7px 7px 0; }
  #related-activity-list button { background:var(--topic-fill); color:var(--topic-color); border-color:var(--topic-bright); border-radius:7px; }
  #related-activity-list button:hover { background:#fff; }
  .clinical-details summary,.source-details summary { color:var(--topic-color); }
  .toast { background:#64428d; color:#fff; border-radius:10px; }
}

@media screen and (min-width:1450px) {
  body { background:#f4eddf; }
}
@media screen and (max-width:1150px) {
  .hero-note { padding:25px 24px 22px; }
  .hero-note h2 { font-size:29px; }
  .hero-stats>div,.hero-stats>div:last-child { padding:12px 10px; }
  .hero-stats strong { font-size:34px; }
  .hero-stats span { font-size:9px; }
  .paper-preview { padding:20px 18px; }
  .paper-preview>strong { font-size:26px; }
  .paper-sticker { width:67px; height:67px; font-size:11px; }
}
@media screen and (max-width:760px) {
  .hero { padding:36px 6% 46px; gap:30px; }
  .hero h1 { font-size:clamp(58px,10.6vw,76px); }
  .hero h1 em { text-decoration-thickness:4px; text-underline-offset:7px; }
  .hero-note { border-radius:20px 20px 45px 20px; padding:25px; box-shadow:8px 8px 0 #eadcf6; }
  .hero-note h2 { font-size:33px; margin-top:0; }
  .hero-note .note-top { float:right; width:44px; }
  .paper-stack { display:none; }
  .note-bottom { margin-top:20px; }
  .hero-stats { max-width:535px; gap:9px; }
  .hero-stats>div,.hero-stats>div:last-child { padding:12px; }
  .hero-stats strong { font-size:35px; }
  .hero-stats span { font-size:10px; }
  .collections-section { padding:34px 6% 38px; }
  .topic-grid { gap:11px; }
  .topic-card { min-height:207px; padding:16px; }
  .topic-card>strong { font-size:13px; }
  .topic-description { font-size:11px; }
  .library-section { padding:36px 6% 43px; }
  .filters { padding:17px; gap:0 12px; }
  .how-steps article,.how-steps article:first-child,.how-steps article:last-child { padding:17px 19px; }
  .collection-pack { padding:19px; }
  .downloads-section { padding:37px 6%; }
}
@media screen and (max-width:460px) {
  .hero-copy>.eyebrow { font-size:7px; letter-spacing:1.05px; padding:7px 10px; }
  .hero h1 { font-size:clamp(52px,13.6vw,65px); letter-spacing:-2px; }
  .hero-stats { gap:7px; }
  .hero-stats>div,.hero-stats>div:last-child { padding:12px 9px; }
  .hero-stats strong { font-size:29px; }
  .hero-stats span { font-size:8px; }
  .hero-note h2 { font-size:29px; }
  .hero-copy>.edition-explanation { font-size:9px; }
  .topic-grid { gap:9px; }
  .topic-card { min-height:220px; padding:14px; }
  .topic-card>strong { font-size:12px; }
  .topic-description { font-size:10px; }
  .topic-count { font-size:9px; }
  .filters { padding:16px 13px; }
  .resource-card { padding:24px 21px 21px; }
  .type-label { font-size:9px; }
  .card-category { font-size:10px; }
  .pack-links a { font-size:11px; }
}
@media screen and (prefers-reduced-motion:reduce) {
  .button-dark:hover,.button-dark:active,.topic-card:hover { transform:none; }
}