/* Interior/static page styles, extracted from the imported about page.
   CLAUDE.md guardrail 2: no inline style attributes. */

@media (prefers-reduced-motion: reduce) {
		
		
		
	}

	@media (prefers-contrast: high) {
		
		
		
	}

.gp-i1 { background-image:radial-gradient(circle, rgba(251,244,228,0.55) 1px, transparent 1.4px);background-size:26px 26px; }

/* ---- Prose inside the content well --------------------------------
   Ported from the old interior.css .legal-content rules, which stopped
   loading when these pages moved onto the imported chrome. Without them
   headings, lists and links inside @section('content') render unstyled.

   Plain CSS rather than Tailwind's typography plugin: the stylesheet that
   came with the import is a prebuilt build and does not include it. */
.gp-prose h2 {
    font-family: "Fraunces", Georgia, serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #3D1E4A;
    margin: 40px 0 14px;
}
.gp-prose h2:first-child { margin-top: 0; }
.gp-prose h3 {
    font-family: "Fraunces", Georgia, serif;
    font-size: 18px;
    font-weight: 600;
    color: #3D1E4A;
    margin: 28px 0 8px;
}
.gp-prose p  { margin: 0 0 18px; }
.gp-prose ul { margin: 0 0 18px; padding-left: 22px; list-style: disc; }
.gp-prose ol { margin: 0 0 18px; padding-left: 22px; list-style: decimal; }
.gp-prose li { margin-bottom: 8px; }
.gp-prose a  { color: #3D1E4A; text-decoration: underline; text-underline-offset: 2px; }
.gp-prose a:hover { color: #E85D3A; }
.gp-prose strong { color: #3D1E4A; font-weight: 600; }
.gp-prose > :last-child { margin-bottom: 0; }

/* Interior heroes carry only an eyebrow and a heading, so the imported page's
   pb-20 pt-16 (and pb-28 pt-24 at sm) left a lot of empty plum around one line
   of text. Overridden here rather than by swapping the Tailwind classes, which
   would not exist in the prebuilt stylesheet. */
.gp-hero--bare { padding-top: 3.25rem; padding-bottom: 3.25rem; padding-top: 3.5rem; padding-bottom: 3.5rem; }
@media (min-width: 640px) {
    .gp-hero--bare { padding-top: 3.25rem; padding-bottom: 3.25rem; padding-top: 5rem; padding-bottom: 5rem; }
}

/* The content well sits directly under the hero, so the imported page's
   generous top padding (py-20, py-28 at sm) leaves a wide band of empty cream
   before the first line. The hero already provides that separation. */
.gp-interior-content { padding-top: 3rem; }
@media (min-width: 640px) { .gp-interior-content { padding-top: 4rem; } }

/* Footer marks the page you are on. The class is set by the layout but was
   only ever defined in gift-flow.css/styles.css, which interior pages do not
   load, so the current page was indistinguishable from its siblings. */
.gp-interior-footer a.active {
    color: #FBF4E4;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: rgba(251, 244, 228, 0.5);
}

/* Long unbroken strings in prose (file paths, URLs) pushed past the viewport
   on /brand at 390px. */
.gp-prose code,
.gp-prose a { overflow-wrap: anywhere; }