/* ManualeReef Atlas visual system v224 */
.atlas-visual-system{margin:22px 0 8px}.atlas-visual-head{display:flex;gap:14px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.atlas-visual-head h3{margin:0;color:#0b2d4a;font-size:1.28rem}.atlas-visual-head p{margin:4px 0 0;color:#526b7e;font-size:.92rem}.atlas-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.atlas-visual-card{background:#fff;border:1px solid #dce8ef;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(6,39,62,.06)}.atlas-visual-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:linear-gradient(145deg,#f8fbfd,#edf6fa);display:block}.atlas-visual-card .av-copy{padding:10px 12px 12px}.atlas-visual-card b{display:block;color:#0a2e4b;margin-bottom:3px}.atlas-visual-card span{font-size:.82rem;color:#617789;line-height:1.35}.atlas-generated-note{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:#557184;background:#edf7fb;border-radius:999px;padding:5px 9px}.atlas-real-gallery{margin:18px 0 8px;padding:16px;border:1px solid #dce8ef;border-radius:16px;background:#fff}.atlas-real-gallery .atlas-visual-card img{object-fit:cover}.atlas-real-gallery .atlas-visual-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.atlas-real-badge{display:inline-block;background:#092f4d;color:white;border-radius:999px;padding:4px 8px;font-size:.72rem;margin-bottom:6px}.atlas-ai-card[data-missing="1"]{display:none}.atlas-generated-gallery:has(.atlas-ai-card:not([data-missing="1"])){} 
@media(max-width:900px){.atlas-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.atlas-visual-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.atlas-visual-card{min-width:78vw;scroll-snap-align:start}.atlas-visual-head{align-items:flex-start;flex-direction:column}}


/* v230 demo: portfolio cards for Atlas species */
.atlas-visual-portfolio{margin:24px 0 12px}
.atlas-visual-portfolio .atlas-portfolio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}
.atlas-portfolio-card{display:flex;flex-direction:column;gap:10px}
.atlas-portfolio-media,.atlas-real-card-shell{background:#052543;border:1px solid rgba(151,212,255,.22);border-radius:22px;overflow:hidden;box-shadow:0 8px 22px rgba(5,26,42,.12)}
.atlas-portfolio-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#06233e}
.atlas-portfolio-caption{background:#eaf0f5;border-radius:999px;padding:12px 18px;text-align:center;color:#19344b;display:flex;flex-direction:column;gap:4px;min-height:72px;justify-content:center}
.atlas-portfolio-caption strong{font-size:.97rem;line-height:1.22;color:#18324a}
.atlas-portfolio-caption span{font-size:.8rem;line-height:1.35;color:#5b7286}
.atlas-real-card-shell{padding:16px;min-height:calc((100vw - 160px)/5 * 1.25);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at top,#0a355e 0,#04233f 52%,#031f38 100%)}
.atlas-real-card-head h4{margin:0;color:#fff;font-size:1.62rem;line-height:1.05;font-family:Georgia, 'Times New Roman', serif}
.atlas-real-card-head p{margin:8px 0 0;color:#d7e8f5;font-size:.82rem;line-height:1.45}
.atlas-real-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.atlas-real-mini-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#0f385d;border:1px solid rgba(150,209,255,.28)}
.atlas-real-mini-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#06233e}
@media (max-width:1280px){.atlas-visual-portfolio .atlas-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.atlas-visual-portfolio .atlas-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-real-card-shell{min-height:auto}}
@media (max-width:560px){.atlas-visual-portfolio .atlas-portfolio-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.atlas-portfolio-card{min-width:80vw;scroll-snap-align:start}.atlas-portfolio-caption{border-radius:22px}}

/* v231 – portfolio cards aligned with species feature cards */
.atlas-visual-cards .atlas-visual-card-grid{margin-top:18px;align-items:start;justify-content:start}
.atlas-visual-cards .atlas-visual-card-grid .feature{display:flex;flex-direction:column;height:100%}
.atlas-visual-cards .atlas-visual-card-grid .feature img{height:118px;object-fit:cover;object-position:center;background:#06233e}
.atlas-visual-cards .atlas-visual-card-grid .feature div{display:flex;flex-direction:column;gap:4px;flex:1}
.atlas-visual-cards .atlas-visual-card-grid .feature b{font-size:13px;line-height:1.25}
.atlas-visual-cards .atlas-visual-card-grid .feature p{margin:0;color:#32526a;font-size:12px;line-height:1.45}
.atlas-visual-cards .atlas-visual-head{align-items:flex-start}
.atlas-visual-cards .atlas-generated-note{margin-left:auto}
@media(max-width:900px){.atlas-visual-cards .atlas-generated-note{margin-left:0}}