/* Lightweight, intentionally static discovery pages for search and AI bots.
 * Mirrors Perfume Diaries palette; not the authenticated app shell.
 */
:root { color-scheme: light; --ink:#23261F; --body:#4A4E44; --sage:#6B8F71; --blush:#F8E7EC; --rose:#9B3D5A; --paper:#FDFBF7; --line:#E8E6E0; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif; line-height:1.65; }
a { color:var(--rose); text-underline-offset:3px; }
header, main, footer { width:min(760px,calc(100% - 36px)); margin-inline:auto; }
header { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:26px 0 12px; }
header a { font-size:0.85rem; }
.brand { font-family:Georgia,serif; font-size:1.2rem; font-weight:600; text-decoration:none; color:var(--ink); letter-spacing:.02em; }
.language { white-space:nowrap; }
main { padding:44px 0 56px; }
.eyebrow { text-transform:uppercase; letter-spacing:.18em; font-size:.7rem; color:var(--rose); font-weight:600; }
h1,h2 { font-family:Georgia,Cambria,serif; font-weight:500; line-height:1.2; }
h1 { font-size:clamp(2.1rem,6vw,3.6rem); margin:14px 0 22px; }
h2 { font-size:1.5rem; margin:38px 0 10px; }
p,li { max-width:65ch; color:var(--body); }
.lead { font-size:1.15rem; line-height:1.75; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 50px; }
.actions a { display:inline-block; padding:11px 19px; border-radius:3px; text-decoration:none; border:1px solid var(--sage); font-size:.9rem; }
.actions .primary { background:var(--sage); color:white; }
.features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 30px; }
.features h2 { margin-top:14px; }
.features article { border-top:1px solid var(--line); padding:14px 0; }
.features h3 { margin:0 0 7px; font-size:1rem; font-weight:600; }
.features p { margin:0; font-size:.95rem; }
footer { border-top:1px solid var(--line); padding:20px 0 34px; font-size:.83rem; color:var(--body); }
@media (max-width:620px) { .features { grid-template-columns:1fr; } main { padding-top:24px; } }

/* Distinct editorial guides, shared brand palette. */
.guide-app{background:#F4F6F1;padding:18px 24px;border-left:3px solid var(--sage);margin-top:42px}
.guide-app h2{margin-top:4px}
.guide-app .actions{margin:20px 0 0}
.related-guides{border-top:1px solid var(--line);margin-top:38px}
.related-guides ul{columns:2;column-gap:36px;padding-left:20px}
.related-guides li{break-inside:avoid;margin-bottom:10px}
@media(max-width:620px){.related-guides ul{columns:1}}