[data-visual-atlas] .atlas-catalog *,[data-visual-atlas] .atlas-postcard-intro *,[data-visual-atlas] .atlas-dialog{box-sizing:border-box}
[data-visual-atlas] .page-hero{padding:16px 0 14px;border-bottom:0}
[data-visual-atlas] .page-hero h1{font-size:clamp(30px,3.5vw,42px);margin:7px 0 9px;max-width:100%}
[data-visual-atlas] .page-hero .lead{font-size:16px;line-height:1.6;max-width:780px}
[data-visual-atlas] .page-hero .eyebrow{margin-top:10px}
[data-visual-atlas] .wiki-hero{display:block}
[data-visual-atlas] .wiki-breadcrumbs{margin-bottom:12px}
.atlas-catalog,.atlas-postcard-intro{width:min(1140px,calc(100% - 80px));margin-inline:auto}
.atlas-catalog{padding:8px 0 48px;scroll-margin-top:130px;font-family:Arial,Helvetica,sans-serif;color:#243f34}
.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px}
.atlas-heading h2{font-size:22px;line-height:1.2;margin:0}.atlas-heading p{margin:8px 0 0}
.atlas-search{font-size:12px;min-width:240px}.atlas-search input{display:block;font:inherit;font-size:14px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #b9c4b3;border-radius:12px;margin-top:5px;background:#fffdf7;color:#243f34}.atlas-search [role=status]{display:block;font-size:11px;margin-top:4px;color:#526456}
.atlas-grid{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.atlas-item{min-width:0;margin:0!important}.atlas-card{display:flex;flex-direction:column;min-height:100%;color:inherit;text-decoration:none!important;border:1px solid #d1d8c7;border-radius:22px;overflow:hidden;background:#fffdf7;transition:transform .16s,box-shadow .16s}
.atlas-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #293f3312}.atlas-card:focus-visible{outline:3px solid #a65621;outline-offset:4px}
.atlas-art{display:flex;align-items:center;justify-content:center;width:100%;height:250px;padding:22px;background:#f1ecd9;border-bottom:1px solid #e1dfd2;overflow:hidden}
.atlas-item:nth-child(3n+2) .atlas-art{background:#e7eee4}.atlas-item:nth-child(3n) .atlas-art{background:#f3e5d7}
.atlas-art>img,.atlas-art>svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;border-radius:0;display:block}
.atlas-art.atlas-map{height:330px;padding:14px}.atlas-art.atlas-map img{object-fit:contain}.atlas-art.atlas-postcard{height:330px;padding:12px}.atlas-art.atlas-postcard img{object-fit:contain}
.atlas-copy{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px;gap:9px}.atlas-number{font-size:11px;font-weight:700;line-height:1.5;color:#607058}.atlas-copy h3{font-size:22px;line-height:1.17;letter-spacing:-.035em;margin:0;color:#243f34}.atlas-caption{font-size:14px;line-height:1.55;color:#596954}.atlas-action{display:flex;justify-content:space-between;font-size:12px;font-weight:700;padding-top:8px;margin-top:auto}.atlas-action>span{font-size:20px}
[data-visual-atlas] .article-layout{border-top:1px solid #d9ddcf;padding-top:34px}
[data-visual-atlas] .article-section .atlas-detail-art{margin:0 0 25px;border:1px solid #d1d8c7;border-radius:22px;overflow:hidden;max-width:620px}
.atlas-detail-art .atlas-art{height:320px;padding:30px;border-bottom:0}
[data-visual-atlas="cats"] .article-section figure.character-portrait{float:none;width:min(100%,480px);margin:0 0 24px}
[data-visual-atlas="cats"] .article-section figure.character-portrait img{height:290px;border-radius:22px}
[data-visual-atlas="cats"] .article-section figure.sprite-portrait{width:290px}
[data-visual-atlas="chapters"] .article-section figure.chapter-image img{height:480px;object-fit:contain;background:#eee9d9;border:1px solid #d1d8c7;padding:12px}
.atlas-back{font-size:12px!important;display:inline-block;padding:10px 0}
.atlas-postcard-intro{padding:30px 0 18px;font-family:Arial,Helvetica,sans-serif;color:#243f34}.atlas-postcard-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:10px 0 14px}.atlas-postcard-intro p{font-size:16px;line-height:1.6}.atlas-postcard-intro .atlas-preview-note{font-size:12px;margin-top:10px;max-width:800px}.atlas-postcard-intro .eyebrow{font-size:11px}
.atlas-dialog{width:min(90vw,800px);max-height:92vh;border:1px solid #c6cfbd;border-radius:22px;padding:28px;background:#fffdf7;color:#243f34;overflow:auto;box-shadow:0 22px 90px #0005;font-family:Arial,Helvetica,sans-serif}.atlas-dialog::backdrop{background:#183528c9}.atlas-dialog>img{display:block;max-height:64vh;max-width:100%;width:auto;margin:0 auto 15px;object-fit:contain}.atlas-dialog h2{font-size:25px;margin:12px 0}.atlas-dialog p{font-size:13px;line-height:1.6}.atlas-dialog a{display:inline-block;margin:14px 0}.atlas-dialog [data-atlas-close]{position:sticky;top:0;float:right;width:44px;height:44px;border:1px solid #9cae96;border-radius:50%;background:#fffdf7;color:#243f34;font-size:28px;cursor:pointer;z-index:1}
.atlas-walkthrough .atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.atlas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.atlas-art{height:230px}.atlas-heading{align-items:start}.atlas-search{min-width:190px}}
@media(max-width:540px){[data-visual-atlas] .page-hero{padding-top:18px;padding-bottom:16px}[data-visual-atlas] .page-hero h1{font-size:32px}[data-visual-atlas] .page-hero .lead{font-size:14px}.atlas-catalog{width:calc(100% - 36px);padding-top:0}.atlas-heading{display:block;margin-bottom:14px}.atlas-heading h2{font-size:20px}.atlas-search{display:block;margin-top:13px;min-width:0}.atlas-grid,.atlas-walkthrough .atlas-grid{grid-template-columns:1fr}.atlas-art{height:245px;padding:24px}.atlas-copy{padding:17px 20px}.atlas-copy h3{font-size:24px}.atlas-art.atlas-map,.atlas-art.atlas-postcard{height:350px}.atlas-detail-art .atlas-art{height:280px}.atlas-postcard-intro{width:calc(100% - 36px);padding-top:22px}.atlas-dialog{padding:16px;width:94vw}.atlas-dialog>img{max-height:58vh}.atlas-dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.atlas-card{transition:none}.atlas-card:hover{transform:none}}

[data-visual-atlas] .page-hero .eyebrow{display:none}
[data-visual-atlas] .page-hero .lead{margin-bottom:10px}

#visual-wiki .atlas-art{height:300px}
@media(max-width:540px){#visual-wiki .atlas-art{height:290px}}