/* Three answer-led solution pages. Uses the existing public site palette and type. */
.solution-detail{--detail-navy:#1b3252;--detail-ink:#304b61;--detail-muted:#506779;--detail-line:#c6d2d7;color:var(--detail-navy);background:#fbfaf7}
.detail-page-heading{padding-bottom:16px}.detail-page-heading .eyebrow{margin-bottom:14px}.detail-page-heading h1{max-width:1120px;font-size:clamp(37px,4.25vw,64px);line-height:1.3}
.solution-detail *{box-sizing:border-box}
.detail-intro{padding-top:8px;padding-bottom:78px}
.detail-intro>p{max-width:940px;margin:0 0 38px;color:#40576a;font-size:clamp(18px,1.85vw,24px);line-height:1.72}
.solution-detail .detail-section{padding:86px 0;background:#fff}
.solution-detail .detail-section.detail-soft{background:#edf1f0}
.detail-section h2,.detail-next h2{max-width:980px;margin:0 0 30px;color:var(--detail-navy);font-size:clamp(29px,3.2vw,46px);font-weight:600;line-height:1.3}
.detail-section p{color:var(--detail-ink);font-size:16px;line-height:1.82}
.detail-two,.detail-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,100px)}
.detail-two p,.detail-split p{margin:0;max-width:650px}
.detail-note{border-left:2px solid #7893a3;padding-left:32px}
.detail-note h2{font-size:clamp(24px,2.3vw,33px);margin-bottom:17px}
.detail-note a,.detail-related a{color:var(--detail-navy);font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid #64839a;padding-bottom:5px}
.detail-note a{display:inline-block;margin-top:18px}
.detail-related{display:flex;flex-wrap:wrap;gap:17px 35px;padding-top:24px;padding-bottom:65px}
.detail-section .detail-related{padding-bottom:0}
.detail-next{background:#1b3857;color:#fff;padding:75px 0}
.detail-next-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.detail-next h2{color:#fff;margin-bottom:12px}
.detail-next p{color:#d7e4eb;font-size:16px;line-height:1.7}
.detail-next a{display:inline-flex;align-items:center;gap:25px;padding:16px 21px;border:1px solid #d0e1e9;color:#fff;font-size:16px;font-weight:700;text-decoration:none}
.detail-next a:hover{background:#fff;color:#1b3857}
.detail-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border-top:2px solid #1b3252}
.detail-process li{padding:24px 24px 0 0;margin:0;min-width:0}
.detail-process li+li{border-left:1px solid var(--detail-line);padding-left:24px}
.detail-process strong{font-size:21px}
.detail-process p{font-size:15px;margin-top:14px}
.detail-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.detail-context p{margin:0;border-top:2px solid #2d5875;padding:18px 0;font-size:19px;font-weight:600}
.detail-decisions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid #1b3252}
.detail-decisions>div{min-width:0;padding:22px 18px 0 0}
.detail-decisions>div+div{border-left:1px solid var(--detail-line);padding-left:18px}
.detail-decisions strong{font-size:20px}
.detail-decisions p{margin-top:12px;font-size:14px}
.detail-answer{max-width:1040px;margin:0;font-size:18px!important}
/* Accounting: company and period remain visible above the transaction path. */
.detail-accounting-board{max-width:1110px;border:1px solid #9eb4c1;background:#fff;box-shadow:0 18px 43px #1b325216}
.detail-board-head{display:flex;justify-content:space-between;gap:15px;background:#1b3e5c;color:#fff;padding:16px 22px}
.detail-board-head strong{font-size:18px}.detail-board-head span{font-size:13px;color:#dce9ef}
.detail-company-switch{display:grid;grid-template-columns:repeat(3,1fr);background:#e9eff0}
.detail-company-switch span{padding:14px 21px;border-right:1px solid #c0d0d5;color:#28516a;font-size:13px;font-weight:700}
.detail-accounting-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.detail-accounting-steps li{min-width:0;border-right:1px solid #d1dcdf;padding:28px 23px 31px}
.detail-accounting-steps li:last-child,.detail-company-switch span:last-child{border-right:0}
.detail-accounting-steps li>*{display:block}.detail-accounting-steps span{font-size:12px;color:#516e80}.detail-accounting-steps strong{margin:12px 0;color:#1b3252;font-size:20px}.detail-accounting-steps small{color:#536d7d;font-size:13px}
/* Enterprise: four operating lanes converge on the system, then reach external services. */
.detail-enterprise-map{max-width:1160px;border:1px solid #a7bbc6;padding:26px;background:#f4f7f7;box-shadow:0 18px 43px #1b325214}
.detail-enterprise-sources,.detail-enterprise-edge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.detail-enterprise-sources span,.detail-enterprise-edge span{padding:15px 12px;border:1px solid #b9cbd3;background:#fff;text-align:center;color:#274960;font-size:15px;font-weight:600}
.detail-enterprise-core{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#1b3e5c;color:#fff;padding:27px 30px;margin:29px 0}
.detail-enterprise-core:before,.detail-enterprise-core:after{content:'';position:absolute;left:50%;height:29px;border-left:2px solid #7d99a8}
.detail-enterprise-core:before{bottom:100%}.detail-enterprise-core:after{top:100%}
.detail-enterprise-core strong{font-size:25px}.detail-enterprise-core small{font-size:13px;color:#dce9ef}
.detail-enterprise-edge{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Food: a physical trace chain, with inventory and expiry as persistent context. */
.detail-food-trace{max-width:1150px;border:1px solid #b6c4c7;background:#f7f5ef;padding:30px 24px;box-shadow:0 18px 43px #1b325214}
.detail-food-trace-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.detail-food-trace-line span{position:relative;display:flex;align-items:center;min-height:90px;padding:16px;background:#fff;border:1px solid #b8c8cc;color:#1b3252;font-size:18px;font-weight:600}
.detail-food-trace-line span:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 2px);color:#547893;font-size:21px}
.detail-food-trace-foot{display:flex;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 20px;background:#23465b;color:#eaf3f3;font-size:13px}
@media(max-width:800px){.detail-two,.detail-split,.detail-next-grid{grid-template-columns:1fr;gap:24px}.detail-decisions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.detail-decisions>div:nth-child(3){border-left:0;padding-left:0}.detail-process{grid-template-columns:1fr}.detail-process li,.detail-process li+li{border:0;border-bottom:1px solid var(--detail-line);padding:20px 0}.detail-food-trace-line{gap:8px}.detail-food-trace-line span{font-size:13px;padding:9px;min-height:74px}.detail-food-trace-line span:not(:last-child):after{left:calc(100% + 1px);font-size:14px}}
@media(max-width:600px){.detail-page-heading h1{font-size:clamp(32px,8.5vw,42px)}.detail-intro{padding-bottom:52px}.detail-intro>p{font-size:18px;margin-bottom:26px}.solution-detail .detail-section{padding:61px 0}.detail-section h2,.detail-next h2{font-size:30px;margin-bottom:20px}.detail-section p{font-size:15px}.detail-note{padding-left:20px}.detail-related{display:grid;padding-bottom:42px}.detail-next{padding:59px 0}.detail-next a{justify-content:space-between}.detail-context{grid-template-columns:1fr;gap:0}.detail-context p{font-size:17px;padding:12px 0}.detail-decisions{grid-template-columns:1fr;gap:0}.detail-decisions>div,.detail-decisions>div+div,.detail-decisions>div:nth-child(3){border-left:0;border-bottom:1px solid var(--detail-line);padding:16px 0}.detail-accounting-steps{grid-template-columns:1fr}.detail-accounting-steps li{border-right:0;border-bottom:1px solid #d1dcdf;padding:16px}.detail-company-switch{grid-template-columns:1fr}.detail-company-switch span{border-right:0;border-bottom:1px solid #c0d0d5;padding:9px 16px}.detail-board-head{padding:13px 16px}.detail-board-head strong{font-size:15px}.detail-accounting-steps strong{font-size:17px;margin:4px 0}.detail-enterprise-map{padding:15px}.detail-enterprise-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-enterprise-sources span,.detail-enterprise-edge span{font-size:12px;padding:11px 7px}.detail-enterprise-core{display:block;margin:22px 0;padding:20px}.detail-enterprise-core strong,.detail-enterprise-core small{display:block}.detail-enterprise-core strong{font-size:20px}.detail-enterprise-core small{margin-top:5px}.detail-enterprise-core:before,.detail-enterprise-core:after{height:22px}.detail-food-trace{padding:17px}.detail-food-trace-line{grid-template-columns:1fr;gap:0}.detail-food-trace-line span{min-height:48px;font-size:16px;margin-bottom:15px}.detail-food-trace-line span:not(:last-child):after{content:'↓';left:50%;top:100%;font-size:15px}.detail-food-trace-foot{display:grid;margin-top:0;padding:12px;font-size:12px}}
