/* Notes archive and articles. Shared by the English and Spanish editions. */
.notes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.note-card { min-width:0; background:#f7f5ef; }
.note-card > a { display:flex; flex-direction:column; height:100%; color:#17392f; text-decoration:none; }
.note-card img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
.note-card-copy { display:flex; flex:1; flex-direction:column; padding:25px 25px 27px; border:1px solid #e4e6df; border-top:0; }
.editorial-page main .note-category { margin:0 0 12px; font:400 14px/1.4 'Bebas Neue',sans-serif; letter-spacing:.12em; color:#816018; }
.editorial-page main .note-card h3 { margin:0 0 15px; font-size:30px; line-height:1.13; color:#17392f; }
.editorial-page main .note-card p:not(.note-category) { margin:0 0 23px; font-size:16px; line-height:1.65; }
.note-read { margin-top:auto; font:400 18px/1.3 'Bebas Neue',sans-serif; letter-spacing:.035em; }
.note-read span { margin-left:10px; }
.note-card a:hover h3,.note-card a:hover .note-read { text-decoration:underline; text-underline-offset:4px; }
.note-card a:focus-visible { outline:3px solid #b48720; outline-offset:5px; }
.note-header { padding:215px 24px 38px; text-align:center; background:#f7f5ef; }
.note-trail { max-width:980px; margin:0 auto 36px; }
.note-trail ol { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; margin:0; padding:0; list-style:none; font-size:14px; line-height:1.5; }
.note-trail li+li::before { content:'/'; margin-right:9px; color:#a5aaa1; }
.note-trail a { color:#526353; text-decoration:underline; text-underline-offset:3px; }
.editorial-page main .note-heading { max-width:960px; margin:0 auto; color:#17392f; font-size:clamp(40px,4.3vw,62px); line-height:1.08; }
.editorial-page main .note-deck { max-width:760px; margin:22px auto 0; font-size:19px; line-height:1.7; }
.note-photo { max-width:1000px; margin:40px auto 0; padding:0 24px; }
.note-photo img { display:block; width:100%; height:auto; }
.note-body { max-width:780px; margin:0 auto; padding:45px 24px 54px; }
.editorial-page main .note-body p { margin:0 0 24px; color:#435248; font-size:18px; line-height:1.9; }
.editorial-page main .note-body h2 { margin:39px 0 20px; font-size:36px; line-height:1.15; }
.note-body a { color:#17392f; text-decoration:underline; text-decoration-color:#9c803c; text-underline-offset:4px; }
.note-body a:hover { color:#856418; }
.note-actions { border-top:1px solid #d9ddd7; margin-top:35px; padding-top:28px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.note-actions > a:first-child { font:400 18px/1.4 'Bebas Neue',sans-serif; letter-spacing:.02em; }
.notes-related { padding:48px 0 64px; background:#f7f5ef; }
.notes-related .notes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.notes-related .note-card > a { display:grid; grid-template-columns:150px 1fr; }
.notes-related .note-card img { height:100%; min-height:155px; aspect-ratio:auto; }
.notes-related .note-card-copy { padding:20px; border:1px solid #dfe2d9; border-left:0; }
.editorial-page main .notes-related .note-card h3 { font-size:26px; margin-bottom:14px; }
.notes-related .note-category { display:none; }
.notes-related .editorial-archive-heading { margin-bottom:28px; }
@media (min-width:768px) {
 .note-page #site-header .custom-navbar:not(.top-nav-collapse) { background:#17392f; }
}
@media (max-width:991px) {
 .notes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
 .notes-related .note-card > a { grid-template-columns:120px 1fr; }
 .note-header { padding-top:185px; }
}
@media (max-width:767px) {
 .notes-grid,.notes-related .notes-grid { grid-template-columns:1fr; gap:27px; }
 .note-card-copy { padding:24px; }
 .note-header { padding:126px 24px 30px; }
 .note-trail { margin-bottom:27px; }
 .editorial-page main .note-heading { font-size:42px; }
 .editorial-page main .note-deck { font-size:17px; margin-top:19px; }
 .note-photo { margin-top:28px; padding:0; }
 .note-body { padding:29px 24px 42px; }
 .editorial-page main .note-body p { font-size:17px; line-height:1.85; margin-bottom:22px; }
 .editorial-page main .note-body h2 { font-size:32px; margin-top:32px; }
 .note-actions { align-items:flex-start; flex-direction:column; gap:22px; }
 .notes-related { padding:35px 0 45px; }
 .notes-related .note-card > a { grid-template-columns:105px 1fr; }
 .editorial-page main .notes-related .note-card h3 { font-size:25px; }
 .notes-related .note-card-copy { padding:18px; }
 .editorial-page main .notes-related .editorial-archive-heading h2 { white-space:normal; }
}