/* Shared editorial presentation, inspired by the scholarly exchange cards. */
:root{--editorial-ink:#152438;--editorial-line:#d9d6d0;--editorial-gold:#a88a58}
.content{background:#fff;padding-top:clamp(36px,5vw,76px);padding-bottom:clamp(70px,8vw,120px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:stretch}
.content>.story{background:#fff;display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;max-width:none;margin:0;padding:0;border:1px solid var(--editorial-line);overflow:hidden}
.content>.story{grid-column:span 2}
/* Fill the final row when its card count is not divisible by three. */
.content>.story:nth-last-child(2):nth-child(3n+1),.content>.story:last-child:nth-child(3n+2){grid-column:span 3}
.content>.story:last-child:nth-child(3n+1){grid-column:1/-1}
.content>.story:nth-child(even){background:#fff}
.content>.story>.eyebrow{display:block;margin:0;padding:16px 21px;border-top:3px solid var(--editorial-gold);color:#7d6546;letter-spacing:.13em;font-size:.73rem;min-height:58px}
.content>.story>.eyebrow .section-index{display:none}
.content>.story>.eyebrow+div{display:flex;flex:1;flex-direction:column;min-width:0}
.content>.story .story-photo{max-width:none;margin:0;border:0;background:#f4f3f0}
.content>.story .story-photo img{display:block;width:100%;height:240px;object-fit:cover;object-position:center;background:#e9e6df}
.content>.story .story-photo figcaption{background:#f6f5f2;color:#59616a;padding:9px 17px;font-size:.75rem;line-height:1.4;min-height:52px}
.content>.story h2{color:var(--editorial-ink);font-size:clamp(1.5rem,2.1vw,2.3rem);font-weight:400;line-height:1.16;letter-spacing:-.025em;max-width:none;margin:0 21px 10px;min-height:3.5em;display:flex;align-items:center}
.content>.story p{color:#485261;max-width:none;font-size:1rem;line-height:1.6;margin:16px 21px 22px;flex:1}
.content>.story .share-bar{margin:0 21px 22px}
.content>.story .story-photo a{color:#41516a}
.media-grid .media-figure img{display:block;width:100%;height:240px;object-fit:cover;object-position:center;background:#e9e6df}
.pathways{padding-top:clamp(60px,7vw,105px);padding-bottom:clamp(60px,7vw,105px);background:#f6f5f2}
.pathways-heading{border-top:2px solid var(--editorial-gold)}
.pathways a{background:#fff;border:1px solid var(--editorial-line);transition:transform .2s,box-shadow .2s}
.pathways a:hover,.pathways a:focus-visible{background:#fff;transform:translateY(-3px);box-shadow:0 12px 28px #15243816}
.pathways a strong{font-weight:400;font-family:Georgia,serif}
.contents{display:block;background:#132b43;color:#f6f3ed;padding:clamp(55px,6vw,90px) 5.5% clamp(65px,7vw,105px);border:0}
.contents>div{display:flex;flex-wrap:wrap;align-items:end;column-gap:36px;row-gap:8px;margin:0 auto 32px;max-width:1500px;border-top:3px solid var(--editorial-gold);padding-top:22px}
.contents>div .eyebrow{flex-basis:100%;color:#d9b77d;font-size:.8rem;letter-spacing:.16em}
.contents>div h2{color:#fff;font-size:clamp(2.5rem,4.5vw,5rem);margin:0;line-height:1.04}
.contents>div p{color:#d3dce4;font-size:1rem;margin:0 0 7px}
.contents ol{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0}
.contents li{min-width:0;border:1px solid #ffffff36;background:#ffffff0b;transition:background .2s,border-color .2s,transform .2s}
.contents li:hover,.contents li:focus-within{background:#ffffff1d;border-color:#d9b77d;transform:translateY(-2px)}
.contents a{height:100%;min-height:100px;display:flex;align-items:flex-start;gap:15px;padding:20px;color:#f8f8f6;font-family:Georgia,serif;font-size:clamp(1rem,1.15vw,1.22rem);font-weight:400;line-height:1.35;text-decoration:none}
.contents a:hover,.contents a:focus-visible{background:transparent;color:#fff;outline-offset:-3px}
.contents a span{font-family:Arial,sans-serif;font-size:.78rem;font-weight:700;color:#d9b77d;min-width:27px;margin-top:3px}
.contents>div h2,.pathways-heading h2,.home-videos-more h2,.article-collection h2,.research-readings h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;color:var(--editorial-ink)}
/* Keep the guide heading light over the navy surface. */
.contents>div h2{color:#fff}
@media(max-width:1100px){.contents ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.content{grid-template-columns:repeat(2,minmax(0,1fr))}.content>.story,.content>.story:nth-last-child(2):nth-child(3n+1),.content>.story:last-child:nth-child(3n+2){grid-column:span 1}.content>.story:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:700px){.contents{padding-inline:5%}.contents ol{grid-template-columns:1fr}.contents a{min-height:0;padding:16px}.content{grid-template-columns:1fr;padding-inline:5%;gap:22px}.content>.story,.content>.story:nth-last-child(2):nth-child(3n+1),.content>.story:last-child:nth-child(3n+2),.content>.story:last-child:nth-child(3n+1),.content>.story:last-child:nth-child(odd){grid-column:1}.content>.story .story-photo img,.media-grid .media-figure img{height:230px}.content>.story h2{font-size:clamp(1.7rem,7vw,2.3rem);min-height:0;padding-block:20px}.content>.story .story-photo figcaption{min-height:0}}