/* p542: the first screen as one figure (run -> body -> emotions with their evidence -> long-term loop) */
.h5{margin-top:6px}.h5 .h5f{max-width:none;margin:0;overflow:visible;order:0}
.h5sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h5flow{display:grid;grid-template-columns:minmax(0,.78fr) 30px minmax(0,1.08fr) 30px minmax(0,1.62fr);align-items:stretch}
.h5s{position:relative;border-radius:18px;padding:16px;border:1px solid;min-width:0}
.h5in{background:#F1F7F6;border-color:#CFE5E2;display:flex;flex-direction:column}
.h5body{background:#EEF4FD;border-color:#CFE0FA}
.h5emo{background:#FDF2F0;border-color:#F4D3CD;display:flex;flex-direction:column;gap:9px}
.h5hd{display:flex;align-items:center;gap:10px;margin-bottom:6px;line-height:1.25}
.h5hd b{font-size:20px;font-weight:800}.h5hd small{display:block;font-size:13px;color:#3C4A52;margin-top:2px}
.h5in .h5hd b{color:#15232B}.h5body .h5hd b{color:#1967D2}.h5emo .h5hd b{color:#D93025}
.h5lab{font-size:12.5px;font-weight:800;color:#5F6B73;margin:10px 0 5px}
.h5chip{align-self:flex-start;background:#fff;border:1px solid #D3E3E0;border-radius:999px;padding:5px 12px;font-weight:700;font-size:14px;color:#15232B}
.h5note{margin:auto 0 0;padding-top:12px;font-size:13px;line-height:1.5;color:#5F6B73}
.h5row{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #DCE6F5;border-radius:12px;padding:8px 10px;margin-top:8px;line-height:1.35}
.h5row .ic{flex:none;margin-top:2px}.h5row b{display:block;font-size:14.5px;color:#15232B}.h5row b+span{font-size:13.5px;color:#3C4A52}
.h5chart{position:relative;margin-top:12px}.h5chart svg{display:block;width:100%;height:64px}
.h5ax{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:#5F6B73;margin-top:4px}
.h5arr{display:flex;align-items:center;justify-content:center}
.h5arr::before{content:"";width:12px;height:12px;border-top:2.5px solid #8A979E;border-right:2.5px solid #8A979E;transform:rotate(45deg);margin-left:-4px}
.h5emo .vc{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EEDAD6;border-left:5px solid var(--c);border-radius:14px;padding:9px 12px;margin:0}
.h5emo .vt{flex:1;display:flex;flex-direction:column;line-height:1.35;min-width:0}
.h5emo .vt b{font-size:16.5px;color:var(--c)}.h5emo .vt span{font-size:14px;color:#3C4A52}
.h5emo .vt small{display:block;font-size:12.5px;color:#5F6B73;margin-top:3px;line-height:1.45}
.h5emo .vc .badge{flex:none}.h5emo .vi{flex:none;display:flex}
.h5emo .h5dose{margin-top:4px;background:#FFF8EC;border-color:#F3DFBF}
.badge.P{background:#00868D;min-width:0;padding:0 6px}
.h5lgd{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:#5F6B73;margin-top:2px}.h5lgd .badge{margin-right:5px}
.h5loop{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;padding:10px 18px;border:2px dashed #7FBFC3;border-radius:999px;background:#F1F9F9;color:#00646A;text-align:center}
.h5loop b{font-size:15px;font-weight:800}
.h5n{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#15232B;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}
.h5chart .h5n.n2{top:-8px;right:0}.h5loop .h5n{top:50%;right:auto;left:12px;margin-top:-12px}
.h5mxw{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0 0}.h5mx{width:100%;max-width:120px;height:auto}
.h5loop{margin-top:28px}.h5loop::before,.h5loop::after{content:"";position:absolute;bottom:100%;height:28px;border-left:2px dashed #7FBFC3}
.h5loop::before{left:calc((100% - 60px) * .112)}.h5loop::after{left:calc((100% - 60px) * .767 + 60px)}
.h5up{position:absolute;bottom:calc(100% + 22px);left:calc((100% - 60px) * .112 - 5px);width:10px;height:10px;border-top:2px solid #4FA9AE;border-left:2px solid #4FA9AE;transform:rotate(45deg)}
.h5cap{text-align:center;font-size:13px;color:#7C8A91;margin:10px 0 0}
@media (max-width:959px){.h5flow{grid-template-columns:minmax(0,1fr)}.h5arr{height:30px}.h5arr::before{transform:rotate(135deg);margin:-6px 0 0}
 .h5in{display:block}.h5in .h5chip{display:inline-block}.h5mxw{display:none}.h5note{margin-top:10px;padding-top:0}.h5loop{border-radius:18px;margin-top:16px}.h5loop::before,.h5loop::after,.h5up{display:none}}

.v3 .h5s{box-shadow:0 1px 2px rgba(21,35,43,.05),0 8px 24px rgba(21,35,43,.06)}
.v3 .h5in{background:linear-gradient(180deg,#F6FBFA,#EAF4F2)}.v3 .h5body{background:linear-gradient(180deg,#F5F9FF,#E9F1FD)}.v3 .h5emo{background:linear-gradient(180deg,#FFF7F5,#FCEDEA)}
.h5tile{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.h5tile.big{width:48px;height:48px;border-radius:14px}
.h5layer{display:flex;align-items:center;gap:10px;margin:0 0 10px}.h5ltxt{font-size:13.5px;font-weight:700;color:#5F6B73}
.h5pill{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:#15232B;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.06em;flex:none}
.h5pill.p2{background:#1967D2}.h5pill.p3{background:#00646A}
.h5row{border-left:4px solid transparent}.h5row.r-ec{border-left-color:#D93025}.h5row.r-st{border-left-color:#E37400}.h5row.r-rp{border-left-color:#188038}
.h5row small{display:block;font-size:12px;color:#5F6B73;margin-top:3px;line-height:1.45}
.h5arr::before{content:"";width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(21,35,43,.18);transform:none;margin:0}
.h5arr{position:relative}.h5arr::after{content:"";position:absolute;width:8px;height:8px;border-top:2.4px solid #5F6B73;border-right:2.4px solid #5F6B73;transform:rotate(45deg);margin-left:-3px}
.h5emo .vc,.h5st .vc{position:relative;box-shadow:0 1px 2px rgba(21,35,43,.05)}
.h5emo .vc{margin-top:8px}
.h5tag{position:absolute;top:-10px;left:16px;display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:18px;background:#fff;border:1.5px solid currentColor;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}
.h5tag.t-ec{color:#D93025}.h5tag.t-st{color:#B85C00}.h5tag.t-rp{color:#188038}.h5tag.t-run{color:#3C4A52}.h5tag .ic{flex:none}
.h5lgd .h5tag{position:static;margin-right:5px;padding:0 6px;font-size:10px;line-height:16px}
.h5lnk{position:absolute;left:0;top:0;pointer-events:none;z-index:3;overflow:visible}
.v3 .h5f{position:relative}
.h5time{position:relative;margin:30px 0 0;padding:16px;border:2px dashed #7FBFC3;border-radius:22px;background:linear-gradient(180deg,#F5FBFB,#EAF5F5)}
.h5time::before,.h5time::after{content:"";position:absolute;bottom:100%;height:30px;border-left:2px dashed #7FBFC3}
.h5time::before{left:calc((100% - 60px) * .112)}.h5time::after{left:calc((100% - 60px) * .767 + 60px)}
.h5time .h5up{bottom:calc(100% + 24px)}
.h5tl-hd{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:0 40px 12px;color:#00646A;text-align:center}
.h5tl-hd b{font-size:17px;font-weight:800}.h5tl-hd small{font-size:13px;color:#3C7F82}.h5tl-hd .h5n{top:-2px;left:0;right:auto}
.h5tl{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch}
.h5st{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #D6E8E7;border-radius:18px;padding:14px;box-shadow:0 1px 2px rgba(21,35,43,.05),0 8px 24px rgba(21,35,43,.05)}
.h5sh{display:flex;align-items:center;gap:10px;line-height:1.3;margin-bottom:4px}.h5sh b{display:block;font-size:17px;color:#15232B}.h5sh span span{display:block;font-size:13px;color:#5F6B73}
.h5st .vc{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #E3EAEC;border-left:5px solid var(--c);border-radius:14px;padding:12px 12px 9px;margin:0}
.h5emo .vc{padding-top:12px}
.h5st .vt{flex:1;display:flex;flex-direction:column;line-height:1.35;min-width:0}.h5st .vt b{font-size:16px;color:var(--c)}.h5st .vt span{font-size:14px;color:#3C4A52}
.h5st .vt small{display:block;font-size:12.5px;color:#5F6B73;margin-top:3px;line-height:1.45}.h5st .vc .badge{flex:none}.h5st .vi{flex:none;display:flex}
.h5st .h5dose{background:#FFF8EC;border-color:#F3DFBF}
.badge.K{background:#7B4FA6;min-width:0;padding:0 6px}
.h5val{display:flex;gap:14px;align-items:flex-start;margin:16px 0 0;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#E6F4F2,#F2F9F8);border:1px solid #BFDCDA}
.h5val b{display:block;font-size:17px;color:#00646A}.h5val span{display:block;font-size:14px;color:#24343C;line-height:1.55;margin-top:3px}
.h5val small{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:#7B4FA6;background:#F3ECFA;border:1px dashed #BFA6DA;border-radius:999px;padding:3px 10px}
.v3 .h5lgd{justify-content:center;margin-top:12px}
@media (max-width:480px){.h5 .vi{display:none}.h5time{padding:8px}.h5st{padding:10px}.h5s{padding:12px}.h5emo .vc,.h5st .vc{padding:12px 10px 9px}.h5tile{width:34px;height:34px}}
.h5row{position:relative}
@media (max-width:959px){.h5 .vc .vt small,.h5 .h5row small{display:none}.h5 .vc.open .vt small,.h5 .h5row.open small{display:block}.h5 .vc,.h5 .h5row{cursor:pointer;padding-bottom:16px}.h5 .vc::after,.h5 .h5row::after{content:"";position:absolute;right:12px;bottom:7px;width:6px;height:6px;border-right:2px solid #9AA6AC;border-bottom:2px solid #9AA6AC;transform:rotate(45deg)}.h5 .vc.open::after,.h5 .h5row.open::after{transform:rotate(225deg);bottom:4px}.h5 .vc:focus-visible,.h5 .h5row:focus-visible{outline:2px solid #1967D2;outline-offset:2px}}
@media (max-width:959px){.h5tl{grid-template-columns:minmax(0,1fr)}.h5time{margin-top:16px;padding:12px}.h5time::before,.h5time::after{display:none}.h5tl-hd{padding:0 0 10px 34px;justify-content:flex-start;text-align:left}
 .h5arr::before{width:26px;height:26px}.h5arr::after{transform:rotate(135deg);margin:-4px 0 0}}
html[dir=rtl] svg{direction:ltr}
[dir=rtl] .h5n{right:auto;left:12px}[dir=rtl] .h5chart .h5n.n2{right:auto;left:0}[dir=rtl] .h5tl-hd .h5n,[dir=rtl] .h5loop .h5n{left:auto;right:0}
[dir=rtl] .h5tag{left:auto;right:16px}[dir=rtl] .h5lgd .h5tag,[dir=rtl] .h5lgd .badge{margin-right:0;margin-left:5px}
[dir=rtl] .h5row{border-left:1px solid #DCE6F5;border-right:4px solid transparent}[dir=rtl] .h5row.r-ec{border-right-color:#D93025}[dir=rtl] .h5row.r-st{border-right-color:#E37400}[dir=rtl] .h5row.r-rp{border-right-color:#188038}
[dir=rtl] .h5emo .vc,[dir=rtl] .h5st .vc{border-left:1px solid #E3EAEC;border-right:5px solid var(--c)}
[dir=rtl] .h5arr::after{transform:rotate(-135deg);margin-left:0;margin-right:-3px}
[dir=rtl] .h5time::before{left:auto;right:calc((100% - 60px) * .112)}[dir=rtl] .h5time::after{left:auto;right:calc((100% - 60px) * .767 + 60px)}
[dir=rtl] .h5time .h5up{left:auto;right:calc((100% - 60px) * .112 - 5px)}
[dir=rtl] .h5 .vc::after,[dir=rtl] .h5 .h5row::after{right:auto;left:12px}
[dir=rtl] .h5ax{direction:ltr}
[dir=rtl] #chart-panel{left:auto;right:50%;transform:translateX(50%)}[dir=rtl] #chart-panel:fullscreen{right:0;transform:none}
@media (max-width:959px){[dir=rtl] .h5arr::after{transform:rotate(135deg);margin:-4px 0 0}[dir=rtl] .h5tl-hd{padding:0 34px 10px 0}}