/* ════════════════════════════════════════════════════════════
   AUTHOROS — content pages (stories, blog, legal)
   ════════════════════════════════════════════════════════════ */

.aos-ct { max-width: 1080px; margin: 0 auto; padding: 0 var(--aos-space-8); }
.aos-ct-head { padding: var(--aos-space-24) 0 var(--aos-space-12); text-align: center; }
.aos-ct-eyebrow { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-widest); text-transform: uppercase; color: var(--aos-amber); margin: 0 0 var(--aos-space-5); }
.aos-ct-title { font-family: var(--aos-font-display); font-size: clamp(2.4rem, 5vw, 3.6rem); line-height: 1.08; color: var(--aos-parchment); margin: 0 auto var(--aos-space-5); max-width: 18ch; font-weight: 400; }
.aos-ct-title em { font-style: italic; color: var(--aos-amber); }
.aos-ct-sub { font-size: var(--aos-text-lg); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); max-width: 56ch; margin: 0 auto; }

/* ── STORIES ── */
.aos-stories { display: grid; grid-template-columns: 1fr 1fr; gap: var(--aos-space-6); padding-bottom: var(--aos-space-24); }
.aos-story { background: var(--aos-shelf); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-xl); padding: var(--aos-space-8); transition: border-color var(--aos-t-normal); }
.aos-story:hover { border-color: var(--aos-copper); }
.aos-story-top { display: flex; gap: var(--aos-space-5); align-items: center; margin-bottom: var(--aos-space-6); }
.aos-story-cover { width: 56px; height: 86px; border-radius: 4px; border: 1px solid var(--aos-bronze-dim); background: var(--aos-alcove); position: relative; overflow: hidden; flex: 0 0 auto; }
.aos-story-cover .ph { position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, #ffffff08 0 6px, transparent 6px 12px); }
.aos-story-photo { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(140deg, var(--aos-ember), var(--aos-bronze)); display: grid; place-items: center; font-family: var(--aos-font-heading); font-weight: 600; color: var(--aos-void); flex: 0 0 auto; }
.aos-story-who .nm { font-family: var(--aos-font-heading); font-weight: 600; color: var(--aos-parchment); font-size: var(--aos-text-base); }
.aos-story-who .bk { font-size: var(--aos-text-sm); color: var(--aos-dust); }
.aos-story-quote { font-family: var(--aos-font-display); font-size: var(--aos-text-xl); line-height: var(--aos-leading-normal); color: var(--aos-parchment); margin: 0 0 var(--aos-space-6); font-weight: 400; }
.aos-story-stats { display: flex; gap: var(--aos-space-6); padding-top: var(--aos-space-5); border-top: 1px solid var(--aos-bronze-dim); }
.aos-story-stat .v { font-family: var(--aos-font-mono); font-size: var(--aos-text-xl); color: var(--aos-amber); }
.aos-story-stat .k { font-size: var(--aos-text-xs); color: var(--aos-dust); margin-top: 2px; }
@media (max-width: 768px) { .aos-stories { grid-template-columns: 1fr; } }

/* ── BLOG ── */
.aos-blog { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--aos-space-6); padding-bottom: var(--aos-space-24); }
.aos-post { background: var(--aos-shelf); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-lg); overflow: hidden; cursor: pointer; transition: border-color var(--aos-t-normal); display: flex; flex-direction: column; }
.aos-post:hover { border-color: var(--aos-amber); }
.aos-post-img { aspect-ratio: 16 / 9; background: var(--aos-alcove); position: relative; }
.aos-post-img .ph { position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, #ffffff08 0 8px, transparent 8px 16px); }
.aos-post-body { padding: var(--aos-space-6); flex: 1; display: flex; flex-direction: column; }
.aos-post-cat { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-amber); margin: 0 0 var(--aos-space-3); }
.aos-post-title { font-family: var(--aos-font-display); font-size: var(--aos-text-xl); line-height: 1.2; color: var(--aos-parchment); margin: 0 0 var(--aos-space-3); font-weight: 400; }
.aos-post-excerpt { font-size: var(--aos-text-sm); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0 0 var(--aos-space-5); flex: 1; }
.aos-post-meta { font-size: var(--aos-text-xs); color: var(--aos-dust); }
@media (max-width: 880px) { .aos-blog { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .aos-blog { grid-template-columns: 1fr; } }

/* ── LEGAL / PROSE ── */
.aos-legal { max-width: 760px; margin: 0 auto; padding-bottom: var(--aos-space-24); }
.aos-legal-updated { font-size: var(--aos-text-sm); color: var(--aos-dust); margin: 0 0 var(--aos-space-12); text-align: center; }
.aos-legal h2 { font-family: var(--aos-font-heading); font-size: var(--aos-text-xl); color: var(--aos-parchment); margin: var(--aos-space-10) 0 var(--aos-space-4); font-weight: 600; }
.aos-legal p { font-size: var(--aos-text-base); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0 0 var(--aos-space-4); }
.aos-legal p strong { color: var(--aos-parchment); }
.aos-legal .notice { font-size: var(--aos-text-sm); color: var(--aos-dust); border-left: 2px solid var(--aos-bronze); padding-left: var(--aos-space-4); margin-top: var(--aos-space-12); }

/* ── COOKIE CONSENT ── */
.aos-cookie { position: fixed; left: var(--aos-space-6); right: var(--aos-space-6); bottom: var(--aos-space-6); max-width: 640px; margin: 0 auto; background: var(--aos-shelf); border: 1px solid var(--aos-bronze); border-radius: var(--aos-r-lg); padding: var(--aos-space-5) var(--aos-space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--aos-space-6); z-index: 90; }
.aos-cookie p { font-size: var(--aos-text-sm); color: var(--aos-vellum); margin: 0; line-height: 1.5; }
.aos-cookie-cta { display: flex; gap: var(--aos-space-3); flex: 0 0 auto; }
@media (max-width: 600px) { .aos-cookie { flex-direction: column; align-items: stretch; } }

/* ── COST LEDGER ── */
.aos-cost-controls { display: flex; align-items: center; justify-content: space-between; gap: var(--aos-space-6); flex-wrap: wrap; margin-bottom: var(--aos-space-10); padding-bottom: var(--aos-space-6); border-bottom: 1px solid var(--aos-bronze-dim); }
.aos-cost-toggles { display: flex; gap: var(--aos-space-5); flex-wrap: wrap; }
.aos-cost-toggle { display: inline-flex; align-items: center; gap: var(--aos-space-3); background: none; border: none; cursor: pointer; font-family: var(--aos-font-body); font-size: var(--aos-text-sm); color: var(--aos-vellum); }
.aos-cost-toggle:hover { color: var(--aos-parchment); }

.aos-ledger { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--aos-space-6); align-items: start; }
.aos-ledger-col { border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-xl); padding: var(--aos-space-8); }
.aos-ledger-col.aos { border-color: var(--aos-amber); background: linear-gradient(180deg, var(--aos-alcove), var(--aos-shelf)); }
.aos-ledger-h { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wider); text-transform: uppercase; color: var(--aos-dust); margin: 0 0 var(--aos-space-6); }
.aos-ledger-col.aos .aos-ledger-h { color: var(--aos-amber); }
.aos-ledger-row { display: grid; grid-template-columns: 1fr auto auto; gap: var(--aos-space-4); align-items: baseline; padding: var(--aos-space-3) 0; border-bottom: 1px solid var(--aos-bronze-dim); }
.aos-ledger-row .lk { font-size: var(--aos-text-base); color: var(--aos-parchment); }
.aos-ledger-row .lt { font-size: var(--aos-text-xs); color: var(--aos-dust); font-family: var(--aos-font-mono); }
.aos-ledger-row .lv { font-family: var(--aos-font-mono); font-size: var(--aos-text-sm); color: var(--aos-vellum); white-space: nowrap; }
.aos-ledger-total { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding-top: var(--aos-space-5); margin-top: var(--aos-space-3); border-top: 1px solid var(--aos-bronze); }
.aos-ledger-total span:first-child { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-dust); }
.aos-ledger-total .v { font-family: var(--aos-font-display); font-size: var(--aos-text-2xl); color: var(--aos-parchment); white-space: nowrap; }
.aos-ledger-time { font-size: var(--aos-text-sm); color: var(--aos-dust); margin: var(--aos-space-4) 0 0; }
.aos-ledger-incl { font-size: var(--aos-text-base); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0 0 var(--aos-space-6); }
.aos-ledger-price { font-family: var(--aos-font-display); font-size: var(--aos-text-5xl); color: var(--aos-amber); line-height: 1; }
.aos-ledger-save { text-align: center; margin: var(--aos-space-16) 0 var(--aos-space-6); }
.aos-ledger-save p { font-family: var(--aos-font-display); font-size: var(--aos-text-3xl); color: var(--aos-parchment); margin: 0 0 var(--aos-space-5); font-weight: 400; }
.aos-ledger-save em { font-style: italic; color: var(--aos-amber); }
.aos-ledger-note { text-align: center; font-size: var(--aos-text-xs); color: var(--aos-dust); max-width: 60ch; margin: var(--aos-space-8) auto var(--aos-space-24); line-height: 1.6; }
@media (max-width: 820px) { .aos-ledger { grid-template-columns: 1fr; } }

/* ── ARTICLE (blog post / help) ── */
.aos-article { max-width: 720px; margin: 0 auto; padding-top: var(--aos-space-16); padding-bottom: var(--aos-space-24); }
.aos-article-cat { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-amber); margin: 0 0 var(--aos-space-4); }
.aos-article-cat a { color: var(--aos-amber); text-decoration: none; }
.aos-article-title { font-family: var(--aos-font-display); font-size: clamp(2.2rem, 4.5vw, 3.2rem); line-height: 1.1; color: var(--aos-parchment); margin: 0 0 var(--aos-space-4); font-weight: 400; }
.aos-article-meta { font-size: var(--aos-text-sm); color: var(--aos-dust); margin: 0 0 var(--aos-space-8); }
.aos-article-hero { aspect-ratio: 16 / 9; border-radius: var(--aos-r-lg); border: 1px solid var(--aos-bronze-dim); background: var(--aos-alcove); position: relative; overflow: hidden; margin-bottom: var(--aos-space-10); }
.aos-article-hero .ph { position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, #ffffff08 0 8px, transparent 8px 16px); }

/* ── 404 ── */
.aos-404 { text-align: center; max-width: 600px; margin: var(--aos-space-32) auto; padding: 0 var(--aos-space-8); }
.aos-404-orb { width: 96px; height: 96px; margin: 0 auto var(--aos-space-8); }
.aos-404 h1 { font-family: var(--aos-font-display); font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.15; color: var(--aos-parchment); margin: 0 0 var(--aos-space-5); font-weight: 400; }
.aos-404 h1 em { font-style: italic; color: var(--aos-amber); }
.aos-404 p { font-size: var(--aos-text-lg); color: var(--aos-vellum); margin: 0 0 var(--aos-space-8); }

/* ── PRICING (detailed tiers) ── */
.aos-tier-group-h { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-amber); margin: var(--aos-space-6) 0 var(--aos-space-2); padding-top: var(--aos-space-5); border-top: 1px solid var(--aos-bronze-dim); }
.aos-mk-tier-list + .aos-btn, .aos-mk-tier-list { margin-bottom: var(--aos-space-2); }
.aos-pricing-standalone { border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-xl); padding: var(--aos-space-10); text-align: center; margin: var(--aos-space-12) 0 var(--aos-space-8); background: var(--aos-shelf); }
.aos-pricing-standalone h3 { font-family: var(--aos-font-display); font-size: var(--aos-text-2xl); color: var(--aos-parchment); margin: 0 0 var(--aos-space-4); font-weight: 400; }
.aos-pricing-standalone p { font-size: var(--aos-text-base); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); max-width: 60ch; margin: 0 auto var(--aos-space-6); }

/* ── HOW IT WORKS ── */
.aos-how-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--aos-space-4); max-width: 720px; margin: 0 auto var(--aos-space-6); }
.aos-how-tl { border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-lg); padding: var(--aos-space-6); text-align: center; }
.aos-how-tl .k { display: block; font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-dust); margin-bottom: var(--aos-space-2); }
.aos-how-tl .v { font-family: var(--aos-font-display); font-size: var(--aos-text-2xl); color: var(--aos-amber); }
.aos-how-after { display: grid; grid-template-columns: 1fr 1fr; gap: var(--aos-space-6); margin-bottom: var(--aos-space-16); }
.aos-how-after-row { border-left: 2px solid var(--aos-bronze); padding-left: var(--aos-space-5); }
.aos-how-after-row h4 { font-family: var(--aos-font-heading); font-size: var(--aos-text-lg); color: var(--aos-parchment); margin: 0 0 var(--aos-space-2); }
.aos-how-after-row p { font-size: var(--aos-text-sm); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0; }
.aos-how-need { background: var(--aos-shelf); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-xl); padding: var(--aos-space-8); margin-bottom: var(--aos-space-24); }
.aos-how-need p { font-size: var(--aos-text-base); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0 0 var(--aos-space-4); }
.aos-how-need strong { color: var(--aos-parchment); }
@media (max-width: 768px) { .aos-how-timeline, .aos-how-after { grid-template-columns: 1fr; } }
