/* Shared article cards */
.storyCardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0 42px;align-items:start}
.detailPortal .storyCardGrid>.guideSection.editorialSection:not(.guideSectionDisclosure){display:flex!important;flex-direction:column;gap:22px;width:100%!important;max-width:none!important;margin:0!important;padding:30px!important;border:1px solid #dce7ee!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 28px #183c5208!important;scroll-margin-top:105px;min-width:0;position:relative;overflow:hidden}
.detailPortal .storyCardGrid>.guideSection.editorialSection:before,.detailPortal .storyCardGrid>.guideSection.editorialSection:after{display:none!important;content:none!important}
.editorialSectionHeading{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center;margin:0;padding:0}
.storySectionIcon{display:grid;place-items:center;width:52px;height:52px;background:#e8f3f7;border:1px solid #cce0e8;border-radius:16px;color:#256580}
.storySectionIcon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.editorialSectionIndex{font-size:12px;font-weight:600;letter-spacing:.1em;color:#597283}.editorialSectionIndex>span{margin-right:10px;color:#245970;font-size:14px}
.detailPortal .editorialSectionHeading h2{grid-column:1/-1;font:650 clamp(22px,2vw,28px)/1.25 var(--sans),sans-serif!important;letter-spacing:-.025em!important;color:#163b50!important;margin:0!important;max-width:none!important;text-wrap:balance}
.editorialSectionRule{display:none!important}.editorialSectionCopy{min-width:0}.detailPortal .editorialSectionCopy p{font:400 16px/1.8 var(--sans),sans-serif!important;color:#4c6373!important;margin:0 0 16px!important;max-width:none!important;letter-spacing:0!important}.detailPortal .editorialSectionCopy p:last-child{margin-bottom:0!important}
.detailPortal .storyCardGrid>.guideSection.editorialSection.editorialSectionPhoto{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:20px 32px!important}.editorialSectionPhoto .editorialSectionHeading{grid-column:1}.editorialSectionPhoto .editorialSectionCopy{grid-column:1}.editorialSectionFigure{grid-column:2;grid-row:1/3;margin:0!important;align-self:stretch;display:flex;flex-direction:column;gap:14px}
.editorialSectionFigure img{width:100%!important;height:320px!important;max-height:420px;min-height:240px;object-fit:cover;border-radius:14px!important}.editorialSectionFigure figcaption{color:#526c7c;font-size:13px;line-height:1.55}.editorialSectionFigure figcaption>span{display:block;margin-bottom:6px}.editorialSectionFigure small{display:block;font-size:12px;color:#647580}.editorialSectionFigure a{color:inherit;text-decoration:underline}
.storyCardGrid>.experienceMedia{grid-column:1/-1;width:100%;margin:12px 0!important;min-width:0}
.detailPortal .article>.relatedGuides.visualRelated{padding:32px 0!important;margin:34px 0!important;position:relative;border:0!important}.relatedGuidesHeading{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.relatedGuidesHeading>span{position:static!important;font-size:12px!important;line-height:1.5;font-weight:650;letter-spacing:.12em;color:#547185}.detailPortal .relatedGuidesHeading h2{font-size:30px!important;line-height:1.2!important;font-weight:650!important;margin:0!important;letter-spacing:-.025em!important}
.detailPortal .relatedGuides.visualRelated>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.detailPortal .relatedGuides.visualRelated>div>a{display:flex!important;flex-direction:column!important;min-width:0;padding:0 0 22px!important;overflow:hidden;border-radius:18px!important;background:white!important}.detailPortal .relatedGuides.visualRelated figure{margin:0 0 20px!important;width:100%!important;height:190px!important}.detailPortal .relatedGuides.visualRelated img{width:100%;height:100%;object-fit:cover}.detailPortal .relatedGuides.visualRelated a>span,.detailPortal .relatedGuides.visualRelated a>b,.detailPortal .relatedGuides.visualRelated a>i{margin:0 22px 14px!important;padding:0!important}.detailPortal .relatedGuides.visualRelated a>b{font-size:20px!important;line-height:1.4!important}.detailPortal .relatedGuides.visualRelated a>span{font-size:12px!important;color:#527589!important}.detailPortal .relatedGuides.visualRelated a>i{margin-top:auto!important;font-size:14px!important}
@media(max-width:760px){.storyCardGrid{grid-template-columns:1fr;gap:16px}.detailPortal .storyCardGrid>.guideSection.editorialSection{padding:23px!important}.detailPortal .storyCardGrid>.guideSection.editorialSection.editorialSectionPhoto{display:flex!important}.editorialSectionFigure img{height:auto!important;min-height:0;max-height:330px}.detailPortal .relatedGuides.visualRelated>div{grid-template-columns:1fr!important}.detailPortal .relatedGuides.visualRelated figure{height:220px!important}}


@media(min-width:761px){.detailPortal .experienceArticle .storyCardGrid>.guideSection:first-child,.detailPortal .experienceArticle .storyCardGrid>.guideSection:nth-child(3){grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px!important;align-items:start}.editorialSectionPhoto .editorialSectionHeading{grid-row:1}.editorialSectionPhoto .editorialSectionCopy{grid-row:2}.editorialSectionPhoto .editorialSectionFigure{grid-column:2;grid-row:1/3}}

/* Compact, image-first detail reading without removing the full reference text. */
.detailPortal .article>.guideJump{display:block!important;position:relative;margin:22px 0 28px!important;padding:16px 18px!important;border:1px solid #d5e3ed;border-radius:18px;background:#fff;box-shadow:0 10px 28px #163c6410;max-width:none!important}
.guideJump>span{display:block;margin-bottom:11px;color:#31516b;font:800 11px/1.4 var(--sans),sans-serif;letter-spacing:.12em;text-transform:uppercase}
.guideJump>div{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:1px 1px 5px}
.guideJump a{display:inline-flex;align-items:center;gap:9px;min-height:46px;flex:0 0 auto;max-width:310px;padding:10px 14px;border:1px solid #d4e2ed;border-radius:13px;background:#f5f9fd;color:#153952;font:700 14px/1.25 var(--sans),sans-serif;text-decoration:none;white-space:normal}
.guideJump a:nth-child(2){background:#eefaf6}.guideJump a:nth-child(3){background:#fff8dc}.guideJump a:last-child{background:#eaf1ff;color:#204ab9}
.guideJump a b{color:#2458d7;font-size:11px;letter-spacing:.04em}
.guideJump a:hover{border-color:#89a9ce;box-shadow:0 5px 14px #183c6414}.guideJump a:focus-visible{outline:3px solid #315efb;outline-offset:3px}
.detailPortal .storyCardGrid{gap:14px;margin:22px 0 30px}
.detailPortal .storyCardGrid>.guideSection.editorialSection:not(.guideSectionDisclosure){gap:15px;padding:23px!important;border-color:#d3e2ea!important;border-top:3px solid #58bbaa!important;box-shadow:0 8px 25px #143c5c0b!important}
.detailPortal .storyCardGrid>.guideSection.editorialSection:nth-of-type(3n+2):not(.guideSectionDisclosure){border-top-color:#f1c75b!important}
.detailPortal .storyCardGrid>.guideSection.editorialSection:nth-of-type(3n):not(.guideSectionDisclosure){border-top-color:#7ca4ed!important}
.detailPortal .editorialSectionHeading{grid-template-columns:42px 1fr;gap:10px}
.detailPortal .editorialSectionHeading .storySectionIcon{width:42px;height:42px;border-radius:13px}
.detailPortal .editorialSectionHeading .storySectionIcon svg{width:21px;height:21px}
.detailPortal .editorialSectionHeading h2{font-size:clamp(21px,2vw,27px)!important;line-height:1.2!important}
.detailPortal .editorialSectionCopy p{line-height:1.65!important;margin-bottom:11px!important}
.detailPortal .editorialSectionCopy p+p{position:relative;padding:10px 0 0 18px;border-top:1px solid #e6eef2}
.detailPortal .editorialSectionCopy p+p:before{content:"";position:absolute;left:2px;top:19px;width:6px;height:6px;border-radius:50%;background:#3f9e96}
.detailPortal .storyCardGrid>.guideSectionDisclosure{display:block!important;min-height:0!important;margin:0;padding:0!important;border-color:#d5e3ed;box-shadow:0 7px 21px #173a6409}
.detailPortal .guideSectionDisclosure>summary{min-height:72px;padding:13px 16px}
.detailPortal .guideSectionDisclosure>summary .storySectionIcon{width:42px;height:42px}
@media(max-width:760px){
 .detailPortal .article>.guideJump{margin:17px 0 23px!important;padding:13px!important}
 .guideJump>div{margin-right:-13px;padding-right:13px;scroll-snap-type:x proximity}
 .guideJump a{flex:0 0 min(76vw,270px);scroll-snap-align:start;min-height:49px}
 .detailPortal .storyCardGrid{gap:12px;margin:19px 0 26px}
 .detailPortal .storyCardGrid>.guideSection.editorialSection:not(.guideSectionDisclosure){padding:19px!important}
 .detailPortal .editorialSectionHeading h2{font-size:22px!important}
 .detailPortal .editorialSectionCopy p{font-size:16px!important;line-height:1.63!important}
 .detailPortal .relatedGuides.visualRelated>div{display:flex!important;gap:13px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 3px 10px;scrollbar-width:thin}
 .detailPortal .relatedGuides.visualRelated>div>a{flex:0 0 min(78vw,320px)!important;scroll-snap-align:start}
 .detailPortal .relatedGuides.visualRelated figure{height:155px!important}
 .detailPortal .relatedGuides.visualRelated a>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .detailPortal .articleSaveRow{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 5px}
 .detailPortal .guideSectionDisclosure>summary{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;min-height:70px;padding:12px 14px}
 .detailPortal .guideSectionDisclosure>summary .storySectionIcon{width:36px;height:36px}
 .detailPortal .guideSectionDisclosure>summary strong{font-size:17px;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){.guideJump>div,.detailPortal .relatedGuides.visualRelated>div{scroll-behavior:auto}}
