@import url("styles.css");
.info-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px max(6vw,24px);border-bottom:1px solid var(--line)}
.info-header nav,.info-footer nav{display:flex;gap:22px;flex-wrap:wrap}
.info-header nav a,.info-footer a,.info-content a{text-decoration:underline;text-underline-offset:4px}
.info-content{max-width:850px;margin:0 auto;padding:64px 24px 80px;overflow-wrap:anywhere}
.info-content h1{font-size:clamp(44px,8vw,70px);letter-spacing:-.045em;line-height:1.08;margin:20px 0}
.info-content .intro{font-size:20px;color:var(--muted);margin-bottom:32px}
.info-content h2{font-size:27px;letter-spacing:-.025em;margin:36px 0 12px}
.info-content p,.info-content ul,.info-content ol{margin:12px 0;line-height:1.75}
.info-content li{margin:8px 0}.info-content .draft{padding:18px 22px;background:var(--lavender);border:2px solid var(--purple);border-radius:16px;margin:24px 0}
.info-content .date{font-size:14px;color:var(--muted)}
.info-footer{border-top:1px solid var(--line);padding:30px max(6vw,24px);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:14px}
@media(max-width:480px){.info-header{align-items:flex-start;flex-direction:column}.info-content{padding-top:34px}.info-header nav{font-size:14px}}