/* ==========================================================================
   Shared page shell for the creator-facing pages (/creators/, /compare/*).
   Paper and ink, same as the consumer landing, kept separate so these pages
   stand alone. The widget's own styles live in creator-preview.css.
   ========================================================================== */

body {
    margin: 0; background: #f7f3ea; color: #1d1915; line-height: 1.6; font-size: 1.0625rem;
    font-family: 'Charter', 'Bitstream Charter', 'Iowan Old Style', 'Palatino Linotype', Georgia, 'Times New Roman', serif;
    -webkit-text-size-adjust: 100%;
}
.page { max-width: 44rem; margin: 0 auto; padding: 2rem 1.25rem 5rem; }
.wide { max-width: 58rem; }
a { color: #c23a31; text-underline-offset: 2px; }
a:hover { color: #1d1915; }
:focus-visible { outline: 2px solid #f9504b; outline-offset: 2px; }
.kicker { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; color: #8b8378; }
h1 { font-size: 2rem; line-height: 1.18; margin: .4rem 0 0; font-weight: 600; }
h2 { font-size: 1.3rem; margin: 2.75rem 0 .6rem; font-weight: 600; }
.lede { color: #57504a; margin: 1rem 0 0; }
hr { border: 0; border-top: 1px solid #b8ad99; margin: 2.5rem 0; }
ul { padding-left: 1.15rem; }
li { margin-bottom: .45rem; }
.quiet { color: #57504a; font-size: .95rem; }
table.plain { width: 100%; border-collapse: collapse; font-size: .95rem; margin: 1rem 0; }
table.plain th, table.plain td { text-align: left; padding: .5rem .6rem .5rem 0; border-bottom: 1px solid #d9d1c1; vertical-align: top; }
table.plain th { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: #8b8378; font-weight: 400; }
footer { margin-top: 4rem; border-top: 1px solid #b8ad99; padding-top: 1.25rem; font-size: .875rem; color: #8b8378; }
footer a { color: #57504a; }