.tixi2-page { --red:#b51b32; --ink:#222; min-width:320px; background:#fff; }
.tixi2-page .site-header { position:relative; height:80px; background:#fff; box-shadow:0 3px 12px rgba(138,74,59,.1); }
.tixi2-page .header-inner { width:min(1700px,calc(100% - 64px)); height:80px; }
.tixi2-page .header-actions { display:flex; gap:16px; }
.tixi2-page .main-nav { position:absolute; left:50%; transform:translateX(-50%); }
.tixi2-page .main-nav { gap:60px; }
.tixi2-page .main-nav a { font-size:20px; }
.tixi2-page .chevron { width:0;height:0;margin-left:7px;border:4px solid transparent;border-top-color:currentColor;transform:translateY(2px); }
.tixi2-page .container { width:min(1400px,calc(100% - 64px)); }
.tixi2-content { padding-top:60px; min-height:1950px; }
.tixi2-content > h1 { margin:0 0 13px; text-align:center; font:700 44px/63px var(--serif); color:var(--ink); }
.systems-list { display:flex; flex-direction:column; gap:48px; }
.system-card { width:100%; }
.system-banner { display:block; width:100%; height:372px; object-fit:cover; border-radius:16px; }
.system-info { min-height:135px; display:flex; align-items:center; justify-content:space-between; padding:0 0 0 0; }
.system-info h2 { margin:20px 0 13px; font:700 28px/40px var(--serif); text-align:left; color:var(--ink); }
.tags { display:flex; gap:10px; margin-bottom:13px; }
.tags span { padding:3px 12px; border:1px solid #edc6cb; border-radius:20px; color:var(--red); font-size:16px; line-height:24px; }
.system-info p { margin:0; color:rgba(34,34,34,.6); font-size:20px; line-height:29px; }
.system-link { flex:none; display:inline-flex; align-items:center; justify-content:center; width:168px; height:46px; border:1px solid var(--red); border-radius:2px; color:var(--red); font-size:20px; }
.system-link.active { color:#fff; background:var(--red); }
.system-link:hover { color:#fff; background:var(--red); }
.tixi2-page .site-footer { margin-top:0; }


@media (max-width:1450px) { .tixi2-page .main-nav{gap:24px}.tixi2-page .main-nav a{font-size:17px}.tixi2-content{padding-top:48px}.system-banner{height:auto;aspect-ratio:1400/372}.system-info h2{font-size:24px}.system-info p{font-size:18px}.system-link{font-size:18px} }
@media (max-width:1100px) { .tixi2-page .site-header,.tixi2-page .header-inner{height:72px}.tixi2-page .header-inner{width:calc(100% - 40px)}.tixi2-page .main-nav{gap:0}.tixi2-content{min-height:0}.system-info{padding-block:20px}.system-info h2{font-size:22px}.system-info p{font-size:16px}.system-link{width:150px;height:42px;font-size:16px}.tixi2-page .site-footer{margin-top:40px} }
@media (max-width:700px) { .tixi2-page .container{width:calc(100% - 40px)}.tixi2-content{padding-top:28px}.tixi2-content > h1{font-size:30px;line-height:44px;margin-bottom:18px}.systems-list{gap:20px}.system-banner{border-radius:10px;aspect-ratio:1400/372}.system-info{display:block;padding:14px 0 18px;min-height:0}.system-info h2{font-size:20px;line-height:30px;margin-bottom:9px}.tags{margin-bottom:8px}.tags span{font-size:13px;line-height:20px;padding:2px 9px}.system-info p{font-size:14px;line-height:24px;margin-bottom:12px}.system-link{width:134px;height:38px;font-size:14px}.tixi2-page .site-footer{margin-top:20px} }