/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps.
 */

/* Story thumbnail fan layout */
.thumbnail-fan .story-thumbnail { position: absolute; top: 0; left: 0; }
.thumbnail-fan.fan-2 .story-thumbnail:nth-child(1) { z-index: 2; transform: rotate(-8deg) translate(-6px, 4px); }
.thumbnail-fan.fan-2 .story-thumbnail:nth-child(2) { z-index: 1; transform: rotate(6deg) translate(8px, -3px); opacity: 0.92; }
.thumbnail-fan.fan-3 .story-thumbnail:nth-child(1) { z-index: 3; transform: rotate(-6deg) translate(-5px, 3px); }
.thumbnail-fan.fan-3 .story-thumbnail:nth-child(2) { z-index: 2; opacity: 0.9; }
.thumbnail-fan.fan-3 .story-thumbnail:nth-child(3) { z-index: 1; transform: rotate(5deg) translate(6px, -2px); opacity: 0.88; }
.thumbnail-fan.fan-many .story-thumbnail:nth-child(1) { z-index: 3; transform: rotate(-4deg) translate(-3px, 2px); }
.thumbnail-fan.fan-many .story-thumbnail:nth-child(2) { z-index: 2; opacity: 0.92; }
.thumbnail-fan.fan-many .story-thumbnail:nth-child(3) { z-index: 1; transform: rotate(3deg) translate(4px, -1px); opacity: 0.9; }

/* _ready.html.erb — tab switcher + safe-area footer */
.content-section { display: none; }
.content-section.active { display: block; }
.tab-button.active { color: #1a1410; border-bottom-color: #c8a96e; }
.bottom-bar { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }

/* stories/new.html.erb — structure builder details open state */
details[open] > summary { border-bottom: 1px solid rgba(200,169,110,0.2); }