/* Separate presentation layer. Data, tooltips and interactive modules remain
   owned by their existing components. All rules are scoped to V2 pages. */
:is(.v2-page,.v2-gallery){--v2-bg:#0f0a07;--v2-panel:#17100b;--v2-line:#49331f;--v2-text:#f5ead9;--v2-muted:#cdbcaa;--v2-gold:#dfaa50;background:var(--v2-bg);color:var(--v2-text);font-family:Arial,sans-serif}
.v2-page.detail-preview-page{background:var(--v2-bg)}
.v2-page.detail-preview-page .detail-preview-main,.v2-gallery-main{width:min(1380px,100%);max-width:1380px;margin:auto;padding:26px 40px 80px;box-sizing:border-box}
.v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 0 25px;border-bottom:1px solid var(--v2-line);margin-bottom:24px;font-size:13px}
.v2-brand{display:flex;align-items:center;gap:12px;color:var(--v2-text);text-decoration:none;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.v2-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--v2-gold);color:var(--v2-gold);font:22px Georgia,serif;transform:rotate(-6deg)}
.v2-brand b{padding:4px 7px;border:1px solid var(--v2-line);font-size:11px;color:var(--v2-gold)}
.v2-toolbar label{display:flex;align-items:center;gap:12px;color:var(--v2-muted);margin:0}
.v2-toolbar select{max-width:260px;border:1px solid var(--v2-line);background:#24180f;color:var(--v2-text);border-radius:4px;padding:11px 30px 11px 12px;font:inherit}
.v2-original{color:var(--v2-muted);text-decoration:none}.v2-original:hover{color:var(--v2-gold)}
.v2-chapter{display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--v2-muted);margin-bottom:24px}
.v2-chapter>span:first-child{color:var(--v2-gold);font-weight:bold}.v2-chapter p{margin:0;flex:1}.v2-chapter b{margin:0 9px;color:#806342}
.v2-page.detail-preview-page .detail-breadcrumbs{font-size:12px;margin-bottom:20px;color:var(--v2-muted)}
.v2-page.detail-preview-page .detail-breadcrumbs a{color:var(--v2-muted)}
.v2-page.detail-preview-page .detail-hero{border:0;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line);border-radius:0;box-shadow:none;background:#1c120c;padding:36px 34px;gap:22px;margin:0 0 22px;align-items:flex-start}
.v2-page.detail-preview-page .detail-hero:not(.area-hero-illustrated){background-image:linear-gradient(110deg,#21140d,#322113)!important}
.v2-page.detail-preview-page .detail-hero h1{color:#f5eedc;font:400 clamp(34px,4.4vw,64px)/1.06 Georgia,serif;letter-spacing:-.025em;max-width:900px}
.v2-page.detail-preview-page .detail-hero .lead{font:400 17px/1.75 Arial,sans-serif;color:#d7c7b2;max-width:76ch;margin-top:20px}
.v2-page.detail-preview-page .detail-hero .detail-page-purpose{font-size:12px;line-height:1.6;color:#c7b496;margin-top:18px}
.v2-page.detail-preview-page .eyebrow{color:#dda84e;font-size:10px;letter-spacing:.16em;line-height:1.5}
.v2-page.detail-preview-page .detail-hero-actions{align-self:flex-end;flex-wrap:wrap;gap:8px;max-width:320px}
.v2-page.detail-preview-page :is(.primary-action,.secondary-action){border-radius:3px;min-height:44px;font-size:12px}
.v2-page.detail-preview-page .primary-action{background:var(--v2-gold);color:#1b1008;border:1px solid var(--v2-gold)}
.v2-page.detail-preview-page .secondary-action{border-color:#6a4c2e;color:#f2d39f;background:#21140dcc}
.v2-page.detail-preview-page .detail-layout{grid-template-columns:minmax(0,1fr) 310px;gap:30px}
.v2-page.detail-preview-page .detail-content{gap:22px;counter-reset:chapters;min-width:0}
.v2-page.detail-preview-page .detail-content>section{counter-increment:chapters;border:1px solid var(--v2-line);border-radius:5px;padding:28px;background:var(--v2-panel);box-shadow:none;scroll-margin-top:90px}
.v2-page.detail-preview-page .detail-content>section h2{color:var(--v2-text);font:400 27px/1.2 Georgia,serif;letter-spacing:-.015em}
.v2-page.detail-preview-page .detail-content>section>.section-heading h2:before,.v2-page.detail-preview-page .detail-content>section>h2:before{content:counter(chapters,decimal-leading-zero) ' / ';font:11px Arial,sans-serif;letter-spacing:.04em;color:#c69b5b;vertical-align:middle}
.v2-page.detail-preview-page .detail-content :is(p.readable-copy,p.settlement-map-note){color:var(--v2-muted);line-height:1.75}
.v2-page.detail-preview-page .detail-aside{gap:15px;min-width:0}
.v2-page.detail-preview-page :is(.aside-card,.city-services){background:#160f0a;border:1px solid var(--v2-line);border-radius:5px;padding:22px;box-shadow:none}
.v2-page.detail-preview-page .detail-aside h2{font:400 23px/1.2 Georgia,serif;color:#f7e7cd}
.v2-page.detail-preview-page .summary-list div{border-color:var(--v2-line);font-size:12px;gap:15px}.v2-page.detail-preview-page .summary-list dt{color:var(--v2-muted)}.v2-page.detail-preview-page .summary-list dd{color:#f4e2c8}
.v2-page.detail-preview-page :is(.city-map-preview,.zone-map-preview,.city-preview-map){border-radius:3px;border-color:#735234}
.v2-page.detail-preview-page .area-hero-illustrated{min-height:290px;background:#25170e}.v2-page.detail-preview-page .area-hero-illustrated:before{background:linear-gradient(90deg,#1b1008ee 0%,#1b1008d9 42%,#1b100820 100%)}
.v2-page.detail-preview-page .area-hero-art figcaption{background:#1b1008d9;border-color:#735234;color:#e4d8b8;border-radius:0}
.v2-page.detail-preview-page .area-quicknav[hidden]{display:none}
.v2-sections{display:flex;gap:5px;align-items:center;overflow:auto;position:sticky;top:0;z-index:30;margin:0 0 26px;padding:12px;background:#0f0a07f5;border-block:1px solid var(--v2-line);scrollbar-width:thin}
.v2-sections>span{font-size:10px;letter-spacing:.1em;color:#bf995f;padding-right:12px}.v2-sections a{flex:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d7c7b0;text-decoration:none;padding:10px;border-radius:3px}.v2-sections a:hover,.v2-sections a[aria-current]{background:#322113;color:#f0d4a0}
.v2-page.detail-preview-page .preview-source-note{border-color:var(--v2-line);background:#21160f;border-radius:3px}
.v2-page.detail-preview-page :is(input,select,textarea):focus-visible,.v2-page a:focus-visible,.v2-page button:focus-visible,.v2-gallery :is(a,button,select):focus-visible{outline:2px solid #e8c885;outline-offset:4px}
.v2-gallery-main{padding-top:26px}.v2-gallery .v2-gallery-hero{display:grid;height:auto;min-height:420px;max-height:none;position:relative;grid-template-columns:minmax(0,1fr) 190px;gap:40px;align-items:center;padding:65px 55px;border:1px solid #6a4c2e;background:linear-gradient(90deg,#21140dee 0%,#281b10a0),url('/de/atlas/assets/area-illustrations/tanaris.jpg') center/cover;margin:32px 0 54px;box-sizing:border-box}
.v2-kicker{font-size:11px;letter-spacing:.23em;color:#d6c593;margin:0 0 24px}.v2-gallery-hero h1{font:400 clamp(40px,5.4vw,78px)/1.03 Georgia,serif;color:#f7edda;letter-spacing:-.035em;margin:0 0 25px}.v2-gallery-hero>div>p:not(.v2-kicker){color:#d7c7b2;font-size:16px;line-height:1.7;max-width:590px}
.v2-cta{display:inline-flex;gap:48px;align-items:center;color:#1b1008;background:#e6c88e;padding:16px 22px;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;margin-top:20px}.v2-cta:hover{background:#f3dba9}
.v2-gallery-hero>aside{border-left:1px solid #b79a6a88;padding-left:35px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.v2-gallery-hero>aside>span{font-size:10px;letter-spacing:.2em;color:#dfd0aa}.v2-gallery-hero>aside>strong{font:400 85px/1.3 Georgia,serif;color:#f4e4c2}.v2-gallery-hero>aside p{font-size:12px;line-height:1.9;color:#d6c5a8}
.v2-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:35px}.v2-intro h2{font:400 32px/1.12 Georgia,serif;margin:0;color:#ede5d4}.v2-intro p{font-size:14px;line-height:1.9;color:var(--v2-muted);margin:0;max-width:530px}
.v2-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--v2-line);margin-bottom:26px}.v2-filter button{color:#d7c7b0;border:1px solid transparent;background:transparent;font:12px Arial,sans-serif;padding:11px 14px;border-radius:3px;cursor:pointer}.v2-filter button[aria-pressed=true]{border-color:#9b713f;background:#322113;color:#f2d59d}.v2-filter>span{margin-left:auto;font-size:11px;color:#b69b77}
.v2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v2-card{display:block;text-decoration:none;border:1px solid var(--v2-line);background:#20160f;transition:border-color .15s,transform .15s;min-width:0}.v2-card[hidden]{display:none}.v2-card:hover{border-color:#b48a51;transform:translateY(-3px)}
.v2-card-top{display:flex;align-items:center;gap:13px;padding:16px 19px;border-bottom:1px solid #49331f70;color:#bba487}.v2-card-top>span{font:20px Georgia,serif;color:#d7c795}.v2-card-top small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.v2-card-top>b{margin-left:auto;color:#cfbb8b}
.v2-mini{margin:22px 20px 0;padding:17px;background:#120d09;border:1px solid #5a3e24;min-height:170px;box-sizing:border-box}.v2-mini-title{font:20px/1.2 Georgia,serif;color:#e5dbc3;padding:3px 0 15px;border-bottom:1px solid #63472c;margin-bottom:13px}.v2-mini-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:8px}.v2-mini-grid i{display:block;font:9px/1.35 Arial,sans-serif;color:#c6b392;background:#302113;padding:8px;margin-bottom:5px;border-left:2px solid #9b7548}.v2-mini-grid aside i{background:#21170f;color:#b59e7d;border-left:0}
.v2-card-copy{padding:23px 20px 20px}.v2-card-copy h2{font:24px/1.15 Georgia,serif;color:#efe5d0;margin:0 0 12px}.v2-card-copy p{font-size:12px;line-height:1.6;color:#cdbcaa;margin:0 0 22px;min-height:39px}.v2-card-copy>span{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--v2-line);padding-top:15px;font-size:10px;color:#b69b77}.v2-card-copy b{color:#dfc28d;font-weight:400}
.v2-end{margin-top:48px;padding:32px;border-top:1px solid var(--v2-line)}.v2-end h2{font:32px Georgia,serif;color:#e6dec9}.v2-end p{font-size:13px;line-height:1.9;max-width:850px;color:#cdbcaa}.v2-end a{color:var(--v2-gold);font-size:12px}
@media(min-width:1050px){.v2-page.detail-preview-page .detail-hero{display:grid;grid-template-columns:minmax(0,1fr) auto}.v2-page.detail-preview-page .area-hero-illustrated>div:first-child{max-width:820px}}
@media(max-width:1050px){.v2-page.detail-preview-page .detail-preview-main,.v2-gallery-main{padding:22px}.v2-page.detail-preview-page .detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.v2-page.detail-preview-page .detail-hero{display:flex;flex-direction:column}.v2-page.detail-preview-page .detail-hero-actions{align-self:flex-start}.v2-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-gallery-hero{padding:40px}}
@media(max-width:720px){.v2-page.detail-preview-page .detail-preview-main,.v2-gallery-main{padding:16px 14px 45px}.v2-toolbar{flex-wrap:wrap;gap:16px;font-size:11px;padding-bottom:18px}.v2-toolbar label{order:3;flex:1 0 100%}.v2-toolbar select{max-width:none;width:100%;min-width:0}.v2-original{margin-left:auto}.v2-chapter{gap:12px;font-size:9px}.v2-chapter>span:last-child{display:none}.v2-page.detail-preview-page .detail-hero{padding:24px 20px}.v2-page.detail-preview-page .detail-hero h1{font-size:38px;overflow-wrap:anywhere}.v2-page.detail-preview-page .detail-hero .lead{font-size:15px}.v2-page.detail-preview-page .detail-layout{grid-template-columns:minmax(0,1fr)}.v2-page.detail-preview-page .detail-content>section{padding:21px 16px}.v2-page.detail-preview-page .detail-content>section h2{font-size:24px}.v2-page.detail-preview-page .area-hero-illustrated{padding-bottom:0;gap:20px}.v2-page.detail-preview-page .area-hero-art{margin-inline:-20px;width:calc(100% + 40px);max-width:none}.v2-sections{margin-bottom:18px}.v2-gallery-hero{grid-template-columns:1fr;padding:36px 23px;margin-top:20px;margin-bottom:32px;gap:25px}.v2-gallery-hero>aside{display:none}.v2-gallery-hero h1{font-size:48px}.v2-gallery-hero>div>p:not(.v2-kicker){font-size:14px}.v2-intro{grid-template-columns:1fr;gap:20px}.v2-filter{gap:3px}.v2-filter button{padding:10px;font-size:11px}.v2-filter>span{flex-basis:100%;margin:10px}.v2-cards{grid-template-columns:1fr}.v2-end{padding:20px 0}.v2-page.detail-preview-page .detail-content>section{scroll-margin-top:80px}}
@media(prefers-reduced-motion:reduce){.v2-card{transition:none}.v2-card:hover{transform:none}}
@media(max-width:1050px){.v2-gallery .v2-gallery-hero{padding:40px}}
@media(max-width:720px){.v2-gallery .v2-gallery-hero{grid-template-columns:minmax(0,1fr);padding:36px 23px;min-height:0;gap:25px;margin-top:20px;margin-bottom:32px}}

/* Complete, source-backed data uses the same brown category panels. */
.v2-page .knowledge-relation-group{margin-top:24px}.v2-page .knowledge-relation-group h3{font:600 18px Georgia,serif;color:var(--v2-text,#f5ead9)}.v2-page .knowledge-relation-group h3 small{font:12px Arial,sans-serif;color:#cdbcaa;margin-left:8px}.v2-page .knowledge-relation-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #49331f;min-width:0;text-decoration:none;color:#f5ead9}.v2-page .knowledge-relation-row>span{min-width:0;overflow-wrap:anywhere}.v2-page .knowledge-relation-row small{display:block;color:#cdbcaa;font-size:12px;line-height:1.6;margin-top:4px}.v2-page .knowledge-more summary{cursor:pointer;color:#dfaa50;padding:14px 0;font-size:13px}.v2-page .knowledge-loot .knowledge-relation-row{justify-content:flex-start}.v2-page .knowledge-position{padding:14px 0;border-bottom:1px solid #49331f}.v2-page .knowledge-position>span{display:block;font-size:13px;color:#cdbcaa}.v2-test-cases{margin:48px 0}.v2-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2-test-link{padding:20px;background:#17100b;border:1px solid #49331f;color:#f5ead9;text-decoration:none}.v2-test-link span{display:block;color:#dfaa50;font-size:12px;margin-top:8px}@media(max-width:720px){.v2-test-grid{grid-template-columns:1fr}.v2-page .knowledge-position .coordinate-actions{flex-wrap:wrap}}