.nft-picker {
display: flex;
gap: 0;
overflow-x: auto;
padding-inline: var(--gutter);
scroll-snap-type: x mandatory;
border-top: 2px solid var(--color-divider);
border-bottom: 2px solid var(--color-divider);
}
.nft-picker__item {
flex: 1 0 200px;
scroll-snap-align: start;
text-decoration: none;
color: var(--color-text);
padding: 22px 20px 24px;
border-right: 1px solid var(--color-divider);
display: flex;
flex-direction: column;
gap: 14px;
min-height: 172px;
}
.nft-picker__item:hover { background: var(--color-neutral-100); text-decoration: none; }
.nft-picker__item svg { display: block; }
.nft-picker__name { font-size: 19px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; }
.nft-picker__links {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: auto;
font-size: 13px;
color: var(--color-neutral-700);
}
.nft-list__item {
display: flex;
flex-wrap: wrap;
gap: clamp(16px, 2.2vw, 32px);
align-items: flex-start;
padding: 26px 0;
border-bottom: 1px solid var(--color-divider);
text-decoration: none;
color: var(--color-text);
}
.nft-list__item:hover { background: var(--color-neutral-100); text-decoration: none; }
.nft-list__media { flex: 0 1 260px; min-width: 180px; }
.nft-list__body { flex: 1 1 320px; min-width: 0; }
.nft-list__eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.nft-list__body h3 {
font-size: clamp(19px, 1.8vw, 24px);
font-weight: 800;
line-height: 1.12;
letter-spacing: -0.024em;
margin: 0 0 10px;
text-wrap: pretty;
}
.nft-list__dek {
font-size: 15px;
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0 0 10px;
max-width: 64ch;
text-wrap: pretty;
}
.nft-list__score {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
border: 2px solid var(--color-text);
padding: 12px 14px;
min-width: 104px;
}
.nft-list__score .nft-score { border: 0; padding: 0; }
.nft-list__score .nft-score__value { font-size: 30px; letter-spacing: -0.04em; }
.nft-list__score .nft-score__max { font-size: 12px; }
.nft-list__verdict {
font-size: 9px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-neutral-700);
}
.nft-band {
background: #201e1d;
color: #f3f2f2;
margin-top: clamp(48px, 6vw, 84px);
}
.nft-band__inner {
width: 100%;
max-width: var(--shell);
margin-inline: auto;
padding: clamp(40px, 5vw, 64px) var(--gutter);
}
.nft-band__head {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-end;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 2px solid rgba(243, 242, 242, 0.34);
}
.nft-band__badge {
display: inline-flex;
align-items: center;
gap: 8px;
border: 2px solid #ec3013;
padding: 4px 9px;
margin-bottom: 14px;
}
.nft-band__badge span {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #ff8a75;
}
.nft-band h2 {
font-size: clamp(26px, 3vw, 40px);
font-weight: 800;
letter-spacing: -0.032em;
line-height: 1;
margin: 0 0 10px;
color: #f3f2f2;
}
.nft-band__dek { font-size: 15px; color: rgba(243, 242, 242, 0.72); margin: 0; max-width: 58ch; }
.nft-band__link {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #ff8a75;
text-decoration: none;
white-space: nowrap;
}
.nft-band__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.nft-band__card {
display: block;
padding: 26px clamp(16px, 2vw, 28px) 28px;
border-right: 1px solid rgba(243, 242, 242, 0.2);
border-bottom: 1px solid rgba(243, 242, 242, 0.2);
text-decoration: none;
color: #f3f2f2;
}
.nft-band__card:hover { background: rgba(243, 242, 242, 0.04); text-decoration: none; }
.nft-band__best {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #ff8a75;
margin-bottom: 14px;
}
.nft-band__card .nft-thumb { background: rgba(243, 242, 242, 0.09); margin-bottom: 14px; }
.nft-band__card h3 {
font-size: 19px;
font-weight: 800;
line-height: 1.14;
letter-spacing: -0.022em;
margin: 0 0 10px;
color: #f3f2f2;
}
.nft-band__card p { font-size: 14px; line-height: 1.5; color: rgba(243, 242, 242, 0.72); margin: 0 0 14px; }
.nft-band__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding-top: 12px;
border-top: 1px solid rgba(243, 242, 242, 0.2);
}
.nft-band__foot .nft-score { border: 0; padding: 0; }
.nft-band__foot .nft-score__value { font-size: 22px; letter-spacing: -0.03em; color: #f3f2f2; }
.nft-band__foot .nft-score__max { color: rgba(243, 242, 242, 0.6); }
.nft-band__price { font-size: 13px; font-weight: 600; color: rgba(243, 242, 242, 0.85); }
.nft-guides { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.nft-guides__card {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
padding: 26px clamp(16px, 2vw, 28px) 28px;
border-right: 1px solid var(--color-divider);
border-bottom: 1px solid var(--color-divider);
}
.nft-guides__card:hover { background: var(--color-neutral-100); text-decoration: none; }
.nft-guides__eyebrow { display: flex; align-items: center; gap: 8px; }
.nft-guides__card h3 {
font-size: 22px;
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.025em;
margin: 16px 0 18px;
text-wrap: pretty;
}
.nft-facts { display: flex; flex-direction: column; gap: 7px; font-size: 13px; margin-bottom: 18px; }
.nft-facts__row {
display: flex;
justify-content: space-between;
gap: 12px;
padding-bottom: 7px;
border-bottom: 1px solid var(--color-divider);
}
.nft-facts__row > span:first-child { color: var(--color-neutral-700); }
.nft-facts__row strong { font-weight: 800; }
.nft-guides__winner { margin-top: auto; }
.nft-guides__winner-name { font-size: 16px; font-weight: 800; letter-spacing: -0.015em; }
.nft-news {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
column-gap: clamp(24px, 3vw, 48px);
}
.nft-news__item {
display: flex;
gap: 16px;
align-items: baseline;
padding: 18px 0;
border-bottom: 1px solid var(--color-divider);
text-decoration: none;
color: var(--color-text);
}
.nft-news__item:hover { color: var(--accent-ink); text-decoration: none; }
.nft-news__date {
flex: 0 0 52px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.06em;
color: var(--color-neutral-700);
font-variant-numeric: tabular-nums;
}
.nft-news__title {
flex: 1;
min-width: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.32;
letter-spacing: -0.012em;
text-wrap: pretty;
}
.nft-newsletter {
width: 100%;
max-width: var(--shell);
margin: clamp(48px, 6vw, 84px) auto 0;
padding-inline: var(--gutter);
}
.nft-newsletter__inner {
border-top: 2px solid var(--color-divider);
border-bottom: 2px solid var(--color-divider);
padding-block: clamp(32px, 4vw, 52px);
display: flex;
flex-wrap: wrap;
gap: clamp(24px, 4vw, 64px);
align-items: flex-start;
}
.nft-newsletter__copy { flex: 1 1 340px; min-width: 0; }
.nft-newsletter__copy h2 {
font-size: clamp(26px, 3vw, 38px);
font-weight: 800;
letter-spacing: -0.032em;
line-height: 1;
margin: 0 0 12px;
}
.nft-newsletter__copy p {
font-size: 16px;
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0;
max-width: 48ch;
}
.nft-newsletter__form { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.nft-newsletter__form small { font-size: 12px; color: var(--color-neutral-700); }
.nft-field label {
display: block;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-bottom: 5px;
}
.nft-input {
width: 100%;
min-height: 48px;
padding: 6px 12px;
font: inherit;
font-size: 16px;
color: var(--color-text);
caret-color: var(--color-accent);
background: var(--color-neutral-100);
border: 1px solid var(--color-divider);
border-radius: 0;
}
.nft-input:focus-visible { border-color: var(--color-accent); outline-offset: 0; }
textarea.nft-input { min-height: 150px; resize: vertical; }
.nft-progress {
position: sticky;
top: var(--header-h);
z-index: 50;
height: 3px;
background: var(--color-divider);
}
.nft-progress__bar { height: 3px; width: 0; background: var(--color-accent); }
.nft-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--color-neutral-700);
margin-bottom: clamp(20px, 3vw, 32px);
}
.nft-breadcrumb a { color: var(--color-neutral-700); text-decoration: none; }
.nft-breadcrumb a:hover { color: var(--accent-ink); }
.nft-breadcrumb [aria-current] { color: var(--color-text); }
.nft-article__head {
width: 100%;
max-width: var(--shell);
margin-inline: auto;
padding: clamp(24px, 3.5vw, 44px) var(--gutter) 0;
}
.nft-article__eyebrow {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.nft-article__dash { width: 26px; height: 2px; background: var(--color-divider); }
.nft-article__title {
font-size: clamp(32px, 5vw, 58px);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
margin: 0 0 20px;
text-wrap: pretty;
max-width: 900px;
}
.nft-article__dek {
font-size: clamp(17px, 1.6vw, 22px);
line-height: 1.5;
color: var(--color-neutral-700);
margin: 0 0 clamp(20px, 3vw, 28px);
max-width: 62ch;
text-wrap: pretty;
}
.nft-byline {
display: flex;
flex-wrap: wrap;
gap: 10px 32px;
align-items: center;
padding: 16px 0;
border-top: 2px solid var(--color-divider);
border-bottom: 2px solid var(--color-divider);
}
.nft-byline__stat { display: flex; flex-direction: column; gap: 2px; }
.nft-byline__stat > span:first-child {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-neutral-700);
}
.nft-byline__stat time,
.nft-byline__stat > span:last-child { font-size: 14px; font-weight: 600; }
.nft-byline__link {
margin-left: auto;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--accent-ink);
text-decoration: none;
}
.nft-hero {
width: 100%;
max-width: var(--shell);
margin: clamp(24px, 3vw, 36px) auto 0;
padding-inline: var(--gutter);
}
.nft-hero figcaption { font-size: 12px; color: var(--color-neutral-700); margin-top: 10px; }
.nft-article__layout {
width: 100%;
max-width: var(--shell);
margin-inline: auto;
padding: clamp(32px, 4vw, 52px) var(--gutter) 0;
display: flex;
flex-wrap: wrap;
gap: clamp(28px, 3.5vw, 56px);
align-items: flex-start;
}
.nft-article__body { flex: 1 1 620px; min-width: 0; max-width: 740px; }
.nft-prose { font-size: 19px; line-height: 1.72; }
.nft-prose p { margin: 0 0 24px; }
.nft-prose h2 {
font-size: clamp(24px, 2.6vw, 32px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.028em;
margin: clamp(36px, 4vw, 52px) 0 16px;
padding-top: 8px;
scroll-margin-top: calc(var(--header-h) + 24px);
}
.nft-prose h3 {
font-size: clamp(20px, 2vw, 25px);
font-weight: 800;
line-height: 1.14;
margin: clamp(28px, 3vw, 40px) 0 12px;
scroll-margin-top: calc(var(--header-h) + 24px);
}
.nft-prose ul, .nft-prose ol { margin: 0 0 24px; padding-left: 24px; font-size: 18px; }
.nft-prose li { margin-bottom: 8px; }
.nft-prose figure { margin: clamp(28px, 3.5vw, 40px) 0; }
.nft-prose figcaption { font-size: 12px; color: var(--color-neutral-700); margin-top: 10px; }
.nft-prose blockquote {
margin: clamp(28px, 3.5vw, 40px) 0;
padding: 0 0 0 24px;
border-left: 4px solid var(--color-accent);
}
.nft-prose blockquote p {
font-size: clamp(21px, 2.3vw, 27px);
font-weight: 800;
line-height: 1.22;
letter-spacing: -0.028em;
margin: 0 0 8px;
}
.nft-prose blockquote cite,
.nft-prose blockquote footer {
font-size: 13px;
font-style: normal;
color: var(--color-neutral-700);
}
.nft-prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.nft-prose th {
text-align: left;
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-neutral-700);
padding: 8px;
border-bottom: 2px solid var(--color-divider);
}
.nft-prose td { padding: 8px; border-bottom: 1px solid var(--color-divider); }
.nft-toc {
flex: 0 1 200px;
min-width: 170px;
position: sticky;
top: calc(var(--header-h) + 42px);
}
.nft-toc__label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-neutral-700);
padding-bottom: 10px;
border-bottom: 2px solid var(--color-divider);
margin-bottom: 4px;
}
.nft-toc a {
display: flex;
gap: 10px;
padding: 9px 0 9px 10px;
font-size: 13px;
line-height: 1.3;
text-decoration: none;
color: var(--color-neutral-700);
border-left: 2px solid transparent;
}
.nft-toc a:hover { color: var(--color-text); }
.nft-toc a[aria-current="true"] {
color: var(--color-text);
font-weight: 600;
border-left-color: var(--color-accent);
}
.nft-toc__num { font-variant-numeric: tabular-nums; opacity: 0.55; }
.nft-toc-mobile { border: 2px solid var(--color-divider); margin-bottom: 28px; }
.nft-toc-mobile summary {
padding: 14px 16px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
min-height: 48px;
display: flex;
align-items: center;
justify-content: space-between;
}
.nft-toc-mobile a {
padding: 12px 16px;
font-size: 15px;
min-height: 46px;
display: flex;
align-items: center;
gap: 10px;
border-top: 1px solid var(--color-divider);
color: var(--color-text);
text-decoration: none;
}
.nft-aside {
flex: 0 1 280px;
min-width: 240px;
position: sticky;
top: calc(var(--header-h) + 42px);
}
.nft-trust-box { border: 2px solid var(--color-divider); padding: 18px 20px; margin-bottom: 24px; }
.nft-trust-box ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.nft-trust-box li { display: flex; gap: 9px; font-size: 13px; line-height: 1.45; }
.nft-trust-box li::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
background: var(--color-accent);
margin-top: 5px;
}
.nft-trust-box__link {
display: inline-block;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--accent-ink);
margin-top: 14px;
text-decoration: none;
}
.nft-ad { margin-bottom: 24px; }
.nft-ad__label {
font-size: 9px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-bottom: 6px;
}
.nft-ad__slot {
border: 1px solid var(--color-divider);
background: var(--color-neutral-100);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-neutral-700);
}
.nft-ad__slot--leaderboard { min-height: 120px; }
.nft-ad__slot--rectangle { min-height: 250px; }
.nft-ad__slot > .heureka-affiliate-category { width: 100%; align-self: stretch; }
.nft-ad__slot iframe { display: block; width: 100%; border: 0; }
.nft-related-side__label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-neutral-700);
padding-bottom: 10px;
border-bottom: 2px solid var(--color-divider);
margin-bottom: 2px;
}
.nft-related-side a {
display: block;
padding: 13px 0;
border-bottom: 1px solid var(--color-divider);
text-decoration: none;
color: var(--color-text);
}
.nft-related-side a:hover { color: var(--accent-ink); }
.nft-related-side__title { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; }
.nft-topics {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-bottom: clamp(40px, 5vw, 64px);
}
.nft-topics__label {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-right: 6px;
}
.nft-related { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.nft-related__card {
display: block;
text-decoration: none;
color: var(--color-text);
padding: 22px clamp(16px, 2vw, 26px) 26px;
border-right: 1px solid var(--color-divider);
border-bottom: 1px solid var(--color-divider);
}
.nft-related__card:hover { background: var(--color-neutral-100); text-decoration: none; }
.nft-related__card .nft-thumb { margin-bottom: 14px; }
.nft-related__card h3 {
font-size: 17px;
font-weight: 800;
line-height: 1.18;
letter-spacing: -0.018em;
margin: 8px 0;
text-wrap: pretty;
}
.nft-archive__head {
display: flex;
flex-wrap: wrap;
gap: clamp(24px, 4vw, 64px);
align-items: flex-end;
padding-bottom: 20px;
}
.nft-archive__intro { flex: 1 1 480px; min-width: 0; }
.nft-archive__intro h1 {
font-size: clamp(34px, 5vw, 60px);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.042em;
margin: 0 0 16px;
}
.nft-archive__intro p {
font-size: clamp(16px, 1.4vw, 19px);
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0;
max-width: 62ch;
text-wrap: pretty;
}
.nft-archive__stats { flex: 0 0 auto; display: flex; gap: 32px; }
.nft-stat { display: flex; flex-direction: column; gap: 4px; }
.nft-stat__value { font-size: 28px; font-weight: 800; letter-spacing: -0.035em; line-height: 1; }
.nft-stat__label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--color-neutral-700);
}
.nft-tabs {
display: flex;
flex-wrap: wrap;
border-top: 2px solid var(--color-divider);
border-bottom: 2px solid var(--color-divider);
}
.nft-tabs a {
font-family: inherit;
border-bottom: 3px solid transparent;
padding: 13px 20px 12px;
font-size: 14px;
min-height: 48px;
color: var(--color-neutral-700);
text-decoration: none;
display: inline-flex;
align-items: center;
}
.nft-tabs a:hover { color: var(--color-text); text-decoration: none; }
.nft-tabs a[aria-current="page"] {
color: var(--color-text);
font-weight: 800;
border-bottom-color: var(--color-accent);
}
.nft-featured {
display: flex;
flex-wrap: wrap;
gap: clamp(20px, 3vw, 40px);
text-decoration: none;
color: var(--color-text);
border-top: 2px solid var(--color-text);
border-bottom: 2px solid var(--color-text);
padding-block: clamp(22px, 3vw, 32px);
margin: clamp(16px, 2vw, 24px) 0 clamp(24px, 3vw, 36px);
}
.nft-featured:hover { text-decoration: none; }
.nft-featured__media { flex: 1 1 300px; min-width: 0; }
.nft-featured__body {
flex: 1 1 340px;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.nft-featured__body h2 {
font-size: clamp(24px, 2.8vw, 36px);
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.032em;
margin: 14px 0;
text-wrap: pretty;
}
.nft-featured__body p {
font-size: 16px;
line-height: 1.55;
color: var(--color-neutral-700);
margin: 0 0 16px;
max-width: 56ch;
}
.nft-pagination {
display: flex;
gap: 0;
padding-top: clamp(28px, 3.5vw, 44px);
border-bottom: 2px solid var(--color-divider);
margin-bottom: clamp(24px, 3vw, 36px);
}
.nft-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
min-height: 46px;
font-size: 14px;
text-decoration: none;
color: var(--color-neutral-700);
border-bottom: 3px solid transparent;
}
.nft-pagination .page-numbers:hover { color: var(--color-text); }
.nft-pagination .page-numbers.current {
color: var(--color-text);
font-weight: 800;
border-bottom-color: var(--color-accent);
}
.nft-page__head { max-width: 900px; }
.nft-page__head h1 {
font-size: clamp(34px, 5vw, 60px);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.042em;
margin: 0 0 20px;
}
.nft-page__lede {
font-size: clamp(17px, 1.6vw, 21px);
line-height: 1.5;
color: var(--color-neutral-700);
margin: 0 0 clamp(28px, 3.5vw, 44px);
max-width: 60ch;
text-wrap: pretty;
}
.nft-numbered {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
border-top: 2px solid var(--color-divider);
}
.nft-numbered__item {
padding: 26px clamp(16px, 2vw, 28px) 30px;
border-right: 1px solid var(--color-divider);
border-bottom: 1px solid var(--color-divider);
}
.nft-numbered__num {
font-size: clamp(32px, 3.4vw, 44px);
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1;
color: var(--color-accent);
margin-bottom: 14px;
}
.nft-numbered__item h2,
.nft-numbered__item h3 {
font-size: 19px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.02em;
margin: 0 0 10px;
}
.nft-numbered__item p { font-size: 15px; line-height: 1.55; color: var(--color-neutral-700); margin: 0; }
.nft-404 { display: flex; flex-wrap: wrap; gap: clamp(28px, 4vw, 72px); }
.nft-404__main { flex: 1 1 420px; min-width: 0; }
.nft-404__code {
font-size: clamp(72px, 14vw, 180px);
font-weight: 800;
letter-spacing: -0.06em;
line-height: 0.8;
color: var(--color-accent);
margin-bottom: 24px;
}
.nft-404__side { flex: 1 1 300px; min-width: 250px; }
.nft-404__side a {
display: block;
padding: 15px 0;
border-bottom: 1px solid var(--color-divider);
text-decoration: none;
color: var(--color-text);
}
.nft-404__side a:hover { color: var(--accent-ink); }
@media (max-width: 899px) {
.nft-toc, .nft-aside { position: static; }
.nft-aside { flex: 1 1 100%; }
}
@media (max-width: 599px) {
.nft-prose { font-size: 17px; }
.nft-list__media { flex: 1 1 100%; }
.nft-byline { gap: 10px 20px; }
.nft-byline__link { margin-left: 0; }
}
.nft-verdict {
border: 2px solid var(--color-text);
margin: clamp(28px, 3.5vw, 40px) 0;
}
.nft-verdict__top {
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-bottom: 2px solid var(--color-text);
}
.nft-verdict__score {
flex: 0 0 auto;
padding: 22px 26px;
display: flex;
flex-direction: column;
gap: 6px;
border-right: 2px solid var(--color-text);
background: var(--color-neutral-100);
}
.nft-verdict__number {
display: flex;
align-items: baseline;
gap: 4px;
}
.nft-verdict__number b {
font-size: clamp(44px, 6vw, 62px);
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.05em;
}
.nft-verdict__number span { font-size: 16px; font-weight: 600; color: var(--color-neutral-700); }
.nft-verdict__recommendation {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.nft-verdict__quote {
flex: 1 1 280px;
min-width: 0;
padding: 22px 26px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
}
.nft-verdict__quote p {
font-size: clamp(17px, 1.6vw, 20px);
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.015em;
margin: 0;
}
.nft-verdict__pick {
display: inline-flex;
align-items: center;
gap: 8px;
align-self: flex-start;
border: 2px solid var(--color-accent);
padding: 4px 9px;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--accent-ink);
}
.nft-subscores { padding: 22px 26px; border-bottom: 1px solid var(--color-divider); }
.nft-subscores h2, .nft-subscores h3 {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin: 0 0 16px;
}
.nft-subscores__list { display: flex; flex-direction: column; gap: 11px; }
.nft-subscores__row { display: flex; align-items: center; gap: 14px; }
.nft-subscores__label { flex: 0 0 96px; font-size: 13px; font-weight: 600; }
.nft-subscores__track { flex: 1; min-width: 0; height: 8px; background: var(--color-neutral-300); display: block; }
.nft-subscores__fill { display: block; height: 8px; background: var(--color-accent); }
.nft-subscores__value {
flex: 0 0 34px;
text-align: right;
font-size: 14px;
font-weight: 800;
font-variant-numeric: tabular-nums;
}
.nft-filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
padding: 16px 0;
}
.nft-filters__label {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--color-neutral-700);
margin-right: 6px;
}
.nft-filters__chip {
font-size: 13px;
padding: 7px 13px;
min-height: 36px;
display: inline-flex;
align-items: center;
border: 1px solid var(--color-divider);
color: var(--color-text);
text-decoration: none;
}
.nft-filters__chip:hover { background: var(--color-neutral-100); text-decoration: none; }
.nft-filters__chip[aria-current="true"] {
background: var(--color-text);
border-color: var(--color-text);
color: var(--wp--preset--color--base);
font-weight: 600;
}
.nft-page__body { max-width: 740px; }
.nft-page__body .nft-prose > *:first-child { margin-top: 0; }