/* Skintelligence shares the warm editorial styling of Reviews and Affiliations. */
.skintelligence-view, .skintelligence-view .footer { background: #f8f5ef; }
.skintelligence-view .blog-section { background: #f8f5ef; padding: 10rem 0 4rem; }
.skintelligence-view .container { max-width: 1180px; padding: 0 2.5rem; }
.skintelligence-intro { display: grid; grid-template-columns: 1.15fr 1fr; align-items: end; gap: 3rem; text-align: left; padding-bottom: 3.5rem; }
.skintelligence-view .section-kicker { color: #80674d; font-size: .69rem; letter-spacing: .22em; margin-bottom: 1.1rem !important; }
.skintelligence-view h1 { font-size: clamp(2.7rem,5.2vw,4.7rem); font-weight: 400; line-height: 1.12; letter-spacing: -.045em; margin: 0; }
.skintelligence-view h1 span { color: #aa8865; }
.skintelligence-view .skintelligence-intro-copy p { color: #62584d; font-size: 1rem; line-height: 1.85; margin: 0 0 1rem; text-align: left; }
.skintelligence-view .skintelligence-intro-copy .skintelligence-note { font-size: .75rem; margin: 0; }
.skintelligence-index { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 1px solid #d9d0c4; padding: 1.2rem 0 1.8rem; font-size: .64rem; letter-spacing: .16em; color: #716354; text-align: left; text-transform: uppercase; }
.skintelligence-index a { text-decoration: underline; text-underline-offset: 5px; }
.skintelligence-view .blog-grid { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
.skintelligence-view .blog-card { background: #fffcf8; border: 1px solid #e3dbd0; border-radius: 5px; box-shadow: none; }
.skintelligence-view .blog-card:hover { border-color: #b9a386; box-shadow: 0 12px 28px #3d30280a; }
.skintelligence-view .blog-card-link { display: grid; grid-template-columns: 300px minmax(0,1fr); }
.skintelligence-view .blog-card-image { background: #f1ece4; border-right: 1px solid #e3dbd0; min-height: 250px; }
.skintelligence-view .blog-card-image img { width: 100%; height: 100%; min-height: 250px; object-fit: cover; }
.skintelligence-view .blog-card-body { padding: 1.8rem 2rem; display: flex; flex-direction: column; }
.skintelligence-view .blog-date { font-size: .65rem; color: #80674d; letter-spacing: .1em; }
.skintelligence-view .blog-card h3 { font-size: 1.7rem; font-weight: 400; letter-spacing: -.025em; line-height: 1.3; color: #30291f; margin: .7rem 0; }
.skintelligence-view .blog-excerpt { font-size: .85rem; line-height: 1.8; font-style: normal; color: #766958; text-align: left; }
.skintelligence-view .blog-read-more { border-top: 1px solid #e7dfd3; padding-top: 1rem; margin-top: auto; font-size: .75rem; color: #59452f; }
.skintelligence-view .blog-card-no-image .blog-card-link { grid-template-columns: 1fr; }
.skintelligence-view a:focus-visible { outline: 2px solid #80674d; outline-offset: -3px; border-radius: 3px; }
@media(max-width:900px) {
 .skintelligence-view .container { padding: 0 1.5rem; }
 .skintelligence-intro { gap: 2rem; }
 .skintelligence-view .blog-card-link { grid-template-columns: 220px minmax(0,1fr); }
 .skintelligence-view .blog-card-body { padding: 1.4rem; }
}
@media(max-width:650px) {
 .skintelligence-view .blog-section { padding-top: 8rem; }
 .skintelligence-intro { grid-template-columns: 1fr; gap: 1.4rem; padding-bottom: 2.2rem; }
 .skintelligence-view h1 { font-size: clamp(2.3rem,10vw,3.3rem); }
 .skintelligence-view .skintelligence-intro-copy p { font-size: .92rem; }
 .skintelligence-index { font-size: .58rem; letter-spacing: .08em; }
 .skintelligence-view .blog-card-link { grid-template-columns: 1fr; }
 .skintelligence-view .blog-card-image { border-right: 0; border-bottom: 1px solid #e3dbd0; min-height: 0; }
 .skintelligence-view .blog-card-image img { height: 220px; min-height: 0; }
 .skintelligence-view .blog-card h3 { font-size: 1.5rem; }
}
@media(prefers-reduced-motion:reduce) {
 .skintelligence-view .blog-card { transition: none; }
 .skintelligence-view .blog-card:hover { transform: none; }
}