/* SPDX-License-Identifier: GPL-3.0-or-later */
/* Starter setups share the Dashboard's in-memory tool selections. */
.flows-section {padding-block:90px 75px;border-top:1px solid #dfe6de;scroll-margin-top:100px}
.flows-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:43px}
.flows-eyebrow {font:600 10px/1.6 var(--sans);letter-spacing:.12em;color:#6a7d6e;margin-bottom:17px}
.flows-heading h2 {font:500 clamp(39px,4.1vw,55px)/1.1 var(--sans);letter-spacing:-.055em;color:#24382c;margin:0}
.flows-heading>p {font:400 15px/1.9 var(--sans);color:#68796d;max-width:420px;margin:0 0 2px}
.flows-workspace {display:grid;grid-template-columns:.8fr 1.2fr;background:#eff3ed;border:1px solid #dfe7db;border-radius:23px;overflow:hidden}
.flows-picker {padding:39px 32px 30px;display:flex;flex-direction:column}
.flows-picker-label {font-size:10px;line-height:1.6;letter-spacing:.1em;font-weight:500;color:#758270;margin:0 0 24px}
.flows-options {display:flex;flex-direction:column;gap:12px}
.flows-option {width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:transparent;border:1px solid #dce4d7;border-radius:13px;padding:21px 18px;color:#52694e;transition:background .18s,border-color .18s}
.flows-option:hover {background:#e7ede2;border-color:#bfcfb8}
.flows-option[aria-pressed=true] {background:#fffef9;border-color:#c4d4ba;box-shadow:0 6px 16px -12px #425b3480;color:#345830}
.flows-option-icon {display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#dfe8d777;color:#66855a}
.flows-option-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.flows-option>span:nth-child(2) {flex:1;min-width:0}
.flows-option strong {display:block;font:500 17px/1.4 var(--sans);letter-spacing:-.025em}
.flows-option small {display:block;font:400 12px/1.65 var(--sans);color:#788673;margin-top:4px}
.flows-option-arrow {font-size:19px;color:#8f9f85;opacity:0;transform:translate(-3px,3px);transition:opacity .18s,transform .18s}
.flows-option[aria-pressed=true] .flows-option-arrow {opacity:1;transform:none}
.flows-picker-note {display:flex;gap:12px;align-items:flex-start;color:#71816b;margin-top:auto;padding-top:27px}
.flows-picker-note>span {font-size:22px;color:#a0b194}
.flows-picker-note p {font:400 12px/1.85 var(--sans);margin:0;max-width:280px}
.flows-bundle {background:#252f27;color:#eaf1e5;padding:36px 36px 28px;margin:13px 13px 13px 0;border-radius:17px;box-shadow:0 10px 25px -20px #233c2480;min-width:0}
.flows-bundle-top {display:flex;justify-content:space-between;gap:13px;align-items:center;font:500 9px/1.5 var(--sans);letter-spacing:.12em;color:#a9c09c;margin-bottom:24px}
.flows-sample {font-size:8px;letter-spacing:.05em;color:#adbfa4;padding:5px 7px;border:1px solid #bfdaab24;border-radius:5px;white-space:nowrap}
.flows-bundle h3 {font:500 29px/1.2 var(--sans);letter-spacing:-.045em;color:#f0f5e9;margin:0 0 13px}
.flows-bundle-description {font:400 14px/1.8 var(--sans);color:#bbc8b4;margin:0;max-width:490px;min-height:76px}
.flows-tools-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px;margin-top:22px;font-size:9px;line-height:1.5;letter-spacing:.08em;color:#9db393}
.flows-tools-heading>span:last-child {font-size:11px;letter-spacing:0;color:#bdcfb3}
.flows-tools {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:150px;align-content:start}
.flows-tools li {display:flex;align-items:center;gap:9px;min-width:0;background:#bdd0af08;border:1px solid #c3d9b10e;border-radius:7px;padding:10px 11px;font:400 12px/1.5 var(--sans);color:#d4dfca}
.flows-tools li>span:first-child {display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;color:#a8c295}
.flows-tools svg {width:17px;height:17px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flows-tools li>span:last-child {min-width:0;overflow-wrap:anywhere}
.flows-bundle-bottom {border-top:1px solid #d4e3c91a;padding-top:22px;margin-top:25px}
.flows-apply {display:flex;align-items:center;justify-content:space-between;gap:25px;background:#c6dcaf;color:#2b4424;border:1px solid #d5e8c2;border-radius:30px;padding:14px 18px;font:500 12px/1.5 var(--sans);width:100%;text-align:left;transition:background .15s}
.flows-apply:hover {background:#d7e8c5}
.flows-apply>span {font-size:17px}
.flows-bundle-bottom p {font:400 11px/1.8 var(--sans);color:#a6b69d;margin:12px 2px 0}
.flows-footer {display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0 0}
.flows-footer p {font:400 12px/1.8 var(--sans);color:#667961;margin:0}
.flows-footer>button {display:flex;align-items:center;gap:13px;background:transparent;color:#4b6e40;padding:8px 0;font:500 12px/1.5 var(--sans);white-space:nowrap}
.flows-footer>button:hover {color:#203f1b}
.flows-footer>button>span {font-size:17px}
.flows-reset-note {font:400 10px/1.8 var(--sans);color:#7b8775;margin:9px 0 0;max-width:800px}
.flows-section button:focus-visible {outline:2px solid #51813e;outline-offset:4px}
.flows-bundle button:focus-visible {outline-color:#d2ebbd}
@media(max-width:1000px) {
 .flows-workspace{grid-template-columns:.9fr 1.1fr}.flows-picker{padding:31px 24px}.flows-option{padding:18px 14px;gap:12px}.flows-option small{font-size:11px}.flows-bundle{padding:30px 25px}.flows-bundle h3{font-size:26px}.flows-tools li{font-size:11px;padding:9px}.flows-heading{gap:40px}.flows-heading>p{max-width:350px}.flows-bundle-description{font-size:13px}
}
@media(max-width:760px) {
 .flows-section{padding-block:65px}.flows-heading{display:block;margin-bottom:31px}.flows-heading>p{max-width:500px;margin-top:21px;font-size:15px}.flows-workspace{grid-template-columns:1fr}.flows-picker{padding:28px 25px 22px}.flows-picker-label{margin-bottom:17px}.flows-options{flex-direction:row;gap:10px}.flows-option{flex:1;flex-direction:column;align-items:flex-start;padding:17px 13px;gap:10px;position:relative}.flows-option strong{font-size:16px}.flows-option small{font-size:11px;max-width:140px}.flows-option-arrow{position:absolute;right:12px;top:22px;font-size:16px}.flows-picker-note{padding-top:21px;gap:10px}.flows-picker-note p{max-width:none;font-size:12px}.flows-bundle{margin:0 13px 13px;padding:30px}.flows-bundle h3{font-size:30px}.flows-bundle-description{font-size:14px;min-height:0}.flows-tools{min-height:0}.flows-tools li{font-size:12px}.flows-bundle-top{margin-bottom:20px}.flows-tools-heading{margin-top:25px}
}
@media(max-width:500px) {
 .flows-heading h2{font-size:40px}.flows-eyebrow{font-size:9px}.flows-workspace{border-radius:19px}.flows-picker{padding:25px 17px 20px}.flows-picker-label{font-size:9px}.flows-options{gap:7px}.flows-option{padding:13px 10px;gap:12px}.flows-option-icon{width:31px;height:31px;flex-basis:31px}.flows-option-icon svg{width:20px;height:20px}.flows-option strong{font-size:14px}.flows-option small{display:none}.flows-option-arrow{top:17px;right:7px;font-size:14px}.flows-picker-note p{font-size:11px;line-height:1.8}.flows-bundle{margin:0 9px 9px;padding:27px 19px 22px;border-radius:13px}.flows-bundle-top{font-size:8px;gap:8px}.flows-sample{font-size:7px;padding:4px 5px}.flows-bundle h3{font-size:28px}.flows-bundle-description{font-size:13px;line-height:1.85}.flows-tools{gap:8px}.flows-tools li{font-size:11px;padding:10px 8px;gap:7px}.flows-tools li>span:first-child{width:15px;height:15px;flex-basis:15px}.flows-tools svg{width:15px;height:15px}.flows-apply{font-size:11px;padding:12px 14px;gap:12px}.flows-bundle-bottom p{font-size:10px}.flows-footer{align-items:flex-start;gap:12px;flex-direction:column;padding-top:20px}.flows-footer p{font-size:12px}.flows-footer>button{font-size:12px}.flows-reset-note{font-size:10px;margin-top:9px}
}
@media(prefers-reduced-motion:reduce) {.flows-option,.flows-option-arrow,.flows-apply{transition:none}}