.feynman-tabs{position:absolute;right:64px;top:38px;display:flex;padding:4px;gap:3px;border-radius:24px;background:#f3f4f6;z-index:2}
.feynman-tabs button{font-size:16px;color:#6e6e73;padding:8px 17px;border-radius:20px;line-height:1.25}
.feynman-tabs button.selected{background:#fff;color:#1d1d1f;box-shadow:0 1px 6px #1528420c}
.feynman-tabs button:hover{color:#0065c8}
.feynman-continue{position:absolute;left:64px;top:583px;padding:12px 20px;background:#0071e3;color:white;border-radius:25px;font-size:18px}
.feynman-continue:hover{background:#0064ca}
.learning-page h1{font-size:46px;line-height:1.3;letter-spacing:-1.4px;margin-top:30px;font-weight:650}
.learning-subtitle{font-size:23px;line-height:1.5;color:#6e6e73;margin-top:12px}
.learning-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:22px}
.learning-step{position:relative;border-top:1px solid #dce3eb;padding-top:17px}
.learning-step-top{display:flex;align-items:center;gap:16px;height:70px;margin-bottom:10px}
.learning-step-top>span{font-size:17px;color:#909ca9;font-weight:550;align-self:flex-start;margin-top:8px}
.learning-step-top svg{width:70px;height:70px;color:#2678c8}
.learning-step h2{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0 0 12px}
.learning-step p{font-size:17px;line-height:1.6;color:#414c59;min-height:48px}
.learning-step small{display:block;font-size:16px;line-height:1.5;color:#77828f;margin-top:8px}
.learning-arrow{position:absolute;right:-24px;top:51px;color:#a7b8cc;font-size:27px}
.learning-takeaway{position:absolute;left:64px;right:64px;top:510px;border-radius:16px;padding:20px 26px;background:#f0f6fd;display:flex;align-items:center;gap:27px}
.learning-takeaway>span{font-size:17px;color:#617b96;white-space:nowrap}
.learning-takeaway strong{font-size:25px;font-weight:550;color:#234e7c;letter-spacing:-.5px}
.learning-next{position:absolute;right:64px;top:599px;font-size:18px;color:#0065c8;padding:8px 0}
.learning-next span{display:inline-block;margin-left:12px}
.learning-next:hover{background:none;text-decoration:underline;text-underline-offset:5px}
.learning-page .credit{font-size:12px;bottom:27px;max-width:1080px}
.pyramid-page h1{margin-top:25px;font-size:43px}
.pyramid-label{font-size:18px;color:#6e6e73;margin-top:12px}
.pyramid-chart{position:absolute;left:40px;top:200px;width:704px;height:414px}
.learning-pyramid{display:block;width:100%;height:100%;font-family:var(--font)}
.pyramid-reading{position:absolute;left:798px;top:214px;border-left:1px solid #dce3eb;padding-left:34px;width:406px}
.pyramid-eyebrow{font-size:17px;color:#6e6e73}
.pyramid-reading h2{font-size:37px;line-height:1.4;font-weight:600;letter-spacing:-1px;margin:18px 0}
.pyramid-finding{font-size:20px;line-height:1.65;color:#6e6e73}
.pyramid-meaning{margin-top:20px;font-size:22px;line-height:1.55;color:#1767bb;font-weight:550}
.pyramid-bottom{position:absolute;left:64px;right:64px;top:625px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.pyramid-bottom p{font-size:19px;line-height:1.55;color:#455d75}
.pyramid-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.pyramid-controls .pyramid-next{font-size:17px;padding:12px 20px;white-space:nowrap}
.pyramid-back{font-size:24px;width:42px;height:42px;border-radius:50%;color:#6e6e73}
.pyramid-strike{fill:none;stroke:#bf553f;stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}
.pyramid-row{transition:opacity .3s}
[data-pyramid-step="1"] .input-method{opacity:.35}
[data-pyramid-step="1"] .pyramid-reading h2{color:#1767bb}
[data-pyramid-step="2"] .pyramid-percent{fill:#8c8c92}
[data-pyramid-step="2"] .pyramid-strike{opacity:1;stroke-dashoffset:0;animation:pyramid-cross .45s ease-out both}
[data-pyramid-step="2"] .pyramid-label,[data-pyramid-step="2"] .pyramid-meaning{color:#a44934}
[data-pyramid-step="2"] .pyramid-reading h2{font-size:31px}
[data-pyramid-step="2"] .pyramid-bottom p{font-size:18px;color:#1767bb}
@keyframes pyramid-cross{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

.pyramid-origin h1{font-size:43px;margin-top:25px}
.origin-subtitle{font-size:21px;line-height:1.5;color:#6e6e73;margin-top:12px}
.origin-cone{position:absolute;left:64px;top:198px;width:370px;text-align:center}
.origin-cone button{display:block;margin:auto;padding:0;background:#fff;cursor:zoom-in}
.origin-cone img{height:322px;width:252px;object-fit:contain;display:block}
.origin-cone figcaption{margin-top:15px;text-align:left}
.origin-cone strong{display:block;font-size:21px;font-weight:600}
.origin-cone figcaption span{display:block;color:#6e6e73;font-size:16px;line-height:1.6;margin-top:6px}
.origin-trail{position:absolute;left:495px;right:64px;top:206px;padding-left:29px;border-left:1px solid #dce3eb;display:grid;gap:15px}
.origin-trail article{position:relative}
.origin-trail article:before{content:"";position:absolute;left:-34px;top:7px;width:9px;height:9px;background:#0071e3;border-radius:50%;box-shadow:0 0 0 4px #fff}
.origin-trail article>span{font-size:15px;color:#6e6e73}
.origin-trail h2{font-size:24px;line-height:1.3;font-weight:600;margin:5px 0}
.origin-trail p{font-size:17px;line-height:1.5;color:#5f6872}
.origin-boundary{position:absolute;left:524px;top:592px;color:#98543e;font-size:16px}
.origin-bottom{position:absolute;left:64px;right:64px;top:627px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.origin-bottom>strong{font-size:23px;font-weight:550;color:#1767bb}