/* Keys and city directory share the approved library palette. */
.key-results-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.key-material-note{padding:1rem;border-left:3px solid #c8a967;background:#ffffff08}.key-library-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}.key-library-filters input{max-width:100%;min-width:0}
.city-directory-panel>.explorer-panel-heading{display:none}.city-directory-panel{padding:22px}.city-profile{position:relative;isolation:isolate;overflow:hidden;margin:0 0 30px;border:1px solid #50614c;border-radius:12px;background:radial-gradient(ellipse at 95% 80%,#67804d24,transparent 55%),linear-gradient(125deg,#243830,#172828 70%)}.city-profile::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(#b9c39a33 1px,transparent 1px),linear-gradient(90deg,#b9c39a33 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}.city-profile-top{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 28px;border-bottom:1px solid #6f806033}.city-atlas-label{display:flex;align-items:center;gap:10px;font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;color:#c6c6a9}.city-atlas-label svg{width:23px;height:23px;color:#d8c38e;flex-shrink:0}.explorer-body .city-select-label{display:block;margin:0;font:400 10px/1.5 Inter,Arial,sans-serif;color:#b0bfb3;width:225px;max-width:100%}.explorer-body .city-select-label select{background:#111e1dc9;border-color:#61715b;color:#ece5d2;min-height:43px;margin:5px 0 0;padding:9px 12px;width:100%;font-size:13px}.city-profile-main{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:32px 28px}.city-profile-copy{min-width:0}.city-type-tag{display:inline-flex;align-items:center;gap:8px;color:#d0c296;font:500 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.14em}.city-profile h3{font:500 clamp(30px,3.5vw,48px)/1.18 Cinzel,Georgia,serif;letter-spacing:-.025em;color:#f1e7cd;margin:12px 0 14px;overflow-wrap:anywhere}.city-profile-copy>p{font:400 13px/1.8 Inter,Arial,sans-serif;color:#c2ccbf;margin:0}.city-parent-link{display:inline-flex;gap:8px;align-items:center;border:0;background:transparent;color:#e0c68c;font:400 12px/1.6 Inter,Arial,sans-serif;padding:0;min-height:44px;margin-top:10px;cursor:pointer;text-align:left}.city-atlas-action{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.city-atlas-action .action{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;font-size:12px;padding:11px 18px}.city-atlas-action>span:last-child{color:#a9b9aa;font-size:10px}.city-profile-caption{display:flex;justify-content:space-between;gap:12px;padding:14px 28px;background:#101e1b66;border-top:1px solid #6f806033;color:#a5b49e;font:400 8px/1.6 Inter,Arial,sans-serif;letter-spacing:.08em}.city-profile-caption span:last-child{white-space:nowrap;color:#c8ba8c}.city-directory-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}.city-directory-heading .eyebrow{font-size:9px;margin:0 0 7px;color:#b5a678}.city-directory-heading h4{font:500 20px/1.4 Inter,Arial,sans-serif;color:#ede6d5;margin:0;letter-spacing:-.02em}.explorer-body .city-nearby-control{margin:0;min-height:44px!important;gap:8px;color:#bcc8bc;font-size:11px;cursor:pointer;max-width:220px}.city-nearby-control input{width:17px!important;height:17px!important}.city-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card.city-summary-card{padding:20px;min-width:0;min-height:220px;text-decoration:none;color:inherit;position:relative}.city-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.city-card-top .library-art{width:44px;height:44px;flex-basis:44px;border-radius:9px}.city-card-top .library-art svg{width:24px;height:24px}.city-card-count{text-align:right;display:flex;flex-direction:column;gap:2px}.city-card-count strong{font:500 25px/1.2 Inter,Arial,sans-serif;color:#e2d4ab;letter-spacing:-.04em}.city-card-count>span{color:#9faeaa;font-size:9px}.city-card-copy{flex:1}.city-card-copy h4{font:500 19px/1.4 Inter,Arial,sans-serif;color:#eee7d5;margin:0 0 8px;letter-spacing:-.02em}.city-card-copy p{font:400 11px/1.8 Inter,Arial,sans-serif;color:#b8c4c0;margin:0 0 23px}.city-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #415247;padding-top:14px;font:400 11px/1.5 Inter,Arial,sans-serif;color:#d5c38f}.city-card-arrow{font-size:19px;line-height:1;transition:transform .16s}.city-summary-card:hover .city-card-arrow{transform:translate(2px,-2px)}.city-summary-grid .city-summary-card:first-child{grid-column:span 2;background:radial-gradient(ellipse at right top,#8b8d4830,transparent 70%),linear-gradient(135deg,#293c30,#182a29);border-color:#6b7555}.city-summary-grid .city-summary-card:first-child .city-card-copy p{max-width:330px}.catalog-card.city-summary-empty{background:#142222;border-style:dashed;opacity:.72}.catalog-card.city-summary-empty:hover{box-shadow:none;border-color:#3b5145}.city-summary-empty .city-card-footer{color:#9faeaa}.city-scope-note,.city-map-note{font:400 10px/1.8 Inter,Arial,sans-serif!important;color:#9cafa5!important;margin:16px 0 0}.city-related{margin-top:26px;border:1px solid #3b5145;border-radius:9px;background:#152425}.city-related>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:14px 18px;cursor:pointer;list-style:none;color:#e0d5b6;font-size:12px}.city-related>summary::-webkit-details-marker{display:none}.city-related>summary>span:last-child{color:#a9b8aa;font-size:10px}.city-related[open]>summary{border-bottom:1px solid #3b5145}.city-regions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px}.city-regions .explorer-result{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:auto;min-height:40px;padding:9px 12px;border-color:#41554a;background:#1c302b}.city-regions .explorer-result>span{display:none}.city-regions .explorer-result>b{font:400 11px/1.5 Inter,Arial,sans-serif;color:#c9d1c2}.city-catalog-scope{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0;padding:1rem 1.2rem;border:1px solid #76643c;background:#222b20;border-radius:12px}.city-catalog-scope p{margin:.4rem 0 0}.city-catalog-scope>div:last-child{display:flex;gap:.6rem;flex-wrap:wrap}.city-parent-link:focus-visible,.city-related>summary:focus-visible{outline:2px solid #e2c58c;outline-offset:3px}
@media(max-width:1100px){.city-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-summary-grid .city-summary-card:first-child{grid-column:auto}.city-summary-grid .city-summary-card:last-child{grid-column:1/-1}.city-profile-top{align-items:flex-start;gap:14px;padding:20px}.city-atlas-label{font-size:8px}.city-profile-main{padding:26px 20px}.city-directory-heading{align-items:flex-start;flex-direction:column;gap:8px}.explorer-body .city-nearby-control{max-width:none}.city-profile-caption{padding:14px 20px}}
@media(max-width:600px){.city-directory-panel{padding:16px}.city-profile-top{flex-direction:column;gap:18px}.explorer-body .city-select-label{width:100%}.city-profile-main{align-items:flex-start;gap:20px}.city-atlas-action{align-items:flex-start;gap:8px}.city-profile-caption>span:first-child{max-width:180px}.city-profile h3{font-size:32px}.city-profile-main{flex-direction:column}.city-atlas-action .action{min-width:180px}.city-summary-grid{gap:10px}.catalog-card.city-summary-card{padding:16px;min-height:210px}.city-card-top{margin-bottom:18px;gap:8px}.city-card-top .library-art{width:36px;height:36px;flex-basis:36px}.city-card-top .library-art svg{width:21px;height:21px}.city-card-count strong{font-size:23px}.city-card-copy h4{font-size:17px}.city-card-copy p{font-size:10px}.city-card-footer{font-size:10px;gap:6px}.city-directory-heading h4{font-size:19px}.city-catalog-scope .action{width:100%}}
@media(max-width:360px){.city-summary-grid{grid-template-columns:minmax(0,1fr)}.city-summary-grid .city-summary-card:last-child{grid-column:auto}.catalog-card.city-summary-card{min-height:190px}.city-profile-caption{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.city-card-arrow{transition:none}.city-summary-card:hover .city-card-arrow{transform:none}}

.city-atlas-action .action svg{width:19px;height:19px;flex-shrink:0}.city-atlas-action{gap:10px}

.city-windrose-frame{display:grid;place-items:center;width:108px;height:108px;margin:0 0 8px;color:#c9b783;pointer-events:none}.city-windrose{display:block;width:108px;height:108px;overflow:visible;filter:drop-shadow(0 2px 5px #0003)}@media(max-width:600px){.city-profile-main{position:relative;padding-right:106px}.city-windrose-frame{position:absolute;right:18px;top:30px;width:72px;height:72px;margin:0;opacity:.9}.city-windrose{width:72px;height:72px}.city-profile h3{font-size:28px}.city-atlas-action .action{min-width:0;gap:10px}.city-profile-copy{width:100%}.city-atlas-action{max-width:100%}}@media(max-width:360px){.city-profile-main{padding-right:20px}.city-windrose-frame{display:none}}

/* Ab'Dendriel: a compact city guide above the catalog shortcuts. */
.ab-city-guide{margin:24px 0;display:grid;gap:24px;color:var(--text,#e5e9e0)}
.ab-city-intro{padding:24px;border:1px solid #52684b;border-left:3px solid #c6b278;border-radius:12px;background:linear-gradient(120deg,#243b2d99,#18251e55)}
.ab-city-guide h4{font-size:1.25rem;margin:0 0 10px;line-height:1.35}.ab-city-guide h5{font-size:1rem;margin:12px 0 8px}.ab-city-guide p{line-height:1.65;max-width:76ch}.ab-city-guide a{color:inherit}.ab-city-guide a:focus-visible{outline:2px solid #d8c48a;outline-offset:4px}
.ab-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.ab-section-heading>span,.ab-service small{font-size:.8rem;opacity:.72}.ab-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ab-service{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #65725a55;border-radius:10px;text-decoration:none;background:#6070500a}.ab-service:hover,.ab-region-grid>a:hover{border-color:#c4b078}.ab-service img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}.ab-service span{display:grid;gap:5px;min-width:0}
.ab-access-grid,.ab-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ab-access-grid article,.ab-region-grid>a{padding:18px;border:1px solid #65725a55;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.ab-access-grid p,.ab-region-grid p{font-size:.9rem;margin:0 0 16px}.ab-access-grid a,.ab-region-grid span{margin-top:auto;font-size:.85rem;color:#d6c087}.ab-step{font-size:.7rem;letter-spacing:.1em;color:#d6c087}.ab-region-grid>a{text-decoration:none}.ab-region-grid strong{margin-bottom:10px}.ab-city-sources{font-size:.85rem;opacity:.8}.ab-city-sources summary{cursor:pointer}.ab-scope{border-top:1px solid #8a956744;padding-top:12px;font-size:.85rem}
@media(max-width:760px){.ab-access-grid,.ab-region-grid{grid-template-columns:1fr}.ab-section-heading{display:block}.ab-service-grid{grid-template-columns:1fr}.ab-city-intro{padding:18px}.ab-service{min-width:0}.ab-service strong{overflow-wrap:anywhere}}

/* Detailed city and regional overviews share the library's compact cards. */
.city-detailed-guide .ab-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-detailed-guide .ab-access-grid>article:last-child:nth-child(odd){grid-column:1/-1}.city-guide-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:auto}.city-guide-links>a{font-size:.85rem}.city-guide-links .city-guide-row{width:100%;display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #8a956733}.city-guide-row span{font-size:.8rem;opacity:.75}.city-guide-notice{padding:18px;border:1px solid #ad945c77;background:#b7983e0c;border-radius:10px}.city-guide-notice p:last-child{margin-bottom:0}.city-guide-notice li{margin:8px 0;line-height:1.6}.city-guide-checklist{padding-left:22px;display:grid;gap:12px;line-height:1.65}.city-guide-creatures{display:flex;flex-wrap:wrap;gap:12px}.city-guide-creatures>a{display:grid;justify-items:center;gap:6px;padding:12px;text-decoration:none;font-size:.8rem;border:1px solid #65725a55;border-radius:8px;min-width:90px}.city-guide-creatures img{object-fit:contain;image-rendering:pixelated}.city-detailed-guide details:not(.ab-city-sources){padding:14px 0;border-bottom:1px solid #8a956744}.city-detailed-guide summary{cursor:pointer;line-height:1.5}.city-guide-table-wrap{overflow-x:auto}.city-guide-table{width:100%;border-collapse:collapse;font-size:.9rem}.city-guide-table caption{text-align:left;padding:8px 0 12px;font-size:.8rem;opacity:.7}.city-guide-table th,.city-guide-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #8a956744}.city-guide-table thead{background:#8c774316}.city-guide-table a{color:#d6c087}.city-guide-desert .ab-city-intro{border-color:#a78a4b;background:linear-gradient(120deg,#705a292e,#382d1f22)}.city-guide-desert .ab-step{color:#dec17e}
@media(max-width:760px){.city-detailed-guide .ab-access-grid{grid-template-columns:1fr}.city-guide-table th,.city-guide-table td{padding:11px 7px}.city-guide-creatures>a{min-width:76px}.city-guide-links{gap:14px}}