﻿.page-hero{height:270px;background:linear-gradient(100deg,rgba(5,49,84,.96),rgba(0,91,172,.78)),url('lab-training.png') center 42%/cover;color:#fff;display:flex;align-items:center}.page-hero .wrap{padding-top:18px}.page-hero p{font-size:12px;letter-spacing:4px;color:#acd3e7;margin:0 0 12px}.page-hero h1{font:44px serif;letter-spacing:6px;margin:0}.breadcrumb{height:54px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb .wrap{height:100%;display:flex;align-items:center;gap:10px;font-size:13px;color:#7a8894}.breadcrumb a{color:var(--blue)}.sub-layout{display:grid;grid-template-columns:250px 1fr;gap:55px;padding:58px 0 85px}.side-nav{align-self:start;border-top:4px solid var(--blue);box-shadow:0 8px 25px rgba(18,48,70,.08)}.side-nav h2{background:#073a62;color:#fff;margin:0;padding:24px;font-size:21px}.side-nav a{display:block;padding:16px 22px;border-bottom:1px solid var(--line);font-size:15px;background:#fff;transition:.2s}.side-nav a:hover,.side-nav a.active{color:var(--blue);background:#f1f7fb;padding-left:28px}.content-title{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:end}.content-title h2{font:34px serif;margin:0;letter-spacing:3px}.content-title span{font-size:11px;letter-spacing:3px;color:#a3afb8}.prose{font-size:16px;line-height:2;color:#526272}.prose p{margin:0 0 20px}.prose .lead-letter:first-letter{font:52px serif;color:var(--blue);float:left;line-height:.9;margin:9px 9px 0 0}.info-panel{background:linear-gradient(135deg,#edf6f8,#f5f9fb);border-left:4px solid var(--green);padding:25px 28px;margin:28px 0}.info-panel h3{margin:0 0 12px;color:var(--deep)}.list-page a.item{display:grid;grid-template-columns:86px 1fr 25px;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.list-page time{text-align:center;color:var(--blue)}.list-page time b,.list-page time span{display:block}.list-page time b{font:33px serif}.list-page time span{font-size:11px;color:#8794a1}.list-page h3{font-size:17px;margin:0 0 7px}.list-page p{font-size:13px;color:#7b8995;margin:0;line-height:1.65}.list-page .arrow{color:var(--green);font-size:20px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.pagination a{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;font-size:13px}.pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.info-card{border:1px solid var(--line);padding:28px;min-height:210px;position:relative;background:#fff;transition:.25s}.info-card:hover{box-shadow:0 12px 30px rgba(18,48,70,.1);border-color:#aac9df}.info-card small{color:var(--green);letter-spacing:2px}.info-card h3{font-size:20px;margin:16px 0 12px}.info-card p{font-size:14px;line-height:1.8;color:#73818d}.info-card b{position:absolute;right:24px;bottom:20px;color:#c5d2db;font:28px serif}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.profile{background:#f2f6f8;padding:27px 24px;border-top:4px solid var(--blue)}.profile .avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#0b5e97,#6fb957);display:grid;place-items:center;color:#fff;font:28px serif;margin-bottom:18px}.profile h3{margin:0 0 6px}.profile span{font-size:12px;color:var(--green)}.profile p{font-size:13px;line-height:1.7;color:#6c7b87}.timeline{border-left:2px solid #cbdce8;margin:10px 0 0 14px;padding-left:34px}.timeline article{position:relative;padding:0 0 32px}.timeline article:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);left:-41px;top:5px;border:4px solid #e3f0df}.timeline time{color:var(--blue);font-weight:700}.timeline h3{margin:8px 0;font-size:18px}.timeline p{color:#72808c;line-height:1.8;font-size:14px}.article-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:30px}.article-head h2{font:31px/1.5 serif;margin:0 0 15px}.article-head p{font-size:12px;color:#87939d}.article-body{max-width:820px;margin:auto;font-size:16px;line-height:2.05;color:#465867}.article-body h3{color:var(--deep);margin-top:30px}.article-note{background:#fff8e8;border:1px solid #f1dfb4;padding:18px 22px;font-size:14px;margin:25px 0}.back-list{display:block;width:max-content;margin:45px auto 0;background:var(--blue);color:#fff;padding:13px 24px}.data-row{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;background:var(--deep);color:white}.data-row div{padding:25px;text-align:center;border-right:1px solid rgba(255,255,255,.13)}.data-row b{font:36px serif;color:#a8d88d;display:block}.data-row span{font-size:12px}.cta-bar{background:linear-gradient(110deg,var(--blue),#087d91);padding:27px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-top:35px}.cta-bar h3{margin:0;font-size:19px}.cta-bar a{border:1px solid rgba(255,255,255,.6);padding:10px 18px;font-size:13px}@media(max-width:820px){.page-hero{height:210px}.page-hero h1{font-size:34px}.sub-layout{grid-template-columns:1fr;padding-top:35px}.side-nav{display:flex;overflow:auto;border-top-width:3px}.side-nav h2{display:none}.side-nav a{white-space:nowrap;border-right:1px solid var(--line)}.card-grid,.profile-grid{grid-template-columns:1fr}.data-row{grid-template-columns:repeat(2,1fr)}.list-page a.item{grid-template-columns:66px 1fr}.list-page .arrow{display:none}.cta-bar{display:block}.cta-bar a{display:inline-block;margin-top:15px}}