.footer-links,.planner-footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}.footer-links>a,.footer-links .quiet-button{font-size:11px;min-height:40px;display:inline-flex;align-items:center;padding:7px 0;color:#5d7056}.footer-links .quiet-button{border:0}.footer-links>a:hover,.planner-footer-links>a:hover{color:#ba6547;text-decoration:underline;text-underline-offset:4px}.footer-right{flex-wrap:wrap;gap:8px 25px}.planner-footer-links>a{font-size:12px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none}.planner-footer-links .text-button{min-height:40px}.device-storage{margin-top:30px;padding:20px 22px;background:#e9f0e6;border:1px solid #d9e2d4;border-radius:7px;max-width:760px}.device-storage label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer;min-height:30px}.device-storage input{width:17px;height:17px;accent-color:#193e43;flex-shrink:0}.device-storage p{margin:9px 0 0;font-size:12px;line-height:1.8;color:#596b62}.device-storage p a{text-underline-offset:3px}.device-storage #storageStatus{display:block;margin-top:7px;font-size:11px;color:#536757}.device-storage #storageStatus:empty{display:none}@media(max-width:800px){.footer-right{gap:5px;align-items:flex-end}.footer-links,.planner-footer-links{gap:0 18px}}@media(max-width:560px){.footer-right{flex-direction:column;align-items:flex-start;width:100%;gap:6px}.footer-links{gap:0 22px}.footer-links>a,.footer-links .quiet-button{font-size:11px}.planner-footer-links{width:100%;gap:0 18px}.device-storage{padding:16px}.device-storage label{font-size:12px;align-items:flex-start}.device-storage p{font-size:11px}}@media print{.device-storage,.planner-footer-links{display:none}}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 7px 12px;
  border: 1px solid #bccfba;
  border-radius: 8px;
  background: #e9f0e6;
  color: #193e43;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.footer-social a:hover,
.footer-social a:focus-visible {
  background: #dbe8d8;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.footer-social svg {
  width: 18px;
  height: 18px;
  flex: none;
}

@media (max-width: 560px) {
  .footer-social {
    width: 100%;
  }
}