/* A compact editorial page using the site's shared navigation and design tokens. */
.policy-page { min-height: 100dvh; display: flex; flex-direction: column; }
.policy-page main { flex: 1; width: min(1280px,90%); margin: 0 auto; padding: 148px 0 88px; }
.policy-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: 12px; margin-bottom: 45px; }
.policy-breadcrumb a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.policy-layout { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(270px,1fr); gap: clamp(48px,7vw,112px); align-items: start; }
.policy-eyebrow { margin: 0 0 16px; font-size: 11px; color: var(--accent); letter-spacing: .15em; text-transform: uppercase; }
.policy-copy h1 { font: 400 clamp(42px,4.4vw,68px)/1.06 var(--display); letter-spacing: -.035em; margin: 0 0 32px; }
.policy-text { max-width: 650px; }
.policy-text p { font-size: 15px; line-height: 1.85; color: var(--muted); margin: 0 0 17px; }
.policy-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 29px 0 22px; }
.policy-actions > * { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 50px; padding: 13px 20px; border: 1px solid var(--accent); border-radius: 6px; font-size: 13px; line-height: 1.5; }
.policy-actions button { color: var(--ivory); background: var(--accent); }
.policy-actions button:hover { background: var(--ink); border-color: var(--ink); }
.policy-actions > a { color: var(--accent); background: transparent; border-color: var(--line); }
.policy-actions > a:hover { background: var(--paper); border-color: var(--accent); }
.policy-email { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--muted); text-decoration: underline; text-underline-offset: 5px; }
.policy-explore { background: var(--section-warm); border: 1px solid var(--line); border-radius: 18px; padding: 32px; }
.policy-explore h2 { font: 400 34px/1.15 var(--display); letter-spacing: -.025em; margin: 0 0 25px; }
.policy-explore nav a { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 57px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 14px; }
.policy-explore nav a > span:last-child { color: var(--accent); }
.policy-explore nav a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 5px; }
.policy-page .footer { padding-bottom: 30px; }
@media (max-width: 1000px) { .policy-layout { gap: 40px; grid-template-columns: minmax(0,1.5fr) minmax(250px,1fr); } .policy-explore { padding: 25px; } }
@media (max-width: 820px) { .policy-page main { width: 88%; padding: 118px 0 55px; } .policy-breadcrumb { margin-bottom: 32px; } .policy-layout { grid-template-columns: minmax(0,1fr); gap: 36px; } .policy-copy h1 { font-size: clamp(40px,7vw,58px); margin-bottom: 24px; } .policy-explore { padding: 26px; } }
@media (max-width: 420px) { .policy-actions { flex-direction: column; } .policy-actions > * { width: 100%; } .policy-text p { font-size: 14px; } .policy-explore { padding: 23px; } }