@media(max-width:760px) {
 /* Chapter titles replace the old photo banners. */
 .dream-page .feed-page .hero-banner,.dream-page .collection-shell .collection-hero,.dream-page .page .hero-main,.dream-page .archive-sidebar-head { display:flex; align-items:center; justify-content:center; min-height:50px; height:auto; margin:0 0 12px; padding:8px 35px; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }
 .dream-page .feed-page .hero-banner .hero-art,.dream-page .collection-hero .collection-hero-art { display:none; }
 .dream-page .feed-page .hero-banner::before,.dream-page .collection-hero::before,.dream-page .page .hero-main::before,.dream-page .archive-sidebar-head::before { content:"‹"; position:absolute; inset:8px auto auto 0; width:25px; background:transparent; color:#8c7c73; font:28px/1 system-ui,sans-serif; }
 .dream-page .feed-page .hero-title,.dream-page .collection-hero .collection-hero-copy { position:static; inset:auto; padding:0; background:none; }
 .dream-page .feed-page .hero-title h1,.dream-page .collection-hero h1,.dream-page .page .hero-main h1,.dream-page .archive-sidebar-head h1 { max-width:none; margin:0; padding:0; color:#554d50; font:700 19px/1.5 system-ui,sans-serif; letter-spacing:.06em; text-shadow:none; }
 .dream-page .collection-hero h1::before,.dream-page .collection-kicker::before { content:none; }
 .dream-page .collection-kicker,.dream-page .feed-page .hero-title p,.dream-page .page .eyebrow { display:none; }
 .dream-page .collection-description,.dream-page .collection-stats { display:none; }
 .dream-page .collection-hero::after,.dream-page .feed-page .hero-banner::after { content:""; position:absolute; right:0; top:0; width:43px; height:43px; background:url('https://img.allforjunming.com/img/ip/login-ballball-hi.png') center/65px no-repeat; mix-blend-mode:multiply; }
 /* Real counts are retained in a small strip, above dated paper entries. */
 .dream-page .feed-page .stat-stack { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:8px 0; margin:8px 0 22px; border:1px dashed #dfc8bb; background:#fffdf6c9; border-radius:8px; }
 .dream-page .feed-page .stat-stack .stat-card { display:flex; flex-direction:column; min-height:58px; padding:0 5px; border:0; border-right:1px solid var(--dream-border); background:none; box-shadow:none; }
 .dream-page .feed-page .stat-stack .window-bar { display:none; }
 .dream-page .feed-page .stat-stack .stat-body { display:flex; flex-direction:column; gap:0; align-items:center; padding:0; }
 .dream-page .feed-page .stat-stack .stat-body span { padding:0; min-height:20px; font-size:10px; color:#9d8b80; }
 .dream-page .feed-page .stat-stack .stat-body strong { padding:0; min-height:26px; color:#cb7d93; font:24px/1.2 system-ui,sans-serif; }
 .dream-page .feed-page .stat-divider { display:none; }
 .dream-page .feed-page .top-shell,.dream-page .feed-page .content-layout { padding:0; background:transparent; display:block; }
 .dream-page .feed-page .day-heading { display:flex; align-items:center; gap:8px; width:fit-content; padding:7px 13px; margin:0 0 12px 3px; border:1px dashed #a9c6da; border-radius:3px; background:#deecf7; color:#737b96; font-size:11px; transform:rotate(-3deg); }
 .dream-page .feed-page .day-index { font:18px/1.2 system-ui,sans-serif; color:#7b8ba8; }
 .dream-page .feed-page .day-timeline { padding:0; }
 .dream-page .feed-page .timeline-line,.dream-page .feed-page .timeline-dot { display:none; }
 .dream-page .feed-page .feed-card { position:relative; margin:0 0 20px; padding:0; border:1px solid #e9d9cd; border-radius:5px 12px 7px 9px; background:#fffef9ed; box-shadow:2px 4px 0 #efdfd550; overflow:visible; }
 .dream-page .feed-page .feed-card::before { content:""; position:absolute; width:51px; height:15px; right:18px; top:-8px; border:1px solid #efb1bb65; background:repeating-linear-gradient(45deg,#f6ccd389 0 3px,#fbe1dfaa 3px 6px); transform:rotate(7deg); }
 .dream-page .feed-page .feed-card-bar { display:none; }
 .dream-page .feed-page .feed-card-body { padding:17px 14px 13px; }
 .dream-page .feed-page .feed-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0 0 10px; border-bottom:1px dashed #eaded6; }
 .dream-page .feed-page .feed-meta strong { color:#5c5463; font-size:13px; }
 .dream-page .feed-page .feed-meta time { display:block; margin-left:auto; color:#a59aa2; font-size:10px; }
 .dream-page .feed-page .source-pill { padding:2px 7px; color:#8e83b0; border:1px solid #d9d5eb; border-radius:6px; background:#eeedf9; font-size:10px; }
 .dream-page .feed-page .feed-text { padding:4px 0; color:#6d6474; font-size:14px; line-height:1.95; }
 .dream-page .feed-page .feed-footer { border-top:1px dashed #e7dcd2; padding-top:10px; color:#9b91a2; }
 .dream-page .feed-page .feed-button { background:#f7e0e7; color:#aa5b75; border:1px solid #efc4d1; border-radius:12px; box-shadow:none; }
 /* Collection: compact notebook tabs and framed objects. */
 .dream-page .collection-module-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin:0 0 10px; padding:4px; background:#e9eaf6; border:1px solid #dcddec; border-radius:19px; }
 .dream-page .collection-module-nav a { display:flex; min-height:34px; padding:4px; align-items:center; justify-content:center; border:0; border-radius:16px; background:transparent; text-align:center; }
 .dream-page .collection-module-nav a:first-child { background:linear-gradient(#f2b0be,#e991a7); color:#fff; }
 .dream-page .collection-module-nav span,.dream-page .collection-module-nav b { display:none; }
 .dream-page .collection-module-nav strong { font-size:12px; font-weight:400; }
 .dream-page .collection-filters { display:grid; gap:8px; padding:3px 0 8px; }
 .dream-page .collection-filter-row { display:flex; flex-wrap:wrap; gap:5px; }
 .dream-page .collection-filter-row > * { width:auto; flex:0 0 auto; }
 .dream-page .collection-filter-row .collection-filter { width:auto; }
 .dream-page .mobile-atlas-tabs { display:none; }
 .dream-page .collection-filter { min-height:30px; padding:4px 11px; font-size:11px; border:1px solid #e9dcd3; border-radius:16px; background:#fffdf9; color:#7d7178; }
 .dream-page .collection-filter.is-active { color:#aa566f; border-color:#edafbf; background:#fbdde5; }
 .dream-page .collection-search { display:flex; gap:8px; align-items:center; padding:0 11px; border:1px solid #e8dad0; border-radius:18px; background:#fffdf8d9; }
 .dream-page .collection-search span { font-size:11px; }
 .dream-page .collection-search input { min-height:34px; border:0; padding:4px 0; background:none; font-size:12px; }
 .dream-page .collection-result-bar { margin:2px 0 10px; padding:0 3px; font-size:10px; }
 .dream-page .collection-result-bar > span { display:none; }
 .dream-page .collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; }
 .dream-page .collection-card { position:relative; padding:6px; border:1px solid #e4d6ca; border-radius:7px 10px 8px 5px; background:#fffdf9; box-shadow:2px 3px 0 #e9ddd35c; overflow:visible; }
 .dream-page .collection-card:nth-child(4n+1)::before,.dream-page .collection-card:nth-child(4n+2)::before { content:""; position:absolute; z-index:2; top:-6px; left:9px; width:34px; height:13px; background:repeating-linear-gradient(45deg,#c8ddf0be 0 3px,#e1ebf9b0 3px 6px); transform:rotate(-25deg); pointer-events:none; }
 .dream-page .collection-card:nth-child(4n+2)::before { background:#f0c3d2b9; right:9px; left:auto; transform:rotate(25deg); }
 .dream-page .collection-cover { height:auto; aspect-ratio:1; padding:0; border-radius:5px; background:#f3ebe4; }
 .dream-page .collection-cover img { width:100%; height:100%; object-fit:cover; }
 .dream-page .collection-card-copy { padding:8px 3px 4px; }
 .dream-page .collection-card h3 { margin:3px 0; font-size:13px; color:#655d67; }
 .dream-page .collection-card-topline { color:#9f9398; font-size:9px; }
 .dream-page .collection-card-rule { display:none; }
 .dream-page .collection-state-actions { top:auto; bottom:7px; right:7px; gap:4px; z-index:3; }
 .dream-page .collection-state-actions button { width:24px; height:24px; background:#fffaf7; color:#c78c9c; border:1px solid #edd4d9; box-shadow:none; font-size:14px; }
 .dream-page .collection-card-copy { padding-bottom:30px; }
 /* Archive retains each source, action and reaction control. */
 .dream-page .archive-sidebar { background:none; border:0; box-shadow:none; }
 .dream-page .archive-card { padding:10px; margin-bottom:12px; border:1px solid #e7d9ce; border-radius:8px; background:#fffdf8ed; box-shadow:2px 3px 0 #eee1d747; }
 .dream-page .archive-card-main { display:grid; grid-template-columns:105px minmax(0,1fr); gap:10px; }
 .dream-page .archive-cover { width:105px; height:110px; aspect-ratio:auto; border-radius:5px; }
 .dream-page .archive-cover img { width:100%; height:100%; object-fit:cover; }
 .dream-page .archive-card h3 { margin:4px 0; font-size:13px; line-height:1.55; color:#625d70; }
 .dream-page .archive-card-actions { display:flex; flex-wrap:wrap; gap:5px; }
 .dream-page .archive-card-actions a,.dream-page .archive-card-actions button { min-height:25px; padding:3px 7px; font-size:10px; border-radius:10px; box-shadow:none; }
 .dream-page .archive-card-topline { font-size:10px; color:#a194a1; }
}
