/* Local study additions to the existing atlas, camera and reading panel. */
.study-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-left:auto;white-space:nowrap}
.masthead nav{margin-left:12px}

.node-kicker{font-size:8px;letter-spacing:.6px;line-height:1.5;color:#61745e;margin:0 0 10px;flex-shrink:0}
.study-copy{justify-content:flex-start;padding:27px 28px}.study-copy .node-title{font-size:24px!important;padding-right:0!important;-webkit-line-clamp:3}.study-copy .node-description{font-size:12px!important;padding-right:87px!important;-webkit-line-clamp:4!important;margin-top:12px}.study-art{position:absolute;right:22px;bottom:34px;width:86px;height:96px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.node-enter{position:absolute;bottom:23px;left:28px;font-size:9px;color:#48664b}.atlas-node[data-study=true][data-mode=summary] .study-copy .node-description{padding-right:112px!important;font-size:13px!important;-webkit-line-clamp:6!important}.atlas-node[data-study=true][data-mode=summary] .study-art{width:115px;height:135px;bottom:45px;right:18px}
.atlas-node[data-study=true][data-visual=record] .node-copy{padding:23px 27px}.atlas-node[data-study=true][data-visual=record] .record-heading .node-title{font-size:20px;-webkit-line-clamp:3}.atlas-node[data-study=true][data-visual=record] .node-summary .node-description{font-size:12px}.media-large img{height:245px;mix-blend-mode:multiply;background:transparent}
@media(max-width:700px){.masthead{gap:12px}.masthead .brand-tagline{display:none}.masthead nav{gap:12px}.study-label{font-size:8px;letter-spacing:.5px}}
.masthead{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;gap:5px 22px;align-content:center;align-items:center;min-height:84px;height:84px}.masthead .brand{grid-column:1;grid-row:1}.masthead .brand-tagline{grid-column:1;grid-row:2}.masthead .study-label{grid-column:2;grid-row:1 / 3}.masthead nav{grid-column:3;grid-row:1 / 3;margin:0;display:flex;gap:18px}.study-story-chapter{border-top:1px solid var(--line);padding:22px 0 15px;margin-top:22px}.study-story-chapter h2{font-size:26px}
@media(max-width:700px){.masthead{grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:75px;height:75px;gap:0 12px}.masthead .brand{grid-row:1 / 3}.masthead .study-label{grid-column:2;grid-row:1}.masthead nav{grid-column:2;grid-row:2;gap:12px}.masthead nav button{font-size:10px;padding:3px 0}}

.study-stage{position:relative;display:flex;flex:1;min-height:0}.problem-reading{max-width:960px;margin:0 auto}.problem-reading section{margin-bottom:20px}.problem-reading h2{font-size:27px;line-height:1.3;margin:8px 0 12px;max-width:660px}.problem-reading h3{font-size:19px;text-transform:none;letter-spacing:0;margin:0 0 10px}.problem-reading p{font-size:15px;line-height:1.6;margin:8px 0}.problem-reading .kicker{font-size:10px}.problem-context{display:flex;align-items:center;gap:24px}.problem-context>div{flex:1}.problem-context img{width:145px;height:135px;object-fit:contain;mix-blend-mode:multiply}.problem-reading .problem-people,.problem-reading .evidence-note{font-size:12px;color:var(--muted)}.essence-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.essence-grid section{padding:20px;border:1px solid var(--line);border-radius:12px}.remaining-gap{background:#edf2e9}.next-investigation{padding:0 0 12px;border-bottom:1px solid var(--line)}.research-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:16px}.research-details summary{cursor:pointer;font-size:13px;padding:10px 0}.research-details p{font-size:13px}.problem-reading .entry{text-align:left}#persona-change:not([hidden]){margin-left:15px}

#inspector .essence-grid,#inspector .research-details{grid-template-columns:1fr;gap:12px}#inspector .problem-context img{width:75px;height:100px}#inspector .problem-reading h2{font-size:23px}

.atlas-node.perspective-muted{opacity:.55}.atlas-node.perspective-muted:hover,.atlas-node.perspective-muted:focus-visible{opacity:1}
.atlas-node[data-study=true][data-illustrated=false] .study-copy .node-description{padding-right:0!important}
#study-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:10px 32px;border-bottom:1px solid var(--line);font-size:11px;background:var(--paper);flex-shrink:0}
#study-related[hidden]{display:none}#study-related span{color:var(--muted)}#study-related button{text-align:left;font-size:11px}
.care-story-art{width:100%;height:150px;object-fit:contain;mix-blend-mode:multiply}
/* Paper-backed scenes blend into a faint wash that groups image and text. */
.atlas-node[data-study=true]{background:var(--paper)}
.atlas-node[data-study=true] .territory-surface{display:none}
.atlas-node:has(.study-composition) .territory-surface{display:block;filter:blur(2px)}
.atlas-node:has(.study-composition) .territory-surface path{fill:color-mix(in srgb,var(--territory) 10%,var(--paper));fill-opacity:1;stroke:none}
.atlas-node[data-study=true] .study-response .node-description{padding-right:0!important;-webkit-line-clamp:3!important;margin-top:8px}
.study-response .company-logo{width:106px;height:27px;min-height:27px;margin-bottom:9px;justify-content:flex-start}
.study-response .company-logo img{object-position:left center;background:transparent}
.company-logo:has(img:not([hidden]))>span{visibility:hidden}
.study-response .node-title{font-size:20px!important;-webkit-line-clamp:2!important}
.study-response .record-media{width:100%;min-height:0;flex-shrink:1;overflow:hidden;margin-top:10px}
.study-response .record-media img{height:95px;width:100%;object-fit:contain;object-position:left center;background:transparent;border-radius:0}
.media-large img{mix-blend-mode:normal}
/* The approved visual concept: one large scene, then its need and context. */
:root{--paper:#fffefa;--ink:#142136;--muted:#536074}
html,body{overflow:clip}
#map,#pan-surface{background-color:var(--paper)}
#pan-surface{background-image:radial-gradient(circle at 1px 1px,#72817624 .75px,transparent 1px)}
.masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:94px;height:94px;padding:15px clamp(28px,5.5vw,88px);gap:5px 24px;border:0}
.masthead .brand{font-size:34px;white-space:nowrap}
.masthead .brand-tagline{grid-column:1;grid-row:2}
.masthead .header-actions{grid-column:2;grid-row:1 / 3;margin-left:auto;gap:22px}
.header-actions button{min-height:38px}
.masthead #map-breadcrumbs{grid-column:1;grid-row:2;min-width:0;min-height:20px;margin:0;padding:0;gap:10px;font-size:14px}
.masthead #map-breadcrumbs button{min-height:20px;padding:0;font-size:14px;line-height:1.4}

#study-related{border:0;padding-inline:clamp(28px,5.5vw,88px)}
.atlas-node .study-composition{padding:12px 24px 32px;justify-content:flex-start;gap:0;overflow:visible}
.study-scene{width:100%;height:310px;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;min-height:0;flex:1}
.study-caption{display:flex;align-items:center;gap:22px;flex-shrink:0;margin:0 8px}
.study-caption>div{flex:1;min-width:0}
.study-caption .node-icp{font:12px/1.4 var(--sans);color:var(--muted);margin:0 0 6px;letter-spacing:.1px}
.atlas-node .study-composition .node-title{font-size:28px;line-height:1.12;display:block;overflow:visible;padding:0;text-wrap:pretty;letter-spacing:-.65px}
.atlas-node .study-composition .node-description{font-size:15px;line-height:1.4;display:block;overflow:visible;padding:0;margin-top:10px;color:var(--muted)}
#map .atlas-node[data-study=true]:has(.study-composition):is(:hover,:focus-visible,:active){filter:none}
.atlas-node[data-illustrated=false] .study-composition{justify-content:center}
.map-controls{flex-direction:row;border-radius:28px;background:var(--paper);box-shadow:none}
.map-controls #overview{border-left:1px solid var(--line);border-top:0;padding:6px 10px}

.map-bottom{height:auto;right:16px;bottom:16px;padding:0}

#map-breadcrumbs{scrollbar-width:none}
#map-breadcrumbs::-webkit-scrollbar{display:none}
.atlas-node[data-study=true]:focus-visible .node-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#map .atlas-node[data-study=true]:is(:hover,:focus-visible,:active){filter:none}

#map:not(.dragging):not(.navigating):not([data-gesture="pan"]) .atlas-node[data-study=true]:hover{filter:none}

.overview-heading{position:absolute;font:38px/1.25 var(--font-body, sans-serif);color:#56645b;pointer-events:none;overflow:visible;white-space:normal;padding:0 20px;box-sizing:border-box;}
.overview-heading.overview-icp{font-size:50px;color:#253629;font-weight:600;}