/* Option 4: open category accordions, with client details beside the sections. */
html:root body #home .cf-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;max-width:1480px;margin:22px auto;padding:0 20px 30px;align-items:start}
html:root body #home .cf-client-panel{grid-column:2;grid-row:1;position:sticky;top:16px;background:#fff;border:1px solid #c8d3df;border-radius:15px;overflow:hidden;color:#171b20}
html:root body #home .cf-client-panel h2{margin:0;padding:20px;font:650 18px var(--fb);border-bottom:1px solid #d5dce3;color:#171b20}
html:root body #home .client-bar{margin:0;padding:18px;display:grid;grid-template-columns:1fr;gap:16px;border:0;box-shadow:none}
html:root body #home .client-bar label{display:block;color:#171b20;font-size:12px;margin-bottom:7px}
html:root body #home .client-bar input{min-height:44px;padding:10px 12px;font-size:14px;color:#171b20;background:#fff}
html:root body #home .cf-home-sections{grid-column:1;grid-row:1;min-width:0}
html:root body #home .sec-label{font:650 21px var(--fb);text-transform:none;letter-spacing:-.3px;padding:0;margin:0 0 18px;color:#fff;border:0;display:block}
html:root body #home .sec-label:after{display:none}
html:root body #home #sec-list{display:block;margin:0;padding:0;border:0;background:none}
html:root body #home .cf-home-group{margin:0 0 14px;background:#fff;border:1px solid #99adbe;border-radius:14px;overflow:hidden}
html:root body #home .cf-home-group summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 16px;background:#365875;color:#fff;cursor:pointer;font:600 16px var(--fb)}
html:root body #home .cf-home-group summary::-webkit-details-marker{display:none}
html:root body #home .cf-home-group summary:after{content:'+';font-size:22px;margin-left:8px}
html:root body #home .cf-home-group[open] summary:after{content:'−'}
html:root body #home .cf-home-group summary small{margin-left:auto;font-size:12px;font-weight:400;color:#fff;white-space:nowrap}
html:root body #home .cf-group-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:10px;color:#171b20}
html:root body #home .cf-group-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:root body #home .cf-group-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
html:root body #home .sec-item{display:flex;align-items:center;gap:12px;min-height:72px;width:100%;padding:12px;margin:0;border:1px solid #d5dce3!important;border-radius:11px!important;background:#fff!important;text-align:left;box-shadow:none!important;font-family:var(--fb);letter-spacing:0;text-transform:none}
html:root body #home .sec-item:before{display:none!important}
html:root body #home .sec-item:hover{background:#f4f7fa!important}
html:root body #home .sec-main{flex:1;min-width:0}
html:root body #home .sec-name{display:block;font-size:14px;font-weight:600;color:#171b20}
html:root body #home .sec-cap{display:block;font-size:11px;margin-top:5px;color:#596979!important}
html:root body #home .sec-cap b{font-weight:500;color:#596979!important}
html:root body #home .sec-bar{display:none}
html:root body #home .sec-chevron{background:none;width:auto;color:#647587}
html:root body #home .gen-btn{width:100%;margin:6px 0 0;padding:14px;background:#365875!important;color:#fff!important;border:0;border-radius:11px;font:600 14px var(--fb);letter-spacing:0;text-transform:none;min-height:48px}
html:root body #home summary:focus-visible,html:root body #home .sec-item:focus-visible{outline:3px solid #90b7d8;outline-offset:-4px}
@media(max-width:1000px){html:root body #home .cf-home-layout{grid-template-columns:1fr;gap:20px}html:root body #home .cf-client-panel{grid-column:1;grid-row:1;position:static}html:root body #home .cf-home-sections{grid-row:2}html:root body #home .client-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html:root body #home .cf-home-layout{padding:0 12px 24px;margin-top:18px}html:root body #home .client-bar{grid-template-columns:1fr;gap:14px;padding:14px}html:root body #home .client-bar input{font-size:16px}html:root body #home .cf-group-items{grid-template-columns:1fr;padding:10px;gap:8px}html:root body #home .cf-home-group summary{padding:12px;gap:9px;font-size:14px}html:root body #home .cf-home-group summary small{font-size:10px}html:root body #home .cf-group-icon{width:30px;height:30px}html:root body #home .sec-label{font-size:20px}}

html:root body #home .cf-home-tools{display:flex;align-items:center;gap:16px;margin-bottom:18px}html:root body #home .cf-home-tools .sec-label{margin:0}html:root body #home .cf-home-search{margin-left:auto;width:min(280px,45%)}html:root body #home .cf-home-search input{width:100%;min-height:44px;background:#fff;border:1px solid #bac9d7;border-radius:10px;padding:10px 12px;color:#171b20;font:14px var(--fb)}html:root body #home .cf-home-search .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html:root body #home .cf-home-group[hidden],html:root body #home .sec-item[hidden]{display:none!important}@media(max-width:600px){html:root body #home .cf-home-tools{flex-wrap:wrap;gap:12px}html:root body #home .cf-home-search{width:100%}html:root body #home .cf-home-search input{font-size:16px}}