@import url("/assistant-assets/eb7fc3b2442fea4e72fd/tokens.css");
@import url("/assistant-assets/eb7fc3b2442fea4e72fd/signal-ui.css");

/* A small editorial library; existing radar and search keep their hierarchy. */
.editorial-picture,.editorial-picture img{display:block;max-width:100%}
.editorial-picture img{width:100%;height:auto}
.guide-card-art{width:220px;max-width:70%;margin:0 0 20px;mix-blend-mode:multiply}
.guide-card-art img{height:130px;object-fit:contain;object-position:left center}
.home-guide-art{float:right;width:250px;margin:6px 0 12px 24px;mix-blend-mode:multiply}
.home-guide-art img{height:164px;object-fit:contain}
.editorial-figure{margin:28px 0 44px;break-inside:avoid}
.editorial-figure picture{border:1px solid var(--line,#c7cec3);border-radius:3px;overflow:hidden}
.editorial-figure figcaption{font-size:14px;line-height:1.55;color:var(--muted,#4c574f);margin-top:12px}
.editorial-figure figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
 .guide-card-art{width:150px;margin-bottom:12px}
 .guide-card-art img{height:96px}
 .home-guide-art{width:150px;margin:0 0 8px 12px}
 .home-guide-art img{height:96px}
 .editorial-figure{margin:24px 0 32px}
 .editorial-figure figcaption{font-size:13px}
}

/* Feature, thumbnail and margin scales share the same compact asset library. */
.guide-card-art{width:220px;max-width:100%;margin-bottom:4px}
.guide-card-art img{height:136px}
.library-intro-art{float:right;width:300px;max-width:36%;margin:0 0 24px 32px;mix-blend-mode:multiply}
.library-intro-art img{height:190px;object-fit:contain}
.page-intro{display:flow-root}.guide-margin-art{width:180px;max-width:100%;margin:0 0 20px;mix-blend-mode:multiply}
.guide-margin-art img{height:126px;object-fit:contain}
@media(min-width:760px){
 .guide-card--feature{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,1fr);gap:16px 28px}
 .guide-card--feature>:not(picture){grid-column:1}.guide-card--feature .guide-card-art{grid-column:2;grid-row:1 / span 4;width:100%;align-self:center;margin:0}
 .guide-card--feature .guide-card-art img{height:220px}.guide-card--feature h3{font-size:clamp(23px,2.2vw,30px)}
}
@media(max-width:600px){.library-intro-art{float:none;width:220px;max-width:100%;margin:0 0 20px}.library-intro-art img{height:140px}.guide-card-art{width:180px}.guide-card-art img{height:112px}}