/* Native editorial blocks for sail hardware and care; also loaded in the editor. */
.sf-hardware{--hw-gap:24px;color:var(--ink,#384348)}
.sf-hardware>*{margin-block:0}
.sf-hardware .sf-hw-back{font-size:14px;margin-bottom:22px}
.sf-hw-topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px!important;padding:0}
.sf-hw-topic-nav p{margin:0!important}
.sf-hw-topic-nav a{display:block;padding:11px 15px;border:1px solid var(--line,#d9d9d2);border-radius:3px;font-size:14px;line-height:1.5;text-decoration:none!important;background:#fff}
.sf-hw-topic-nav a:hover,.sf-hw-topic-nav a[aria-current=page]{background:var(--deep,#263b42);border-color:var(--deep,#263b42);color:#fff}
.sf-hardware a:focus-visible{outline:3px solid #98711b;outline-offset:4px}
.sf-hw-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;margin-bottom:64px!important}
.sf-hw-intro>*{margin:0!important;min-width:0}
.sf-hw-intro h2{font-size:clamp(29px,3vw,43px);line-height:1.13;letter-spacing:-.025em;margin:18px 0 24px}
.sf-hw-lead{font-size:18px;line-height:1.75;max-width:580px}
.sf-hw-intro .sf-hw-image img{width:100%;height:auto!important;max-height:460px;object-fit:contain}
.sf-hw-image{margin:0;min-width:0}
.sf-hw-image img{display:block;width:100%;height:auto}
.sf-hw-image figcaption{font-size:13px!important;color:var(--muted,#626b6a);line-height:1.55;margin:12px 0 0;text-align:left}
.sf-hw-section{margin:64px 0!important;scroll-margin-top:24px}
.sf-hw-section>h2,.sf-hw-related>h2{font-size:clamp(26px,2.8vw,36px);line-height:1.2;letter-spacing:-.02em;margin:0 0 25px}
.sf-hw-section>p{max-width:760px;margin:0 0 28px;line-height:1.75}
.sf-hw-grid{display:grid;gap:var(--hw-gap);margin-top:26px}
.sf-hw-grid>*{margin:0!important;min-width:0}
.sf-hw-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sf-hw-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sf-hw-card{background:#fff;border:1px solid var(--line,#d9d9d2);border-radius:3px;overflow:hidden}
.sf-hw-card .sf-hw-image img{aspect-ratio:1;height:auto!important;object-fit:contain;background:#f0ede7}
.sf-hw-card-body{padding:24px}
.sf-hw-card h3,.sf-hw-text-card h3{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0 0 14px}
.sf-hw-card p,.sf-hw-text-card p{font-size:16px;line-height:1.7;margin:0}
.sf-hw-card .text-link{margin-top:20px}
.sf-hw-number{color:#806015;font-size:13px!important;font-weight:700;letter-spacing:.1em;margin:0 0 12px!important}
.sf-hw-text-card{padding:28px;background:var(--sand,#eae5da);border-radius:3px}
.sf-hw-table table{border-collapse:collapse;width:100%}
.sf-hw-table td:first-child{width:29%;font-weight:600}
.sf-hw-table td{vertical-align:top}
.sf-hw-note{font-size:14px;color:var(--muted);margin-top:20px!important}
.sf-hw-cta{padding:36px;background:var(--sand,#eae5da);border-left:4px solid var(--gold,#e2b02f);margin-top:60px!important}
.sf-hw-cta h2{font-size:30px;margin:0 0 16px}
.sf-hw-cta>p{max-width:760px;line-height:1.75;margin:0}
.sf-hw-cta .wp-block-buttons{margin-bottom:0}
.sf-hw-source{font-size:12px;line-height:1.8;color:var(--muted);margin-top:32px!important}
.sf-hw-related{padding-top:40px;margin-top:56px!important;border-top:1px solid var(--line,#d9d9d2);scroll-margin-top:24px}
.sf-hw-related .sf-hw-topic-nav{margin-top:22px!important;margin-bottom:0!important}
.sf-hw-related .sf-hw-card .sf-hw-image img{aspect-ratio:16/10}
@media(max-width:950px){.sf-hw-intro{gap:28px}.sf-hw-three{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-hw-intro .sf-hw-image img{max-height:390px}}
@media(max-width:640px){.sf-hardware{--hw-gap:22px}.sf-hw-intro{grid-template-columns:1fr;gap:24px;margin-bottom:40px!important}.sf-hw-intro .sf-hw-image img{height:auto!important;max-height:360px}.sf-hw-intro h2{font-size:30px}.sf-hw-lead{font-size:17px}.sf-hw-three,.sf-hw-two{grid-template-columns:1fr}.sf-hw-section{margin:44px 0!important}.sf-hw-card-body,.sf-hw-text-card{padding:24px}.sf-hw-topic-nav{gap:7px;margin-bottom:26px!important}.sf-hw-topic-nav a{font-size:13px;padding:10px 12px}.sf-hw-cta{padding:25px}.sf-hw-cta h2{font-size:26px}.sf-hw-table td:first-child{width:35%}.sf-hw-source{overflow-wrap:anywhere}}
