/* Support has its own paper space, separate from the navigation. */
footer.zkn-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:36px 56px;align-items:center}
.zkn-footer .footer-main{min-width:0}.zkn-footer .footer-main>p{margin-bottom:20px}
.zkn-footer .home-footer-main{display:grid;grid-template-columns:70px minmax(160px,1fr) minmax(190px,1fr);gap:28px;align-items:center}
.zkn-footer .home-footer-main>p{margin:0;font:30px/1.2 Notebook,cursive}
.zkn-footer .footer-support{margin:0;padding:0;justify-self:end;align-self:center}
footer.zkn-footer .footer-support a.support-footer-link{position:relative;display:block;width:195px;min-height:88px;padding:23px 18px 18px;background:#f2e3dc;border:1px solid #d8c6bc;border-radius:2px 3px 6px 1px;box-shadow:2px 4px 6px #69533914;transform:rotate(-1.2deg);font:26px/1.15 Notebook,cursive!important;color:#635550;text-align:center;text-decoration:none}
.footer-support .support-footer-link:before{content:'';position:absolute;width:53px;height:16px;background:#e9debead;top:-7px;left:18px;transform:rotate(-5deg);pointer-events:none}
.owner-support,.receipt-support{max-width:820px;margin:48px auto 40px}
.zkn-support-note{position:relative;padding:44px 44px 32px;background:linear-gradient(125deg,#fcf7ed,#f6e9e2);border:1px solid #dfcfc1;box-shadow:3px 6px 12px #624f3414;border-radius:1px 3px 7px 2px;color:#48544d}
.zkn-support-note:before{content:'';position:absolute;top:-9px;left:30px;width:78px;height:23px;background:#e6d6b29c;transform:rotate(-5deg);pointer-events:none}
.zkn-support-note .zkn-support-bow{position:absolute;width:82px;height:48px;right:28px;top:-20px;opacity:.85}
.zkn-support-note .eyebrow{font:18px/1.35 Notebook,cursive!important;letter-spacing:.07em;margin:0 0 20px;padding-right:54px}
.zkn-support-note h2{font:42px/1.1 Notebook,cursive!important;margin:0 0 21px;color:#48544d}
.zkn-support-note p{font:26px/1.4 Notebook,cursive!important;margin:0 0 24px;max-width:53ch}
.zkn-support-note a.zkn-support-open{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;background:#fffaf0;border:1px solid #cdbba8;border-radius:2px 3px 4px 1px;color:#4f5148;font:27px/1.2 Notebook,cursive;text-decoration:none;box-shadow:1px 2px 2px #705e3412}
.zkn-support-note p.zkn-support-small{font-size:21px!important;margin:21px 0 0;color:#6b6d60}
@media(max-width:760px){footer.zkn-footer{grid-template-columns:1fr;gap:28px}.zkn-footer .footer-support{justify-self:start}.zkn-footer .home-footer-main{grid-template-columns:60px minmax(0,1fr)}.home-footer-main .footer-links{grid-column:1/-1}.zkn-footer .home-footer-main>p{font-size:27px}.owner-support,.receipt-support{margin:38px auto 28px}.zkn-support-note{padding:36px 25px 27px}.zkn-support-note h2{font-size:35px!important}.zkn-support-note p{font-size:25px!important}.zkn-support-note .eyebrow{font-size:17px!important}.zkn-support-note .zkn-support-bow{right:17px;width:69px}}

/* Matching notes share a row on desktop and stack in their reading order on phones. */
.optional-notes.note-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:stretch;margin:48px 0 40px}
.optional-notes.note-pair>.owner-support{display:flex;min-width:0;max-width:none;margin:0}
.optional-notes.note-pair>.friendly-note,.optional-notes.note-pair .zkn-support-note{display:flex;flex-direction:column;min-width:0;width:100%;margin:0;padding:32px 30px 28px!important;border:1px solid #dfcfc1;border-radius:2px 3px 6px 1px;box-shadow:3px 6px 12px #624f3414}
.optional-notes.note-pair>.friendly-note{background:#fbf8ef}
.optional-notes.note-pair .eyebrow{font:17px/1.4 Notebook,cursive!important;letter-spacing:.06em;min-height:48px;margin:0 0 14px;padding-right:14px}
.optional-notes.note-pair h2{font:35px/1.12 Notebook,cursive!important;min-height:2.24em;margin:0 0 20px;padding:0}
.optional-notes.note-pair>.friendly-note>p:not(.eyebrow):not(.newsletter-small),.optional-notes.note-pair .zkn-support-note>p:not(.eyebrow):not(.zkn-support-small){flex:1;font:25px/1.38 Notebook,cursive!important;margin:0 0 24px}
.optional-notes.note-pair a.button,.optional-notes.note-pair a.zkn-support-open{align-self:flex-start;min-height:48px;padding:10px 17px;border:1px solid #cdbba8;background:#fffaf0;box-shadow:1px 2px 2px #705e3412;font:25px/1.2 Notebook,cursive!important}
.optional-notes.note-pair .newsletter-small,.optional-notes.note-pair p.zkn-support-small{font:20px/1.35 Notebook,cursive!important;min-height:54px;margin:20px 0 0!important;color:#6b6d60}
@media(max-width:860px){.optional-notes.note-pair{grid-template-columns:1fr;gap:32px}.optional-notes.note-pair>.friendly-note,.optional-notes.note-pair .zkn-support-note{padding:31px 25px 26px!important}.optional-notes.note-pair h2{min-height:0;font-size:34px!important}.optional-notes.note-pair .eyebrow,.optional-notes.note-pair .newsletter-small,.optional-notes.note-pair p.zkn-support-small{min-height:0}.optional-notes.note-pair>.friendly-note>p:not(.eyebrow):not(.newsletter-small),.optional-notes.note-pair .zkn-support-note>p:not(.eyebrow):not(.zkn-support-small){flex:none;font-size:24px!important}}
@media(max-width:760px){footer.zkn-footer .footer-support{justify-self:end;margin:10px 9px 10px 0}footer.zkn-footer .footer-support a.support-footer-link{width:178px;min-height:84px;padding:21px 16px 17px;transform:rotate(6deg);font-size:25px!important}.footer-support .support-footer-link:before{left:20px;transform:rotate(-9deg)}}

/* A slim handwritten label on phones, tilted back toward the page. */
@media(max-width:760px){footer.zkn-footer .footer-support{margin:2px 9px 7px 0}footer.zkn-footer .footer-support a.support-footer-link{width:245px;min-height:0;padding:11px 16px;white-space:nowrap;transform:rotate(-6deg);font-size:24px!important;line-height:1.2}.footer-support .support-footer-link:before{width:48px;height:13px;top:-6px;left:22px;transform:rotate(7deg)}}
