.reading .compact-approach{margin:35px 0;padding:26px;background:#edf3f5;border:1px solid #d2dfe5}.compact-approach .approach-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.reading .compact-approach h3{font-size:27px;margin:0}.approach-heading>span{font-size:9px;letter-spacing:.09em;color:#536a76}.reading .approach-flow{padding:0;margin:27px 0 23px;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.reading .approach-flow li{margin:0;padding:0;position:relative;text-align:center;min-width:0}.approach-flow li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 25px);top:23px;width:calc(100% - 40px);height:1px;background:#9cb8c8}.approach-node{width:48px;height:48px;background:#fff;border:1px solid #9cb8c8;border-radius:50%;color:#005ca9;display:grid;place-items:center;margin:0 auto 11px}.approach-node svg{width:24px;height:24px}.approach-number{font-size:10px;letter-spacing:.07em;color:#526b79;display:block;line-height:1.4}.reading .approach-flow h4{font-family:var(--sans);font-size:13px;line-height:1.3;letter-spacing:-.02em;font-weight:600;margin:5px 0 0;overflow-wrap:normal}.reading .approach-details{margin:0;padding:0;border:0;border-top:1px solid #c6d6df;background:transparent}.approach-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:13px;min-height:48px;padding:12px 0 0;color:#17465f}.approach-details summary::-webkit-details-marker{display:none}.approach-details[open] summary>span{transform:rotate(45deg)}.reading .approach-explanations{padding-top:12px;display:grid;gap:15px}.approach-explanations strong{font-size:14px}.reading .approach-explanations p{font-size:14px;line-height:1.65;margin:5px 0 0}.approach-details summary:focus-visible{outline:3px solid #005ca9;outline-offset:3px}
@media(max-width:1000px){.approach-heading>span{display:none}.reading .compact-approach{padding:22px 18px}.reading .approach-flow h4{font-size:12px}}
@media(max-width:600px){.reading .compact-approach{padding:21px}.reading .compact-approach h3{font-size:25px}.reading .approach-flow{grid-template-columns:1fr;gap:12px;margin:23px 0 18px}.reading .approach-flow li{display:flex;align-items:center;gap:16px;text-align:left}.approach-node{width:36px;height:36px;flex-shrink:0;margin:0}.approach-node svg{width:20px;height:20px}.approach-flow li:not(:last-child):after{top:36px;left:17px;height:12px;width:1px}.approach-flow li>div{display:flex;align-items:center;gap:12px}.reading .approach-flow h4{font-size:14px;margin:0}.approach-number{font-size:10px}.approach-details summary{font-size:12px}}
