.article-summary{background:var(--pale);border:1px solid var(--topic-blue-line);border-left:4px solid var(--blue);border-radius:4px 12px 12px 4px;margin-bottom:32px;padding:27px 30px;scroll-margin-top:12px}.article-summary .hand{color:var(--blue);font-size:1.35rem}.article-summary h2{margin:6px 0 19px;font-size:1.45rem;line-height:1.25}.article-summary ul{margin:0;padding:0;list-style:none}.article-summary li{color:var(--ink);padding-left:23px;font-size:.96rem;line-height:1.7;position:relative}.article-summary li+li{margin-top:12px}.article-summary li:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:.65em;left:0}.article-diagram{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:4px 5px 0 var(--sketch-shadow);border-radius:14px 9px 15px 10px;margin:0 0 38px;padding:28px;scroll-margin-top:12px;container-type:inline-size}.diagram-heading .eyebrow{color:var(--orange);font-size:.64rem}.diagram-heading h2{letter-spacing:-.025em;margin:12px 0 26px;font-size:1.7rem;line-height:1.24}.diagram-nodes{grid-template-columns:repeat(var(--node-count), minmax(0, 1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.diagram-node{border:1px solid var(--topic-blue-line);background:var(--topic-blue);border-radius:8px;min-width:0;padding:17px 15px;position:relative}.diagram-node:nth-child(2){background:var(--topic-orange);border-color:var(--topic-orange-line)}.diagram-node:nth-child(3){background:var(--topic-green);border-color:var(--topic-green-line)}.diagram-symbol{color:var(--blue);margin-bottom:14px}.diagram-node:nth-child(2) .diagram-symbol{color:var(--orange)}.diagram-node:nth-child(3) .diagram-symbol{color:var(--green)}.diagram-symbol svg{width:52px;height:52px;display:block}.diagram-label{color:var(--muted);margin-bottom:6px;font-size:.69rem;font-weight:700;line-height:1.5;display:block}.diagram-node h3{letter-spacing:-.02em;overflow-wrap:break-word;font-size:1.13rem;line-height:1.2}.diagram-node p{color:var(--ink);margin-top:11px;font-size:.81rem;line-height:1.65}.diagram-example{color:var(--ink);border-top:1px dashed var(--line-strong);margin-top:12px;padding-top:12px;font-size:.71rem;font-weight:700;line-height:1.55;display:block}.diagram-node a{color:var(--blue);text-underline-offset:3px;margin-top:12px;font-size:.8rem;text-decoration:underline;display:inline-block}.diagram-flow .diagram-node+.diagram-node:before{content:"→";width:22px;color:var(--muted);text-align:center;font-size:1.25rem;position:absolute;top:40px;left:-23px}.diagram-question{background:var(--warm);border:1px solid var(--topic-orange-line);text-align:center;border-radius:7px;max-width:420px;margin:0 auto 40px;padding:12px 18px;font-size:1.25rem;line-height:1.4;position:relative}.diagram-question:after{content:"";border-left:1px solid var(--sketch-line);height:24px;position:absolute;bottom:-24px;left:50%}.diagram-choices .diagram-nodes{gap:15px}.diagram-choices .diagram-nodes:before{content:"";left:calc(50% / var(--node-count) - 7.5px + 7.5px / var(--node-count));right:calc(50% / var(--node-count) - 7.5px + 7.5px / var(--node-count));border-top:1px solid var(--sketch-line);position:absolute;top:-17px}.diagram-choices .diagram-node:before{content:"";border-left:1px solid var(--sketch-line);height:18px;position:absolute;top:-18px;left:50%}.diagram-feedback{color:var(--ink);align-items:start;gap:10px;padding:15px 0 0;font-size:.83rem;line-height:1.65;display:flex}.diagram-feedback>span{font-family:var(--display);color:var(--orange);font-size:1.8rem;line-height:1}.article-diagram figcaption{border-top:1px dashed var(--line-strong);color:var(--muted);margin-top:20px;padding-top:16px;font-size:.75rem;line-height:1.7}.diagram-lanes .diagram-nodes{grid-template-columns:1fr;gap:12px}.diagram-lanes .diagram-node{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:19px;display:grid}.diagram-lanes .diagram-symbol{margin:0}.diagram-lanes .diagram-node-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:5px 24px;display:grid}.diagram-lanes .diagram-label{grid-column:1}.diagram-lanes h3{grid-area:1/2/span 2;font-size:1.1rem}.diagram-lanes .diagram-node p{grid-area:3/2;margin:0}.diagram-lanes .diagram-example{border:0;grid-area:2/1/span 2;margin:0;padding:0}.article-top-video-link{color:var(--blue);align-items:center;gap:8px;margin-top:19px;font-size:.8rem;font-weight:650;display:inline-flex}.topic-reading-path{border-block:1px solid var(--line);margin-bottom:22px;padding-block:38px 45px}.topic-reading-path h2{margin:12px 0;font-size:clamp(1.6rem,3vw,2.2rem)}.topic-reading-path>p{max-width:750px;font-size:.97rem;line-height:1.8}.reading-path{counter-reset:reading;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:28px 0 0;padding:0;list-style:none;display:grid}.reading-path li{counter-increment:reading}.reading-path a{border-top:2px solid var(--line-strong);flex-direction:column;height:100%;padding-top:19px;display:flex;position:relative}.reading-path a:before{content:"0" counter(reading);font-family:var(--hand);color:var(--blue);margin-bottom:12px;font-size:1.55rem;line-height:1}.reading-path strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem;line-height:1.3}.reading-path span{color:var(--muted);margin:10px 0 18px;font-size:.86rem;line-height:1.7}.reading-path em{color:var(--blue);margin-top:auto;font-size:.78rem;font-style:normal;font-weight:650}.reading-path a:hover{border-color:var(--blue)}.reading-path a:hover strong{color:var(--blue)}@container (width<=590px){.diagram-heading h2{font-size:1.5rem}.diagram-flow .diagram-nodes{grid-template-columns:1fr;gap:27px}.diagram-flow .diagram-node,.diagram-choices .diagram-node{grid-template-columns:48px minmax(0,1fr);gap:16px;padding:17px;display:grid}.diagram-symbol{margin-bottom:0}.diagram-symbol svg{width:45px;height:45px}.diagram-flow .diagram-node+.diagram-node:before{content:"↓";top:-28px;left:29px}.diagram-node p{margin-top:8px;font-size:.86rem}.diagram-node h3{font-size:1.2rem}.diagram-label{font-size:.74rem}.diagram-choices .diagram-nodes{grid-template-columns:1fr;gap:14px;padding-left:20px}.diagram-choices .diagram-nodes:before{border:0;border-left:1px solid var(--sketch-line);inset:0 auto 30px 0}.diagram-choices .diagram-node:before{border:0;border-top:1px solid var(--sketch-line);width:20px;height:0;top:29px;left:-21px}.diagram-question{margin-bottom:22px;font-size:1.3rem}.diagram-question:after{display:none}.diagram-lanes .diagram-node{grid-template-columns:44px minmax(0,1fr);gap:15px}.diagram-lanes .diagram-node-copy{display:block}.diagram-lanes .diagram-example{padding-top:10px}.diagram-lanes .diagram-node p{margin-top:8px}}@media (width<=600px){.article-summary{padding:22px 20px}.article-summary h2{font-size:1.35rem}.article-summary li{font-size:.93rem}.article-diagram{padding:22px 16px}.diagram-node h3{font-size:1.06rem}.diagram-flow .diagram-node,.diagram-choices .diagram-node{grid-template-columns:35px minmax(0,1fr);gap:12px;padding:14px 12px}.diagram-symbol svg{width:34px;height:34px}.diagram-lanes .diagram-node{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 12px}.reading-path{grid-template-columns:1fr;gap:26px}.reading-path a{padding-top:16px;padding-left:45px}.reading-path a:before{position:absolute;top:16px;left:0}}