.fortune-page{max-width:900px;padding:2rem var(--layout-gutter);flex-direction:column;gap:2rem;margin:0 auto;display:flex}.page-hero{padding:2rem 2.5rem}.page-hero h1{color:var(--brand-heading);margin:.4rem 0 0;font-size:2.2rem;font-weight:700}.page-hero p{color:var(--brand-text);margin:.5rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand-subtle-text);margin:0;font-size:.75rem;font-weight:800}.page-hero p{max-width:42rem;margin:.75rem 0 0;line-height:1.7}.fortune-controls{flex-direction:column;gap:1rem;padding:1.5rem 1.75rem;display:flex}.category-row{flex-wrap:wrap;gap:.75rem;display:flex}.category-btn{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);min-width:120px;color:var(--brand-heading);cursor:pointer;flex:140px;padding:.95rem 1rem;transition:transform .2s,background-color .2s,border-color .2s}.category-btn:hover,.category-btn.active{background:var(--brand-accent-muted);border-color:var(--brand-accent);color:var(--brand-heading);transform:translateY(-1px)}.fortune-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{font:inherit;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:focus-visible{box-shadow:var(--brand-focus-ring);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn--accent{background-color:var(--brand-accent);color:var(--brand-accent-contrast-text);border-color:var(--brand-accent)}.btn--accent:hover:not(:disabled){background-color:var(--brand-accent-strong);transform:translateY(-2px)}.btn--secondary{background-color:var(--brand-surface);color:var(--brand-heading);border-color:var(--brand-border)}.btn--secondary:hover:not(:disabled){background-color:var(--brand-background);transform:translateY(-2px)}.fortune-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem;display:flex}.fortune-header{align-items:center;gap:.75rem;display:flex}.fortune-emoji{margin:0;font-size:1.9rem}.fortune-label{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-subtle-text);margin:0;font-size:.95rem}.fortune-text{min-height:6rem;color:var(--brand-heading);font-size:1.35rem;font-weight:700;line-height:1.5}.fortune-subtext{color:var(--brand-text);margin:0}.seo-content-area{flex-direction:column;gap:1rem;padding:1.75rem 2rem;display:flex}.seo-content-area h2{margin:0}.seo-content-area ul,.seo-content-area ol{margin:0;padding-left:1.35rem}.seo-content-area li{margin:.55rem 0}@media (width<=680px){.fortune-page{padding:1rem var(--layout-gutter);gap:1.5rem}.page-hero,.fortune-controls,.fortune-card,.seo-content-area{padding:1.25rem}.fortune-text{min-height:5rem;font-size:1.1rem}.category-row{flex-direction:column}.category-btn{flex:100%}.fortune-actions{flex-direction:column}.fortune-actions .btn{justify-content:center;width:100%}}