.technical-page { color: #18333a; background: #f4f7f5; font-family: "DM Sans", sans-serif; }.technical-header { background: #062a34; }.technical-header .brand, .technical-header .top-nav a { color: white; }.technical-band { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }.technical-hero { padding: 88px 0 78px; color: white; background: linear-gradient(135deg, #062a34, #164c56); }.technical-hero h1 { max-width: 840px; margin: 10px 0 20px; font-family: Fraunces, Georgia, serif; font-size: clamp(42px, 6vw, 76px); line-height: .98; }.technical-hero p:last-child { max-width: 760px; color: #d2e1df; font-size: 18px; line-height: 1.6; }.technical-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 48px 0 16px; }.technical-grid article, .technical-data-panel { padding: 26px; border: 1px solid #d4dfdb; background: white; box-shadow: 0 10px 28px rgba(6, 42, 52, .08); }.technical-grid span { color: #377c61; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.technical-grid h2, .technical-data-panel h2 { margin: 10px 0; font-family: Fraunces, Georgia, serif; font-size: 30px; line-height: 1.05; }.technical-grid p, .technical-grid li { line-height: 1.55; }.technical-grid ul { margin: 14px 0 0; padding-left: 20px; }.technical-data-panel { margin-top: 16px; margin-bottom: 72px; }#technicalDataStatus { display: grid; gap: 6px; padding: 16px; color: #17333b; background: #edf7f1; border-left: 5px solid #42a174; }#technicalDataStatus small { color: #5a6c6b; }@media (max-width: 720px) { .technical-band { width: min(100% - 28px, 1160px); }.technical-hero { padding: 58px 0; }.technical-grid { grid-template-columns: 1fr; padding-top: 28px; } }
