.theme-comparison{border-top:1px solid var(--border);padding:45px 0;margin-top:30px}.theme-comparison h3{font-size:calc(clamp(28px,3vw,42px)*var(--font-scale));font-weight:500;line-height:1.6}.theme-sample-controls{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.theme-sample-controls button{min-height:44px;font-size:calc(16px*var(--font-scale))}.theme-comparison figure{margin:0}.theme-image-button{display:block;width:100%;padding:0;overflow:hidden;text-align:right;background:var(--bg-secondary)}.theme-image-button img{display:block;width:100%;height:auto}.theme-image-button>span{display:block;padding:10px 15px}.theme-comparison figcaption,.theme-sample-note{font-size:calc(13px*var(--font-scale));color:var(--text-secondary);line-height:1.9;margin:15px 0}.theme-sample-dialog{width:min(96vw,1700px);max-width:96vw;max-height:94svh;padding:15px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);overflow:auto}.theme-sample-dialog::backdrop{background:#000b}.theme-sample-dialog header{display:flex;justify-content:space-between;gap:15px;align-items:center}.theme-sample-dialog h2{font-size:calc(18px*var(--font-scale))}.theme-sample-dialog img{display:block;width:100%;height:auto}.theme-sample-dialog p{font-size:calc(12px*var(--font-scale));color:var(--text-secondary)}
/* The three stages are a development path, rather than separate plan cards. */
.evolution-path{display:block;position:relative;padding-left:25px;border-left:2px solid var(--border)}.evolution-path li,.evolution-path .phase-grow,[data-theme=light] .evolution-path .phase-grow{background:transparent;border:0;border-radius:0;padding:20px 0 35px;position:relative;display:block}.evolution-path li:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);left:-32px;top:29px}.evolution-path h3{margin:12px 0;font-size:calc(30px*var(--font-scale))}.evolution-path p{margin-bottom:15px}.phase-foot{display:inline-block;border:0;padding:0;margin-top:15px}.phase-grow h3,.phase-grow .phase-index,.phase-grow a{color:var(--accent)}