/* Compact article cards and richer service pages. */
.simple .section-title{max-width:900px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;align-items:stretch}
.blog-card{display:flex;min-width:0;flex-direction:column;padding:18px!important;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111721,#090d13);overflow:hidden;transition:transform .2s,border-color .2s}
.blog-card:hover{transform:translateY(-4px);border-color:#41516a}
.blog-cover{display:block;width:100%;aspect-ratio:16/9;margin-bottom:20px;overflow:hidden;border:1px solid #263242;border-radius:12px;background:#070b12}
.blog-cover img{width:100%!important;height:100%!important;margin:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transition:transform .25s}
.blog-card:hover .blog-cover img{transform:scale(1.025)}
.blog-card .kicker{font-size:11px}.blog-card h2{margin:9px 0 10px;font-size:21px;line-height:1.25}.blog-card h2 a:hover{color:var(--orange)}
.blog-card>p{margin:0 0 20px;color:var(--muted)}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.blog-card-footer time{color:#7f8a99;font-size:11px}.blog-card-footer>a{color:#fff;font-size:13px;font-weight:800;white-space:nowrap}.blog-card-footer b{color:var(--orange)}
.article-cover{width:100%;aspect-ratio:16/9;margin:0 0 28px;overflow:hidden;border:1px solid #293747;border-radius:15px;background:#070b12}
.article-cover img{width:100%;height:100%;object-fit:cover;object-position:center}
.article-supplement{display:grid;gap:4px}.article-supplement section{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:15px;background:#0e151f}.article-supplement section:nth-child(2){background:#111321}.article-supplement h2{margin:0 0 10px}.article-supplement p{margin:0 0 12px}.article-supplement ul{margin:0;padding-left:20px}.article-supplement li{padding:5px 0}
.article-related{margin-top:65px;padding-top:45px;border-top:1px solid var(--line)}
.article-related .section-head{margin-bottom:26px}.article-related .section-head h2{font-size:clamp(30px,3.5vw,43px)}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-related-grid>a{display:flex;min-width:0;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);transition:transform .2s,border-color .2s}
.article-related-grid>a:hover{transform:translateY(-4px);border-color:#41516a}
.article-related-cover{display:block;aspect-ratio:16/9;margin-bottom:14px;overflow:hidden;border-radius:10px;background:#080c12}
.article-related-cover img{width:100%;height:100%;object-fit:cover}
.article-related-grid b{font-size:17px;line-height:1.25}.article-related-grid p{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.article-related-grid em{margin-top:auto;color:var(--orange);font-size:12px;font-style:normal;font-weight:800}
.service-context-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:58px;align-items:center}
.service-context-copy>p{color:var(--muted);font-size:17px}.service-context-copy>p+p{margin-top:14px}
.service-context-copy .service-detail-list{grid-template-columns:1fr 1fr;margin-top:26px}
.service-context-copy .service-detail-list span{align-items:center;min-height:68px}
.service-visual{overflow:hidden;margin:0;border:1px solid #303b4a;border-radius:20px;background:#090d13;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.service-visual .browser-top{height:38px}.service-visual-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#070b12}
.service-visual-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
.service-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-top:1px solid #263141}
.service-visual figcaption b{font-size:13px}.service-visual figcaption span{color:var(--muted);font-size:11px;text-align:right}
@media(max-width:980px){.blog-grid,.article-related-grid{grid-template-columns:1fr 1fr}.service-context-grid{grid-template-columns:1fr}.service-visual{max-width:720px;width:100%;margin-inline:auto}}
@media(max-width:680px){.blog-grid,.article-related-grid{grid-template-columns:1fr;gap:15px}.blog-card{padding:14px!important}.blog-card h2{font-size:20px}.blog-card-footer{align-items:flex-end}.article-related{margin-top:45px;padding-top:32px}.service-context-copy .service-detail-list{grid-template-columns:1fr}.service-visual{border-radius:15px}.service-visual figcaption{display:grid;gap:3px}.service-visual figcaption span{text-align:left}.simple .section-title p{font-size:16px}}

/* Footer columns stay readable even when links have different lengths. */
.footer-grid{grid-template-columns:minmax(250px,1.35fr) minmax(160px,.9fr) minmax(210px,1.05fr) minmax(220px,1fr);gap:clamp(28px,4vw,58px)}
.footer-column{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column>b{margin:0 0 6px;color:#f4f7fb;font-size:18px;line-height:1.25}
.footer-column>a,.footer-column>span{display:block;max-width:100%;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.footer-contact{gap:12px}

@media(max-width:980px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:2/4}}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-column,.footer-contact{grid-column:auto}.footer-column{gap:11px}.footer-column>b{font-size:17px}.footer-column>a,.footer-column>span{font-size:14px}.copyright{margin-top:34px}}