/* Quiet shared story cards in the original GOODNUFF palette. */
.goodnuff-collection-preview,.goodnuff-collection-sheet{color:#20201E;--collection-cream:#FFF5E6;--collection-ink:#20201E;--collection-orange:#FF5C28}
.goodnuff-collection-preview{background:var(--collection-cream);border:2px solid var(--collection-ink);border-radius:24px;overflow:hidden;padding:14px 20px 20px;margin-top:24px}
.goodnuff-collection-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.goodnuff-collection-eyebrow{font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.goodnuff-collection-preview button,.goodnuff-collection-sheet button{min-height:44px;max-width:100%;font-family:inherit;font-size:16px;font-weight:800;line-height:1.25;letter-spacing:normal;color:var(--collection-ink);cursor:pointer;touch-action:manipulation}
.goodnuff-collection-text{padding:8px 10px;background:transparent;border:0;border-radius:10px;text-decoration:underline;text-underline-offset:3px}
.goodnuff-collection-preview-body{display:grid;grid-template-columns:102px minmax(0,1fr);gap:16px;align-items:center;margin:7px 0 16px}
.goodnuff-collection-preview-body img{display:block;width:102px;height:auto;mix-blend-mode:multiply}
.goodnuff-collection-preview h3{font-family:'Goodnuff Display',Arial,sans-serif;font-size:25px;line-height:1.03;letter-spacing:-.035em;margin:0 0 8px;overflow-wrap:anywhere}
.goodnuff-collection-preview p{font-size:15px;line-height:1.4;margin:0;max-width:36ch}
.goodnuff-collection-open{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:transparent;border:2px solid var(--collection-ink);border-radius:13px;padding:12px 14px;text-align:left}
.goodnuff-collection-preview svg,.goodnuff-collection-sheet svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.goodnuff-collection-sheet{background:var(--collection-cream);padding:12px 0 8px;overflow-wrap:anywhere}
.goodnuff-collection-heading{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px;align-items:center;margin:10px 0 24px}
.goodnuff-collection-heading img{display:block;width:120px;max-width:100%;height:auto;mix-blend-mode:multiply}
.goodnuff-collection-heading h2{font-family:'Goodnuff Display',Arial,sans-serif;font-size:clamp(30px,5vw,43px);line-height:.98;letter-spacing:-.045em;margin:12px 0 10px}
.goodnuff-collection-heading p{font-size:17px;line-height:1.35;margin:0}
.goodnuff-collection-preference{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--collection-ink);border-bottom:1px solid var(--collection-ink);margin-bottom:24px}
.goodnuff-collection-preference b{font-size:17px;line-height:1.3}
.goodnuff-collection-preference p{font-size:14px;line-height:1.4;margin:6px 0 0;max-width:38ch}
.goodnuff-collection-toggle{flex-shrink:0;min-width:66px;border:2px solid var(--collection-ink);border-radius:24px;padding:10px 14px;background:var(--collection-cream)}
.goodnuff-collection-toggle[aria-checked="true"]{background:var(--collection-orange)}
.goodnuff-collection-list{display:grid;gap:12px}
.goodnuff-collection-episode{border:2px solid var(--collection-ink);border-radius:18px;overflow:hidden;background:var(--collection-cream)}
.goodnuff-collection-episode summary{min-height:60px;display:grid;grid-template-columns:31px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:900;font-size:21px;line-height:1.1;letter-spacing:-.025em}
.goodnuff-collection-episode summary::-webkit-details-marker{display:none}
.goodnuff-collection-number{font-size:13px;font-weight:800;letter-spacing:.04em}
.goodnuff-collection-episode[open] summary{background:var(--collection-orange);border-bottom:2px solid var(--collection-ink)}
.goodnuff-collection-episode[open] summary svg{transform:rotate(90deg)}
.goodnuff-collection-episode-body{padding:22px 20px 18px}
.goodnuff-collection-setting{font-size:16px;line-height:1.5;margin:0 0 21px;max-width:47ch}
.goodnuff-collection-dialogue{display:grid;gap:15px;margin:0 0 23px}
.goodnuff-collection-dialogue>div{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px}
.goodnuff-collection-dialogue dt{font-weight:900;font-size:12px;line-height:1.6;letter-spacing:.02em}
.goodnuff-collection-dialogue dd{font-size:18px;font-weight:700;line-height:1.35;margin:0}
.goodnuff-collection-keepsake{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--collection-ink);padding-top:15px;margin:0}
.goodnuff-collection-keepsake span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.goodnuff-collection-keepsake b{font-size:16px;line-height:1.3}
.goodnuff-collection-caption,.goodnuff-collection-hidden-note{font-size:15px;line-height:1.5;margin:20px 0}
.goodnuff-collection-empty{padding:25px 20px;border:2px solid var(--collection-ink);border-radius:18px}
.goodnuff-collection-empty h3{font-family:'Goodnuff Display',Arial,sans-serif;font-size:27px;line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.goodnuff-collection-empty p{font-size:16px;line-height:1.45;margin:10px 0 0}
.goodnuff-collection-explainer{border-top:1px solid var(--collection-ink);padding-top:10px;margin-top:24px}
.goodnuff-collection-explainer summary{min-height:44px;padding:12px 0;font-size:15px;font-weight:800;cursor:pointer;line-height:1.35}
.goodnuff-collection-explainer p{font-size:15px;line-height:1.5;margin:10px 0 14px}
.goodnuff-collection-evidence{margin-top:10px}
.goodnuff-collection-evidence ul{list-style:none;padding:0;margin:5px 0 10px}
.goodnuff-collection-evidence li{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--collection-ink);padding:12px 0}
.goodnuff-collection-evidence li span{font-size:13px}
.goodnuff-collection-evidence li b{font-size:14px;line-height:1.4}
.goodnuff-collection-preview button:focus-visible,.goodnuff-collection-sheet button:focus-visible,.goodnuff-collection-sheet summary:focus-visible{outline:3px solid var(--collection-ink);outline-offset:3px}
.sleep-surface #modal:has(.goodnuff-collection-sheet){background:#FFF5E6;color:#20201E;border-color:#20201E}
.sleep-surface #modal:has(.goodnuff-collection-sheet) .modal-top{color:#20201E;border-color:#20201E}
.sleep-surface #modal:has(.goodnuff-collection-sheet) .modal-top button{color:#20201E}
.sleep-surface #modal .goodnuff-collection-sheet h2,.sleep-surface #modal .goodnuff-collection-sheet h3{color:#20201E}
.sleep-surface #modal .goodnuff-collection-sheet button:focus-visible,.sleep-surface #modal .goodnuff-collection-sheet summary:focus-visible{outline-color:#20201E}
@media(max-width:440px){.goodnuff-collection-preview{padding:10px 15px 16px;border-radius:20px}.goodnuff-collection-preview-body{grid-template-columns:80px minmax(0,1fr);gap:10px}.goodnuff-collection-preview-body img{width:80px}.goodnuff-collection-preview h3{font-size:23px}.goodnuff-collection-heading{grid-template-columns:minmax(0,1fr) 86px;gap:10px}.goodnuff-collection-heading img{width:86px}.goodnuff-collection-heading h2{font-size:34px}.goodnuff-collection-preference{gap:12px}.goodnuff-collection-episode summary{font-size:20px;padding:14px 12px;gap:7px;grid-template-columns:27px minmax(0,1fr) 18px}.goodnuff-collection-episode-body{padding:20px 15px 16px}.goodnuff-collection-dialogue>div{grid-template-columns:39px minmax(0,1fr);gap:9px}}
@media(prefers-reduced-motion:reduce){.goodnuff-collection-preview *,.goodnuff-collection-sheet *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
