.viewer-guide{margin:48px 0;padding:clamp(20px,4vw,40px);border:1px solid #d7d1c3;background:#eae7dc}.viewer-guide h2{font-size:clamp(30px,5vw,46px);margin:12px 0 20px}.viewer-guide-grid,.story-map-outcome{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.viewer-guide h3{font-size:23px;margin:20px 0 8px}.knowledge-note{border-left:4px solid #344c3f;background:#eeece2;padding:22px;margin:28px 0}.story-map-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 40px}.story-map-nav a{padding:12px 20px;border:1px solid #344c3f;color:#344c3f;text-decoration:none}.story-map-chapter{margin:0 0 44px;border:1px solid #d7d1c3;background:#fbfaf6;padding:clamp(18px,4vw,36px);overflow-wrap:anywhere}.story-map-chapter header{display:flex;gap:20px;align-items:flex-start}.story-map-chapter h2{font-size:clamp(28px,4vw,40px);margin:8px 0 12px}.story-map-number{font:48px Georgia,serif;color:#8e753f}.story-map-path{list-style:none;padding:0;margin:30px 0}.story-map-path li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;position:relative;padding-bottom:24px}.story-map-path li:not(:last-child):before{content:'';position:absolute;left:21px;top:40px;bottom:0;border-left:2px solid #bdc7bc}.story-node-index{display:grid;place-items:center;width:44px;height:44px;background:#344c3f;color:white;border-radius:50%;font-size:13px}.story-map-path article{padding:18px 22px;background:#f1efe6;border:1px solid #dedacf}.story-map-path h3{font-size:24px;margin:0 0 8px}.story-map-path p{margin:0 0 14px}.story-map-outcome{border-top:1px solid #d7d1c3;padding-top:22px}.story-map-outcome strong{color:#344c3f}.story-map-outcome p{font-size:15px;line-height:1.7}@media(max-width:640px){.viewer-guide-grid,.story-map-outcome{grid-template-columns:1fr;gap:8px}.story-map-chapter header{gap:12px}.story-map-number{font-size:36px}.story-map-path li{grid-template-columns:34px minmax(0,1fr);gap:10px}.story-node-index{width:34px;height:34px}.story-map-path li:not(:last-child):before{left:16px;top:34px}.story-map-path article{padding:15px}.story-map-path h3{font-size:22px}.story-map-nav a{padding:10px 14px}}
