:root{font-family:"Malgun Gothic",Arial,sans-serif;color:#243c31;background:#f7f5ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a6533c;outline-offset:3px}[hidden]{display:none!important}
.reading-page{max-width:1100px;padding:18px 24px 50px;margin:auto}.reading-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px;font-size:12px}.reading-top>a{min-height:48px;display:inline-flex;align-items:center}
.map-back{gap:3px;text-decoration:none;padding:0 12px 0 8px;border-radius:5px;background:#243c3108;font-weight:400}.map-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3{font-family:'Docent Serif',Batang,Georgia,serif;font-weight:400;word-break:keep-all}h1{font-size:32px;line-height:1.45;margin:12px 0 26px}h1>span{font-size:22px;margin-left:8px}h2{font-size:25px;line-height:1.5}h3{font-size:22px}.eyebrow{font-size:10px;letter-spacing:1px}.draft-tag{display:inline-block;border:1px solid #cbbca7;padding:4px 7px;margin-left:12px;font-size:10px;letter-spacing:0;color:#85654e}p,li{font-size:14px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.interior-frame{position:relative;background:#243c31;aspect-ratio:3/2}.interior-frame>img{display:block;width:100%;height:auto}.interior-point{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #ffffffb0;background:#f7f5efeb;color:#243c31;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;font-size:10px;box-shadow:0 1px 6px #0003}.interior-point b{font-family:Georgia,serif;font-size:15px;font-weight:400}.interior-point[aria-current=true]{background:#a6533c;color:white}.photo-caption{font-size:11px;color:#6e796e}.photo-tabs,.topic-links{display:flex;flex-wrap:wrap;gap:6px 14px}.photo-tabs a,.topic-links a{display:inline-flex;align-items:center;min-height:48px;font-size:12px}.photo-tabs a[aria-current=true]{font-weight:600;color:#a6533c}.topic-links{border-top:1px solid #dadfd2}.look-prompt{color:#8a5a41}.interior-copy{padding-top:18px}details{border-top:1px solid #dadfd2;margin-top:16px}summary{min-height:48px;padding:14px 0;font-size:13px;cursor:pointer}.source-links{display:flex;flex-direction:column;gap:12px;font-size:12px}.source-links a{overflow-wrap:anywhere}li{font-size:12px;color:#6e796e;margin-bottom:10px}ul{padding-left:20px}.listen-placeholder{min-height:48px;padding:0 25px;margin-top:22px;background:#e4e8dd;color:#6e796e;border:0;border-radius:5px}.photo-error{font-size:12px;color:#8a5a41}
.architect-intro{max-width:700px;color:#667261}.design-decisions{display:grid;gap:30px;margin:40px 0}.design-decision{border-top:1px solid #ced5c6;padding-top:12px}.design-decision>a{display:inline-flex;align-items:center;min-height:48px;font-size:13px}.architect-profiles{display:grid;gap:30px}.architect-profile{border-top:1px solid #ced5c6}.architect-role{font-size:12px;color:#7b806f}.related-works a{min-height:44px;display:flex;align-items:center;font-size:13px}.site-authors{font-size:12px;color:#6e796e;border-top:1px solid #ced5c6;padding-top:24px;margin-top:30px}
@media(min-width:850px){.interior-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}.interior-copy{padding-top:0}.interior-copy h2{margin-top:12px}}
@media(max-width:380px){.reading-page{padding-left:16px;padding-right:16px}h1{font-size:27px}h1>span{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the 48px hit area while exposing more of the observation photograph. */
.interior-point{background:transparent;border:0;box-shadow:none;gap:0;font-size:8px}
.interior-point::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #ffffffa0;background:#f7f5efe6;box-shadow:0 1px 5px #0003}
.interior-point b,.interior-point span{position:relative;z-index:1}
.interior-point b{font-size:13px}
.interior-point[aria-current=true]{background:transparent}
.interior-point[aria-current=true]::before{background:#a6533ce6}