/* Five app areas share one photographic showcase instead of repeating tile cards. */
.atlas-deck{border-radius:28px;background:#eee2d4;border:1px solid #cdbba9;box-shadow:var(--rim-shadow);overflow:hidden}
.area-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px 24px;background:linear-gradient(135deg,#263038,#111920);border-bottom:1px solid #52636a;box-shadow:inset 0 1px 0 #ffffff40}
.area-control{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:70px;padding:10px 12px;background:linear-gradient(135deg,#303b42,#192129);color:#dde4e4;border:1px solid #52636a;border-radius:18px;text-align:left;box-shadow:inset 0 1px 0 #ffffff29,0 3px 5px #0002;font-size:.95rem;line-height:1.3;font-weight:700;cursor:pointer}
.area-stamp{display:block;position:relative;width:46px;height:46px;overflow:hidden;flex-shrink:0;border-radius:50%;border:2px solid #8b9290;box-shadow:0 0 0 1px #111920,inset 0 2px 4px #0004}
.area-stamp>img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.area-control[data-section=rebuild] .area-stamp>img{object-position:center 47%}
.area-control[aria-selected=true]{border-color:var(--area-accent);color:#fffaf4;background:linear-gradient(130deg,#35454a,#192129);box-shadow:inset 0 -3px 0 var(--area-accent),inset 0 1px 0 #ffffff45,0 3px 7px #0003}
.area-control[aria-selected=true] .area-stamp{border-color:var(--area-accent);box-shadow:0 0 0 2px #ffffff1a}
.area-control:hover{border-color:var(--area-accent)}
.area-control:focus-visible{outline:3px solid #fffaf4;outline-offset:3px}
.area-control-label{overflow-wrap:normal}
.app-atlas .atlas-panel{margin:0;padding:0;border:0;background:#fffaf4}
.atlas-panel .atlas-view{display:grid;grid-template-columns:1fr 1.1fr;min-height:430px}
.atlas-art{position:relative;margin:0;overflow:hidden;min-height:430px;isolation:isolate;background:#111920}
.atlas-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.atlas-art[data-area=rebuild]>img{object-position:center 52%}
.atlas-art[data-area=active]>img{width:160%;max-width:none;left:-60%;object-position:right center}
.atlas-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111920ef,transparent 60%);z-index:-1}
.atlas-art figcaption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;flex-direction:column;gap:12px;color:#fffaf4}
.atlas-category{font-size:2rem;letter-spacing:-.03em;line-height:1.1;font-weight:800;color:var(--feature-accent,#50dcec)}
.atlas-caption{font-size:.8rem;letter-spacing:.08em;line-height:1.5;font-weight:700;color:#e4ece8}
.atlas-copy{padding:36px;background:radial-gradient(ellipse at top left,#fffaf4,#eee2d4);display:flex;flex-direction:column;align-items:start;min-width:0;border-top:3px solid var(--feature-accent,#50dcec)}
.atlas-copy>.eyebrow{font-size:.8rem;letter-spacing:.07em;color:#193a48;margin-bottom:16px;line-height:1.5}
.atlas-copy>h3{font-size:2.1rem;letter-spacing:-.045em;line-height:1.12;max-width:470px;margin:0 0 20px}
.atlas-description{font-size:1.05rem;line-height:1.6;color:#4b555a;margin-bottom:24px;max-width:480px}
.atlas-tool-preview{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.atlas-tool-preview>span{font-size:.875rem;line-height:1.45;border:1px solid #cdbba9;border-radius:8px;padding:7px 10px;color:#193a48;background:#fffaf480;box-shadow:inset 0 1px 0 #fffaf4}
.atlas-actions{width:100%;margin-top:auto;display:flex;align-items:start;flex-direction:column;gap:18px;padding-top:22px;border-top:1px solid #cdbba9}
.atlas-tool-details{width:100%;padding:0;border:0;color:#193a48}
.atlas-tool-details>summary{display:list-item;min-height:44px;padding:10px 0;font-size:.95rem;line-height:1.5;font-weight:700;cursor:pointer}
.atlas-tool-details ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr;gap:12px}
.atlas-tool-details li{padding:10px 0 10px 14px;border-left:2px solid var(--feature-accent,#50dcec);font-size:1rem;line-height:1.5}
.atlas-tool-details strong,.atlas-tool-details li>span{display:block}
.atlas-tool-details li>span{font-size:.95rem;line-height:1.6;color:#4b555a;margin-top:5px}
@media(max-width:1100px){.area-navigation{padding:16px;gap:10px}.area-control{flex-direction:column;justify-content:center;text-align:center;padding:12px 8px;gap:9px;font-size:.875rem}.area-stamp{width:42px;height:42px}.atlas-copy{padding:30px}.atlas-copy>h3{font-size:1.85rem}}
@media(max-width:820px){.atlas-panel .atlas-view{grid-template-columns:1fr;min-height:0}.atlas-art{min-height:220px;height:220px}.atlas-art figcaption{bottom:24px;left:26px;right:26px;gap:8px}.atlas-category{font-size:1.8rem}.atlas-art[data-area=recovery]>img{object-position:center 45%}.atlas-art[data-area=mental]>img{object-position:center 38%}.atlas-art[data-area=rebuild]>img{object-position:center 46%}.atlas-art[data-area=active]>img{width:130%;left:-30%;object-position:right center}.atlas-copy{padding:28px}.atlas-copy>.eyebrow{display:none}.atlas-copy>h3{font-size:1.85rem;max-width:600px;margin-bottom:16px}.atlas-description{font-size:1rem;max-width:none;margin-bottom:20px}.atlas-tool-preview{margin-bottom:22px}.atlas-actions{padding-top:18px;gap:12px}}
@media(max-width:520px){.atlas-deck{border-radius:24px}.area-navigation{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:14px}.area-control{grid-column:span 2;flex-direction:row;justify-content:center;gap:7px;padding:10px 6px;min-height:54px;border-radius:12px;font-size:.875rem;line-height:1.25}.area-control:nth-child(n+4){grid-column:span 3}.area-stamp{width:27px;height:27px;border-width:1px}.area-control-label{min-width:0}.area-control[data-section=mental]{gap:5px}.atlas-art{min-height:200px;height:200px}.atlas-art figcaption{left:22px;right:22px;bottom:22px}.atlas-category{font-size:1.55rem}.atlas-caption{font-size:.75rem;letter-spacing:.04em}.atlas-copy{padding:24px 22px}.atlas-copy>h3{font-size:1.65rem;line-height:1.14;letter-spacing:-.035em;margin-bottom:15px}.atlas-description{line-height:1.55;margin-bottom:18px}.atlas-tool-preview{gap:7px;margin-bottom:20px}.atlas-tool-preview>span{padding:6px 9px;font-size:.875rem}.atlas-actions .button{min-height:48px;padding:10px 20px;font-size:1rem}.app-atlas .atlas-heading h2{font-size:2rem}.app-atlas .atlas-heading>p{margin-top:14px}}
@media(max-width:360px){.area-navigation{padding:12px;gap:8px}.area-control{flex-direction:column;gap:6px;min-height:70px;padding:9px 4px}.area-control:nth-child(n+4){flex-direction:row;min-height:48px}.area-stamp{width:28px;height:28px}.atlas-copy{padding:24px 20px}.atlas-copy>h3{font-size:1.5rem}}
@media(max-width:520px){.area-control{flex-direction:column;gap:6px;min-height:84px;padding:10px 6px}.area-control:nth-child(n+4){flex-direction:row;min-height:50px;gap:9px}.area-stamp{width:30px;height:30px}.area-control[data-section=mental]{gap:6px}}