.env26 {
--env26-primary: #214f80;
--env26-primary-2: #2d69a2;
--env26-accent: #db3d3b;
--env26-line: #2c89cf;
--env26-text: #263548;
--env26-muted: #66778b;
--env26-soft: #f4f7fa;
--env26-border: #d7e0e9;
--env26-note: #eaf6fc;
--env26-radius: 10px;
--env26-max: 1180px;
font-family: Arial, Helvetica, sans-serif;
color: var(--env26-text);
line-height: 1.45;
width: 100%;
}
.env26,
.env26 * {
box-sizing: border-box;
}
.env26__inner {
max-width: var(--env26-max);
margin: 0 auto;
}
.env26__logos {
display: grid;
grid-template-columns: 120px minmax(320px, 1fr) 150px;
align-items: center;
gap: 28px;
padding: 24px 0 22px;
border-bottom: 2px solid #dbe2e9;
}
.env26__logo {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.env26__logo img {
display: block;
max-width: 100%;
height: auto;
}
.env26__logo--anav img {
width: 76px;
}
.env26__logo--gov img {
width: min(100%, 650px);
}
.env26__logo--soc img {
width: 125px;
}
.env26__hero {
margin-top: 24px;
padding: 28px 34px 30px;
border-radius: 12px;
background: linear-gradient(110deg, var(--env26-primary) 0%, var(--env26-primary-2) 100%);
color: #fff;
}
.env26__eyebrow {
display: inline-flex;
align-items: center;
min-height: 30px;
margin-bottom: 12px;
padding: 5px 16px;
border-radius: 999px;
background: var(--env26-accent);
color: #fff;
font-size: 14px;
font-weight: 800;
letter-spacing: .07em;
text-transform: uppercase;
}
.env26__hero h1 {
margin: 0;
color: #fff;
font-size: clamp(28px, 4vw, 43px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -.015em;
}
.env26__subtitle {
margin-top: 14px;
color: rgba(255,255,255,.88);
font-size: clamp(17px, 2vw, 22px);
}
.env26__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 22px;
}
.env26__card {
padding: 22px 24px 23px;
background: var(--env26-soft);
border: 1px solid var(--env26-border);
border-radius: var(--env26-radius);
}
.env26__card h2 {
margin: 0 0 15px;
padding-bottom: 9px;
border-bottom: 3px solid var(--env26-line);
color: #163b65;
font-size: 20px;
line-height: 1.15;
font-weight: 800;
text-transform: uppercase;
}
.env26__card p {
margin: 0 0 11px;
}
.env26__card p:last-child {
margin-bottom: 0;
}
.env26__list {
margin: 0;
padding: 0;
list-style: none;
}
.env26__list li {
position: relative;
margin: 0 0 9px;
padding-left: 20px;
}
.env26__list li:last-child {
margin-bottom: 0;
}
.env26__list li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: var(--env26-accent);
font-size: 20px;
line-height: 1.1;
font-weight: 800;
}
.env26__section-title {
margin: 28px 0 12px;
padding-bottom: 8px;
border-bottom: 4px solid var(--env26-line);
color: #183d67;
font-size: 22px;
line-height: 1.2;
font-weight: 800;
text-transform: uppercase;
}
.env26__day {
margin-top: 14px;
border: 1px solid var(--env26-border);
overflow: hidden;
}
.env26__day-head {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
padding: 9px 14px;
background: var(--env26-primary);
color: #fff;
}
.env26__day-title {
font-size: 17px;
font-weight: 800;
text-transform: uppercase;
}
.env26__day-desc {
font-size: 13px;
color: rgba(255,255,255,.82);
text-align: right;
}
.env26__event {
display: grid;
grid-template-columns: 118px minmax(0, 1fr);
gap: 12px;
padding: 12px 14px;
border-top: 1px solid #e5eaf0;
background: #fff;
}
.env26__event:nth-child(odd) {
background: #fafbfd;
}
.env26__event-time {
color: #276ba9;
font-size: 15px;
font-weight: 800;
white-space: nowrap;
}
.env26__event-main {
min-width: 0;
}
.env26__event-title {
margin: 0;
color: #253547;
font-size: 16px;
line-height: 1.25;
font-weight: 800;
}
.env26__event-desc {
margin: 3px 0 0;
color: #536276;
font-size: 14px;
line-height: 1.38;
}
.env26__badge {
display: inline-block;
margin-right: 8px;
padding: 2px 6px;
border-radius: 3px;
font-size: 10px;
line-height: 1.2;
font-weight: 800;
text-transform: uppercase;
vertical-align: 2px;
}
.env26__badge--blue {
background: #cae8f7;
color: #1b6492;
}
.env26__badge--red {
background: #f7cccc;
color: #a8262d;
}
.env26__badge--green {
background: #c9f0cf;
color: #24723a;
}
.env26__note {
margin-top: 18px;
padding: 14px 16px;
border-left: 5px solid var(--env26-line);
background: var(--env26-note);
color: #265273;
font-size: 14px;
}
.env26__note strong {
color: #204766;
}
.env26__footer {
margin-top: 28px;
padding-top: 18px;
border-top: 1px solid #e2e7ed;
color: #7b899a;
font-size: 13px;
text-align: center;
}
@media (max-width: 900px) {
.env26__logos {
grid-template-columns: 90px 1fr 110px;
gap: 16px;
}
.env26__cards {
grid-template-columns: 1fr;
}
}
@media (max-width: 650px) {
.env26__inner {
padding: 0 14px;
}
.env26__logos {
grid-template-columns: 1fr;
gap: 16px;
padding: 18px 0;
}
.env26__logo--anav img {
width: 64px;
}
.env26__logo--gov img {
width: min(100%, 520px);
}
.env26__logo--soc img {
width: 105px;
}
.env26__hero {
margin-top: 16px;
padding: 22px 20px 24px;
}
.env26__eyebrow {
font-size: 11px;
letter-spacing: .05em;
}
.env26__card {
padding: 18px;
}
.env26__card h2 {
font-size: 18px;
}
.env26__section-title {
font-size: 19px;
}
.env26__day-head {
align-items: flex-start;
flex-direction: column;
gap: 2px;
}
.env26__day-desc {
text-align: left;
}
.env26__event {
grid-template-columns: 1fr;
gap: 4px;
padding: 12px;
}
.env26__event-time {
font-size: 14px;
}
}