/* public-pages.css: the no-account pages (free marked paper, ATAR and grade
 * calculators) in the same look as the home page and the centre page: the
 * paper background, the brand faces, a logo nav, cards edged by a border.
 * Loaded after each page's own <style>, so these win. */
html:root[data-theme="light"] body { background: var(--bd-paper, #faf8f3); }
body { font-family: var(--bd-font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif); color: var(--bd-paper-ink, #1d1b16); }

.sd-pub-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 1rem 5%; border-bottom: 1px solid var(--bd-line-soft, rgba(29,27,22,0.07)); background: var(--bd-paper, #faf8f3); position: sticky; top: 0; z-index: 50; }
.sd-pub-nav .brand { display: flex; align-items: center; gap: 10px; font-weight: 800; text-decoration: none; color: inherit; font-size: 1.05rem; }
.sd-pub-nav .brand img { width: 34px; height: 34px; border-radius: 9px; }
.sd-pub-nav .links { display: flex; gap: 22px; align-items: center; font-size: 0.9rem; }
.sd-pub-nav .links a { text-decoration: none; color: var(--bd-text-dim, rgba(29,27,22,0.76)); font-weight: 600; }
.sd-pub-nav .links a:hover, .sd-pub-nav .links a[aria-current="page"] { color: inherit; }
.sd-pub-nav .links a.sd-pub-cta { background: var(--bd-accent, #0f9bbd); color: var(--bd-accent-ink, #04222b); padding: 9px 18px; border-radius: var(--bd-radius, 10px); font-weight: 700; }
@media (max-width: 720px) { .sd-pub-nav .links a.hide-m { display: none; } }

main { padding-top: 2.6rem; }
.eyebrow { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bd-accent-text, #0a5f75); margin-bottom: 0.8rem; }
h1 { font-family: var(--bd-font-display, 'Fraunces', Georgia, serif); font-weight: 600; letter-spacing: -0.5px; line-height: 1.1; }
.lede { color: var(--bd-text-dim, rgba(29,27,22,0.76)); }

.card { background: #ffffff; border: 1px solid var(--bd-line, rgba(29,27,22,0.12)); border-radius: var(--bd-radius-lg, 16px); box-shadow: none; }
.btn { border-radius: var(--bd-radius, 10px); }
.btn.primary { background: var(--bd-accent, #0f9bbd); color: var(--bd-accent-ink, #04222b); }
/* The closing offer sits on a quiet accent tint, not a gradient. */
.push, .end { background: rgba(15,155,189,0.06); border: 1px solid rgba(15,155,189,0.34); }

.sd-pub-foot { max-width: 1060px; margin: 0 auto; padding: 2rem 5%; border-top: 1px solid var(--bd-line-soft, rgba(29,27,22,0.07)); font-size: 0.82rem; color: var(--bd-text-dim, rgba(29,27,22,0.76)); display: flex; gap: 18px; flex-wrap: wrap; justify-content: space-between; }
.sd-pub-foot a { color: inherit; }