.fnv-rpt-ft {
margin: 40px 0 0;
padding: 0;
border-block-start: 4px solid var(--fnv-ink);
background: var(--fnv-surface);
container-type: inline-size;
}
.fnv-rpt-ft__meta {
padding-block: 14px 16px;
border-block-end: 1px solid var(--fnv-border);
}
.fnv-rpt-ft .fnv-rpt-ft__k {
margin: 0 0 10px;
font-size: .8125rem;
font-weight: 800;
line-height: 1.7;
color: var(--fnv-ink);
}
.fnv-rpt-ft__facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px 24px;
margin: 0;
}
.fnv-rpt-ft__fact { min-width: 0; }
.fnv-rpt-ft__fact dt { margin: 0; font-size: .8125rem; font-weight: 700; line-height: 1.6; color: var(--fnv-ink-3); }
.fnv-rpt-ft__fact dd { margin: 0; font-size: .9375rem; font-weight: 800; line-height: 1.7; color: var(--fnv-ink); }
.fnv-rpt-ft .fnv-rpt-ft__fa { color: var(--fnv-ink); text-decoration: underline; text-underline-offset: 3px; }
.fnv-rpt-ft .fnv-rpt-ft__fa:hover { text-decoration-thickness: 2px; }
.fnv-rpt-ft__na { font-size: .875rem; line-height: 1.8; color: var(--fnv-ink-3); }
.fnv-rpt-ft__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
padding-block: 20px 22px;
}
@container (min-width: 640px) {
.fnv-rpt-ft__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; }
.fnv-rpt-ft__next { border-inline-start: 1px solid var(--fnv-border); padding-inline-start: 24px; }
}
.fnv-rpt-ft .fnv-rpt-ft__h {
margin: 0 0 8px;
font-family: var(--fnv-font-heading);
font-size: 1.35rem;
font-weight: 800;
line-height: 1.5;
color: var(--fnv-ink);
}
.fnv-rpt-ft .fnv-rpt-ft__p {
margin: 0 0 16px;
line-height: 1.95;
color: var(--fnv-ink-2);
max-width: var(--fnv-measure-wide);
}
.fnv-rpt-ft__acts {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
}
.fnv-rpt-ft .fnv-rpt-ft__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 18px;
border: 2px solid var(--fnv-ink);
background: var(--fnv-ink);
color: var(--fnv-surface);
font-size: .875rem;
font-weight: 800;
text-decoration: none;
}
.fnv-rpt-ft .fnv-rpt-ft__btn:hover { background: var(--fnv-surface); color: var(--fnv-ink); text-decoration: none; }
.fnv-rpt-ft .fnv-rpt-ft__btn-ghost { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-rpt-ft .fnv-rpt-ft__btn-ghost:hover { background: var(--fnv-ink); color: var(--fnv-surface); }
.fnv-rpt-ft .fnv-rpt-ft__nh {
margin: 0 0 8px;
padding-block-end: 8px;
border-block-end: 2px solid var(--fnv-ink);
font-size: .9375rem;
font-weight: 800;
line-height: 1.6;
color: var(--fnv-ink);
}
.fnv-rpt-ft__next ul { list-style: none; margin: 0; padding: 0; }
.fnv-rpt-ft .fnv-rpt-ft__next li { margin: 0; line-height: 1.6; border-block-end: 1px solid var(--fnv-border); }
.fnv-rpt-ft .fnv-rpt-ft__next li:last-child { border-block-end: 0; }
.fnv-rpt-ft__next a { display: block; position: relative; min-height: 44px; padding: 9px 0 9px 18px; color: var(--fnv-ink); text-decoration: none; }
.fnv-rpt-ft__next a::after { content: '←'; position: absolute; inset-inline-end: 0; top: 10px; color: var(--fnv-ink-3); }
.fnv-rpt-ft__next b { display: block; font-size: .9rem; font-weight: 700; line-height: 1.55; }
.fnv-rpt-ft__next small { display: block; font-size: .8125rem; line-height: 1.6; color: var(--fnv-ink-muted); }
.fnv-rpt-ft__next a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.fnv-rpt-ft__ad { padding-block: 18px; border-block-start: 1px solid var(--fnv-border); }
.fnv-rpt-ft__ad .fnv-partner { margin: 0; }
.fnv-rpt-ft__close {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
padding-block: 18px 20px;
border-block-start: 2px solid var(--fnv-ink);
}
@container (min-width: 640px) {
.fnv-rpt-ft__close { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
.fnv-rpt-ft__soc { border-inline-start: 1px solid var(--fnv-border); padding-inline-start: 24px; }
}
.fnv-rpt-ft__grp { min-width: 0; }
.fnv-rpt-ft .fnv-rpt-ft__gh {
margin: 0 0 10px;
font-size: .9375rem;
font-weight: 800;
line-height: 1.6;
color: var(--fnv-ink);
}
.fnv-rpt-ft__copy { display: flex; align-items: stretch; margin: 0 0 4px; }
.fnv-rpt-ft .fnv-rpt-ft__url {
flex: 1 1 auto;
min-width: 0;
min-height: 44px;
padding: 8px 12px;
border: 2px solid var(--fnv-ink);
border-radius: 0;
background: var(--fnv-surface);
color: var(--fnv-ink-2);
font-size: .875rem;
line-height: 1.4;
}
.fnv-rpt-ft .fnv-rpt-ft__cbtn {
flex: 0 0 auto;
min-height: 44px;
margin-inline-start: -2px;
padding: 8px 16px;
border: 2px solid var(--fnv-ink);
border-radius: 0;
background: var(--fnv-ink);
color: var(--fnv-surface);
font-size: .875rem;
font-weight: 800;
line-height: 1.4;
cursor: pointer;
}
.fnv-rpt-ft .fnv-rpt-ft__cbtn:hover { background: var(--fnv-surface); color: var(--fnv-ink); }
.fnv-rpt-ft__cmsg { min-height: 1.7em; margin: 0 0 8px; font-size: .8125rem; font-weight: 700; line-height: 1.7; color: var(--fnv-ink-2); }
.fnv-rpt-ft__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fnv-rpt-ft .fnv-rpt-ft__chips li { margin: 0; padding: 0; line-height: 1.2; }
.fnv-rpt-ft .fnv-rpt-ft__chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 0 14px;
border: 1px solid var(--fnv-ink);
background: var(--fnv-surface);
color: var(--fnv-ink);
font-size: .875rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
}
.fnv-rpt-ft .fnv-rpt-ft__chip:hover { background: var(--fnv-ink); color: var(--fnv-surface); text-decoration: none; }
.fnv-rpt-ft__note { font-size: .875rem; line-height: 1.9; color: var(--fnv-ink-2); max-width: var(--fnv-measure-wide); }
.fnv-rpt-ft__legal {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 2px 16px;
padding-block: 12px 4px;
border-block-start: 1px solid var(--fnv-border);
font-size: .8125rem;
font-weight: 600;
line-height: 1.85;
color: var(--fnv-ink-2);
}
.fnv-rpt-ft__dom { margin-inline-start: auto; font-weight: 800; color: var(--fnv-ink); }
.fnv-rpt-ft .fnv-rpt-ft__btn:focus-visible,
.fnv-rpt-ft .fnv-rpt-ft__cbtn:focus-visible,
.fnv-rpt-ft .fnv-rpt-ft__chip:focus-visible,
.fnv-rpt-ft .fnv-rpt-ft__fa:focus-visible,
.fnv-rpt-ft__next a:focus-visible,
.fnv-rpt-ft .fnv-rpt-ft__url:focus-visible {
outline: 2px solid var(--fnv-ink);
outline-offset: 2px;
}
@media (max-width: 575.98px) {
.fnv-rpt-ft .fnv-rpt-ft__h { font-size: 1.15rem; }
.fnv-rpt-ft .fnv-rpt-ft__btn { flex: 1 1 100%; }
.fnv-rpt-ft__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fnv-rpt-ft__dom { margin-inline-start: 0; }
}
