/* Contact page (from ui-css.css, only article-index-contact.html) */
.contact{padding:130px 0 180px;background:#fff}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;min-height:700px;overflow:hidden}
.contact-hero{background:url(../images/contact-bg.webp) no-repeat center/cover;color:#fff;padding:70px;position:relative;display:flex;flex-direction:column;min-height:0}
.contact-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 100%,rgba(0,200,255,.22) 0%,transparent 55%);opacity:.9}
.contact-hero-title{font-size:36px;font-weight:700;color:#fff;margin:0 0 20px;position:relative;z-index:1}
.contact-hero-lead{font-size:18px;line-height:1.65;color:rgba(255,255,255,.95);margin:0 0 28px;position:relative;z-index:1}
.contact-hero-subtitle{font-size:24px;font-weight:600;color:#fff;margin:0 0 16px;position:relative;z-index:1}
.contact-hero-list{margin:0;padding:0;list-style:none;position:relative;z-index:1}
.contact-hero-list li{position:relative;padding-left:18px;margin-bottom:12px;font-size:18px;line-height:1.5;color:rgba(255,255,255,.95)}
.contact-hero-list li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255);box-shadow:0 0 8px rgba(255,255,255)}
.contact-quick{background:#f4f5f7;padding:70px;display:flex;flex-direction:column;justify-content:center}
.contact-quick-title{font-size:36px;font-weight:600;color:#2a2a2a;margin:0 0 28px}
.contact-quick-list{margin:0;padding:0;list-style:none}
.contact-quick-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;font-size:18px;color:#333;line-height:1.55}
.contact-quick-item:last-of-type{margin-bottom:0}
.contact-quick-icon{flex-shrink:0;width:22px;height:22px;color:var(--public-color);margin-top:2px}
.contact-quick-icon svg{display:block;width:100%;height:100%}
.contact-quick-body{flex:1;min-width:0}
.contact-quick-label{display:inline;font-weight:600;color:#2a2a2a}
.contact-quick-label::after{content:': '}
.contact-quick-value{display:inline;color:#333;word-break:break-word}
.contact-quick-link{color:#333;text-decoration:none;transition:color .25s}
.contact-quick-link:hover{color:var(--public-color)}
.contact-quick-note{margin:28px 0 0;font-size:18px;font-weight:600;color:#2a2a2a;line-height:1.45}
@media(max-width:992px){
.contact-panel{grid-template-columns:1fr;min-height:0}
}
@media(max-width:768px){
.page-contact .page-banner{height:auto;min-height:140px}
.page-contact .page-banner picture,.page-contact .page-banner picture img{width:auto;height:140px;object-fit:cover}
.page-contact .page-banner-inner{padding:28px 15px 14px}
.page-contact .page-banner-title{font-size:var(--font-h2);margin-bottom:8px;padding:0;line-height:1.25}
.page-contact .page-banner-breadcrumb{font-size:12px;line-height:1.35}
.contact{padding:20px 0 40px}
.contact-inner{margin:0}
.contact-panel{min-height:0;overflow:visible;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.contact-hero{padding:28px 20px 32px;min-height:auto;border-radius:12px 12px 0 0}
.contact-hero-title{font-size:var(--font-h2);line-height:1.3;margin-bottom:14px}
.contact-hero-lead{font-size:var(--font-sm);line-height:1.55;margin-bottom:18px}
.contact-hero-subtitle{font-size:var(--font-h3);margin-bottom:10px}
.contact-hero-list li{font-size:var(--font-sm);padding-left:16px;margin-bottom:8px;line-height:1.45}
.contact-hero-list li::before{top:7px;width:5px;height:5px}
.contact-hero-list li:last-child{margin-bottom:0}
.contact-quick{padding:20px 16px 24px;border-radius:0 0 12px 12px;justify-content:flex-start}
.contact-quick-title{font-size:var(--font-h3);line-height:1.3;margin-bottom:16px}
.contact-quick-list{display:flex;flex-direction:column;gap:10px}
.contact-quick-item{align-items:flex-start;gap:12px;margin-bottom:0;padding:14px 14px 14px 12px;background:#fff;border:1px solid #e8eaed;border-radius:10px;font-size:var(--font-sm);line-height:1.5}
.contact-quick-icon{width:20px;height:20px;margin-top:1px}
.contact-quick-body{display:flex;flex-direction:column;gap:4px}
.contact-quick-label{display:block;font-size:12px;font-weight:600;color:#666;letter-spacing:.02em;text-transform:uppercase;line-height:1.3}
.contact-quick-label::after{content:''}
.contact-quick-value{display:block;font-size:var(--font-body);color:#222;line-height:1.45;word-break:break-word}
.contact-quick-link{display:block;color:#0a22a2;font-weight:500;text-decoration:none}
.contact-quick-link:active{opacity:.85}
.contact-quick-note{margin-top:16px;padding:12px 14px;font-size:var(--font-sm);font-weight:500;color:#444;line-height:1.5;background:#fff;border-radius:8px;border:1px solid #e8eaed}
}