/* A crop is a deliberate product detail, with a visible, continuous edge. */
.edition img.ui-fragment {
 display:block;
 box-sizing:border-box;
 border:1px solid var(--detail-line,#d5dfd8);
 border-radius:var(--detail-radius,18px);
 background:#fff;
}
/* The outline belongs to the actual UI, not to a second empty device shell. */
.aer-flow-pair .aer-screen-frame { border:0; background:transparent; box-shadow:none; }
.aer-story-wide .aer-story-detail { padding:0; border:0; background:transparent; border-radius:18px; }
.aer-reaction-composition .aer-reaction-art { border:0; background:transparent; border-radius:18px; }
.aer-discover-scene .aer-discover-interface {
 width:100%; max-width:440px; justify-self:center;
 padding:0; border:0; background:transparent;
 flex-direction:column; gap:20px;
}
.aer-discover-scene .aer-discover-interface img { width:100%; max-width:100%; }
.aer-memories { min-height:0; padding-block:48px; }
.aer-memories .aer-memory-art {
 display:grid; gap:18px; width:100%; max-width:440px; justify-self:center;
}
.aer-memories .aer-memory-art img { width:100%; max-width:100%; }
.about-ritual .about-ritual-interface { padding:0; border:0; background:transparent; }
@media(max-width:900px) {
 .aer-discover-scene { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .aer-memories { padding-block:32px; }
 .aer-discover-scene .aer-discover-interface { gap:16px; }
}
@media(max-width:600px) {
 .edition img.ui-fragment { border-radius:14px; }
 .aer-memories { padding:28px 24px; }
 .aer-memories .aer-memory-art { gap:12px; }
 .aer-discover-scene .aer-discover-interface { max-width:380px; }
}
.aer-discover-scene img.ui-fragment { padding:10px; }
/* A shared prompt and a personal response, composed at their natural reading size. */
.aerium-light { --detail-line:#d5dfd8; --detail-radius:16px; }
.aerium-light :is(.aer-heading h2,.aer-story-copy h3,.aer-benefit-copy h3) { letter-spacing:-.035em; }
.aerium-light .aer-section p { text-wrap:pretty; }
.aer-flow-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; width:100%; max-width:960px; margin-inline:auto; align-items:start; }
.aer-flow-screen figcaption { position:relative; padding-left:38px; margin-bottom:24px; }
.aer-flow-screen figcaption > span { position:absolute; top:7px; left:0; font:400 13px/1 var(--ui); color:var(--forest); }
.aer-flow-screen figcaption p { min-height:52px; margin-top:10px; max-width:300px; font:400 16px/1.6 var(--ui); color:#50665b; }
.aer-flow-pair .aer-screen-frame { display:grid; gap:16px; padding:0; margin:0; height:auto; min-width:0; overflow:visible; border:0; background:transparent; box-shadow:none; }
.aer-flow-pair .aer-screen-frame img { width:100%; height:auto; max-width:100%; max-height:none; padding:10px; }

@media(max-width:900px) { .aer-flow-pair { gap:32px; } }
@media(max-width:600px) {
 .aer-how .aer-flow-pair { grid-template-columns:minmax(0,1fr); gap:32px; max-width:440px; }
 .aer-flow-screen figcaption { margin-bottom:16px; }
 .aer-flow-pair .aer-flow-screen h3 { font-size:26px; }
 .aer-flow-screen figcaption p { min-height:0; font-size:16px; line-height:1.55; max-width:32ch; }
 .aer-flow-pair .aer-screen-frame { gap:12px; }
 .aerium-light .aer-reactions { gap:8px; }
 .aerium-light .aer-reactions button { min-width:44px; min-height:48px; }
}