/* Andean landscape preview: existing colors and copy remain unchanged. */
/* Keep the 3:1 panorama proportional; the team stays inside the mobile crop. */
body.home-page main > .hero.home-trail { padding-bottom:max(280px,26vw) !important; }
body .home-trail::after {
  inset:auto 0 0; width:100%; height:max(280px,33.333333vw);
  background:url('assets/images/andes-radio-equipo-v4.png') no-repeat right bottom / cover;
  opacity:1; pointer-events:none; z-index:0;
  mask-image:linear-gradient(transparent,#000 12%);
}
body main > .article-hero.subtle-mountain { padding-bottom:max(280px,33.333333vw); }
body main > .article-hero.subtle-mountain::after {
  inset:auto 0 0; width:100%; height:max(280px,33.333333vw);
  background:url('assets/images/andes-radio-equipo-v4.png') no-repeat right bottom / cover;
  opacity:1; mask-image:linear-gradient(transparent,#000 12%);
}
.route-mark .case-photo { position:relative; padding:14px; border:1px dashed #cc8a0066; border-radius:24px; }
.case-story { position:relative; padding:20px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(115deg,#eadfcb44,transparent 65%); }
.case-story::before { content:''; position:absolute; left:6px; top:28px; bottom:28px; border-left:2px dashed #cc8a0044; pointer-events:none; }
.home-case-showcase { padding:16px; border:1px dashed #cc8a0066; border-radius:24px; }
@media(max-width:700px) {
  body .home-trail::after { background-position:right bottom; }
  .case-story { padding:14px; }
}

/* Materials and first-hand experience on the RUFCOM case page. */
.case-materials { margin:48px 0; }
.article-body .case-materials h2 { margin-top:8px; }
.case-materials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.case-material-card { padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.case-material-card h3 { margin:8px 0; }
.case-material-card p:last-child { margin-bottom:0; }
.case-material-details { margin:12px 0; padding:0 22px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.case-material-details summary { padding:20px 0; cursor:pointer; font-weight:700; }
.case-material-details summary:focus-visible { outline:3px solid var(--ink); outline-offset:4px; }
.case-material-details li { margin-bottom:12px; }
.case-material-details ul { padding-left:20px; margin-top:0; padding-bottom:8px; }
.case-measurement { display:flex; gap:24px; align-items:center; padding:26px; margin:24px 0; background:var(--surface-2); border:1px solid var(--line); border-left:4px solid var(--accent); border-radius:16px; }
.case-measurement-value { flex-shrink:0;  font-weight:800; color:var(--brown); }
.case-measurement h3 { margin:0; }
.case-measurement p { margin-bottom:0; }
.case-source-note { padding:0 4px; }
.case-contact { margin:40px 0; padding:32px; border:1px solid var(--line); border-radius:24px; background:var(--surface-2); text-align:center; }
.article-body .case-contact h2 { margin-top:8px; }
.case-contact-email { overflow-wrap:anywhere;  }
@media(max-width:600px) {
  .case-materials-grid { grid-template-columns:1fr; }
  .case-measurement { flex-direction:column; align-items:flex-start; gap:8px; padding:22px; }
  .case-contact { padding:24px 18px; }
}
/* Compact study entry above the home resource grid. */
.home-page .study-entry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);border-left:4px solid var(--color-accent-support)}
.home-page .study-entry>div:first-child{min-width:0;flex:1}.home-page .study-entry h3{margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2)}
.home-page .study-entry p{margin:0}.study-entry-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:0 1 auto}.study-entry-actions .rf-button{white-space:nowrap}
@media(max-width:900px){.home-page .study-entry{flex-direction:column;align-items:stretch}.study-entry-actions .rf-button{flex:1;text-align:center}}