.article-takeaway{border:1px solid hsl(var(--primary) / .22);border-left:4px solid hsl(var(--primary));background:hsl(var(--primary) / .045);border-radius:0 1rem 1rem 0;padding:clamp(12px,4vw,1.2rem) clamp(12px,4vw,1.25rem);overflow-wrap:break-word}.article-takeaway .article-takeaway-text{margin-top:.65rem;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.5rem,3.5vw,1.9rem);line-height:1.35;color:hsl(var(--foreground));text-wrap:pretty}.article-contents summary{cursor:pointer;padding:.75rem 0}.article-contents summary::marker{color:hsl(var(--primary))}.article-contents ol{display:grid;gap:.3rem 1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.article-section-heading{display:flex;align-items:baseline;gap:.75rem;scroll-margin-top:7rem}.article-section-number{flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:.2rem .4rem;border-radius:50%;background:hsl(var(--primary) / .08);color:hsl(var(--primary));font:600 .8rem/1.4 Epilogue,sans-serif}.article-next-section{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.8rem;margin-top:2rem;border-top:1px solid hsl(var(--border));padding:.8rem 0;font:500 .9rem/1.6 Epilogue,sans-serif;color:hsl(var(--primary))}.article-next-section:hover{text-decoration:underline;text-underline-offset:.2rem}.article-body>p{font-size:1.08rem;line-height:1.85}.article-body>p:first-child{font-size:1.2rem;line-height:1.8;color:hsl(var(--foreground))}.article-body strong{font-weight:600;background:hsl(var(--primary) / .065);border-radius:.2rem;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.03em .1em}.article-body li{font-size:1.06rem;line-height:1.8}.article-concept{margin-block:1.75rem;border:1px solid hsl(var(--border));border-radius:1.25rem;padding:clamp(12px,4vw,1.1rem);background:hsl(var(--card));overflow-wrap:break-word}.article-concept-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.9rem;padding:0;list-style:none;margin-top:1.25rem}.article-concept-step{position:relative;min-width:0}.article-concept-button{position:relative;width:100%;height:100%;min-height:2.75rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.55rem;padding:clamp(12px,4vw,1rem);border:1px solid hsl(var(--border));border-radius:.9rem;background:hsl(var(--background));color:hsl(var(--foreground))}.article-concept-button[aria-pressed=true]{border-color:hsl(var(--primary) / .75);background:hsl(var(--primary) / .045)}.article-concept-button:focus-visible,.article-concept-controls button:focus-visible,.article-contents a:focus-visible,.article-next-section:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.article-concept-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:.75rem;width:2.6rem;height:2.6rem;background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.article-concept-step:nth-child(2) .article-concept-icon{color:#087e82;background:#e8f7f6}.article-concept-step:nth-child(3) .article-concept-icon{color:#966007;background:#fff4d9}.article-concept-step:nth-child(4) .article-concept-icon{color:#087e82;background:#e8f7f6}.article-concept-title{font-family:Epilogue,sans-serif;font-size:.95rem;font-weight:600;line-height:1.5}.article-concept-short{font-size:.85rem;line-height:1.65;color:hsl(var(--muted-foreground))}.article-concept-example{margin-top:auto;border-top:1px solid hsl(var(--border));padding-top:.6rem;font-size:.85rem;line-height:1.6}.article-concept-step-arrow{color:hsl(var(--primary));flex:0 0 auto}.article-concept-route{display:block;width:100%;height:1.2rem;color:hsl(var(--primary));margin-top:.6rem}.article-concept-route path{stroke-dasharray:1;stroke-dashoffset:0}.article-concept[data-animate=true] .article-concept-route path{animation:article-route-draw 2.2s ease-out 1 both}.article-concept[data-animate=true] .article-concept-icon{animation:article-icon-outline .55s ease-out 1}.article-concept[data-animate=true] .article-concept-step:nth-child(2) .article-concept-icon{animation-delay:.5s}.article-concept[data-animate=true] .article-concept-step:nth-child(3) .article-concept-icon{animation-delay:1s}.article-concept[data-animate=true] .article-concept-step:nth-child(4) .article-concept-icon{animation-delay:1.5s}.article-concept-explanation{margin-top:.9rem;padding:clamp(12px,4vw,1rem);border-radius:.9rem;background:hsl(var(--primary) / .045);border:1px solid hsl(var(--primary) / .12)}.article-concept-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem}.article-concept-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;max-width:100%;padding:.6rem .9rem;border:1px solid hsl(var(--border));border-radius:.65rem;font:500 .85rem/1.6 Epilogue,sans-serif}.article-concept-controls button:disabled{color:hsl(var(--muted-foreground));opacity:.65;cursor:default}.article-concept-controls button:not(:disabled):hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}@keyframes article-route-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes article-icon-outline{0%{box-shadow:0 0 hsl(var(--primary) / 0)}45%{box-shadow:0 0 0 4px hsl(var(--primary) / .18)}to{box-shadow:0 0 hsl(var(--primary) / 0)}}.article-concept-heading{display:flex;flex-direction:column;gap:.55rem}.article-concept-explanation-example{display:none}@media (max-width: 639px){.article-concept-steps{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:.75rem}.article-concept-button{display:grid;grid-template-columns:min(2.25rem,40px) minmax(0,1fr);grid-template-areas:"icon heading" "icon short";-moz-column-gap:.65rem;column-gap:.65rem;row-gap:.15rem;align-items:start;padding:clamp(8px,2.5vw,.7rem) clamp(10px,3vw,.8rem)}.article-concept-button>:first-child{grid-area:icon;width:auto}.article-concept-heading{grid-area:heading;display:block}.article-concept-heading>:first-child{margin-right:.4rem}.article-concept-title{line-height:1.4}.article-concept-short{grid-area:short;line-height:1.5}.article-concept-icon{width:min(2.25rem,40px);height:min(2.25rem,40px);border-radius:.65rem}.article-concept-example,.article-concept-step-arrow,.article-concept-route,.article-concept-controls{display:none}.article-concept-explanation{margin-top:.75rem}.article-concept-explanation-example{display:block}}@media (max-width: 479px){.article-concept,.article-takeaway{margin-inline:max(-24px,calc(12px - 1.25rem))}}@media (min-width: 640px){.article-concept{padding:1.4rem}.article-body>p,.article-body li{font-size:1.125rem}.article-body>p:first-child{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.article-concept *,.article-concept *:before,.article-concept *:after{animation:none!important;transition:none!important}}.reduce-motion .article-concept *,.article-concept[data-reduced-motion=true] *{animation:none!important;transition:none!important}.article-figure{margin-block:1.5rem;border:1px solid hsl(var(--border));border-radius:1.25rem;padding:clamp(12px,4vw,1.1rem);background:hsl(var(--card));overflow-wrap:break-word}.article-figure-title{margin-top:.35rem;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.4rem,3.2vw,1.75rem);line-height:1.2;color:hsl(var(--foreground));text-wrap:balance}.article-figure-grid{display:grid;gap:.6rem;margin-top:1rem;padding:0;list-style:none}.article-figure-item{display:grid;grid-template-columns:2.25rem minmax(0,1fr);-moz-column-gap:.65rem;column-gap:.65rem;row-gap:.2rem;align-items:start;min-width:0;padding:.7rem .8rem;border:1px solid hsl(var(--border));border-radius:.9rem;background:hsl(var(--background))}.article-figure-item[data-highlight=true]{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .045)}.article-figure-item>.article-figure-icon{grid-row:1 / span 2}.article-figure-item>:not(.article-figure-icon):not(.article-figure-head){grid-column:2}.article-figure-head{grid-column:1 / -1;display:grid;grid-template-columns:2.25rem minmax(0,1fr);-moz-column-gap:.65rem;column-gap:.65rem;align-items:center}.article-figure-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.65rem;background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.article-figure-icon[data-tone=green]{background:hsl(var(--svg-system) / .12);color:hsl(var(--svg-system))}.article-figure-icon[data-tone=amber]{background:hsl(var(--svg-risk) / .14);color:hsl(var(--amber))}.dark .article-figure-icon[data-tone=amber]{color:hsl(var(--svg-risk))}.article-figure-label{font-family:Epilogue,sans-serif;font-size:.95rem;font-weight:600;line-height:1.4;color:hsl(var(--foreground))}.article-figure-step{display:block;font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground))}.article-figure-line{font-size:.875rem;line-height:1.55;color:hsl(var(--muted-foreground))}.article-figure-stage{margin-top:1rem;padding:clamp(10px,3vw,.9rem);border:1px dashed hsl(var(--primary) / .35);border-radius:1rem}.article-figure-stage>.article-figure-label{display:block;margin-top:.45rem}.article-figure-stage>.article-figure-line{display:block;margin-top:.15rem}.article-figure-stage>.article-figure-grid{margin-top:.7rem}.article-figure-chip{display:inline-flex;padding:.15rem .6rem;border-radius:999px;background:hsl(var(--primary) / .1);color:hsl(var(--primary));font:600 .75rem/1.5 Epilogue,sans-serif}.article-figure-handoff{display:flex;align-items:center;gap:.4rem;margin:.5rem 0 0 .9rem;font:500 .8rem/1.5 Epilogue,sans-serif;color:hsl(var(--primary))}.article-figure-handoff+.article-figure-stage{margin-top:.5rem}.article-figure-facts{grid-column:1 / -1;display:grid;gap:.25rem;margin:.35rem 0 0}.article-figure-facts>div{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.5rem}.article-figure-facts dt{font:600 .75rem/1.7 Epilogue,sans-serif;color:hsl(var(--primary))}.article-figure-facts dd{margin:0;font-size:.875rem;line-height:1.55;color:hsl(var(--foreground) / .85)}.article-figure-item>.article-figure-facts~.article-figure-line{grid-column:1 / -1;margin-top:.2rem;padding-top:.4rem;border-top:1px solid hsl(var(--border))}.article-figure-pass{display:flex;gap:.4rem;align-items:flex-start;margin-top:.25rem;font-size:.875rem;font-weight:500;line-height:1.5;color:hsl(var(--foreground))}.article-figure-pass svg{margin-top:.15rem;color:hsl(var(--svg-system))}.article-figure-checks{display:grid;gap:.5rem;margin-top:1rem;padding:0;list-style:none}.article-figure-checks li{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .75rem;border-radius:.8rem;background:hsl(var(--background));border:1px solid hsl(var(--border));font-size:.95rem;line-height:1.55;color:hsl(var(--foreground))}.article-figure-tick{margin-top:.1rem;color:hsl(var(--svg-system))}.article-figure-flow{display:grid;gap:.5rem;margin-top:1rem}.article-figure-flow-part{display:grid;justify-items:center;gap:.5rem;min-width:0}.article-figure-flow-part>.article-figure-item{width:100%}.article-figure-joiner{color:hsl(var(--primary))}.article-figure-flow-part:last-child .article-figure-joiner{transform:rotate(90deg)}@media (max-width: 639px){.article-figure-grid{gap:.45rem;margin-top:.8rem}.article-figure-item{padding:clamp(8px,2.5vw,.55rem) clamp(10px,3vw,.7rem);row-gap:.1rem}.article-figure-stage{margin-top:.8rem;padding:clamp(8px,2.5vw,.75rem)}.article-figure-facts{gap:.1rem;margin-top:.25rem}.article-figure-item>.article-figure-facts~.article-figure-line{margin-top:.1rem;padding-top:.3rem}}@media (max-width: 479px){.article-figure{margin-inline:max(-24px,calc(12px - 1.25rem))}}@media (min-width: 640px){.article-figure{padding:1.4rem}.article-figure-grid[data-cols]{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));gap:.8rem}.article-figure-grid[data-cols="5"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr))}.article-figure-grid[data-cols]>.article-figure-item{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:.4rem;padding:.9rem}.article-figure-grid[data-cols]>.article-figure-item>*,.article-figure-grid[data-cols]>.article-figure-item>.article-figure-icon{grid-column:1;grid-row:auto}.article-figure-grid[data-cols] .article-figure-head{grid-template-columns:minmax(0,1fr);row-gap:.5rem}.article-figure-grid[data-cols] .article-figure-facts>div{grid-template-columns:minmax(0,1fr);gap:0}.article-figure-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.article-figure-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0}.article-figure-flow-part{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem}.article-figure-flow-part:first-child{grid-template-columns:minmax(0,1fr)}.article-figure-flow-part>.article-figure-item{height:100%;align-content:start}.article-figure-flow-part:last-child .article-figure-joiner{transform:none}}
