/* Responsive adaptation of Jen's 2026-09-11 six-tool graphic. */
.six-tools{padding-block:50px 80px;color:#1a1a1a;font:400 16px/1.45 'Work Sans',sans-serif}
.six-tools>header{max-width:940px;margin:auto;text-align:center}
.six-tools>header h2{font:300 clamp(38px,4.3vw,64px)/1.12 'Krevaro Serif',serif;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}
.six-tools>header p{font-size:18px;line-height:1.65;max-width:760px;margin:auto}
.six-tools .comparison{display:grid;grid-template-columns:1.18fr 55px 1fr;margin-top:50px;align-items:start}
.six-tools .section-heading{margin-bottom:22px}
.six-tools .section-heading h2{font:300 32px/1.15 'Krevaro Serif',serif;letter-spacing:-.055em;margin:0}
.six-tools .section-heading>span{font-size:15px;display:block;margin-top:10px}
.six-tools .tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.six-tools .tool{min-height:187px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.six-tools .lavender{--light:#e8def4;--dark:#4e3a7e;--line:#cfbfdf}
.six-tools .yellow{--light:#fdfbe0;--dark:#7a6a1a;--line:#e3ddb0}
.six-tools .blue{--light:#d1e1e8;--dark:#1e4356;--line:#acc7d3}
.six-tools .apricot{--light:#ffe8dd;--dark:#8a3f1c;--line:#edc8b6}
.six-tools .green{--light:#d6e9dc;--dark:#1f4e31;--line:#b9d3c1}
.six-tools .icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.six-tools .tool header{background:var(--light);color:var(--dark);display:flex;align-items:center;gap:9px;padding:13px}
.six-tools .tool h3{font:500 15px/1.4 'Work Sans',sans-serif;letter-spacing:0;margin:0}
.six-tools .tool header>span{font-size:15px;margin-left:auto}
.six-tools .tool-body{padding:17px}.six-tools .tool strong{font-weight:500}
.six-tools small{font-size:15px;display:block;margin-top:4px}
.six-tools .person{display:flex;align-items:center;gap:13px}.six-tools .person img{width:49px;height:65px;object-fit:cover}
.six-tools .person strong{font-size:17px}.six-tools .briefrow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;margin-bottom:8px}
.six-tools .tag{background:var(--light);color:var(--dark);padding:3px 7px;border-radius:5px;font-size:15px}
.six-tools .item-name{font-size:17px;display:block;margin-top:7px}
.six-tools .money-row{display:flex;align-items:baseline;gap:13px;margin-top:13px;flex-wrap:wrap}.six-tools .money-row strong{font-size:29px;font-variant-numeric:tabular-nums}
.six-tools .total-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;font-size:15px}
.six-tools .pending{display:flex;align-items:center;gap:8px;font-size:15px;background:var(--light);color:var(--dark);padding:10px;margin-top:12px;border-radius:6px}
.six-tools .file-row{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:10px}
.six-tools .bridge{display:grid;place-items:center;align-self:center;color:#1f4e31}.six-tools .bridge .icon{width:30px;height:30px}
.six-tools .manual{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:15px}.six-tools .manual svg{width:64px;height:24px;fill:none;stroke:#1a1a1a;stroke-width:1.2;flex:none}
.six-tools .unified{background:white;border:1px solid #b9d3c1;border-radius:22px;overflow:hidden;box-shadow:0 13px 28px -17px #1f4e3140}
.six-tools .unified>header{padding:20px;background:#d6e9dc;color:#1f4e31;display:flex;align-items:center;justify-content:space-between;gap:12px}
.six-tools .unified header>div{display:flex;align-items:center;gap:12px}.six-tools .unified header img{width:42px;height:55px;object-fit:cover}
.six-tools .unified header strong{font-size:18px;font-weight:500;display:block}.six-tools .brand{font:300 25px 'Krevaro Serif',serif;letter-spacing:-.055em}
.six-tools .flow{padding:7px 22px}.six-tools .flow-row{display:flex;align-items:center;gap:14px;padding:18px 0}
.six-tools .flow-row+.flow-row{border-top:1px solid #e0ece4}.six-tools .node{width:30px;height:30px;border:1px solid #b9d3c1;border-radius:50%;display:grid;place-items:center;color:#1f4e31;flex:none;background:#f3f8f5}
.six-tools .node .icon{width:16px;height:16px}.six-tools .flow-row strong{font-size:16px;font-weight:500;display:block}.six-tools .row-number{font-size:15px;margin-left:auto}
.six-tools .unified footer{background:#d6e9dc;color:#1f4e31;padding:20px 24px}.six-tools .unified footer strong{font:300 28px/1.2 'Krevaro Serif',serif;letter-spacing:-.055em;display:block}.six-tools .unified footer span{font-size:15px;display:block;margin-top:10px}
.six-tools .example-note{font-size:15px;text-align:center;margin-top:35px}
@media(max-width:1050px){.six-tools .comparison{grid-template-columns:1fr;gap:30px;max-width:700px;margin-inline:auto}.six-tools .bridge{transform:rotate(90deg)}.six-tools .unified{max-width:600px;margin:auto}}
@media(max-width:520px){.six-tools{padding-block:35px 55px}.six-tools .tools{grid-template-columns:1fr}.six-tools .tool{min-height:0}.six-tools .tool-body{padding:17px 20px}.six-tools .unified>header{padding:18px 15px}.six-tools .flow{padding-inline:15px}.six-tools .flow-row{gap:10px}.six-tools .brand{font-size:23px}}