a { color: var(--color-accent); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover:not(.btn) { text-decoration: underline; }
.page { max-width: 1280px; margin: 0 auto; }
.tri-row { display: grid; grid-template-columns: 1fr; gap: 8px; align-items: baseline; padding: 24px 0; }
.tri-row + .tri-row { border-top: 2px solid var(--color-divider); }
@media (min-width: 720px) { .tri-row { grid-template-columns: minmax(56px,110px) minmax(0,300px) minmax(0,1fr); gap: 16px 32px; } }
.pos-row { display: grid; grid-template-columns: 1fr; gap: clamp(24px,4cqw,40px); }
@media (min-width: 480px) { .pos-row { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1080px) { .pos-row { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 780px) { .hero-drawing { opacity: 0.16; } }