/* SI-110. Homepage-led open sections. Page-scoped; shared assets unchanged. */
.si110-review .api-icon{width:24px;height:24px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.si110-review .api-kicker{display:flex;align-items:center;gap:10px;color:var(--green-deep);font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.si110-review .api-kicker:before{content:'';width:24px;height:1px;flex:none;background:var(--green)}
.si110-review .api-section{padding:64px 0;background:#fff;scroll-margin-top:110px}
.si110-review main h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15;font-weight:690;letter-spacing:-.035em;margin:12px 0 22px;text-wrap:balance}
.si110-review main h3{font-size:24px;font-weight:650;line-height:1.23;letter-spacing:-.025em;margin:0 0 16px}
.si110-review main p,.si110-review main li{font-size:14px;line-height:1.8;color:var(--muted)}
.si110-review main p{margin:0 0 17px}.si110-review main p:last-child{margin-bottom:0}
.si110-review main a:not(.button):focus-visible{outline:3px solid var(--green-deep);outline-offset:4px;border-radius:2px}
.si110-review .api-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:76px;align-items:center}
.si110-review .api-hero-copy h1{font-size:clamp(40px,3.65vw,58px);font-weight:730;line-height:1.125;letter-spacing:-.043em;margin:17px 0 24px;text-wrap:balance;max-width:760px}
.si110-review .api-lead p{font-size:15px;line-height:1.8;max-width:730px}
.si110-review .api-actions{margin-top:29px;margin-bottom:0}.si110-review .api-actions .button{font-size:13px;min-height:48px}
.si110-review .api-hero-map{margin:0;background:rgba(255,255,255,.92);border:1px solid #dce7e0;border-radius:18px;box-shadow:0 20px 50px rgba(29,63,55,.075);overflow:hidden;min-width:0}
.si110-review .api-map-head{padding:20px 24px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #e8eeea;color:var(--ink);font-size:12px;font-weight:600;line-height:1.6}
.si110-review .api-map-head svg{color:#779766;width:21px;height:21px}
.si110-review .api-map-content{padding:26px 24px 0}
.si110-review .api-source-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.si110-review .api-source-row>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border:1px solid #e2e8e0;background:#fff;border-radius:10px;padding:14px 6px;min-height:90px}
.si110-review .api-source-row svg{width:28px;height:28px;color:#a47b52;stroke-width:1.35}
.si110-review .api-source-row>div:nth-child(2) svg{color:#74978b}.si110-review .api-source-row>div:nth-child(3) svg{color:#7794a4}
.si110-review .api-source-row strong{font-size:11px;line-height:1.4;font-weight:600;color:var(--ink)}
.si110-review .api-bus{height:28px;margin:0 16.5%;position:relative}
.si110-review .api-bus:before{content:'';position:absolute;left:0;right:0;height:13px;border:1px solid #a7bd9d;border-top:0;border-radius:0 0 6px 6px}
.si110-review .api-bus:after{content:'';position:absolute;left:50%;top:0;height:28px;width:1px;background:#a7bd9d}
.si110-review .api-core{max-width:350px;margin:auto;background:#fcf8f3;border:1px solid #eadaca;border-radius:12px;padding:20px;display:flex;gap:17px;align-items:center;justify-content:center}
.si110-review .api-core svg{width:33px;height:33px;color:#aa7950}
.si110-review .api-core>div,.si110-review .api-target-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.si110-review .api-core strong{font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.01em}
.si110-review .api-core span,.si110-review .api-target-row span{font-size:11px;line-height:1.65;color:var(--muted)}
.si110-review .api-connector{display:block;position:relative;width:32px;height:1px;background:#a4b99d;flex:none}
.si110-review .api-connector:after{content:'';position:absolute;right:1px;top:-3px;width:7px;height:7px;border-top:1px solid #8faa88;border-right:1px solid #8faa88;transform:rotate(45deg)}
.si110-review .api-connector.api-vertical{width:1px;height:27px;margin:0 auto}
.si110-review .api-connector.api-vertical:after{right:-3px;top:auto;bottom:1px;transform:rotate(135deg)}
.si110-review .api-target-row{display:flex;gap:14px;justify-content:center;align-items:center;padding:13px 10px 18px}
.si110-review .api-target-row svg{color:#739489;width:29px;height:29px}.si110-review .api-target-row strong{font-size:13px;line-height:1.5;font-weight:650}
.si110-review .api-map-support{display:flex;justify-content:center;gap:20px;padding:16px 0;border-top:1px dashed #dfe7df}
.si110-review .api-map-support>span{display:flex;gap:6px;align-items:center;font-size:10px;color:#6a7a6f;line-height:1.6}.si110-review .api-map-support svg{width:17px;height:17px}
.si110-review .api-hero-map figcaption{padding:11px 24px;border-top:1px solid #e9eeea;background:#fafbf9;font-size:10px;line-height:1.6;color:#738174}
.si110-review .api-intro{max-width:900px}
.si110-review .api-problem-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;list-style:none;margin:25px 0;padding:0}
.si110-review .api-problem-list li{display:flex;gap:16px;align-items:flex-start;padding:17px 0;border-bottom:1px solid #e6ece6}
.si110-review .api-problem-list svg{width:22px;height:22px;margin-top:3px;color:#7a9d67;stroke-width:1.4}
.si110-review .api-note{padding-left:18px;border-left:2px solid #9bbf84;max-width:1120px;font-size:13px}
.si110-review .api-analysis-grid{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:84px;align-items:center}
.si110-review .api-design-map{margin:0;padding:28px 32px;background:linear-gradient(125deg,#fbfcfa,#f3f6f4);border-radius:16px;min-width:0}
.si110-review .api-design-heading{font-size:12px;font-weight:600;color:#69776b;margin-bottom:23px;line-height:1.6}
.si110-review .api-flow-node{display:flex;align-items:center;gap:18px;padding:17px 20px;background:#fff;border:1px solid #dce5de;border-radius:10px;min-width:0}
.si110-review .api-flow-node svg{width:31px;height:31px;color:#7d9c72;stroke-width:1.35}
.si110-review .api-flow-node>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.si110-review .api-flow-node strong{font-size:14px;font-weight:600;line-height:1.5}.si110-review .api-flow-node span{font-size:11px;line-height:1.6;color:var(--muted)}
.si110-review .api-node-processing{background:#fcf9f5;border-color:#eaded0;margin:0 20px}.si110-review .api-node-processing svg{color:#ad8256}
.si110-review .api-recovery-path{display:flex;gap:10px;align-items:center;padding-top:20px;margin-top:20px;border-top:1px dashed #cfdacd;color:#73866d;font-size:11px;line-height:1.7}
.si110-review .api-recovery-path svg{width:21px;height:21px}.si110-review .api-design-map figcaption{font-size:10px;line-height:1.6;color:#76806f;margin-top:17px}
.si110-review .api-check-list{list-style:none;padding:0;margin:21px 0 23px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 27px}
.si110-review .api-check-list li{padding-left:24px;position:relative;font-size:13px}.si110-review .api-check-list li:before{content:'✓';position:absolute;left:0;top:1px;color:#7f9e6b;font-weight:700}
.si110-review .api-methods h2{max-width:890px;margin-bottom:30px}
.si110-review .api-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.si110-review .api-method-card{background:#fff;border:1px solid #dfe7df;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.si110-review .api-method-art{height:174px;display:flex;align-items:center;justify-content:center;gap:11px;padding:18px 12px;background:linear-gradient(125deg,#fafbf8,#f0f5f1);border-bottom:1px solid #e5ebe3;color:#7a9c6c}
.si110-review .api-art-webhook{background:linear-gradient(125deg,#fbfcfc,#edf4f5);color:#7997a6}.si110-review .api-art-database{background:linear-gradient(125deg,#fdfbf8,#f7f1e9);color:#ab865e}
.si110-review .api-art-legacy{background:linear-gradient(125deg,#fbfcfa,#f3f6ef)}
.si110-review .api-mini-app{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;flex:1;min-width:0;max-width:90px}
.si110-review .api-mini-app svg{width:54px;height:48px;stroke-width:1.1}.si110-review .api-mini-app span{font-size:9px;line-height:1.4;color:#677467}
.si110-review .api-mini-link{display:flex;flex-direction:column;align-items:center;gap:11px;flex:none;max-width:55px;min-width:36px}
.si110-review .api-mini-link svg{width:23px;height:23px;stroke-width:1.3}.si110-review .api-mini-link span{font-size:9px;line-height:1.4;color:#7f8c78}
.si110-review .api-mini-sources{display:flex;flex-direction:column;gap:12px}.si110-review .api-mini-sources svg{width:37px;height:37px;stroke-width:1.3}
.si110-review .api-mini-export{display:flex;flex-direction:column;gap:9px}.si110-review .api-mini-export span{display:block;padding:3px 15px;background:rgba(255,255,255,.8);border:1px solid #e9dfd2;border-radius:4px;font-size:11px;line-height:1.6;color:#947453}
.si110-review .api-method-copy{padding:26px 23px 28px;flex:1}.si110-review .api-method-copy h3{font-size:22px;min-height:54px;margin-bottom:15px}.si110-review .api-method-copy p{font-size:13px}
.si110-review .api-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}
.si110-review .api-editorial-grid>article{border-top:1px solid #e2e8e2;padding-top:25px;min-width:0;background:transparent}
.si110-review .api-editorial-symbol{color:#789765;margin-bottom:16px}.si110-review .api-editorial-symbol svg{width:28px;height:28px;stroke-width:1.35}
.si110-review .api-editorial-grid h2{font-size:30px;line-height:1.2}
.si110-review .api-dot-list{list-style:none;padding:0;margin:20px 0}.si110-review .api-dot-list li{position:relative;padding-left:20px;margin-bottom:7px}
.si110-review .api-dot-list li:before{content:'';width:5px;height:5px;position:absolute;left:0;top:10px;background:#8ba67b;border-radius:50%}
.si110-review .api-secret-graphic{display:flex;align-items:center;gap:28px;margin-top:34px;padding:22px 0;max-width:340px;color:#8eac7b}.si110-review .api-secret-graphic>svg{width:42px;height:42px;stroke-width:1.2}
.si110-review .api-secret-graphic>div{display:flex;flex:1;flex-direction:column;gap:12px}.si110-review .api-secret-graphic i{display:block;border-top:2px dashed #c0ceb9;width:100%}.si110-review .api-secret-graphic i:nth-child(2){width:78%}
.si110-review .api-delivery-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:76px;align-items:center}
.si110-review .api-lifecycle{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;padding:30px 0 70px;margin:0;color:#829e70;min-width:0}
.si110-review .api-lifecycle>div{display:flex;flex-direction:column;align-items:center;gap:17px;flex:1;max-width:120px;text-align:center;min-width:0}
.si110-review .api-lifecycle svg{width:42px;height:42px;stroke-width:1.2}.si110-review .api-lifecycle strong{font-size:11px;line-height:1.5;font-weight:600;color:#5f6f61}
.si110-review .api-lifecycle figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7a8576;font-size:10px;line-height:1.7;padding:12px 16px;border-top:1px solid #e4ebe2}
.si110-review .api-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;list-style:none;padding:0;margin:26px 0}
.si110-review .api-related-list li{position:relative;padding:22px 0 22px 40px;border-top:1px solid #e5ebe4}.si110-review .api-related-list svg{position:absolute;left:0;top:26px;width:23px;height:23px;color:#839f71;stroke-width:1.3}
.si110-review .api-related>div>p{font-size:13px}.si110-review .api-audience{padding-top:0}.si110-review .api-audience-copy{max-width:1040px}
.si110-review .api-final{padding-top:0}.si110-review .api-final-panel{padding:40px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.38fr);gap:50px;align-items:center;border:1px solid #dce8d5;border-radius:16px;background:linear-gradient(112deg,#f2f8ed,#f5f9f5)}
.si110-review .api-final-panel h2{font-size:34px;max-width:780px}.si110-review .api-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0}.si110-review .api-final-actions br{display:none}.si110-review .api-final-actions .button{font-size:13px;min-height:48px}.si110-review .api-final-actions a:not(.button){font-size:12px}
@media(max-width:1279px){
.si110-review .api-section{padding:48px 0}.si110-review .api-audience,.si110-review .api-final{padding-top:0}
.si110-review .api-hero-grid{gap:40px}.si110-review .api-hero-copy h1{font-size:43px}
.si110-review .api-map-head{font-size:11px;padding:18px}.si110-review .api-map-content{padding:22px 16px 0}.si110-review .api-source-row{gap:8px}.si110-review .api-source-row strong{font-size:10px}.si110-review .api-map-support{gap:12px}.si110-review .api-map-support>span{font-size:9px}
.si110-review .api-analysis-grid{gap:45px}.si110-review .api-design-map{padding:25px}.si110-review .api-check-list{grid-template-columns:1fr;gap:7px}
.si110-review .api-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.si110-review .api-method-art{height:180px;gap:24px}.si110-review .api-method-copy h3{min-height:0;font-size:24px}.si110-review .api-method-copy p{font-size:14px}
.si110-review .api-editorial-grid,.si110-review .api-delivery-grid{gap:40px}.si110-review .api-lifecycle{gap:10px}.si110-review .api-lifecycle .api-connector{width:20px}.si110-review .api-final-panel{padding:32px;gap:35px}
}
@media(max-width:1050px){
.si110-review .api-hero-grid{grid-template-columns:1fr;gap:38px}.si110-review .api-hero-copy h1{font-size:46px;max-width:800px}.si110-review .api-lead p{max-width:810px}
.si110-review .api-hero-map{width:100%;max-width:640px;justify-self:center}.si110-review .api-map-content{padding:26px 25px 0}.si110-review .api-map-head{font-size:12px;padding:20px 24px}.si110-review .api-source-row{gap:16px}.si110-review .api-source-row strong{font-size:11px}.si110-review .api-map-support>span{font-size:10px}
.si110-review .api-analysis-grid{grid-template-columns:1fr;gap:32px}.si110-review .api-analysis-grid>div{grid-row:1}.si110-review .api-design-map{width:100%;max-width:590px;justify-self:center}.si110-review .api-check-list{grid-template-columns:1fr 1fr;gap:12px 25px}
.si110-review .api-editorial-grid,.si110-review .api-delivery-grid{grid-template-columns:1fr;gap:32px}.si110-review .api-lifecycle{max-width:590px;width:100%;justify-self:center;padding-top:15px}
.si110-review .api-final-panel{grid-template-columns:1fr;gap:25px}
}
@media(max-width:760px){
.si110-review .api-section{padding:36px 0}.si110-review .api-audience,.si110-review .api-final{padding-top:0}
.si110-review .api-hero-copy h1{font-size:37px;line-height:1.125}.si110-review .api-lead p{font-size:14px}.si110-review .api-hero .service-breadcrumb{margin-bottom:35px}
.si110-review .api-kicker{font-size:9px;letter-spacing:.09em}.si110-review main h2{font-size:28px}.si110-review .api-actions .button{font-size:12px}
.si110-review .api-map-head{font-size:11px;padding:17px 15px}.si110-review .api-map-content{padding:22px 14px 0}.si110-review .api-source-row{gap:8px}.si110-review .api-source-row>div{padding:12px 5px;min-height:90px}.si110-review .api-source-row strong{font-size:10px}
.si110-review .api-core{padding:17px 13px;gap:13px}.si110-review .api-core strong{font-size:15px}.si110-review .api-core span{font-size:10px}.si110-review .api-map-support{gap:9px;justify-content:space-between}.si110-review .api-map-support>span{gap:5px;font-size:9px}.si110-review .api-map-support svg{width:15px;height:15px}.si110-review .api-hero-map figcaption{font-size:9px;padding:11px 14px}
.si110-review .api-problem-list,.si110-review .api-check-list,.si110-review .api-related-list{grid-template-columns:1fr}.si110-review .api-problem-list li{gap:13px;padding:14px 0}.si110-review .api-problem-list svg{width:21px;height:21px}.si110-review .api-check-list{gap:8px}.si110-review .api-check-list li{font-size:14px}
.si110-review .api-method-grid{grid-template-columns:1fr;gap:22px}.si110-review .api-method-copy{padding:25px}.si110-review .api-method-copy h3{font-size:23px}.si110-review .api-method-art{height:175px}
.si110-review .api-design-map{padding:25px 22px}.si110-review .api-flow-node{padding:16px;gap:13px}.si110-review .api-node-processing{margin:0 9px}.si110-review .api-flow-node strong{font-size:13px}.si110-review .api-flow-node span{font-size:10px}.si110-review .api-recovery-path{font-size:10px}
.si110-review .api-editorial-grid h2{font-size:27px}.si110-review .api-secret-graphic{margin-top:15px}.si110-review .api-lifecycle{gap:7px}.si110-review .api-lifecycle svg{width:35px;height:35px}.si110-review .api-lifecycle strong{font-size:10px}.si110-review .api-lifecycle .api-connector{width:14px}.si110-review .api-related-list li{padding:20px 0 20px 34px}
.si110-review .api-final-panel{padding:28px 24px}.si110-review .api-final-panel h2{font-size:28px}
}
@media(max-width:360px){.si110-review .api-hero-copy h1{font-size:33px}.si110-review .api-map-head{font-size:10px;gap:8px}.si110-review .api-map-support{gap:6px}.si110-review .api-map-support>span{font-size:8px;gap:4px}.si110-review .api-core span{font-size:9px}.si110-review .api-design-map{padding:22px 16px}.si110-review .api-method-copy{padding:22px}.si110-review .api-method-art{gap:14px}.si110-review .api-final-panel{padding:26px 21px}}