/* A constellation of thoughts: the story is the focal point, not a card grid. */
.ache-inner { max-width:1200px; }
#ache-wall.thought-wall { display:block;position:relative;max-width:none;height:610px;margin:24px auto 0;padding:0;isolation:isolate; }
#ache-wall.thought-wall::before { content:"“";position:absolute;top:140px;left:50%;transform:translateX(-50%);font:220px/1 "Instrument Serif",Georgia,serif;color:#e5e9fb;z-index:-1; }
#ache-wall.thought-wall li { position:absolute;left:50%;top:50%;width:460px;max-width:80vw;display:block;opacity:1;transform:translate(-50%,-50%);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .5s;z-index:2; }
#ache-wall.thought-wall .scrap { display:block;width:100%;max-width:none;min-height:0;padding:24px 16px;border:0;border-radius:0;background:transparent;clip-path:none;box-shadow:none;transform:none;rotate:0;outline-offset:6px;text-align:center;color:#1e2543; }
#ache-wall.thought-wall .scrap blockquote { font:400 38px/1.16 "Instrument Serif",Georgia,serif;letter-spacing:-.025em;text-wrap:pretty;color:inherit;transition:color .4s; }
#ache-wall.thought-wall .scrap-check { display:none; }
#ache-wall.thought-wall .thought-response { display:inline-block;margin-top:24px;padding:9px 17px;border:1px solid #cbd2e7;border-radius:30px;font:500 13px/1.4 var(--font-body);letter-spacing:0;color:#455db1; }
#ache-wall.thought-wall .scrap.me .thought-response { background:#e9edfb;border-color:transparent; }
#ache-wall.thought-wall li:not([data-slot="0"]) { width:245px;z-index:1; }
#ache-wall.thought-wall li:not([data-slot="0"]) .scrap { color:#6c7182;padding:20px 10px; }
#ache-wall.thought-wall li:not([data-slot="0"]) .scrap blockquote { font-size:22px;line-height:1.25;letter-spacing:-.01em; }
#ache-wall.thought-wall li:not([data-slot="0"]) .thought-response { display:none; }
#ache-wall.thought-wall li[data-slot="-2"] { transform:translate(calc(-50% - 350px),calc(-50% - 170px)) rotate(-7deg); }
#ache-wall.thought-wall li[data-slot="-1"] { transform:translate(calc(-50% + 350px),calc(-50% - 150px)) rotate(6deg); }
#ache-wall.thought-wall li[data-slot="1"] { transform:translate(calc(-50% - 340px),calc(-50% + 165px)) rotate(5deg); }
#ache-wall.thought-wall li[data-slot="2"] { transform:translate(calc(-50% + 350px),calc(-50% + 170px)) rotate(-5deg); }
#ache-wall.thought-wall li[data-slot="9"] { opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.75); }
#ache-wall.thought-wall li:not([data-slot="0"]) .scrap:hover { color:#3454c4; }
.thought-controls { display:flex;justify-content:center;align-items:center;gap:14px;color:#686e7d;font:13px var(--font-body); }
.thought-controls button { min-width:44px;height:44px;background:transparent;border:1px solid #dce0e9;border-radius:50%;font:22px var(--font-body);cursor:pointer;color:#303a57; }
.thought-controls button:hover { background:#edf0fa; }
.thought-controls #cluster-toggle { display:block;min-width:64px;border:0;border-radius:8px;font:13px var(--font-body);margin:0;padding:0;text-decoration:none; }
@media(max-width:1000px) {
 #ache-wall.thought-wall li[data-slot="-2"] { transform:translate(calc(-50% - 215px),calc(-50% - 190px)) rotate(-7deg); }
 #ache-wall.thought-wall li[data-slot="-1"] { transform:translate(calc(-50% + 215px),calc(-50% - 190px)) rotate(6deg); }
 #ache-wall.thought-wall li[data-slot="1"] { transform:translate(calc(-50% - 215px),calc(-50% + 195px)) rotate(5deg); }
 #ache-wall.thought-wall li[data-slot="2"] { transform:translate(calc(-50% + 215px),calc(-50% + 195px)) rotate(-5deg); }
}
@media(max-width:600px) {
 #ache-wall.thought-wall {height:590px;margin-top:8px;}
 #ache-wall.thought-wall::before {top:150px;font-size:170px;}
 #ache-wall.thought-wall li {width:340px;max-width:94vw;}
 #ache-wall.thought-wall .scrap {padding:18px;}
 #ache-wall.thought-wall .scrap blockquote {font-size:30px;line-height:1.2;}
 #ache-wall.thought-wall li:not([data-slot="0"]) {width:160px;}
 #ache-wall.thought-wall li:not([data-slot="0"]) .scrap blockquote {font-size:17px;}
 #ache-wall.thought-wall li[data-slot="-2"] {transform:translate(calc(-50% - 92px),calc(-50% - 205px)) rotate(-7deg);}
 #ache-wall.thought-wall li[data-slot="-1"] {transform:translate(calc(-50% + 92px),calc(-50% - 205px)) rotate(6deg);}
 #ache-wall.thought-wall li[data-slot="1"] {transform:translate(calc(-50% - 92px),calc(-50% + 200px)) rotate(5deg);}
 #ache-wall.thought-wall li[data-slot="2"] {transform:translate(calc(-50% + 92px),calc(-50% + 200px)) rotate(-5deg);}
 .ache-tally {margin-top:32px;}
}
@media(prefers-reduced-motion:reduce) {#ache-wall.thought-wall li {transition:none;}}
