/* Standalone Environment and We article detail layout. */
.env-detail { background: #fff; color: #587087; }
.env-detail__hero .public-page-breadcrumb { max-width: 100%; flex-wrap: wrap; }
.env-detail__hero .public-page-breadcrumb [aria-current="page"] { max-width: min(520px, 100%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.env-detail__breadcrumb { border-bottom: 1px solid #e1e9ee; background: #f7fafb; }
.env-detail__breadcrumb nav { display: flex; min-height: 58px; flex-wrap: wrap; align-items: center; gap: 9px; color: #6d8190; font: 700 .74rem/1.4 "DM Sans", sans-serif; }
.env-detail__breadcrumb a { color: #315d7a; }.env-detail__breadcrumb a:hover { color: #3f7835; }.env-detail__breadcrumb strong { max-width: min(470px, 100%); overflow: hidden; color: #173b59; text-overflow: ellipsis; white-space: nowrap; }
.env-detail__body { padding: clamp(50px, 7vw, 96px) 0 clamp(70px, 9vw, 130px); }.env-detail__grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: clamp(36px, 4vw, 64px); align-items: start; max-width: 1440px; margin: 0 auto; }.env-detail__article { min-width: 0; }
.env-detail__cover { margin: 0 0 32px; }.env-detail__cover img { display: block; width: 100%; height: auto; border-radius: var(--sem-radius-md); }.env-detail__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin: 0 0 34px; color: #607b8d; font: 800 .86rem/1 "DM Sans", sans-serif; letter-spacing: .02em; }.env-detail__date, .env-detail__author { display: inline-flex; gap: 9px; align-items: center; }.env-detail__date i, .env-detail__author i { color: #639a43; font-size: .95rem; }.env-detail__date, .env-detail__share { min-height: 28px; padding-left: 18px; border-left: 1px solid #d9e3e9; }.env-detail__share { display: inline-flex; align-items: center; gap: 8px; }.env-detail__share b { margin-right: 5px; color: #607b8d; font: inherit; }.env-detail__share a { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #d8e3e9; border-radius: 5px; color: #315d7a; font-size: .82rem; transition: .18s ease; }.env-detail__share a:hover { border-color: #639a43; background: #639a43; color: #fff; }
.env-detail__header { margin: 0 0 40px; }.env-detail__header h1 { width: 100%; max-width: none; margin: 0; color: #082d4b; font: 800 clamp(1.35rem, 2.15vw, 2.1rem)/1.22 "DM Sans", sans-serif; letter-spacing: normal; text-wrap: wrap; }.env-detail__header p { max-width: 920px; margin: 17px 0 0; color: #5c7287; font-size: 1.04rem; line-height: 1.75; }.env-detail__content.editorial-content { width: 100%; max-width: none; margin: 0; }
.env-detail__back { margin: 58px 0 0; padding-top: 24px; border-top: 1px solid #dce6ed; }.env-detail__back a { color: #287150; font: 800 .84rem/1.4 "DM Sans", sans-serif; }.env-detail__back i { margin-right: 8px; }
.env-detail__recent { position: sticky; top: 105px; }.env-detail__recent h2 { margin: 0 0 22px; padding-bottom: 15px; border-bottom: 2px solid #639a43; color: #082d4b; font: 800 1.25rem/1.2 "DM Sans", sans-serif; letter-spacing: -.025em; text-transform: uppercase; }.env-detail__recent-list { display: grid; gap: 22px; }.env-detail__recent-card { display: block; padding-bottom: 22px; border-bottom: 1px solid #dce6ed; color: #082d4b; }.env-detail__recent-card:last-child { padding-bottom: 0; border-bottom: 0; }.env-detail__recent-card img { display: block; width: 100%; height: 120px; margin: 0 0 12px; border-radius: var(--sem-radius-md); object-fit: cover; }.env-detail__recent-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 8px; color: #6c8392; font: 600 .7rem/1.3 "DM Sans", Arial, sans-serif; }.env-detail__recent-meta span, .env-detail__recent-meta time { display: inline-flex; align-items: center; gap: 5px; }.env-detail__recent-meta i { color: #639a43; }.env-detail__recent-card strong { display: block; color: #082d4b; font: 800 .96rem/1.42 "DM Sans", sans-serif; letter-spacing: -.02em; }.env-detail__recent-card:hover strong, .env-detail__recent-card.is-current strong { color: #377a4d; }
@media (max-width: 991px) { .env-detail__grid { grid-template-columns: 1fr; }.env-detail__recent { display: none; } }@media (max-width: 767px) { .env-detail__hero .public-page-breadcrumb [aria-current="page"] { max-width: 185px; }.env-detail__body { padding-top: 38px; }.env-detail__header { margin-bottom: 30px; }.env-detail__header h1 { font-size: 1.28rem; }.env-detail__header p { margin-top: 13px; font-size: .95rem; }.env-detail__meta { flex-wrap: nowrap; gap: 10px; margin-bottom: 28px; }.env-detail__author, .env-detail__date-full { display: none; }.env-detail__date { flex: 0 0 auto; margin-bottom: 0; padding-left: 0; border-left: 0; }.env-detail__date-short { display: inline !important; }.env-detail__share { flex: 1 1 auto; min-width: 0; gap: 6px; padding-left: 0; border-left: 0; }.env-detail__share b { margin-right: 0; color: #639a43; }.env-detail__share a { width: 29px; height: 29px; } }
.env-detail__date-short, .env-detail__author-short { display: none; }.env-detail__share b { color: #639a43; }
.env-detail__gallery { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 28px 0 0; }.env-detail__gallery a { display: block; overflow: hidden; border-radius: 8px; background: #edf3f6; }.env-detail__gallery img, .env-detail__gallery video { display: block; width: 100%; aspect-ratio: 1.3; object-fit: cover; }.env-detail__gallery img { transition: transform .2s ease; }.env-detail__gallery a:hover img { transform: scale(1.04); }
@media (max-width: 767px) { .env-detail__meta { justify-content: space-between; gap: 10px; font-size: .86rem; }.env-detail__author { display: inline-flex !important; }.env-detail__author-full { display: none; }.env-detail__author-short { display: inline !important; }.env-detail__date { padding-left: 10px; border-left: 1px solid #d9e3e9; }.env-detail__share { flex: 0 0 auto; gap: 8px; padding-left: 10px; border-left: 1px solid #d9e3e9; }.env-detail__share a { width: 30px; height: 30px; } }
@media (max-width: 767px) { .env-detail__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } }