@font-face{font-family:Atlas;src:url(art/sans.woff) format('woff');font-weight:400;font-display:swap}@font-face{font-family:Atlas;src:url(art/bold.woff) format('woff');font-weight:700;font-display:swap}@font-face{font-family:Reem;src:url(art/title.woff) format('woff');font-weight:400;font-display:swap}
:root{--paper:#f8f6ef;--map-paper:#f6f4ed;--panel:#f0ede3;--ink:#263730;--muted:#62675c;--copper:#985338;--line:#dcd8c9;--serif:Reem,Atlas,sans-serif;--sans:Atlas,Tahoma,sans-serif;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans)}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #a55435;outline-offset:3px}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.defs{display:none}[hidden]{display:none!important}.wrap,.mastinner{width:min(1380px,90vw);margin-inline:auto}.mast{border-bottom:1px solid var(--line)}.mastinner{height:82px;display:flex;align-items:center;gap:clamp(32px,7vw,110px)}.identity{display:flex;align-items:center;gap:12px;padding:0;text-align:right}.identity img{width:49px;height:65px;object-fit:contain;flex:none}.identity>span{font:23px/1.4 var(--serif)}.identity small{display:block;font:11px/1.5 var(--sans);color:var(--muted)}.mast nav{display:flex;align-items:stretch;align-self:stretch;gap:27px}.mast nav button{border-bottom:2px solid transparent;color:var(--muted);font-size:13px;padding:4px 0 0}.mast nav .nav-current{color:var(--ink);border-color:var(--copper)}.guide-link{margin-inline-start:auto;display:flex;align-items:center;gap:9px;font-size:13px;padding:7px 0}.guide-link:hover,.mast nav button:hover{color:var(--copper)}.guide-link svg{width:19px}.hero{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(28px,5.5vw,86px);align-items:center;padding-block:46px 42px}.hero-copy{padding-inline:clamp(0px,.7vw,12px) 0}.overline,.plate-title,.read-head>span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.overline{color:var(--copper)}.overline i,.plate-title i,.read-head i,.map-head i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#b86d44;box-shadow:0 0 0 3px #b86d4411}.overline b{height:1px;width:21px;background:#c2ab95;margin:0 2px}.hero h2{font:clamp(73px,7vw,110px)/1.20 var(--serif);letter-spacing:-.04em;margin:20px 0 12px}.hero h2 span{display:block;color:var(--copper)}.author{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.dash{height:1px;width:32px;background:#a89e89}.hero p{font-size:clamp(15px,1.25vw,19px);line-height:1.95;color:var(--muted);max-width:435px;margin:21px 0 26px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;background:var(--ink);color:#fffaf0;padding:12px 20px;min-height:50px;font-weight:700;font-size:14px;box-shadow:0 2px 2px #192c1d10}.primary:hover{background:#354d40}.primary .arrow{margin-inline-start:18px}.primary svg{width:19px}.plate{position:relative;overflow:hidden;border:1px solid #d7d4c7;border-radius:22px;background-color:#f2f0e6;background-image:radial-gradient(#8e92773b .65px,transparent .85px);background-size:9px 9px;display:flex;flex-direction:column;isolation:isolate}.plate:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 51%,#fffefa 10%,#fcf9f157 65%,transparent);z-index:-1}.plate-top,.plate-caption{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.plate-top{padding:17px 22px 6px}.plate-title{font-size:12px}.latin{direction:ltr;font:11px/1.2 ui-monospace,monospace;letter-spacing:1.4px;color:#797a6c}.latin b{color:var(--copper);font-weight:600}.plate-caption{border-top:1px solid #c6c5b563;padding:10px 20px;background:#f6f4ebdc}.plate-caption>span:first-child{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.plate-caption svg{width:15px;height:15px}.figure-stage{position:relative;min-height:0;height:clamp(360px,32.8vw,510px);width:100%}.body-open{position:absolute;inset:0;padding:0;width:100%;height:100%;overflow:hidden;cursor:pointer;touch-action:pan-y;mix-blend-mode:multiply}.body-open img{height:100%;width:100%;object-fit:cover;object-position:center;pointer-events:none}.body-pins{position:absolute;inset:0;pointer-events:none}.body-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 5px;border-radius:50%;border:1px solid #ac704d;background:#fff9efed;box-shadow:0 0 0 4px #f8f2e897;color:#8a4b2e;font:700 11px/1 ui-monospace,monospace;z-index:2}.body-pin:after{content:"";position:absolute;top:50%;height:1px;background:#8e56358a;width:var(--leader,30px);pointer-events:none}.body-pin.to-right:after{left:100%}.body-pin.to-left:after{right:100%}.body-pin:hover,.body-pin.active{color:white;background:var(--copper)}.body-pin .tip{position:absolute;white-space:nowrap;left:50%;bottom:122%;transform:translateX(-50%);background:var(--ink);color:white;padding:5px 10px;border-radius:6px;font:12px/1.6 var(--sans);opacity:0;transition:opacity .15s;pointer-events:none}.body-pin:hover .tip,.body-pin:focus-visible .tip{opacity:1}
.regions{padding:27px 0 46px;border-top:1px solid var(--line)}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.sectionhead h2,.atlas-top h1{font:clamp(30px,3vw,42px)/1.45 var(--serif);margin:4px 0 0}.small-note{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.zone-card{background:#fbfaf5;border:1px solid var(--line);border-radius:14px;text-align:right;overflow:hidden;padding:0;position:relative;transition:transform .15s,border-color .15s}.zone-card:hover{transform:translateY(-3px);border-color:#ad8a68}.card-art{height:80px;position:relative;overflow:hidden;background:#ece9df}.card-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;mix-blend-mode:multiply;opacity:.45}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e7e3d800, #e7e3d840 50%, #e7e3d8 95%)}.card-num{position:absolute;top:14px;right:16px;background:#fbfaf4e8;border:1px solid #c9c2ae;color:var(--copper);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font:12px ui-monospace,monospace;z-index:1}.card-copy{padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px}.card-copy strong{font:21px/1.5 var(--serif)}.card-copy small{font-size:11px;color:var(--muted)}.card-copy svg{width:18px;grid-column:2;grid-row:1/3;color:var(--copper)}footer{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:18px 0 24px;color:var(--muted);font-size:11px}footer i{background:var(--line);width:24px;height:1px}
.atlas-top{display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px}.atlas-top h1{font-size:32px}.quiet{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:13px;background:#fffdf6}.quiet svg{width:17px}.explorer{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;padding-bottom:16px}.sidebar,.map-shell{background:#fffefa;border:1px solid var(--line);border-radius:15px;overflow:hidden}.sidebar{padding:17px;min-width:0;display:flex;flex-direction:column;position:relative;max-height:calc(100dvh - 205px);min-height:320px}.sidebar label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.searchbox,.selectwrap{display:flex;align-items:center;border:1px solid #d7d2c5;border-radius:8px;background:#fffefa;gap:7px;padding:0 10px}.searchbox:focus-within{border-color:#a3694c;box-shadow:0 0 0 2px #b88b7724}.searchbox svg{width:17px;color:var(--copper)}.searchbox input{height:42px;border:0;min-width:0;width:100%;background:none;outline:none;font-size:13px;color:var(--ink)}.side-normal{min-height:0;display:flex;flex-direction:column;flex:1}.current-zone{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.selectwrap{position:relative}.selectwrap select{appearance:none;width:100%;padding:7px 0 7px 16px;border:0;background:transparent;color:var(--ink);font-size:12px;cursor:pointer}.selectwrap svg{position:absolute;left:8px;width:15px;pointer-events:none}.body-inset{position:relative;flex:1;max-height:255px;min-height:95px;margin-top:15px;background:#f4f2e7;border:1px solid var(--line);border-radius:10px;overflow:hidden}.body-inset img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.body-inset .body-pin{width:23px;min-width:23px;height:23px;font-size:9px;box-shadow:0 0 0 2px #f8f2e898}.side-help{display:flex;gap:8px;align-items:start;color:var(--muted);margin-top:13px}.side-help>svg{width:16px;color:var(--copper);margin-top:3px}.side-help p{margin:0;font-size:12px;line-height:1.8}#searchPanel{min-height:0;overflow:auto;margin-top:11px}#resultNote{font-size:11px;color:var(--muted);margin-bottom:7px}#results{display:grid;gap:4px}.result{width:100%;border-radius:6px;padding:7px 9px;display:flex;align-items:start;flex-direction:column;text-align:right;background:#f5f2e9}.result:hover{background:#eae6d8}.result strong{font-size:13px}.result small{font-size:10px;color:var(--muted)}.map-shell{position:relative;direction:ltr;align-self:start;width:100%;min-width:0;background:var(--map-paper);isolation:isolate} .map-head{direction:ltr;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:42px;flex:none;background:var(--map-paper);padding:0 17px;border-bottom:1px solid var(--line);z-index:1}
.side-tag{display:flex;align-items:center;gap:7px;color:var(--copper);font-size:13px;font-weight:700}
.side-tag:first-child{justify-self:start}.side-tag:last-child{justify-self:end}.side-tag span{font:17px/1 sans-serif;color:#ad8b66}
.map-location{direction:rtl;font-size:12px;font-weight:700}
.map-frame{background:var(--map-paper)}
#world{position:relative;width:100%;background:var(--map-paper)}
#world>img{display:block;width:100%;height:auto;mix-blend-mode:multiply;user-select:none}
#hits{position:absolute;inset:0}
.hit{position:absolute;border:0;padding:0;background:transparent;cursor:pointer;border-radius:3px;touch-action:manipulation}
.hit:hover,.hit:focus-visible{outline:1.5px solid #b2743c;background:#e5a14a31}
.hit.selected{outline:2px solid #ac542d;background:#eda24438}
.reader{position:absolute;direction:rtl;padding:10px 13px 11px;background:#fffff8f5;border:1px solid #c9b9a3;border-radius:10px;box-shadow:0 4px 18px #302b1c16;min-width:150px;max-width:min(260px,70%);z-index:2;pointer-events:none}.read-head{display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted)}.read-head>span{font-size:10px;gap:6px}.read-head i{width:5px;height:5px}.read-head button{pointer-events:auto;display:grid;place-items:center;width:24px;height:24px}.read-head button svg{width:15px}.reader h2{font:clamp(21px,2.3vw,32px)/1.45 var(--serif);margin:4px 0;color:var(--copper);white-space:pre-line}.reader p{font-size:11px;color:var(--muted);margin:0}dialog{direction:rtl;width:min(460px,90vw);max-height:90dvh;overflow:auto;color:var(--ink);border:1px solid var(--line);border-radius:18px;background:#fcfaf3;padding:25px}dialog::backdrop{background:#23352ec2;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-head button{padding:5px}.dialog-head button svg{width:19px}dialog h2{font:32px/1.4 var(--serif);margin:9px 0 14px}dialog ol{padding-inline-start:23px}dialog li{margin:8px 0}dialog li::marker{color:var(--copper)}dialog li p{margin:1px 0 10px;color:var(--muted);font-size:13px}dialog .primary{margin-top:5px}
@media(min-width:1600px){.hero{padding-top:56px;padding-bottom:56px}}
@media(max-width:950px){.wrap,.mastinner{width:93vw}.hero{gap:25px}.explorer{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:13px}.figure-stage{height:360px}.cards{gap:9px}.card-copy{padding:10px}.card-copy strong{font-size:18px}.mastinner{height:70px}}
@media(max-width:720px){html{scrollbar-gutter:auto}.wrap,.mastinner{width:92vw}.mastinner{height:62px;gap:12px}.identity img{width:37px;height:49px}.identity{gap:7px}.identity>span{font-size:18px}.identity small{font-size:9px}.mast nav{display:none}.guide-link{font-size:12px}.hero{grid-template-columns:1fr;gap:20px;padding:23px 0}.hero-copy{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;padding:0}.hero-copy .overline{grid-column:1/-1}.hero h2{font-size:clamp(48px,10vw,72px);margin:8px 0;grid-column:1/-1;line-height:1.35}.hero h2 span{display:inline;margin-inline-start:.16em}.author{font-size:13px;grid-column:1/-1}.author .dash{width:24px}.hero p{grid-column:1/-1;margin:9px 0 14px;font-size:14px;max-width:100%}.primary{font-size:13px;min-height:43px;padding:8px 14px;justify-self:start}.hero .overline{font-size:10px}.plate{border-radius:15px}.plate-top{padding:12px 15px 3px}.figure-stage{height:clamp(280px,73vw,440px)}.plate-caption{padding:8px 12px}.body-pins .body-pin{height:40px;min-width:40px}.regions{padding:18px 0 28px}.sectionhead{margin-bottom:11px}.sectionhead h2{font-size:27px}.small-note{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:63px}.card-copy strong{font-size:17px}.card-copy small{font-size:10px}.atlas-top{padding:11px 0 9px}.atlas-top h1{font-size:24px;margin:1px 0 0}.atlas-top .overline{font-size:9px}.quiet{font-size:11px;padding:4px 8px}.explorer{display:flex;flex-direction:column;gap:8px}.sidebar{min-height:0;max-height:none;overflow:visible;display:grid;grid-template-columns:1.1fr .9fr;gap:0 8px;padding:8px;z-index:5;border-radius:10px}.sidebar>label,.body-inset,.side-help,.current-zone label{display:none}.side-normal,.current-zone{display:block;margin:0;padding:0;border:0}.selectwrap select{height:36px}.searchbox input{height:36px;font-size:12px}.searchbox{padding:0 6px}.selectwrap{padding:0 7px}.sidebar #searchPanel{position:absolute;background:#fffefa;box-shadow:0 5px 14px #26373020;top:35px;right:0;width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;max-height:35dvh}#results{grid-template-columns:1fr 1fr}.map-shell{border-radius:11px}.map-head{height:33px;padding:0 10px}.reader{padding:6px 9px}.reader h2{font-size:23px}.reader p{font-size:10px}
.read-head>span{font-size:9px}.read-head button{height:20px}.explorer{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:720px){.hero{gap:0}.hero-copy{display:contents}.hero-copy .overline{order:0}.hero h2{order:1}.hero .author{order:2}.hero .plate{order:3;margin-top:14px}.hero-copy p{order:4;margin:12px 0}.hero-copy .primary{order:5}.hero-copy .overline,.hero h2,.hero .author,.hero-copy p{grid-column:1}}


@media(max-width:380px){.guide-link{min-height:44px}}
#atlas{border-top:1px solid var(--line);scroll-margin-top:8px}
.sidebar{align-self:start}.sidebar .body-inset{flex:none;height:clamp(135px,24vh,230px)}
.word-index{display:none}
.course-card{display:block;flex:none;margin-top:14px;overflow:hidden;border:1px solid #b5a78d;border-radius:10px;text-decoration:none;background:#273c32;color:#fff9e9}
.course-card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#181e1a}
.course-cta{display:block;padding:7px;text-align:center;font-weight:700;font-size:14px}
.course-card:hover .course-cta{background:#365141}.course-card:focus-visible{outline:3px solid var(--copper);outline-offset:2px}
@media(min-width:721px){
 .sidebar{position:sticky;top:10px;max-height:calc(100svh - 20px);overflow:auto;scrollbar-width:thin}
 .sidebar .side-normal{flex:none}
 #searchPanel:not([hidden])~.course-card{display:none}
}
@media(max-width:720px){
 .course-card{grid-column:1/-1;width:min(230px,85%);justify-self:center;margin:8px 0 0}
 .course-cta{padding:6px}
 .word-index{display:block;grid-column:1/-1;min-width:0;font-size:13px;margin-top:8px}
 .word-index summary{cursor:pointer;padding:6px;color:var(--copper);font-weight:700}
 #wordGroups>details>summary{color:var(--ink)}
 .index-words{display:flex;flex-wrap:wrap;gap:5px;padding:5px 0 10px}
 .index-words button{padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#f8f5eb;font-size:14px}
 .reader{min-width:130px;max-width:85%;pointer-events:auto}
}

@media(max-width:720px){
 .sidebar{width:100%;grid-template-columns:minmax(0,1fr) clamp(58px,19vw,88px) clamp(78px,25vw,116px);grid-template-areas:"search figure course" "zone figure course" "index index index";gap:5px 6px;align-items:center}
 .sidebar .searchbox{grid-area:search;min-width:0}
 .sidebar .side-normal{display:contents}
 .sidebar .current-zone{grid-area:zone;min-width:0}
 .sidebar .body-inset{display:block;grid-area:figure;align-self:stretch;height:auto;min-height:76px;margin:0}
 .sidebar .body-inset img{position:absolute;inset:0}
 .sidebar .body-inset .body-pin{width:19px;min-width:19px;height:19px;font-size:8px}
 .sidebar .course-card{grid-area:course;align-self:center;width:100%;margin:0}
 .sidebar .course-cta{font-size:10px;padding:4px 2px}
 .sidebar .word-index{grid-area:index;margin:0}
 .sidebar #searchPanel{top:36px}
}

/* This native animated strip contains real cloud pixels and a transparent foreground. */
.course-art{position:relative;display:block;isolation:isolate;overflow:hidden;line-height:0}
.course-card .cloud-film{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:auto;background:transparent;pointer-events:none}
.course-cta-ink{display:inline-block}
.cloud-playback{display:block;grid-column:1/-1;justify-self:center;margin:4px auto 0;padding:4px 9px;color:var(--copper);font-size:12px}
@media(prefers-reduced-motion:reduce){
 .course-card:not(.play-clouds) .cloud-film{display:none}
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 @media (prefers-reduced-motion:no-preference){
  .course-cta-ink{
   background-image:linear-gradient(108deg,#fff8e7 38%,#dda341 45%,#ffdb72 49%,#fff3b5 51%,#efac35 55%,#fff8e7 62%);
   background-size:320% 100%;background-repeat:no-repeat;
   -webkit-background-clip:text;background-clip:text;color:transparent;
   animation:course-gold-sweep 4.8s ease-in-out infinite;
  }
 }
}
@keyframes course-gold-sweep{0%,16%{background-position:100% 50%}60%,100%{background-position:0% 50%}}
@media(forced-colors:active){.course-card .course-cta-ink{background:none;color:LinkText;animation:none}}

/* The eye branches open on the same side as their heading in the map. */
.map-frame{position:relative;container-type:inline-size}
.eye-panel{position:absolute;z-index:3;top:4%;width:min(26%,270px);max-height:30cqw;overflow:auto;direction:rtl;color:var(--ink);background:#fffcf5;border:1px solid #cfbd9e;border-radius:13px;padding:9px 10px;box-shadow:0 4px 16px #45392312}
.eye-panel[data-side="left"]{left:1.5%}
.eye-panel[data-side="right"]{right:1.5%}
.eye-head{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid var(--line);padding-bottom:5px}
.eye-head h2{font:700 clamp(15px,1.9cqw,21px)/1.4 var(--serif);margin:0;color:var(--copper)}
.eye-head button{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.eye-head svg{width:13px;height:13px}
.eye-network{--twig:#cebaa1;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:0;padding:7px 0 0;list-style:none;background:linear-gradient(var(--twig),var(--twig)) center / 1px 100% no-repeat}
.eye-network li{position:relative;display:grid}
.eye-network li::after{content:"";position:absolute;width:7px;top:50%;inset-inline-start:100%;border-top:1px solid var(--twig);pointer-events:none}
.eye-network li:nth-child(even)::after{inset-inline-start:auto;inset-inline-end:100%}
.eye-network button{font:600 clamp(12px,1.45cqw,15px)/1.5 var(--sans);padding:3px 2px;border-radius:7px;border:1px solid #ded2bd;color:var(--ink);background:var(--paper)}
.eye-network button:is([aria-pressed="true"],:hover,:focus-visible){background:#f1e2ce;border-color:var(--copper)}
.eye-reading{display:block;font:600 18px/1.5 var(--serif);text-align:center;color:var(--copper);margin:6px 0 0}
.hit[aria-expanded="true"]{outline:1.5px solid #b2743c;background:#e5a14a31}
@container (max-width:699px){
 .eye-panel{position:relative;top:auto;max-height:none;width:min(93%,320px);margin-block:5px;padding:8px 9px}
 .eye-panel[data-side="left"]{left:auto;margin-left:5px;margin-right:auto}
 .eye-panel[data-side="right"]{right:auto;margin-right:5px;margin-left:auto}
 .eye-network button{min-height:30px;font-size:14px}
}

.sidebar .body-locator{margin-top:13px;direction:rtl}
.body-locator-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.body-locator-head h2,.body-choices button,.body-locator-head button,.body-locator-hint{font-family:var(--sans);font-weight:400;text-shadow:none}
.body-locator-head h2{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.body-locator-head button{border:0;background:transparent;color:var(--copper);font-size:12px;padding:2px 4px;cursor:pointer}
.body-locator-head button:disabled{color:var(--muted);opacity:.65;cursor:default}
.body-locator-hint{font-size:11.5px;line-height:1.6;color:var(--muted);margin:3px 0 6px}
.body-choices{display:flex;flex-wrap:wrap;gap:4px}
.body-choices button{background:#fffdf7;border:1px solid var(--line);color:var(--ink);padding:3px 7px;font-size:12px;line-height:1.55;border-radius:6px;cursor:pointer}
.body-choices button.is-lit{border-color:#ad733c;background:#faebd0;color:#71421b}
.sidebar .body-locator .body-inset{margin-top:7px;flex:none}
.body-inset img{display:block}
.body-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.body-overlay path{pointer-events:all;fill:transparent;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer;touch-action:manipulation}
.body-overlay path.is-lit,.body-overlay path:focus-visible{fill:#f8c15f28;stroke:#9c642b;outline:0}
.body-inset .body-pin{font-family:var(--sans);font-weight:400;text-shadow:none}
#world[data-light="face"] .hit[data-zone="face"],#world[data-light="chest"] .hit[data-zone="chest"],#world[data-light="belly"] :is(.hit[data-zone="belly"],.hit[data-zone="core"]){background:#edb5464d;outline:1px solid #bb853d;box-shadow:0 0 5px #d99e3c40}
#world .hit.selected{outline:2px solid #99502a}
.map-frame:has(#world[data-light="face"]) .eye-network button:not([aria-pressed="true"]){background:#f8ebcc}
#world{margin-inline:auto;width:var(--display-tree-width,75%)}
#treePan{direction:ltr;width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.map-view{display:flex;align-items:center;justify-content:center;gap:8px;direction:rtl}
.map-view button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font:400 12px/1.5 var(--sans);border-radius:6px;padding:2px 7px;cursor:pointer}
.map-view button[aria-pressed="true"]{border-color:#ad733c;background:#faebd0}
@media(max-width:720px){
 .sidebar{grid-template-columns:minmax(108px,1fr) minmax(90px,.78fr) minmax(76px,.68fr);grid-template-areas:"search search zone" "bodytools figure course" "index index index"}
 .sidebar .body-locator{display:contents}
 .sidebar .body-locator-copy{grid-area:bodytools;align-self:center}
 .sidebar .body-locator .body-inset{margin:0;min-height:100px;height:100%;max-height:none}
 .body-locator-head h2{font-size:13px}.body-locator-head button{font-size:11px}
 .body-locator-hint{font-size:11px;margin:2px 0 4px}.body-choices{gap:3px}
 .body-choices button{font-size:11.5px;padding:2px 5px}
 #world{width:var(--display-tree-width,100%)}
}
@media(forced-colors:active){.body-overlay path.is-lit{stroke:Highlight}.body-choices button.is-lit{outline:2px solid Highlight}}

/* Keep the unlabelled outline in the empty upper-right margin of the artwork. */
.tree-outline{--outline-width:min(16.2cqw,210px,28%);position:absolute;display:block;top:min(5.2cqw,4.5%);width:var(--outline-width);right:min(calc(26% - var(--outline-width)),calc((100% - 100cqw)/2 + 3.7cqw));pointer-events:none;user-select:none}
.tree-outline img{display:block;width:100%;height:auto}
.map-frame:has(.eye-panel[data-side="right"]:not([hidden])) .tree-outline{visibility:hidden}
@container (max-width:699px){.tree-outline{--outline-width:min(15cqw,28%);right:min(calc(28% - var(--outline-width)),calc((100% - 100cqw)/2 + 1.7cqw))}}

/* Match each region's text ink to the lettering in the map. */
:root{--face-ink:#514684;--chest-ink:#20655b;--belly-ink:#96492b}
[data-region="face"],[data-zone="face"],#eyePanel{--zone-ink:var(--face-ink)}
[data-region="chest"],[data-zone="chest"]{--zone-ink:var(--chest-ink)}
[data-region="belly"],[data-zone="belly"],[data-zone="core"]{--zone-ink:var(--belly-ink)}
.body-choices button,.body-choices button.is-lit,.index-words button,.result strong,#reading,#eyeTitle,.eye-network button,.eye-reading{color:var(--zone-ink)}
.body-choices button::before{content:"";display:inline-block;width:.46em;height:.46em;margin-inline-end:.35em;vertical-align:.06em;border-radius:50%;background:var(--zone-ink)}

.mast nav a{display:inline-flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;padding:4px 0 0}
.mast nav a:hover{color:var(--copper)}
body.reading-page #atlas,body.reading-page #intro{display:none}
.guided{max-width:1060px;margin:0 auto;padding:22px 0 32px}
.guided-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.guided-head h1{font:clamp(29px,3.2vw,42px)/1.42 var(--serif);margin:0}
.guided-head p{font-size:14px;color:var(--muted);margin:3px 0}
.guided-reset{border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:6px 12px;font-size:13px;white-space:nowrap}
.guided-panel{border:1px solid var(--line);border-radius:15px;background:var(--map-paper)}
.guided-tools{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,1fr) auto;align-items:center;gap:24px;padding:10px 20px;background:#faf8f1;border-bottom:1px solid var(--line);border-radius:15px 15px 0 0}
.guided-info>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#guidedStage{font-size:14px;font-weight:700}#guidedCount,.guided-now small{color:var(--muted);font-size:12px}
#guidedProgress{display:block;width:100%;height:4px;margin:5px 0 2px;border:0;border-radius:3px;overflow:hidden;background:#e0dccd;color:#977246;accent-color:#977246;appearance:none}
#guidedProgress::-webkit-progress-bar{background:#e0dccd}#guidedProgress::-webkit-progress-value{background:#977246}#guidedProgress::-moz-progress-bar{background:#977246}
.guided-now{padding-inline-start:15px;border-inline-start:1px solid var(--line);line-height:1.42;min-width:0}
.guided-now small,.guided-now strong{display:block}.guided-now strong{color:var(--zone-ink,var(--ink));font-size:clamp(16px,1.5vw,20px)}
.guided-next{background:#2c473c;color:#fffcf2;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;white-space:nowrap}
.guided-next:hover:enabled{background:#385646}.guided-next:disabled{opacity:.8}
.guided-directions{direction:ltr;display:flex;justify-content:space-between;margin:9px 19px 0;color:var(--copper);font-size:12px;font-weight:700}
#guidedPan{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:0 0 15px 15px}
#guidedTree{position:relative;isolation:isolate;width:min(100%,960px);min-width:660px;margin-inline:auto;aspect-ratio:3543/4625;line-height:1}
#guidedBase{display:block;width:100%;height:auto;user-select:none}
#guidedTree{background:#fff;mix-blend-mode:multiply}
#guidedWords,#guidedMarks{position:absolute;inset:0;pointer-events:none}
.guided-word,.guided-dot,#guidedMark{position:absolute}
.guided-word{background-repeat:no-repeat;background-image:var(--guided-sprite)}
.guided-dot,#guidedMark{transform:translate(-50%,-50%);border-radius:50%}
.guided-dot{width:6px;height:6px;border:1px solid #8f8271;background:#ede7da}
#guidedMark{background:none;padding:0;border:none;width:32px;height:32px;display:grid;place-items:center;z-index:2;cursor:pointer;scroll-margin:90px 8px 30px}
#guidedMark::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #88581e;background:radial-gradient(circle,#85551b 0 2px,#fbe0a2 3px 100%);box-shadow:0 0 0 3px #fff9e9,0 0 0 4px #d5af65}
#guidedMark:hover::before,#guidedMark:focus-visible::before{box-shadow:0 0 0 3px #fff9e9,0 0 0 5px #a8792b}
.guided-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px){
 .mastinner{height:auto;flex-wrap:wrap;gap:0;padding-top:4px}.mast nav{order:3;width:100%;display:flex;justify-content:space-between;gap:10px}
 .mast nav a,.mast nav button{min-height:36px;font-size:12px;display:inline-flex;align-items:center;padding:1px 0 2px}
 .guided{padding-top:13px}.guided-head{gap:8px;align-items:flex-start;margin-bottom:10px}.guided-head h1{font-size:29px}.guided-head p{font-size:12px}
 .guided-reset{font-size:11px;padding:5px 8px;margin-top:7px}
 .guided-tools{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 11px}
 .guided-info{grid-column:1/-1}.guided-now{border:0;padding:0;display:flex;gap:7px;align-items:baseline}
 .guided-now strong{font-size:15px}.guided-next{padding:6px 10px;font-size:12px}
 .guided-directions{margin:6px 10px 0}.guided-dot{width:5px;height:5px}
}

#guidedEye{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;padding:5px 0 0;border-top:1px solid var(--line);color:var(--face-ink)}
#guidedEye strong{font-size:14px}#guidedEye small{font-size:12px;color:var(--muted)}
#guidedEyeNames{display:contents}#guidedEyeNames span{background:#eeeaf5;border-radius:8px;padding:1px 6px;font-size:12px}
#guidedEyeMark{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 5px;color:var(--copper)}
#guidedEyeMark:before{content:"";width:11px;height:11px;background:#edc577;border:2px solid #88581e;border-radius:50%}

#guidedTree.reading-complete{min-width:0}

/* Keep the advance button in its own right-hand lane, independent of map scrolling. */
.guided-layout{display:grid;grid-template-columns:clamp(88px,12vw,144px) minmax(0,1fr);direction:rtl}
.guided-rail{display:flex;justify-content:center;border-inline-end:1px solid var(--line);border-radius:0 0 15px 0;background:#f6f2e8}
.guided-canvas{min-width:0}
.guided-tools{grid-template-columns:minmax(200px,1fr) minmax(140px,1fr)}
.guided-rail .guided-next{position:fixed;top:50%;transform:translateY(-50%);z-index:3;width:clamp(76px,10vw,124px);min-height:52px;padding:10px 6px;white-space:normal;line-height:1.5}
#guidedMark::before{border-color:#aa591f;background:radial-gradient(circle,#ad581e 0 2px,#f5bb6b 3px 100%)}
#guidedEyeMark:before{background:#f5bb6b;border-color:#aa591f}
@media(max-width:720px){
 .guided-layout{grid-template-columns:65px minmax(0,1fr)}
 .guided-rail .guided-next{width:55px;padding:8px 5px;font-size:12px}
 .guided-tools{grid-template-columns:minmax(0,1fr)}.guided-info{grid-column:auto}
}

@font-face{font-family:ReadingTheSans;src:url(art/reading-thesans.otf) format('opentype');font-weight:700;font-style:normal;font-display:swap}
body.reading-page{
 --paper:#0b172a;--map-paper:#10223c;--ink:#fff;--muted:#c4d2e3;--line:#344b64;--copper:#ffc17c;
 --night-panel:#162b45;--night-raised:#1d3653;--night-accent:#ffb564;
 background:var(--paper);color:var(--ink)
}
.reading-page .guided-panel,.reading-page .guided-canvas{background:var(--map-paper)}
.reading-page .guided-tools,.reading-page .guided-rail,.reading-page #guide{background:var(--night-panel)}
.reading-page .guided-reset{color:var(--ink);background:var(--night-raised)}
.reading-page .guided-next{background:#ffb564;color:#17283a}
.reading-page .guided-next:enabled:hover{background:#ffca8a}
.reading-page .guided-next:disabled{background:#324c65;color:#edf5fc}
.reading-page #guidedTree{background:transparent;mix-blend-mode:normal}
.reading-page .guided-dot{background:#324961;border-color:#859bb0}
.reading-page #guidedMark::before{background:radial-gradient(circle,#ffce94 0 2px,#ff9c47 3px);border-color:#ffb669;box-shadow:0 0 0 3px #14253c,0 0 0 4px #f4a34f}
.reading-page #guidedMark:hover::before,.reading-page #guidedMark:focus-visible::before{box-shadow:0 0 0 3px #14253c,0 0 0 5px #ffca87}
.reading-page #guidedProgress{color:var(--night-accent);accent-color:var(--night-accent);background:#354a60}
.reading-page #guidedProgress::-webkit-progress-bar{background:#354a60}
.reading-page #guidedProgress::-webkit-progress-value{background:var(--night-accent)}
.reading-page #guidedProgress::-moz-progress-bar{background:var(--night-accent)}
.reading-page .guided-info>div{align-items:center}
.guided-region,.guided-eye-title{display:flex;align-items:center;gap:9px}
.guided-region-icon,.guided-eye-icon{width:40px;height:40px;padding:5px;stroke-width:1.8;color:#dfebf9;background:#254361;border:1px solid #4b6984;border-radius:12px}
.reading-page #guidedStage{font-size:16px;line-height:1.45}
.reading-page #guidedCount{color:white;font-size:18px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.reading-page .guided-now strong,.reading-page #guidedEyeNames span{font-family:ReadingTheSans,var(--sans);font-weight:700;color:#fff}
.reading-page .guided-now strong{font-size:clamp(23px,2.3vw,31px);line-height:1.5}
.reading-page .guided-directions{color:white;align-items:center}
.guided-directions>span{display:grid;justify-items:center;gap:1px}
.guided-directions b{font-size:14px;line-height:1.5}
.guided-directions small{font:600 11px/1.2 system-ui,sans-serif;letter-spacing:.03em;color:#b9cce2}
.reading-page #guidedEye{color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding-top:10px}
.reading-page .guided-eye-title{gap:7px;flex-wrap:wrap}
.reading-page #guidedEyeCount{font-size:16px;color:#dce7f4;font-variant-numeric:tabular-nums;white-space:nowrap}
.reading-page #guidedEyeNames{display:flex;gap:6px;flex-wrap:wrap;max-height:130px;overflow-y:auto;scrollbar-width:thin}
.reading-page #guidedEyeNames span{display:inline-grid;place-items:center;min-height:41px;padding:5px 13px;font-size:20px;line-height:1.4;background:#25435f;border:1px solid #58748d}
.reading-page #guidedEyeNames span:last-child{background:#345574;border-color:#d3b185}
.reading-page #guidedEyeMark{color:var(--night-accent);min-height:36px}
@media(max-width:720px){
 .guided-region-icon,.guided-eye-icon{width:32px;height:32px;padding:4px;border-radius:9px}
 .reading-page .guided-now strong{font-size:23px}
 .reading-page #guidedEye{grid-template-columns:minmax(0,1fr) auto;gap:6px}
 .guided-eye-title{grid-column:1}.reading-page #guidedEyeMark{grid-column:2;grid-row:1}
 .reading-page #guidedEyeNames{grid-column:1/-1;grid-row:2;max-height:min(111px,18dvh)}
 .reading-page #guidedEyeNames span{font-size:19px;min-height:39px;padding:4px 9px}
 .reading-page .guided-tools{gap:4px}
}

.reading-page #guide .primary{background:var(--night-accent);color:#14253c}

/* Tint just the original glyph silhouettes; their coordinates and the white branches stay fixed. */
#guidedReading{--read-face:#d7bcff;--read-chest:#89e4d8;--read-belly:#ffb6a8}
#guidedReading [data-zone="face"],#guidedEyeNames{--reading-ink:var(--read-face)}
#guidedReading [data-zone="chest"]{--reading-ink:var(--read-chest)}
#guidedReading [data-zone="belly"],#guidedReading [data-zone="core"]{--reading-ink:var(--read-belly)}
#guidedReading .guided-word{background:none;color:var(--reading-ink)}
.guided-word::before{content:"";position:absolute;inset:0;background:currentColor;
 -webkit-mask:var(--guided-sprite) var(--glyph-position)/var(--glyph-size) no-repeat;
 mask:var(--guided-sprite) var(--glyph-position)/var(--glyph-size) no-repeat}
.reading-page #guidedLast,.reading-page #guidedEyeNames span,.reading-page .guided-region-icon{color:var(--reading-ink,#fff)}
@keyframes read-gold{
 0%,18%{color:#ffe8a0;filter:drop-shadow(0 0 2px #ffdc7a) drop-shadow(0 0 6px #edaa3e)}
 45%{color:#ffd370;filter:drop-shadow(0 0 3px #e6a644)}
 100%{color:var(--reading-ink,#fff);filter:drop-shadow(0 0 0 transparent)}
}
#guidedReading .reading-glow{animation:read-gold 1.45s ease-out}

#guidedLast .paired-reading-name,#reading.paired-reading-name{white-space:pre-line}