/* East End Survey · reading edition. Set like a book: Fraunces for titles, Alegreya for text. */
.reader{--measure:68ch;--ink:#203242;--muted:#5d6b73;--rule:#cfc8b6;--oxblood:#6c2e2a;--paper:#f3f0e7;width:min(1060px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px;color:var(--ink);font-size:18px;line-height:1.62}
.reader h1,.reader h2,.reader h3,.reader h4{color:#172d3a;font-weight:500;letter-spacing:-.01em}
.reader .crumbs{font-size:.82rem;color:var(--muted);margin:0 0 22px}
.reader .crumbs a{color:inherit}
.reader .kicker{font-variant:small-caps;letter-spacing:.08em;color:var(--oxblood);font-size:1rem;margin:0}
.reader .title{font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.02;margin:.15em 0 .25em}
.reader .standfirst{font-style:italic;color:var(--muted);max-width:var(--measure);margin:0 0 30px;font-size:1.08rem}
.reader figure{margin:0}
.reader .sheet{position:relative;border:1px solid var(--rule);background:#fff;padding:10px}
.reader .sheet img{display:block;width:100%;height:auto}
.reader .sheet .pin{position:absolute;transform:translate(-50%,-50%);min-width:1.9em;padding:.05em .35em;border-radius:1em;background:rgba(108,46,42,.0);border:1.5px solid transparent;color:transparent;text-align:center;font-size:clamp(.55rem,1.2vw,.85rem);line-height:1.4;text-decoration:none}
.reader .sheet .pin:hover,.reader .sheet .pin:focus-visible{border-color:var(--oxblood);background:rgba(243,240,231,.55)}
.reader figcaption{font-size:.86rem;color:var(--muted);margin-top:8px;line-height:1.45}
.reader .contents{margin:46px 0 10px;border-top:1px solid var(--rule);padding-top:22px}
.reader .contents h2{font-size:1.5rem;margin:0 0 12px}
.reader .contents ol{list-style:none;margin:0;padding:0;columns:2 300px;column-gap:40px}
.reader .contents li{break-inside:avoid;display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px dotted var(--rule)}
.reader .contents li a{color:var(--ink);border:0;text-decoration:none;flex:1}
.reader .contents li a:hover{color:var(--oxblood)}
.reader .contents .no{font-variant-numeric:oldstyle-nums;color:var(--muted);min-width:1.8em}
.reader .contents .tag{font-size:.78rem;font-variant:small-caps;letter-spacing:.06em;color:var(--muted)}
.reader .entry{border-top:1px solid var(--rule);margin-top:58px;padding-top:34px;scroll-margin-top:16px}
.reader .entry-head{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline}
.reader .entry-no{font-family:"Fraunces",Georgia,serif;font-size:2.4rem;line-height:1;color:var(--oxblood);font-variant-numeric:oldstyle-nums}
.reader .entry h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:0;line-height:1.1}
.reader .entry .aka{grid-column:2;color:var(--muted);font-style:italic;margin:0}
.reader .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px 26px;margin:20px 0 24px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.95rem}
.reader .facts div{display:flex;flex-direction:column}
.reader .facts dt{font-variant:small-caps;letter-spacing:.07em;color:var(--muted);font-size:.85rem}
.reader .facts dd{margin:0 0 6px}
.reader .lead-figure img{width:100%;height:auto;display:block;background:#e7e2d4;aspect-ratio:4/3;object-fit:cover}
.reader .text{max-width:var(--measure)}
.reader .text h3{font-size:1.3rem;margin:34px 0 8px}
.reader .text h4{font-size:1.06rem;font-family:"Alegreya",Georgia,serif;font-style:italic;font-weight:500;margin:22px 0 4px;color:#172d3a}
.reader .text p{margin:0 0 .9em;hyphens:auto}
.reader .text ul{margin:0 0 1em;padding-left:1.1em}
.reader .text li{margin:0 0 .45em}
.reader .text li b{font-weight:600}
.reader .text h3+p::first-letter{font-family:"Fraunces",Georgia,serif;float:left;font-size:3.1em;line-height:.86;padding:.06em .08em 0 0;color:var(--oxblood)}
.reader .sources{font-size:.88rem;line-height:1.5;color:var(--muted);padding-left:1.4em}
.reader .sources li{margin:0 0 .4em;overflow-wrap:anywhere}
.reader .plates{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:16px 0 0}
.reader .plates figure img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e7e2d4;cursor:zoom-in}
.reader .plates figcaption b{font-variant:small-caps;letter-spacing:.05em;font-weight:500;color:var(--ink)}
.reader .back{display:inline-block;margin-top:24px;font-size:.88rem;color:var(--muted)}
.reader-viewer{border:0;padding:0;background:#111;max-width:min(1200px,96vw);width:96vw}
.reader-viewer::backdrop{background:rgba(10,14,16,.86)}
.reader-viewer img{display:block;width:100%;max-height:82vh;object-fit:contain;background:#111}
.reader-viewer p{color:#e6e2d6;margin:0;padding:10px 16px 14px;font-size:.92rem}
.reader-viewer button{position:absolute;top:8px;right:8px}
@media print{.top,.reader .sheet .pin,.reader .back,.colophon .workspace{display:none}.reader .entry{break-before:page}}
/* Colophon, shared by every East End page. */
.colophon{background:#172d3a;color:#d9dfdf;padding:46px max(20px,calc((100vw - 1060px)/2)) 56px;font-size:.88rem;line-height:1.6}
.colophon .inner{max-width:760px}
.colophon h2{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:1.15rem;color:#f3f0e7;margin:0 0 10px;letter-spacing:.02em}
.colophon p{margin:0 0 12px}
.colophon a{color:#f3f0e7}
.colophon .rights{color:#f3f0e7}
.colophon .type em{color:#f3f0e7}
.colophon .fine{font-size:.8rem;color:#aebcbe}
.colophon .ornament{font-family:"Fraunces",Georgia,serif;color:#cf6637;letter-spacing:.6em;margin:0 0 14px}
.reader .title{max-width:none}
.reader .lead-figure{max-width:760px}

/* Masthead, shared by every public East End page. */
.dw-masthead{background:#172d3a;color:#fff;border-bottom:6px solid #6c2e2a;padding:22px max(22px,calc((100vw - 1240px)/2)) 18px;font-family:"Alegreya",Georgia,serif}
.dw-brandrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 22px}
.dw-masthead .dw-brand{display:inline-flex;align-items:center;gap:12px;color:#f3f0e7;text-decoration:none;border:0}
.dw-masthead .dw-brand svg{color:#f3f0e7;flex:none}
.dw-masthead .dw-brand span{font-family:"Fraunces",Georgia,serif!important;font-size:2.2rem;font-weight:500;letter-spacing:.005em;line-height:1}
.dw-masthead .dw-tagline{font-style:italic;font-size:1.18rem;color:#e8e2d2;padding-left:22px;border-left:1px solid rgba(243,240,231,.35);line-height:1.3}
.dw-masthead .dw-sub{font-size:.8rem;color:#cbd6d7;margin-top:8px}
.dw-masthead nav{display:flex;gap:6px 18px;margin-top:16px;flex-wrap:wrap}
.dw-masthead nav a{color:#e4eaea;font-size:.86rem;text-decoration:none;border:0}
.dw-masthead nav a:hover{color:#fff;text-decoration:underline}
.dw-masthead nav a[aria-current=page]{color:#fff;border-bottom:2px solid #cf6637}
@media (max-width:620px){.dw-masthead .dw-tagline{border-left:0;padding-left:0;font-size:1rem;flex-basis:100%}.dw-masthead .dw-brand span{font-size:1.8rem}}

/* One ground colour across the edition. */
html,body{background:#f3f0e7!important}
.reader .plates figure img{object-fit:contain;background:#e9e4d8}

/* Quieter, underproduced edition (30 Oct): small masthead on the page, tagline sitting low, typewriter labels. */
@font-face{font-family:"Courier Prime";src:url("/deepwell-assets/east-end/fonts/courier-prime-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url("/deepwell-assets/east-end/fonts/courier-prime-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
html body .tw,html body .dw-masthead nav a,html body .reader .crumbs,html body .reader .kicker,html body .reader .facts dt,html body .reader .contents .no,html body .reader .contents .tag,html body .reader .entry-no,html body .reader .plates figcaption b,html body .reader .back,html body .colophon .ornament{font-family:"Courier Prime","Courier New",Courier,monospace!important;font-variant:normal;letter-spacing:0}
.dw-masthead{background:#f3f0e7;color:#172d3a;padding:16px max(22px,calc((100vw - 1240px)/2)) 10px;border-bottom:1px solid #172d3a}
.dw-brandrow{align-items:flex-end;gap:2px 14px}
.dw-masthead .dw-brand{gap:8px;color:#172d3a}.dw-masthead .dw-brand svg{color:#172d3a;width:24px;height:29px}
.dw-masthead .dw-brand span{font-size:1.3rem;letter-spacing:.01em}
.dw-masthead .dw-tagline{border-left:0;padding-left:0;font-size:.95rem;position:relative;top:8px;color:#6c2e2a}
.dw-masthead .dw-sub{display:none}
.dw-masthead nav{margin-top:18px;gap:2px 16px}
.dw-masthead nav a{font-size:.74rem;color:#4f5b62;text-transform:lowercase}
.dw-masthead nav a:hover{color:#6c2e2a;text-decoration:underline}
.dw-masthead nav a[aria-current=page]{color:#172d3a;border-bottom:1px solid #6c2e2a}
.reader .title{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:400}
.reader .kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.reader .crumbs{font-size:.74rem}
.reader .text h3+p::first-letter{all:unset}
.reader .entry{margin-top:46px;padding-top:26px;border-top:1px dashed #9c9481}
.reader .entry h2{font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:400}
.reader .entry-no{font-size:.95rem;color:#6c2e2a}
.reader .sheet{border:0;padding:0;background:transparent}
.reader .facts{border-top:1px solid #203242;border-bottom:0;padding-top:10px}
.reader .facts dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:#6c2e2a}
.reader .contents li{border-bottom:1px dashed #cfc8b6}
.reader .contents .tag{font-size:.7rem}
.reader .plates figcaption b{font-size:.74rem;font-weight:400;text-transform:uppercase;color:#6c2e2a}
.reader .back{font-size:.74rem}
@media (max-width:620px){.dw-masthead .dw-tagline{top:0;flex-basis:auto}}

/* Restrained edition (30 Oct, later): navy masthead again, plain hairlines, one accent colour, even type sizes. */
.dw-masthead{background:#172d3a;color:#f3f0e7;border-bottom:0;padding:14px max(22px,calc((100vw - 1240px)/2)) 10px}
.dw-masthead .dw-brand,.dw-masthead .dw-brand svg{color:#f3f0e7}
.dw-masthead .dw-tagline{color:#cfc8b6}
.dw-masthead nav a{color:#aebcbe}
.dw-masthead nav a:hover{color:#f3f0e7}
.dw-masthead nav a[aria-current=page]{color:#f3f0e7;border-bottom:1px solid #cfc8b6}
.reader .kicker{color:#5d6b73}
.reader .title{font-size:clamp(1.8rem,3.6vw,2.4rem)}
.reader .entry{border-top:1px solid #cfc8b6;margin-top:52px;padding-top:28px}
.reader .entry h2{font-size:clamp(1.35rem,2.4vw,1.6rem)}
.reader .entry-no{color:#5d6b73;font-size:.8rem}
.reader .contents{border-top:1px solid #cfc8b6}
.reader .contents li{border-bottom:1px solid #e2dccd}
.reader .facts{border-top:1px solid #cfc8b6}
.reader .facts dt{color:#5d6b73}
.reader .plates{gap:26px 22px}
.reader .plates figure img{background:transparent;object-position:left top}
.reader .plates figcaption b{color:#5d6b73}
.reader .text h3{font-size:1.15rem;margin-top:30px}
.reader .text h4{font-size:1rem}
.reader a{text-decoration:none}

/* Survey page in the same restrained manner as the map pages. */
html body .eh-hero h1,html body .eh-hero .title{font-size:clamp(1.8rem,3.6vw,2.4rem)!important;font-weight:400!important;letter-spacing:0!important;line-height:1.1!important}
html body .eyebrow,html body .crumbs,html body .eh-stats,html body .eh-card p{font-family:"Courier Prime","Courier New",Courier,monospace!important}
html body .eyebrow{color:#5d6b73!important;font-size:.72rem!important;letter-spacing:.03em!important;font-weight:400!important;text-transform:uppercase}
html body .crumbs{font-size:.72rem!important;color:#5d6b73}
html body .eh-stats li,html body .eh-stats>div,html body .eh-stats>*{background:transparent!important;border:0!important;border-top:1px solid #cfc8b6!important;box-shadow:none!important;border-radius:0!important}
html body .eh-feature,html body .eh-card{background:transparent!important;border:0!important;border-top:1px solid #cfc8b6!important;box-shadow:none!important;border-radius:0!important}
html body .eh-feature h2,html body .eh-card h3{font-weight:400!important}
html body .eh-feature h2{font-size:1.4rem!important}html body .eh-head h2{font-size:1.5rem!important;font-weight:400!important}
html body .eh-card p{font-size:.72rem!important;color:#5d6b73!important}
html body .button,html body .button.primary{background:transparent!important;color:#172d3a!important;border:1px solid #172d3a!important;border-radius:0!important;font-family:"Courier Prime","Courier New",Courier,monospace!important;font-weight:400!important;font-size:.78rem!important;text-transform:lowercase;letter-spacing:0!important}
html body .button:hover{background:#172d3a!important;color:#f3f0e7!important}
html body .eh-overmap,html body .eh-card img,html body .eh-feature img{border:0!important;box-shadow:none!important}
/* Atlas and overview: same masthead width and title manner. */
html body .wrap>header h1{font-weight:400!important;font-size:clamp(1.8rem,3.6vw,2.4rem)!important;line-height:1.1!important}
/* Tagline: typewriter roman, no italics. */
html body .dw-masthead .dw-tagline{font-family:"Courier Prime","Courier New",Courier,monospace!important;font-style:normal!important;font-size:.82rem;letter-spacing:0}

/* Survey sheets: pointing at a house tints it, then the colour fades back. */
.reader .sheet .pin{overflow:visible;z-index:1}
.reader .sheet .pin::before{content:"";position:absolute;left:50%;top:50%;width:clamp(70px,10vw,140px);height:clamp(70px,10vw,140px);transform:translate(-50%,-50%) scale(.6);border-radius:50%;background:radial-gradient(circle,rgba(207,102,55,.7) 0%,rgba(207,102,55,.42) 40%,rgba(207,102,55,0) 70%);mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity 1.6s ease-out,transform 1.6s ease-out}
.reader .sheet .pin::after{content:"";position:absolute;left:50%;top:50%;width:clamp(40px,5vw,70px);height:clamp(40px,5vw,70px);transform:translate(-50%,-50%) scale(.4);border-radius:50%;border:2px solid rgba(108,46,42,.7);opacity:0;pointer-events:none}
.reader .sheet .pin:hover,.reader .sheet .pin:focus-visible,.reader .sheet .pin.lit{border-color:transparent;background:transparent}
.reader .sheet .pin:hover::before,.reader .sheet .pin:focus-visible::before,.reader .sheet .pin.lit::before{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .25s ease-out,transform .35s ease-out}
.reader .sheet .pin:hover::after,.reader .sheet .pin:focus-visible::after,.reader .sheet .pin.lit::after{animation:dw-ring 1.1s ease-out 1}
@keyframes dw-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
@media (prefers-reduced-motion:reduce){.reader .sheet .pin::before{transition:none}.reader .sheet .pin::after{animation:none!important}}
.reader .sheet{container-type:inline-size}
/* Printed numbers with no survey record answer quietly. */
.reader .sheet .pin.nr{cursor:default}
.reader .sheet .pin.nr::before{background:radial-gradient(circle,rgba(93,107,115,.42) 0%,rgba(93,107,115,.2) 40%,rgba(93,107,115,0) 70%)}
.reader .sheet .pin.nr::after{border-color:rgba(93,107,115,.55)}
.reader .sheet .pin.nr:hover::before,.reader .sheet .pin.nr:focus-visible::before{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .25s ease-out,transform .35s ease-out}
.reader .sheet .pin.nr .tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;background:#f3f0e7;border:1px solid #9c9481;color:#5d6b73;font-family:"Courier Prime","Courier New",Courier,monospace!important;font-size:12px;padding:3px 8px;opacity:0;pointer-events:none;transition:opacity .2s}
.reader .sheet .pin.nr:hover .tip,.reader .sheet .pin.nr:focus-visible .tip{opacity:1}
/* Address tags over the clean survey sheets (reading edition). */
.reader .sheet.tagged .pin{min-width:0;padding:0;border:0;border-radius:0;background:none;color:#203242;font-size:max(9px,1.12cqi);line-height:1;text-decoration:none}
.reader .sheet.tagged .pin b{position:relative;z-index:1;display:block;white-space:nowrap;background:#fff;border:1px solid #203242;border-radius:2px;padding:.2em .42em .14em;font:700 1em/1 "Courier Prime","Courier New",Courier,monospace;color:#203242;box-shadow:0 1px 2px rgba(32,50,66,.22);transition:color .25s,border-color .25s}
.reader .sheet.tagged .pin:hover b,.reader .sheet.tagged .pin:focus-visible b,.reader .sheet.tagged .pin.lit b{color:#6c2e2a;border-color:#6c2e2a}
.reader .sheet.tagged .pin:focus-visible{outline:none}
.reader .sheet.tagged .pin.nr b{background:none;border:0;box-shadow:none;padding:0;font-weight:400;font-size:.95em;color:#7f8a90;text-shadow:0 0 2px #fff,0 0 4px #fff}
.reader .sheet.tagged .pin.nr:hover b,.reader .sheet.tagged .pin.nr:focus-visible b{color:#4f5b62}
html body .reader .sheet.tagged .pin b{font-family:"Courier Prime","Courier New",Courier,monospace!important}
/* Shared call-to-action behaviour: every outlined action button lifts, fills and glows warm on hover or keyboard focus.
   The warm glow matches the house glow on the survey sheets. */
html body .button,html body a.cta-btn{transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.8,.3,1.4),box-shadow .45s ease-out!important}
html body .button:hover,html body .button:focus-visible,html body a.cta-btn:hover,html body a.cta-btn:focus-visible{background:#172d3a!important;color:#f3f0e7!important;transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 4px rgba(207,102,55,.16),0 0 26px 6px rgba(207,102,55,.38),0 8px 18px rgba(23,45,58,.22)!important;outline:none}
html body .button:active,html body a.cta-btn:active{transform:translateY(-1px) scale(1.01)}
@media (prefers-reduced-motion:reduce){html body .button:hover,html body .button:focus-visible,html body a.cta-btn:hover,html body a.cta-btn:focus-visible{transform:none}}
/* Button lettering in sentence case, as written. */
html body .button,html body .button.primary{text-transform:none!important}
/* Survey cards lift gently when pointed at or tabbed into; the warm glow stays with buttons and houses. */
html body .eh-card{transition:transform .3s cubic-bezier(.2,.8,.3,1.4),box-shadow .35s ease-out!important}
html body .eh-card:hover,html body .eh-card:focus-within{transform:translateY(-4px);box-shadow:0 10px 22px rgba(23,45,58,.14)!important}
html body .eh-card a:focus-visible{outline:2px solid #172d3a;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html body .eh-card:hover,html body .eh-card:focus-within{transform:none}}
/* Link to the working (edit) version; hidden on deepwell.ltd by reader.js. */
html body .reader .work-link{display:inline-block;margin:14px 0 0 18px;font-family:"Courier Prime","Courier New",Courier,monospace!important;font-size:.74rem;color:#5d6b73;text-decoration:none;border:1px solid #cfc8b6;padding:.35em .7em;transition:border-color .2s,color .2s}
html body .reader .work-link:hover,html body .reader .work-link:focus-visible{color:#6c2e2a;border-color:#6c2e2a}
html body .reader p.work-link.map-work{display:block;border:0;padding:0;margin:0 0 10px}
html body .reader p.work-link.map-work a{color:#5d6b73;border:1px solid #cfc8b6;padding:.35em .7em;text-decoration:none}
html body .reader p.work-link.map-work a:hover{color:#6c2e2a;border-color:#6c2e2a}
@media print{html body .reader .work-link{display:none}}
html body .reader .entry-head .work-link{margin:0 0 0 auto;align-self:center;white-space:nowrap}
html body .reader .entry-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
html body .reader .entry-head .aka{flex-basis:100%}
html body .reader p.work-link.map-work a{font-family:"Courier Prime","Courier New",Courier,monospace!important;font-size:.74rem}