@media (max-width: 700px) { figure svg.viz-wide { display: none !important; } }
@media (min-width: 701px) { figure svg.viz-phone { display: none !important; } }
.diagram .cap.src, .table-fig .cap.src, .day-check .cap.src { margin-top: .35rem; font-size: .8rem; }
.chart-fig svg, .tl-fig svg { margin-inline: 0; }
.chart-fig .cap, .tl-fig .cap { text-align: left; }
.plan-fig .pnl { transform-box: view-box; transform-origin: 0 0; }
@keyframes bf-w-0 { 0.0% { transform: translate(57.78px,98.00px) rotate(83.00deg); } 5.2% { transform: translate(57.78px,98.00px) rotate(79.43deg); } 10.5% { transform: translate(57.78px,98.00px) rotate(70.03deg); } 15.8% { transform: translate(57.78px,98.00px) rotate(56.74deg); } 21.0% { transform: translate(57.78px,98.00px) rotate(41.50deg); } 26.2% { transform: translate(57.78px,98.00px) rotate(26.26deg); } 31.5% { transform: translate(57.78px,98.00px) rotate(12.97deg); } 36.8% { transform: translate(57.78px,98.00px) rotate(3.57deg); } 42.0% { transform: translate(57.78px,98.00px) rotate(0.00deg); } 58.0% { transform: translate(57.78px,98.00px) rotate(0.00deg); } 63.2% { transform: translate(57.78px,98.00px) rotate(3.57deg); } 68.5% { transform: translate(57.78px,98.00px) rotate(12.97deg); } 73.8% { transform: translate(57.78px,98.00px) rotate(26.26deg); } 79.0% { transform: translate(57.78px,98.00px) rotate(41.50deg); } 84.2% { transform: translate(57.78px,98.00px) rotate(56.74deg); } 89.5% { transform: translate(57.78px,98.00px) rotate(70.03deg); } 94.8% { transform: translate(57.78px,98.00px) rotate(79.43deg); } 100.0% { transform: translate(57.78px,98.00px) rotate(83.00deg); } }
.plan-fig.pending.in .bf-w-0 { animation: bf-w-0 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-w-1 { 0.0% { transform: translate(65.33px,159.54px) rotate(-83.00deg); } 5.2% { transform: translate(69.15px,158.95px) rotate(-79.43deg); } 10.5% { transform: translate(78.95px,156.27px) rotate(-70.03deg); } 15.8% { transform: translate(91.78px,149.84px) rotate(-56.74deg); } 21.0% { transform: translate(104.21px,139.08px) rotate(-41.50deg); } 26.2% { transform: translate(113.38px,125.43px) rotate(-26.26deg); } 31.5% { transform: translate(118.19px,111.91px) rotate(-12.97deg); } 36.8% { transform: translate(119.66px,101.86px) rotate(-3.57deg); } 42.0% { transform: translate(119.78px,98.00px) rotate(-0.00deg); } 58.0% { transform: translate(119.78px,98.00px) rotate(-0.00deg); } 63.2% { transform: translate(119.66px,101.86px) rotate(-3.57deg); } 68.5% { transform: translate(118.19px,111.91px) rotate(-12.97deg); } 73.8% { transform: translate(113.38px,125.43px) rotate(-26.26deg); } 79.0% { transform: translate(104.21px,139.08px) rotate(-41.50deg); } 84.2% { transform: translate(91.78px,149.84px) rotate(-56.74deg); } 89.5% { transform: translate(78.95px,156.27px) rotate(-70.03deg); } 94.8% { transform: translate(69.15px,158.95px) rotate(-79.43deg); } 100.0% { transform: translate(65.33px,159.54px) rotate(-83.00deg); } }
.plan-fig.pending.in .bf-w-1 { animation: bf-w-1 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-w-2 { 0.0% { transform: translate(72.89px,98.00px) rotate(83.00deg); } 5.2% { transform: translate(80.51px,98.00px) rotate(79.43deg); } 10.5% { transform: translate(100.12px,98.00px) rotate(70.03deg); } 15.8% { transform: translate(125.79px,98.00px) rotate(56.74deg); } 21.0% { transform: translate(150.65px,98.00px) rotate(41.50deg); } 26.2% { transform: translate(168.98px,98.00px) rotate(26.26deg); } 31.5% { transform: translate(178.61px,98.00px) rotate(12.97deg); } 36.8% { transform: translate(181.54px,98.00px) rotate(3.57deg); } 42.0% { transform: translate(181.78px,98.00px) rotate(0.00deg); } 58.0% { transform: translate(181.78px,98.00px) rotate(0.00deg); } 63.2% { transform: translate(181.54px,98.00px) rotate(3.57deg); } 68.5% { transform: translate(178.61px,98.00px) rotate(12.97deg); } 73.8% { transform: translate(168.98px,98.00px) rotate(26.26deg); } 79.0% { transform: translate(150.65px,98.00px) rotate(41.50deg); } 84.2% { transform: translate(125.79px,98.00px) rotate(56.74deg); } 89.5% { transform: translate(100.12px,98.00px) rotate(70.03deg); } 94.8% { transform: translate(80.51px,98.00px) rotate(79.43deg); } 100.0% { transform: translate(72.89px,98.00px) rotate(83.00deg); } }
.plan-fig.pending.in .bf-w-2 { animation: bf-w-2 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-w-3 { 0.0% { transform: translate(80.44px,159.54px) rotate(-83.00deg); } 5.2% { transform: translate(91.88px,158.95px) rotate(-79.43deg); } 10.5% { transform: translate(121.30px,156.27px) rotate(-70.03deg); } 15.8% { transform: translate(159.79px,149.84px) rotate(-56.74deg); } 21.0% { transform: translate(197.08px,139.08px) rotate(-41.50deg); } 26.2% { transform: translate(224.58px,125.43px) rotate(-26.26deg); } 31.5% { transform: translate(239.03px,111.91px) rotate(-12.97deg); } 36.8% { transform: translate(243.42px,101.86px) rotate(-3.57deg); } 42.0% { transform: translate(243.78px,98.00px) rotate(-0.00deg); } 58.0% { transform: translate(243.78px,98.00px) rotate(-0.00deg); } 63.2% { transform: translate(243.42px,101.86px) rotate(-3.57deg); } 68.5% { transform: translate(239.03px,111.91px) rotate(-12.97deg); } 73.8% { transform: translate(224.58px,125.43px) rotate(-26.26deg); } 79.0% { transform: translate(197.08px,139.08px) rotate(-41.50deg); } 84.2% { transform: translate(159.79px,149.84px) rotate(-56.74deg); } 89.5% { transform: translate(121.30px,156.27px) rotate(-70.03deg); } 94.8% { transform: translate(91.88px,158.95px) rotate(-79.43deg); } 100.0% { transform: translate(80.44px,159.54px) rotate(-83.00deg); } }
.plan-fig.pending.in .bf-w-3 { animation: bf-w-3 6.5s .5s both; animation-timing-function: linear; }
@keyframes bp-w-1 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(44px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-w-1 { animation: bp-w-1 6.5s .5s both; }
@keyframes bp-w-2 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(36px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-w-2 { animation: bp-w-2 6.5s .5s both; }
@keyframes bp-w-3 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(80px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-w-3 { animation: bp-w-3 6.5s .5s both; }
@keyframes bf-p-0 { 0.0% { transform: translate(57.78px,98.00px) rotate(83.00deg); } 5.2% { transform: translate(57.78px,98.00px) rotate(79.43deg); } 10.5% { transform: translate(57.78px,98.00px) rotate(70.03deg); } 15.8% { transform: translate(57.78px,98.00px) rotate(56.74deg); } 21.0% { transform: translate(57.78px,98.00px) rotate(41.50deg); } 26.2% { transform: translate(57.78px,98.00px) rotate(26.26deg); } 31.5% { transform: translate(57.78px,98.00px) rotate(12.97deg); } 36.8% { transform: translate(57.78px,98.00px) rotate(3.57deg); } 42.0% { transform: translate(57.78px,98.00px) rotate(0.00deg); } 58.0% { transform: translate(57.78px,98.00px) rotate(0.00deg); } 63.2% { transform: translate(57.78px,98.00px) rotate(3.57deg); } 68.5% { transform: translate(57.78px,98.00px) rotate(12.97deg); } 73.8% { transform: translate(57.78px,98.00px) rotate(26.26deg); } 79.0% { transform: translate(57.78px,98.00px) rotate(41.50deg); } 84.2% { transform: translate(57.78px,98.00px) rotate(56.74deg); } 89.5% { transform: translate(57.78px,98.00px) rotate(70.03deg); } 94.8% { transform: translate(57.78px,98.00px) rotate(79.43deg); } 100.0% { transform: translate(57.78px,98.00px) rotate(83.00deg); } }
.plan-fig.pending.in .bf-p-0 { animation: bf-p-0 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-p-1 { 0.0% { transform: translate(65.33px,159.54px) rotate(-83.00deg); } 5.2% { transform: translate(69.15px,158.95px) rotate(-79.43deg); } 10.5% { transform: translate(78.95px,156.27px) rotate(-70.03deg); } 15.8% { transform: translate(91.78px,149.84px) rotate(-56.74deg); } 21.0% { transform: translate(104.21px,139.08px) rotate(-41.50deg); } 26.2% { transform: translate(113.38px,125.43px) rotate(-26.26deg); } 31.5% { transform: translate(118.19px,111.91px) rotate(-12.97deg); } 36.8% { transform: translate(119.66px,101.86px) rotate(-3.57deg); } 42.0% { transform: translate(119.78px,98.00px) rotate(-0.00deg); } 58.0% { transform: translate(119.78px,98.00px) rotate(-0.00deg); } 63.2% { transform: translate(119.66px,101.86px) rotate(-3.57deg); } 68.5% { transform: translate(118.19px,111.91px) rotate(-12.97deg); } 73.8% { transform: translate(113.38px,125.43px) rotate(-26.26deg); } 79.0% { transform: translate(104.21px,139.08px) rotate(-41.50deg); } 84.2% { transform: translate(91.78px,149.84px) rotate(-56.74deg); } 89.5% { transform: translate(78.95px,156.27px) rotate(-70.03deg); } 94.8% { transform: translate(69.15px,158.95px) rotate(-79.43deg); } 100.0% { transform: translate(65.33px,159.54px) rotate(-83.00deg); } }
.plan-fig.pending.in .bf-p-1 { animation: bf-p-1 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-p-2 { 0.0% { transform: translate(72.89px,98.00px) rotate(83.00deg); } 5.2% { transform: translate(80.51px,98.00px) rotate(79.43deg); } 10.5% { transform: translate(100.12px,98.00px) rotate(70.03deg); } 15.8% { transform: translate(125.79px,98.00px) rotate(56.74deg); } 21.0% { transform: translate(150.65px,98.00px) rotate(41.50deg); } 26.2% { transform: translate(168.98px,98.00px) rotate(26.26deg); } 31.5% { transform: translate(178.61px,98.00px) rotate(12.97deg); } 36.8% { transform: translate(181.54px,98.00px) rotate(3.57deg); } 42.0% { transform: translate(181.78px,98.00px) rotate(0.00deg); } 58.0% { transform: translate(181.78px,98.00px) rotate(0.00deg); } 63.2% { transform: translate(181.54px,98.00px) rotate(3.57deg); } 68.5% { transform: translate(178.61px,98.00px) rotate(12.97deg); } 73.8% { transform: translate(168.98px,98.00px) rotate(26.26deg); } 79.0% { transform: translate(150.65px,98.00px) rotate(41.50deg); } 84.2% { transform: translate(125.79px,98.00px) rotate(56.74deg); } 89.5% { transform: translate(100.12px,98.00px) rotate(70.03deg); } 94.8% { transform: translate(80.51px,98.00px) rotate(79.43deg); } 100.0% { transform: translate(72.89px,98.00px) rotate(83.00deg); } }
.plan-fig.pending.in .bf-p-2 { animation: bf-p-2 6.5s .5s both; animation-timing-function: linear; }
@keyframes bf-p-3 { 0.0% { transform: translate(80.44px,159.54px) rotate(-83.00deg); } 5.2% { transform: translate(91.88px,158.95px) rotate(-79.43deg); } 10.5% { transform: translate(121.30px,156.27px) rotate(-70.03deg); } 15.8% { transform: translate(159.79px,149.84px) rotate(-56.74deg); } 21.0% { transform: translate(197.08px,139.08px) rotate(-41.50deg); } 26.2% { transform: translate(224.58px,125.43px) rotate(-26.26deg); } 31.5% { transform: translate(239.03px,111.91px) rotate(-12.97deg); } 36.8% { transform: translate(243.42px,101.86px) rotate(-3.57deg); } 42.0% { transform: translate(243.78px,98.00px) rotate(-0.00deg); } 58.0% { transform: translate(243.78px,98.00px) rotate(-0.00deg); } 63.2% { transform: translate(243.42px,101.86px) rotate(-3.57deg); } 68.5% { transform: translate(239.03px,111.91px) rotate(-12.97deg); } 73.8% { transform: translate(224.58px,125.43px) rotate(-26.26deg); } 79.0% { transform: translate(197.08px,139.08px) rotate(-41.50deg); } 84.2% { transform: translate(159.79px,149.84px) rotate(-56.74deg); } 89.5% { transform: translate(121.30px,156.27px) rotate(-70.03deg); } 94.8% { transform: translate(91.88px,158.95px) rotate(-79.43deg); } 100.0% { transform: translate(80.44px,159.54px) rotate(-83.00deg); } }
.plan-fig.pending.in .bf-p-3 { animation: bf-p-3 6.5s .5s both; animation-timing-function: linear; }
@keyframes bp-p-1 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(44px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-p-1 { animation: bp-p-1 6.5s .5s both; }
@keyframes bp-p-2 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(36px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-p-2 { animation: bp-p-2 6.5s .5s both; }
@keyframes bp-p-3 { 0% { transform: translateX(0px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 42%, 58% { transform: translateX(80px); animation-timing-function: cubic-bezier(.33,.8,.35,1); } 100% { transform: translateX(0px); } }
.plan-fig.pending.in .bp-p-3 { animation: bp-p-3 6.5s .5s both; }
@media (prefers-reduced-motion: reduce) { .plan-fig .pnl { animation: none !important; } }
.article .pic { margin: 2.2rem 0; }
.article .pic img { width: 100%; height: auto; }
.table-fig { margin: 2.2rem 0; }
.table-fig .spec-table { margin: .6rem 0 0; }
.table-fig thead td { border-bottom: 2px solid var(--hairline); }
.table-fig .spec-table th[scope="row"] { vertical-align: top; font-weight: 700; font-size: .95rem; letter-spacing: 0; text-transform: none; color: var(--ink); border-bottom: 1px solid var(--hairline); padding: .7rem .8rem; }
.table-fig .cap { font-size: .8rem; color: var(--ink-soft); margin: .6rem 0 0; }
@media (max-width: 640px) {
.spec-table.stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.spec-table.stack, .spec-table.stack tbody, .spec-table.stack tr, .spec-table.stack th, .spec-table.stack td { display: block; width: 100%; }
.spec-table.stack tr { padding: .6rem 0; border-bottom: 1px solid var(--hairline); }
.spec-table.stack th[scope="row"], .spec-table.stack td { border: 0; padding: .15rem 0; }
.spec-table.stack td[data-label]::before { content: attr(data-label); display: block; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); margin-top: .35rem; }
}
.day-check { margin: 2.2rem 0; padding: 1.4rem 1.4rem .8rem; background: var(--light-wash); border-radius: var(--radius); }
.day-check ol { list-style: none; margin: 0; padding: 0; }
.day-check li { margin: 0 0 .9rem; }
.day-check label { position: relative; display: grid; grid-template-columns: 1.5rem 1fr; gap: .75rem; align-items: start; cursor: pointer; }
.day-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.day-check .dc-box { width: 1.3rem; height: 1.3rem; margin-top: .12rem; border: 2px solid var(--accent-ink); border-radius: 4px; background: var(--paper); transition: background .2s var(--ease); }
.day-check input:checked + .dc-box { background: var(--accent-ink); box-shadow: inset 0 0 0 3px var(--paper); }
.day-check input:focus-visible + .dc-box { outline: 2px solid var(--primary); outline-offset: 2px; }
.day-check input:checked ~ .dc-text { color: var(--ink-soft); }
.day-check .dc-n { display: inline-block; min-width: 1.4em; font-weight: 700; color: var(--accent-ink); }
.day-check .cap { color: var(--ink-soft); margin: .2rem 0 .6rem; }
.fig-cards ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .7rem; }
.fig-cards li { display: flex; flex-direction: column; justify-content: space-between; gap: .6rem; padding: .9rem 1rem; background: var(--paper-shade); border-top: 3px solid var(--accent); border-radius: 6px; }
.fig-cards .fc-fact { font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.fig-cards .fc-src { font-size: .78rem; color: var(--ink-soft); }
.article .foot-refs a, .article p a { overflow-wrap: anywhere; }