*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#30251d;color:#f2e5ce;font:14px/1.5 Arial,sans-serif}button,a,select,summary{cursor:pointer}button,select{font:inherit;color:inherit}button{background:#392c21;border:1px solid #977349;min-height:36px;padding:6px 10px}button:hover{background:#65472e}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,article:focus-visible,summary:focus-visible{outline:2px solid #f2c88c;outline-offset:3px}[hidden]{display:none!important}
#atlas{height:100vh;height:100dvh;display:flex;flex-direction:column}header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:12px 20px;border-bottom:1px solid #70563b;flex:none;z-index:5;background:#30251d}.identity{display:flex;gap:18px;align-items:baseline;min-width:0}.identity strong{font:32px/1.1 Georgia,serif;white-space:nowrap}h1{font:21px/1.2 Georgia,serif;margin:0;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:7px;flex:1;flex-wrap:wrap;font-size:11px;color:#c6b094}.breadcrumbs button{border:0;background:none;padding:3px;min-height:28px;text-decoration:underline}.actions{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;font-size:12px}.jump{display:flex;gap:8px;align-items:center;flex:1}select{background:#392c21;border:1px solid #977349;padding:7px;min-width:0;flex:1;max-width:100%}optgroup{color:#e6ba77}option{color:#f2e5ce}.settings{position:relative}.settings summary{border:1px solid #977349;padding:7px 14px;min-height:36px}.settings>div{position:absolute;right:0;top:42px;width:240px;display:grid;gap:12px;background:#30251d;border:1px solid #977349;padding:18px;box-shadow:0 8px 24px #0005}.settings label{display:flex;justify-content:space-between;gap:8px}.settings small{color:#c6b094}input{accent-color:#c39863}.world{position:relative;flex:1;min-height:0;overflow:hidden;background:#1d343b}canvas,.markers,.readings{position:absolute;inset:0;width:100%;height:100%}.markers,.readings{pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);max-width:180px;font:13px/1.25 Georgia,serif;pointer-events:auto;background:#392c21df;box-shadow:none}.marker.section{border-style:dashed}.marker.page{border:0;border-bottom:1px solid #ad8954;background:#392c21cc;color:#eac792}.marker.previous{border:2px solid #ecc38c;max-width:190px}.marker small{display:block;font:9px Arial,sans-serif;margin-bottom:4px;color:#e6ba77}.overview .marker{font-size:12px;background:#392c21c9;min-height:30px;padding:5px 7px}
article{position:absolute;width:50%;height:calc(100% - 70px);overflow:auto;overscroll-behavior:contain;background:none;border:0;padding:0 18px 24px 0;font:17px/1.7 Georgia,serif;scrollbar-width:thin;scrollbar-color:#98754c transparent;opacity:0;transition:opacity 650ms ease;pointer-events:none;transform-origin:0 0;overflow-wrap:anywhere}article.active{opacity:1;pointer-events:auto}article small{font:10px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#c6b094}article h2{font:32px/1.2 Georgia,serif;margin:8px 0 20px}article p{margin:0 0 18px}article a{color:#eac792}article img{display:block;max-width:100%;max-height:200px;object-fit:contain;object-position:left;margin:16px 0}article button{background:none;border:0;border-bottom:1px solid #98754c;color:#eac792;text-align:left}article .brief{display:block;color:#c6b094;font-size:15px}article pre{white-space:pre-wrap}article .attachments{display:flex;gap:12px;flex-wrap:wrap;font:12px Arial,sans-serif;margin-bottom:20px}
#skip{position:absolute;z-index:4;background:#e8bf7c;color:#30251d;border:2px solid #fff0cc;border-radius:5px;font:bold 17px/1 monospace;min-width:44px;min-height:40px;box-shadow:0 3px 12px #0007}.map-note{position:absolute;left:16px;top:12px;font:9px Arial,sans-serif;letter-spacing:2px;color:#c6b094;pointer-events:none}.status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0}
@media(prefers-reduced-motion:reduce){article{transition:none}}
/* Balanced toolbar: the page chooser has the same bounded footprint as its peers. */
.actions{width:auto;flex:1 1 660px;justify-content:flex-end;gap:10px;flex-wrap:wrap}.jump{flex:0 1 240px}select{width:190px;flex:0 1 190px}.breadcrumbs{flex:1 1 180px}.settings{margin-left:0}
@media(max-width:1100px){.actions{flex-basis:100%;justify-content:space-between}.jump{flex:0 1 240px}}
/* Parent return is deliberately distinct from brass onward routes. */
.marker.parent{background:#814735;border:1px solid #df8b73;color:#fff0df;box-shadow:0 2px 8px #24171055}
.marker.parent:hover{background:#a45b45;border-color:#f0b09a}

/* Fixed camera-help corner: never follows the traveling marker. */
#skip{position:static;pointer-events:auto;min-width:72px;min-height:36px;padding:7px 11px;font:12px/1.2 Arial,sans-serif;background:#814735;border:1px solid #df8b73;color:#fff0df;box-shadow:none;border-radius:3px}
#skip span{font:bold 14px monospace;margin-right:5px}

#route-error{margin:0;padding:8px 20px;background:#814735;color:#fff0df}article h2:focus,article h3:focus{outline-offset:-2px}article table{border-collapse:collapse;width:100%;font-size:.9em}article td,article th{border:1px solid #977349;padding:6px;text-align:left}.broken-link{text-decoration:underline dotted}article blockquote{margin:16px 0;padding-left:16px;border-left:2px solid #977349}

/* UI transitions run only when state changes; terrain stays static. */
button,select{transition:opacity 160ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease}
button:disabled:hover{background:#392c21}
#settings-panel{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,visibility 0s linear 180ms}
#settings-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
@media(prefers-reduced-motion:reduce){button,select,#settings-panel,#skip{transition:none!important}#settings-panel{transform:none}}

#skip{position:absolute;top:0;right:0}
.jump{position:relative}
#jump-toggle{width:190px;min-width:0;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#jump-panel{position:absolute;right:0;top:calc(100% + 6px);width:300px;max-width:calc(100vw - 32px);max-height:min(420px,60vh);overflow:auto;padding:6px;background:#30251d;border:1px solid #977349;box-shadow:0 8px 24px #0005;opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,visibility 0s linear 180ms}
#jump-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
#jump-panel button{display:block;width:100%;text-align:left;border:0;background:transparent}
#jump-panel button:hover,#jump-panel button[aria-current="page"]{background:#65472e}
@media(prefers-reduced-motion:reduce){#jump-panel{transition:none;transform:none}}

/* Mobile is a document: generous map first, then uninterrupted reading. */
.mobile-only{display:none}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
 html,body{height:auto;min-height:100%;overflow:visible;background:#1d343b}
 #atlas{height:auto;min-height:100svh;display:block}
 .mobile-only{display:block}
 header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}
 .identity{display:block}.identity strong{font-size:25px}.identity h1{font-size:14px;max-width:none;white-space:normal;overflow:visible;margin-top:3px;line-height:1.3}
 header button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
 #mobile-parent{width:44px;font-size:21px}
 header .breadcrumbs,header .actions{display:none}
 header.mobile-expanded .breadcrumbs{display:flex;grid-column:1/-1}
 header.mobile-expanded .actions{display:flex;grid-column:1/-1;gap:8px;align-items:stretch;justify-content:flex-start}
 .actions>button{flex:1 1 42%;font-size:13px;padding:8px}
 .breadcrumbs button{min-height:44px;font-size:13px}
 header .jump{order:0;flex:1 1 100%;min-width:0}#jump-toggle{flex:1;width:auto;min-height:44px}
 .settings{margin:0;flex:1}.settings>button{width:100%}
 #jump-panel{z-index:8;left:0;right:auto;width:100%;max-width:100%;max-height:50svh}
 #settings-panel{z-index:8;left:0;right:auto;width:min(300px,calc(100vw - 32px))}
 .world{height:max(340px,calc(100svh - 285px));min-height:340px;overflow:hidden;touch-action:pan-y;outline:none}
 .marker,.overview .marker{width:max-content;font:13px/1.3 Georgia,serif;min-height:44px;max-width:min(160px,calc((100vw - 44px)/2));padding:8px;overflow-wrap:anywhere}
 #mobile-reading{position:relative;padding:0 max(20px,env(safe-area-inset-right)) max(92px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
 #mobile-reading .readings{position:relative;inset:auto;width:100%;height:auto}
 #mobile-reading article{display:none;position:relative;left:auto!important;top:auto!important;transform:none!important;width:100%;height:auto;overflow:visible;overscroll-behavior:auto;padding:16px 0 24px;font:17px/1.75 Georgia,serif;transition:none}
 #mobile-reading article.active{display:block}
 #mobile-reading article h2{font-size:29px}#mobile-reading article h3{font-size:22px}
 #mobile-reading article img{max-height:none;height:auto}#mobile-reading article button{min-height:44px}
 #mobile-reading article td,#mobile-reading article th{overflow-wrap:anywhere}
 #mobile-reading::after{content:'';position:absolute;pointer-events:none;left:0;right:0;top:105px;height:150px;background:linear-gradient(transparent,#000);opacity:var(--reading-fade,1)}
 #read-more{position:relative;z-index:1;display:block;margin:0 auto;min-height:44px;border:0;background:none;color:#eac792;font-size:13px;letter-spacing:.04em}
 #back-to-map{position:fixed;z-index:6;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;box-shadow:0 3px 12px #0005}
 .overview #mobile-reading{display:none}
 .overview .world{height:max(460px,calc(100svh - 90px))}
 #mobile-overview-controls{position:absolute;z-index:3;left:12px;right:12px;top:34px;display:flex;align-items:center;gap:12px;font-size:13px}
 #mobile-overview-controls button{min-height:44px}
 #skip{min-height:44px}#skip{transition:none!important}
}



/* Header layout has explicit rows; controls never wrap as destination text changes. */
header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px}
#mobile-navigation-shell{display:contents}
.identity{grid-column:1}.breadcrumbs{grid-column:2;min-width:0;white-space:nowrap;flex-wrap:nowrap;position:relative}
.actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(100px,190px) minmax(100px,190px) 76px 132px minmax(185px,230px) 70px;justify-content:end;gap:10px;width:100%;min-width:0}
.actions>button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jump{min-width:0;display:flex;gap:8px}.jump>span{white-space:nowrap}#jump-toggle{flex:1;min-width:0;width:0}.settings{min-width:0;margin:0}
header h1,header #back,header #parent,header #jump-toggle{position:relative}
.header-copy{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:inherit;font:inherit;text-align:inherit}
.header-outgoing{position:absolute;inset:0;pointer-events:none}
button>.header-outgoing{inset:6px 10px}
.breadcrumbs>.header-copy{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden}
.breadcrumbs button{flex:none}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
 header{position:relative;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
 #mobile-navigation-shell{display:block;position:absolute;left:0;right:0;top:100%;padding:12px;background:#30251d;border-bottom:1px solid #977349;max-height:calc(100svh - 90px);overflow:auto;opacity:0;transform:translateY(-16px);visibility:hidden;pointer-events:none;transition:opacity 220ms ease,transform 220ms ease,visibility 0s linear 220ms}
 header.mobile-expanded #mobile-navigation-shell{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
 header .breadcrumbs,header.mobile-expanded .breadcrumbs{display:flex;grid-column:auto;margin-bottom:8px;white-space:normal}
 .breadcrumbs>.header-copy{flex-wrap:wrap}
 header .actions,header.mobile-expanded .actions{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px}
 #parent{display:none}#back .header-copy{display:none}#back::before{content:'◀';font-size:21px}
 header .jump{grid-column:1/-1;display:flex}#jump-toggle{width:auto}
 .settings{grid-column:1/-1}#jump-panel,#settings-panel{position:relative;top:auto;max-height:40svh;margin-top:6px;width:100%;max-width:100%}
 .jump{flex-wrap:wrap}#jump-panel{flex-basis:100%}#jump-panel:not(.is-open),#settings-panel:not(.is-open){position:absolute}
 #skip{transition:opacity 140ms ease,visibility 0s linear 0s!important}
 #skip[hidden]{transition:opacity 140ms ease,visibility 0s linear 140ms!important}
}
@media(prefers-reduced-motion:reduce){#mobile-navigation-shell,#skip{transition:none!important}}
.marker{animation:marker-arrival 180ms ease-out}
@keyframes marker-arrival{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.marker{animation:none}}
/* A desktop header is always one row. Text yields space; controls never wrap. */
@media(min-width:901px){
 header{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;padding:12px 20px}
 .identity{flex:0 1 auto;min-width:0;gap:14px;align-items:baseline}
 .identity strong{flex:none}
 .identity h1{min-width:0;max-width:350px;overflow:visible;flex:0 1 auto}
 .identity h1>.header-copy:not(.header-outgoing){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .identity h1>.header-outgoing{max-width:none;right:auto}
 .breadcrumbs{flex:1 1 140px;min-width:40px;margin:0;align-self:center;top:7px}
 .actions{flex:0 1 660px;min-width:496px;width:auto;grid-template-columns:minmax(44px,1fr) minmax(44px,1fr) 76px 132px minmax(100px,190px) 70px;gap:6px}
 .settings{grid-column:auto}
}
@media(min-width:901px) and (max-width:1150px){
 header{padding:12px;gap:8px}.identity{gap:10px}.identity strong{font-size:25px}.identity h1{font-size:18px}.breadcrumbs{font-size:10px;min-width:32px;top:5px}
}
/* Short touch viewports retain the mobile overlay navigation. */
@media(min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse){
 header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:10px 12px}
 .identity{display:block}.identity h1{font-size:14px;max-width:none}.breadcrumbs{top:auto;min-width:0}
 header .actions{min-width:0;grid-template-columns:44px 1fr 1fr;width:100%}.settings{grid-column:1/-1}
}
/* Let full labels determine control width; never divide the toolbar into equal cells. */
@media(min-width:901px){
 header{gap:10px;padding-left:12px;padding-right:12px}
 .actions{display:flex;flex:0 0 auto;min-width:0;width:max-content;gap:6px;flex-wrap:nowrap}
 .actions>button,.actions .settings>button{flex:none;width:max-content;min-width:max-content;overflow:visible;text-overflow:clip;padding-left:8px;padding-right:8px}
 .actions .header-copy{overflow:visible;text-overflow:clip;white-space:nowrap}
 .actions .header-outgoing{right:auto}
 .actions .jump{flex:none;width:max-content;gap:6px}
 #jump-toggle{flex:none;width:max-content;min-width:max-content;max-width:none;overflow:visible;text-overflow:clip;padding-left:8px;padding-right:8px}
 .breadcrumbs{flex:1 1 auto;min-width:0}
}
@media(min-width:901px) and (max-width:1550px){
 header{gap:8px}.identity{gap:10px}.identity strong{font-size:26px}.identity h1{font-size:18px}
 .actions{font-size:11px;gap:5px}.actions>button,.actions .settings>button,#jump-toggle{padding-left:6px;padding-right:6px}
 .breadcrumbs{font-size:10px;top:5px}.breadcrumbs button{padding-left:1px;padding-right:1px}.breadcrumbs>.header-copy{gap:4px}
}
@media(min-width:901px) and (max-width:1100px) and (max-height:600px) and (pointer:coarse){
 header .actions{display:grid;grid-template-columns:44px 1fr 1fr;width:100%;font-size:13px}
 header .actions>button{width:auto;min-width:0}.actions .jump{width:100%}#jump-toggle{flex:1;width:auto;min-width:0}
}
/* Water backing follows the reading bank, feathering outside its opaque core. */
.readings{z-index:1}.markers{z-index:2}
.reading-backdrop{position:absolute;width:50%;height:calc(100% - 70px);transform-origin:0 0;opacity:0;transition:opacity 650ms ease;pointer-events:none}
.reading-backdrop::before{content:'';position:absolute;inset:-36px;background:#1d343b;mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent),linear-gradient(to bottom,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-composite:intersect}
.reading-backdrop:has(+article.active){opacity:1}
@media(min-width:901px){
 #back,#parent,#overview{width:var(--navigation-width)!important;min-width:var(--navigation-width)!important;text-align:center}
 #back>.header-outgoing,#parent>.header-outgoing{right:6px;text-align:center}
}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){.reading-backdrop{display:none}#back{width:auto!important;min-width:0!important}}
@media(prefers-reduced-motion:reduce){.reading-backdrop{transition:none}}
/* Longest-label reservations need a more compact type scale on narrow desktops. */
@media(min-width:901px) and (max-width:1100px){
 header{gap:6px}.identity{gap:6px}.identity strong{font-size:20px}.identity h1{font-size:14px;overflow:hidden}
 .actions{font-size:10px;gap:4px}.breadcrumbs{display:none}
}
button.island-button{position:relative}.marker.island-button{position:absolute}
button.island-button::after{content:'';position:absolute;right:3px;bottom:-3px;width:17px;height:19px;background:linear-gradient(#f2e5ce,#f2e5ce) 8px 1px/1px 12px no-repeat,#eac792;clip-path:polygon(46% 0,46% 65%,0 65%,0 72%,100% 72%,80% 100%,20% 100%,0 72%,100% 72%,100% 65%,56% 65%,56% 3%,95% 65%,56% 65%);opacity:0;pointer-events:none}
button.island-button:not(:disabled):is(:hover,:focus-visible)::after{animation:button-boat-arrival 850ms ease-out both}
@keyframes button-boat-arrival{0%{opacity:0;transform:translate(-38px,5px) rotate(-12deg)}25%{opacity:1}75%{transform:translate(-4px,-2px) rotate(7deg)}100%{opacity:1;transform:translate(0,0)}}
/* Reading instrument is a sibling of the scroller, so it never scrolls away. */
article{padding-right:72px;scrollbar-width:none}article::-webkit-scrollbar{display:none}
.depth-scroll{position:absolute;width:58px;height:calc(100% - 70px);transform-origin:0 0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 650ms ease;color:#eac792;font:11px/1.2 monospace}
article.active+.depth-scroll.has-scroll{opacity:1;visibility:visible;pointer-events:auto}
.depth-line{position:absolute;right:18px;top:12px;bottom:40px;width:1px;background:#eac792}
.depth-ticks{position:absolute;right:19px;top:12px;bottom:40px;width:10px;background:repeating-linear-gradient(to bottom,transparent 0 9px,#eac79280 9px 10px)}
.depth-numbers{position:absolute;left:0;right:32px;top:8px;bottom:36px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}
.depth-weight{position:absolute;right:11px;top:var(--weight-top,12px);width:15px;height:20px;background:#eac792;clip-path:polygon(25% 0,75% 0,100% 60%,50% 100%,0 60%)}
.depth-reading{position:absolute;bottom:10px;right:8px;color:#9ebeba}
.depth-scroll input{position:absolute;top:2px;bottom:30px;right:0;width:44px;height:calc(100% - 32px);margin:0;writing-mode:vertical-lr;direction:ltr;appearance:none;background:transparent;cursor:ns-resize}
.depth-scroll input::-webkit-slider-thumb{appearance:none;width:44px;height:28px;background:transparent}
.depth-scroll input::-moz-range-thumb{width:42px;height:26px;background:transparent;border:0}
.depth-scroll input:focus-visible{outline:2px solid #f2c88c;outline-offset:0}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){.depth-scroll{display:none}#mobile-reading article{padding-right:0}#back.island-button::before{content:'◀';font-size:21px;line-height:42px}}
@media(prefers-reduced-motion:reduce){button.island-button::after{animation:none!important}.depth-scroll{transition:none}button.island-button:not(:disabled):is(:hover,:focus-visible)::after{opacity:1}}
.marker.page{width:max-content}

.crumb-segment,.crumb-outgoing{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.crumb-outgoing{position:absolute;right:0;pointer-events:none}
/* One title-sized page path, shared by desktop and mobile. */
header .identity{flex:1 1 auto;min-width:0}
header .identity h1.breadcrumbs{display:flex;position:relative;top:auto;margin:0;min-width:0;max-width:none;flex:1 1 auto;align-self:baseline;font:21px/1.2 Georgia,serif;color:#f2e5ce;overflow:hidden;white-space:nowrap;flex-wrap:nowrap;gap:7px}
header .identity h1.breadcrumbs button{font:inherit;color:inherit;padding:0;min-height:28px}
header .identity h1.breadcrumbs .crumb-segment{flex:none}
@media(min-width:901px) and (max-width:1550px){header .identity h1.breadcrumbs{font-size:18px}}
@media(max-width:900px){header .identity h1.breadcrumbs{font-size:18px;overflow-x:auto}header .identity h1.breadcrumbs button{min-height:28px}}
header .identity h1.breadcrumbs{padding-bottom:8px;margin-bottom:-8px}
@property --crumb-link-opacity{syntax:'<number>';inherits:true;initial-value:1}

/* Approved Both palette: darker water and lighter reading text. */
:root{--reading-background:#172b31;--reading-text:#fff3df;--reading-muted:#dfcdb3;--reading-link:#f6d6a5}
.reading-backdrop::before{background:var(--reading-background,#172b31)}
article{color:var(--reading-text,#fff3df)}
article .brief,article small{color:var(--reading-muted,#dfcdb3)}
/* Contact controls share the reading panel and remain usable with page scrolling. */
.contact-form{display:grid;gap:14px;font:16px/1.5 Arial,sans-serif;margin:20px 0}
.contact-form label{display:block}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;max-width:100%;padding:10px;margin-top:6px;background:#20343a;color:#fff3df;border:1px solid #c7aa7d;border-radius:3px;font:inherit}
.contact-form input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.contact-form button{min-height:44px;border:1px solid #c7aa7d;padding:10px;text-align:center}.contact-form :is(input,textarea):focus-visible{outline:2px solid #f2c88c;outline-offset:3px}.contact-form .contact-result{margin:0}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.author-preview{margin:0;padding:8px 16px;background:#814735;color:#fff0df;font:13px/1.5 Arial,sans-serif;flex:none}
@media(min-width:901px) and (max-width:1250px){
 #back,#parent{width:44px!important;min-width:44px!important}#back>.header-copy,#parent>.header-copy{display:none}#back::before{content:'◀';font-size:18px;line-height:1}#parent::before{content:'▲';font-size:18px;line-height:1}
 header .identity h1.breadcrumbs{min-width:32px;overflow-x:auto;scrollbar-width:none}
}
article a,article button{color:var(--reading-link,#f6d6a5)}

/* Water and reading backing share one palette. */
.world{background:var(--reading-background,#172b31)}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){html,body{background:var(--reading-background,#172b31)}}


/* The same vector silhouette decorates page links and existing button hover boats. */
article a[data-page-travel]::after,button.marker[data-page-travel]::after{content:'';position:static;opacity:1;display:inline-block;vertical-align:baseline;margin-left:6px;width:17px;height:19px;background:linear-gradient(#f2e5ce,#f2e5ce) 8px 1px/1px 12px no-repeat,#eac792;clip-path:polygon(46% 0,46% 65%,0 65%,0 72%,100% 72%,80% 100%,20% 100%,0 72%,100% 72%,100% 65%,56% 65%,56% 3%,95% 65%,56% 65%)}
article a[data-page-travel]:is(:hover,:focus-visible)::after,button.marker[data-page-travel]:is(:hover,:focus-visible)::after{animation:link-boat 850ms ease-in-out infinite alternate}
@keyframes link-boat{to{transform:translate(4px,-2px) rotate(7deg)}}
article a[data-new-tab]::after{content:none}
article .external-link-symbol{display:inline-block;width:16px;height:16px;margin-left:5px;vertical-align:-2px;opacity:1;flex:none}
article p:has(>img[data-image-side]:only-child){display:contents}
article img[data-image-side]{width:auto;height:auto;max-width:42%;max-height:none;object-fit:contain;margin:4px 16px 12px 0;float:left}
article img[data-image-side=right]{float:right;margin:4px 0 12px 16px}
article img[data-image-side=left]{float:left}
article h3{clear:both;font:23px/1.3 Georgia,serif;margin:26px 0 10px}
#skip{position:absolute;right:16px;top:12px;z-index:4}
#skip[hidden]{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){article a[data-page-travel]::after,button.marker[data-page-travel]::after{animation:none!important}}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){header .actions>#overview{grid-column:1/-1;width:auto!important;min-width:0!important}}
article{display:flow-root}article h2,article table,article pre{clear:both}
@media(max-width:900px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){header{grid-template-columns:minmax(0,1fr) auto!important}header .breadcrumbs{display:flex!important}}
@media(min-width:901px){header .identity .breadcrumbs{display:flex!important;overflow-x:auto;scrollbar-width:none}}
@media(max-width:360px){article img[data-image-side]{max-width:36%;margin-right:12px}article img[data-image-side=right]{margin-right:0;margin-left:12px}}

article p:has(>img[data-image-align=center]:only-child){display:block;clear:both;margin:18px 0}
article img[data-image-align=center]{display:block;float:none;clear:both;width:auto;max-width:100%;max-height:none;height:auto;margin:18px auto;object-fit:contain;border:1px solid #8d7250;border-radius:4px;background:#30251d}

body.admin-bar #atlas{height:calc(100dvh - 32px)}@media(max-width:782px){body.admin-bar #atlas{height:calc(100dvh - 46px)}}#wac-loading{position:fixed;z-index:999;inset:0;display:grid;place-items:center;background:#30251d;color:#f2e5ce;padding:24px;text-align:center}