.fn{border-top:1px solid var(--color-ax-line);padding-block:clamp(72px,10vw,140px)}.fn__head{justify-content:space-between;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;margin-bottom:clamp(36px,6vw,64px);display:flex}.fn__head>div{min-width:0;max-width:40rem}.fn__pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin:0;padding:12px 0 0;list-style:none;display:grid}.fn__pages>li{min-width:0;display:flex}.fn-page{--tilt:-1.6deg;--ruled:color-mix(in oklab, var(--color-cf-ink) 14%, transparent);inline-size:100%;border:var(--stroke) solid var(--color-line);border-radius:var(--radius-sm);background: radial-gradient(circle at 24px 22%, var(--color-cf-night) 0 7px, transparent 8px), radial-gradient(circle at 24px 50%, var(--color-cf-night) 0 7px, transparent 8px), radial-gradient(circle at 24px 78%, var(--color-cf-night) 0 7px, transparent 8px),  linear-gradient(90deg, transparent 42px, var(--color-cf-stamp) 42px 44px, transparent 44px),  repeating-linear-gradient(180deg, transparent 0 27px, var(--ruled) 27px 28px) 0 14px / 100% 100%, var(--color-cf-paper);min-height:19rem;box-shadow:0 var(--lift) 0 var(--color-line);color:var(--color-cf-ink);rotate:var(--tilt);flex-direction:column;gap:10px;padding:44px clamp(18px,2vw,26px) 22px clamp(52px,5vw,64px);text-decoration:none;transition:rotate .26s cubic-bezier(.2,.8,.2,1),translate .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s;display:flex;position:relative}.fn__pages>li:nth-child(2) .fn-page{--tilt:1.1deg}.fn__pages>li:nth-child(3) .fn-page{--tilt:-.6deg}.fn-page:hover,.fn-page:focus-visible{box-shadow:0 calc(var(--lift) + 6px) 0 var(--color-line);translate:0 -6px;rotate:none}.fn-page:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.fn-page__tape{background:color-mix(in oklab, var(--color-accent) 80%, transparent);border:1px solid color-mix(in oklab, var(--color-line) 35%, transparent);pointer-events:none;block-size:28px;inline-size:84px;position:absolute;top:-16px;left:50%;translate:-50%;rotate:3deg}.fn__pages>li:nth-child(2) .fn-page__tape{rotate:-4deg}.fn-page__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fn-page__top time{color:var(--color-cf-ink-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.fn-page__stamp{border:2px solid var(--color-cf-stamp);border-radius:var(--radius-sm);color:var(--color-cf-stamp);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:3px 8px 2px;line-height:1.1;rotate:3deg}.fn-page__title{font-family:var(--font-body);font-size:var(--text-xl);text-wrap:balance;overflow-wrap:anywhere;font-weight:800;line-height:1.2}.fn-page__text{color:var(--color-cf-ink-2);font-family:var(--font-body);font-size:var(--text-md);overflow-wrap:anywhere;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.fn-page__go{font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;margin-top:auto;padding-top:8px;font-weight:700}.fn-page:hover .fn-page__go,.fn-page:focus-visible .fn-page__go{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px;text-decoration-thickness:3px}@media (max-width:960px){.fn__pages{grid-template-columns:minmax(0,1fr);gap:36px;max-width:34rem}.fn-page{--tilt:-.6deg;min-height:0}.fn__pages>li:nth-child(2) .fn-page{--tilt:.5deg}.fn__pages>li:nth-child(3) .fn-page{--tilt:-.3deg}}@media (prefers-reduced-motion:reduce){.fn-page{transition:none}.fn-page:hover,.fn-page:focus-visible{translate:0}}.fn__lede{max-width:34rem;font-family:var(--font-body);color:var(--color-ax-dim);margin:12px 0 0}.fn--manuals+.fn--notes{padding-top:clamp(40px,6vw,80px)}
