/* Side-pontoon decision flow. Uses V3 tokens without changing frozen pages. */
.sf-hero { padding:116px 0 24px; background:var(--v3-paper); }
.sf-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:65px; align-items:center; }
.sf-hero h1 { margin-top:20px; font-size:clamp(34px,3.8vw,56px); line-height:1.25; letter-spacing:-.035em; }
.sf-lead { max-width:440px; margin:23px 0 26px!important; font-size:16px; line-height:1.9; color:var(--v3-text); }
.sf-maker { font-size:11px; color:var(--v3-muted); margin-top:24px!important; }
.sf-page figure img { aspect-ratio:600/461; object-fit:contain; }
.sf-page figcaption { padding-top:12px; font-size:11px; color:var(--v3-muted); line-height:1.8; }
.sf-identity { display:flex; gap:28px; border-top:1px solid var(--v3-line); padding-top:21px; margin-top:30px!important; font-size:12px; line-height:1.9; color:var(--v3-text); }
.sf-identity strong { flex-shrink:0; color:var(--v3-orange-dark); }
.sf-nav { position:sticky; top:78px; z-index:30; background:#fff; border-block:1px solid var(--v3-line); }
.sf-nav>.pb-shell { display:flex; gap:48px; }
.sf-nav a { display:flex; align-items:center; min-height:56px; font-size:13px; border-bottom:2px solid transparent; }
.sf-nav a:hover { color:var(--v3-orange-dark); border-bottom-color:var(--v3-orange-dark); }
.sf-situations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.sf-situations article { padding:27px 26px; background:var(--v3-paper); border-top:2px solid var(--v3-orange); }
.sf-situations span,.sf-matching-steps>li>span,.sf-delivery-steps>li>span { color:var(--v3-orange-dark); font:700 13px Arial,sans-serif; }
.sf-situations h3 { margin-top:23px; font-size:20px; line-height:1.5; }
.sf-situations p,.sf-matching-steps p,.sf-delivery-steps p { margin-top:12px; font-size:13px; color:var(--v3-text); line-height:1.9; }
.sf-page .sf-note { margin-top:24px; padding-top:17px; border-top:1px solid var(--v3-line); color:var(--v3-muted); font-size:12px; line-height:1.8; }
.sf-dark { background:var(--v3-black); color:#fff; }
.sf-dark h2,.sf-dark h3 { color:#fff; }
.sf-dark .pb-eyebrow { color:var(--v3-orange); }
.sf-dark .pb-section-head>p,.sf-dark figcaption { color:#b7b3af; }
.sf-connection-grid { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
.sf-connection-grid figure img { background:#242424; }
.sf-connection-parts { list-style:none; padding:0; margin:0; }
.sf-connection-parts li { display:grid; grid-template-columns:32px 1fr; gap:15px; padding:20px 0; border-bottom:1px solid #3c3c3c; }
.sf-connection-parts li:first-child { padding-top:0; }
.sf-connection-parts li>span { color:var(--v3-orange); font:700 13px Arial,sans-serif; padding-top:5px; }
.sf-connection-parts small { color:#aaa6a2; font-size:11px; }
.sf-connection-parts h3 { margin-top:5px; font-size:23px; }
.sf-connection-parts p { color:#c2beba; font-size:13px; line-height:1.9; margin-top:9px; }
.sf-features { margin-top:36px; border-top:1px solid #3c3c3c; padding-top:27px; }
.sf-features>h3 { font-size:22px; }
.sf-features>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-top:22px; }
.sf-features h4 { margin:0 0 10px; color:#fff; font-size:15px; }
.sf-features p { color:#b7b3af; font-size:12px; line-height:1.9; }
.sf-dark .sf-note { border-color:#3c3c3c; color:#aaa6a2; font-size:11px; }
.sf-matching-steps,.sf-delivery-steps { list-style:none; margin:0; padding:0; display:grid; gap:30px; }
.sf-matching-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sf-matching-steps>li,.sf-delivery-steps>li { border-top:1px solid #bcb7b0; padding-top:19px; }
.sf-matching-steps h3,.sf-delivery-steps h3 { font-size:22px; margin-top:14px; line-height:1.4; }
.sf-parameter-review { margin-top:38px; background:var(--v3-paper); padding:30px; display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.sf-parameter-review h3 { font-size:23px; line-height:1.45; margin:11px 0 13px; }
.sf-parameter-review p:not(.pb-eyebrow) { color:var(--v3-text); font-size:12px; line-height:1.9; }
.sf-parameter-review dl>div { display:grid; grid-template-columns:85px 1fr; gap:17px; padding:12px 0; border-bottom:1px solid var(--v3-line); font-size:12px; line-height:1.8; }
.sf-parameter-review dl>div:first-child { padding-top:0; }
.sf-parameter-review dt { font-weight:600; }
.sf-parameter-review dd { color:var(--v3-text); }
.sf-review-note { margin-top:17px!important; border-left:3px solid var(--v3-orange); padding-left:13px; font-size:11px; color:var(--v3-text); line-height:1.9; }
.sf-paper { background:var(--v3-paper); }
.sf-spud-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.sf-role { padding:18px 0 22px; border-top:1px solid var(--v3-line); }
.sf-role small { color:var(--v3-orange-dark); font-size:11px; }
.sf-role h3 { font-size:25px; margin-top:5px; }
.sf-role p,.sf-spud-note { color:var(--v3-text); font-size:13px; line-height:1.9; margin-top:11px!important; }
.sf-spud-note { padding-top:16px; border-top:1px solid var(--v3-line); }
.sf-spud-grid .pb-text-link { margin-top:17px; }
.sf-delivery-steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sf-related { display:flex; gap:40px; margin-top:28px; }
.changhe-side-pontoons .v3-footer__contact { display:none; }
.changhe-side-pontoons .v3-footer__top { grid-template-columns:1fr 1fr; }
@media(max-width:1000px) {
  .sf-hero-grid,.sf-connection-grid,.sf-spud-grid { gap:35px; }
  .sf-situations article { padding:23px 20px; }
  .sf-situations h3 { font-size:18px; }
  .sf-parameter-review { gap:30px; }
}
@media(max-width:700px) {
  .sf-hero { padding:94px 0 22px; }
  .sf-hero-grid,.sf-connection-grid,.sf-spud-grid { grid-template-columns:1fr; gap:25px; }
  .sf-hero h1 { font-size:38px; margin-top:14px; }
  .sf-lead { font-size:14px; margin:17px 0 21px!important; }
  .sf-hero .pb-button { min-height:48px; font-size:13px; padding:12px 17px; }
  .sf-maker { display:none; }
  .sf-identity { display:block; margin-top:22px!important; font-size:11px; }
  .sf-identity strong { display:block; margin-bottom:7px; }
  .sf-page figcaption { font-size:10px; }
  .sf-nav { top:72px; }
  .sf-nav>.pb-shell { justify-content:space-between; gap:0; }
  .sf-nav a { font-size:11px; min-height:48px; }
  .sf-situations,.sf-matching-steps,.sf-features>div,.sf-delivery-steps { grid-template-columns:1fr; gap:18px; }
  .sf-situations article { padding:21px; }
  .sf-situations h3 { margin-top:12px; font-size:20px; }
  .sf-page .sf-note { font-size:11px; }
  .sf-connection-parts h3 { font-size:22px; }
  .sf-connection-parts p { font-size:12px; }
  .sf-features { margin-top:28px; }
  .sf-features>div { gap:22px; }
  .sf-features h4 { margin-bottom:6px; }
  .sf-matching-steps { gap:24px; }
  .sf-matching-steps h3,.sf-delivery-steps h3 { margin-top:9px; font-size:21px; }
  .sf-parameter-review { grid-template-columns:1fr; gap:23px; padding:24px 20px; margin-top:28px; }
  .sf-parameter-review h3 { font-size:22px; }
  .sf-parameter-review dl>div { grid-template-columns:62px 1fr; gap:12px; }
  .sf-spud-grid>figure { order:-1; }
  .sf-related { flex-direction:column; align-items:flex-start; gap:17px; }
  .changhe-side-pontoons .v3-footer__top { grid-template-columns:1fr; }
}
