/* Public information pages share the planner's existing type and palette. */
*{box-sizing:border-box}
body{margin:0;color:var(--text)}
.info-wrap{max-width:1060px;margin:auto;padding:28px 24px 56px}
.info-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--yellow);font:28px 'Lilita One',Impact,sans-serif;letter-spacing:.02em}
.info-brand img{width:44px;height:44px}
.info-back{color:var(--lav);font-weight:800;text-underline-offset:4px}
.info-title{margin:32px 0 22px}
.info-title .eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.info-title h1{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:8px 0 12px}
.info-title>p{font-size:18px;max-width:700px;color:var(--muted);margin:0}
.info-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start}
.info-nav{position:sticky;top:24px;display:grid;gap:12px;padding:20px 0}
.info-nav a{color:var(--lav);font-size:14px;text-underline-offset:4px}
.info-paper{color:#2a2438;background:#f1e7d1;border:3px solid var(--ink);border-radius:14px;box-shadow:0 7px 0 #0b091c;padding:30px 34px;min-width:0}
.info-paper h2{font-size:25px;color:#46315f;margin:0 0 12px;line-height:1.2}
.info-paper section+section{border-top:1px solid #b9a78e;padding-top:25px;margin-top:25px}
.info-paper p,.info-paper li{font-size:16px;line-height:1.7}
.info-paper p{margin:12px 0}
.info-paper ul{padding-left:22px}
.info-paper li+li{margin-top:8px}
.info-paper a{color:#503473;text-underline-offset:3px;font-weight:800;overflow-wrap:anywhere}
.info-paper :is(a,button):focus-visible{outline-color:#503473}
.info-paper .info-date{font-size:13px;color:#65576b;margin:0 0 24px}
.info-foot{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:14px}
.info-foot a{color:var(--lav)}
.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:var(--cream);color:var(--ink);z-index:2}
.skip-link:focus{top:8px}
@media(max-width:680px){.info-wrap{padding:18px 16px 40px}header{gap:16px;align-items:flex-start}.info-brand{font-size:23px}.info-brand img{width:36px;height:36px}.info-back{font-size:14px;text-align:right}.info-grid{grid-template-columns:1fr;gap:18px}.info-nav{position:static;display:flex;flex-wrap:wrap;gap:10px 18px;padding:0}.info-paper{padding:24px 20px}.info-title{margin-top:24px}.info-title>p{font-size:16px}}