.study-page{max-width:1240px}.study-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.study-tabs button{text-align:left;padding:18px;border:1px solid #b8b59c;background:#f8f4e8;color:#243c37;cursor:pointer}.study-tabs button strong{display:block;font:23px Georgia,serif}.study-tabs button span{display:block;font-size:13px;line-height:1.55;margin-top:10px}.study-tabs button[aria-pressed=true]{background:#285e60;color:#fff;border-color:#285e60}.study-heading h2{font-size:34px;margin:30px 0 10px}.study-heading p{max-width:900px}.study-controls{display:flex;align-items:end;flex-wrap:wrap;gap:18px;padding:20px 0;border-block:1px solid #cfc5b0;margin-top:25px}.study-controls label{font-size:14px;max-width:100%}.study-controls select{display:block;max-width:100%;padding:12px;margin-top:8px;background:#fffaf0;border:1px solid #aaa28a;font:inherit;color:#24413b}.study-check{padding-bottom:12px;display:flex;align-items:center;gap:8px}.study-check input{width:20px;height:20px;accent-color:#285e60}.study-journey{background:#e9ebdf;border-left:3px solid #b45f43;padding:18px 22px;margin-top:20px}.study-journey strong{display:block;font:30px Georgia,serif}.study-journey span{display:block;font-size:14px;margin-top:8px}.study-journey p{margin:10px 0 0}.study-method{font-size:13px;line-height:1.65;color:#53665f}.study-map{overflow:auto;border:1px solid #c5c6ae;background:#f7f2e5;border-radius:12px;margin-top:24px}.study-map svg{display:block;width:100%;min-width:950px}.study-tier{fill:#e9e5d2;stroke:#b5bca2;stroke-width:.3;stroke-dasharray:1.5 1.5}.study-tier.tier-1{fill:#e0e4ca}.study-tier.tier-2{fill:#d0dcc2}.study-tier.tier-3{fill:#bfd1bd}.study-tier.tier-4{fill:#afc6b7}.study-area-label{font:3.4px Georgia,serif;fill:#42594b}.study-water{fill:#b2d8dc}.study-bridge{fill:#d8bf92;stroke:#84775c;stroke-width:.4}.study-lane{fill:none;stroke:#9e9a85;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.study-lane.stairs{stroke:#8b6578;stroke-dasharray:1.2 1;stroke-width:1}.study-door-path{fill:none;stroke:#c0b79c;stroke-width:.7}.study-lane.active,.study-door-path.active{stroke:#c26646;stroke-width:2.1}.study-roof{fill:#286367;stroke:#15494c;stroke-width:.4}.study-roof.outbuilding{fill:#887354;stroke:#61543e}.study-roof.player{fill:#a95f3a;stroke:#794021}.study-roof-label{fill:white;font:2.9px system-ui,sans-serif;pointer-events:none}.study-moment circle{fill:#d4a345;stroke:#825b18;stroke-width:.35}.study-moment text{font:bold 3.1px system-ui,sans-serif;fill:#382f1d}.study-scale{stroke:#46584a;stroke-width:.4;fill:none}.study-scale-label{font:3px system-ui,sans-serif;fill:#46584a}.study-legend{font-size:13px;display:flex;gap:16px;flex-wrap:wrap}.study-evaluation{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.study-evaluation h3{font:27px Georgia,serif}.study-evaluation li{margin:12px 0;line-height:1.6}.study-next{grid-column:1/-1;border-top:1px solid #c8c5ac;padding-top:12px}.study-section{margin-top:42px}.study-moments-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.study-moments-list article{display:flex;gap:16px;border-top:1px solid #c8c5ac;padding-top:18px}.study-moments-list article>b{background:#d4a345;color:#382f1d;border-radius:50%;width:30px;height:30px;flex-shrink:0;text-align:center;line-height:30px}.study-moments-list h3{font:23px Georgia,serif;margin:0 0 10px}.study-moments-list p{font-size:15px;line-height:1.6}.study-table-scroll{overflow:auto}.study-table{border-collapse:collapse;width:100%;font-size:14px}.study-table th,.study-table td{padding:14px 12px;border-bottom:1px solid #cbc5b0;text-align:left}.study-table thead{background:#e8e8d9}.study-recommendation{background:#e4e8d9;border-left:3px solid #537155;padding:25px;margin-top:40px}.study-page summary{cursor:pointer;padding:15px 0;font-weight:600}@media(max-width:700px){.study-tabs{grid-template-columns:1fr}.study-tabs button{padding:14px}.study-tabs button span{margin-top:6px}.study-evaluation,.study-moments-list{grid-template-columns:1fr}.study-controls{gap:14px}.study-controls select{font-size:16px}.study-map svg{min-width:1000px}.study-table{min-width:650px}.study-heading h2{font-size:29px}.study-recommendation{padding:20px}}
.study-area-label{paint-order:stroke;stroke:#f7f2e5;stroke-width:1.2px;stroke-linejoin:round}