@media screen{.hc-note-by-note{--hc-ink:#16191b;--hc-paper:#fffdf4;--hc-yellow:#f7dd46;--hc-grid:#dfc63e;--hc-blue:#4f7fe8;--hc-coral:#e75b70;--hc-lilac:#d991eb;--hc-mint:#a9dfc7;--hc-lemon:#f9e784;--hc-cream:#fff9e3;--hc-white:#fff;--hc-line:2px solid var(--hc-ink);--hc-shadow:4px 4px 0 var(--hc-ink);--foreground:var(--hc-ink);--muted-foreground:#4a4f51;--pr-container-page:80rem;--pr-page-gutter:clamp(1rem, 5.5556vw, 5rem);--ring:var(--hc-ink);background:var(--hc-paper);min-height:100dvh;color:var(--foreground)}.hc-note-by-note .eyebrow{color:var(--muted-foreground);letter-spacing:0;text-transform:none;font-size:.875rem;font-weight:700}.hc-note-by-note :is(a,button,summary,select,input):focus-visible{outline:var(--pr-focus-width) solid var(--ring);outline-offset:var(--pr-focus-offset)}.hc-note-by-note .am-button{white-space:normal;overflow-wrap:anywhere;border:var(--hc-line);border-radius:var(--pr-radius-control);max-width:100%;min-height:3.25rem;color:var(--hc-ink);background:var(--hc-white);box-shadow:var(--hc-shadow);transition:transform var(--pr-duration-fast) var(--pr-motion-ease), box-shadow var(--pr-duration-fast) var(--pr-motion-ease), background-color var(--pr-duration-fast) var(--pr-motion-ease);padding:.75rem 1.25rem;font-size:1rem;font-weight:750;line-height:1.4}.hc-note-by-note .am-primary{background:var(--hc-blue)}.hc-note-by-note .am-primary:hover:not(:disabled){background:var(--hc-blue);border-color:var(--hc-ink)}.hc-note-by-note .am-secondary:hover:not(:disabled){background:var(--hc-cream)}.hc-note-by-note .am-button:active:not(:disabled){box-shadow:1px 1px 0 var(--hc-ink);transform:translate(3px,3px)}.hc-note-by-note .am-button:disabled{color:var(--disabled-foreground);background:var(--hc-cream);border-color:var(--disabled-foreground);box-shadow:none;cursor:not-allowed}.hc-note-by-note .am-tertiary{background:0 0}.hc-note-by-note .pr-window-bar{border-bottom:var(--hc-line);background:var(--hc-blue);min-height:2.5rem;color:var(--hc-ink);justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,1rem);padding:.5rem clamp(12px,1.25vw,18px);font-size:.9375rem;font-weight:750;line-height:1.5;display:flex}.hc-note-by-note .pr-window-bar .eyebrow{color:inherit}.hc-note-by-note .pr-window-bar-lilac{background:var(--hc-lilac)}.hc-note-by-note .pr-window-bar-mint{background:var(--hc-mint)}.hc-note-by-note .pr-window-dots{flex:none;gap:7px;margin-left:auto;display:flex}.hc-note-by-note .pr-window-dots i{border:1.5px solid var(--hc-ink);background:var(--hc-white);border-radius:50%;width:9px;height:9px}.hc-note-by-note .site-header{border-bottom:var(--hc-line);background:var(--hc-yellow)}.hc-note-by-note .header-inner{min-height:6.5rem}.hc-note-by-note .site-brand{letter-spacing:0;gap:.875rem;font-size:1.625rem;line-height:1.25}.hc-note-by-note .brand-mark{border:var(--hc-line);border-radius:var(--pr-radius-panel);width:3rem;height:3rem;box-shadow:3px 3px 0 var(--hc-ink);background:var(--hc-coral);color:var(--hc-ink);flex:none}.hc-note-by-note .desktop-nav{align-items:center;gap:clamp(1.25rem,4vw,3.75rem)}.hc-note-by-note :is(.desktop-nav,.mobile-nav) a{color:var(--hc-ink);font-size:1rem;font-weight:750}.hc-note-by-note .desktop-nav>a:last-child{background:var(--hc-lemon);border:var(--hc-line);border-radius:var(--pr-radius-control);box-shadow:3px 3px 0 var(--hc-ink);padding:.75rem 1.25rem}.hc-note-by-note .mobile-nav summary{border:var(--hc-line);border-radius:var(--pr-radius-control);background:var(--hc-white);box-shadow:2px 2px 0 var(--hc-ink);font-weight:700}.hc-note-by-note .mobile-nav nav{border:var(--hc-line);background:var(--hc-white);box-shadow:var(--hc-shadow)}.hc-note-by-note .site-footer{border-top:var(--hc-line);gap:var(--pr-space-32);padding-block:2.5rem 3.5rem;font-size:1rem}.hc-note-by-note .footer-brand{font-size:1.375rem;font-weight:750}.hc-note-by-note .site-footer a{color:var(--hc-ink)}.hc-note-by-note .site-footer nav a{min-height:var(--pr-control-min-size);align-items:center;display:inline-flex}@media (hover:hover){.hc-note-by-note .am-button:hover:not(:disabled){box-shadow:5px 5px 0 var(--hc-ink);transform:translate(-1px,-1px)}.hc-note-by-note .am-button:active:not(:disabled){box-shadow:1px 1px 0 var(--hc-ink);transform:translate(3px,3px)}}@media (max-width:67rem){.hc-note-by-note .site-brand{font-size:1.375rem}.hc-note-by-note .desktop-nav{gap:1.25rem}.hc-note-by-note .desktop-nav a{font-size:.875rem}}@media (max-width:47.999rem){.hc-note-by-note{--pr-page-gutter:1rem}.hc-note-by-note .header-inner{flex-wrap:wrap;gap:.75rem;min-height:5rem}.hc-note-by-note .site-brand{overflow-wrap:anywhere;gap:.625rem;min-width:0;max-width:100%;font-size:1.25rem}.hc-note-by-note .mobile-nav{margin-left:auto}.hc-note-by-note .brand-mark{width:2.5rem;height:2.5rem}.hc-note-by-note .site-footer{padding-block:2rem}}@media (max-width:22rem){.hc-note-by-note .site-brand{font-size:1.0625rem}.hc-note-by-note .brand-mark{width:2.25rem;height:2.25rem}}@media (prefers-reduced-motion:reduce){.hc-note-by-note *,.hc-note-by-note :before,.hc-note-by-note :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hc-note-by-note .am-button:is(:hover,:active){transform:none}}}