.tips-hero{padding:110px 7vw 120px;background:var(--ink2);color:#fff}.tips-hero h1{font-size:clamp(68px,10vw,150px)}.tips-hero>p:last-child{max-width:650px;margin:35px 0 0;font-size:16px;line-height:1.75}
.tips-index{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;align-items:start}.tips-index h2{font-size:clamp(44px,5vw,74px)}.tips-index ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.tips-index li{border-bottom:1px solid var(--line)}.tips-index a{display:grid;grid-template-columns:55px 1fr 1.3fr;gap:20px;align-items:center;padding:25px 0;text-decoration:none}.tips-index span{font-size:10px;color:var(--rust)}.tips-index strong{font-size:18px}.tips-index small{font-size:12px;line-height:1.5}
.tip-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;border-top:1px solid var(--line);scroll-margin-top:25px}.tip-section:nth-of-type(even){background:#eaf5fb}.tip-section header{position:relative}.tip-section h2{font-size:clamp(45px,5.5vw,78px)}.tip-section header>p:last-child:not(.eyebrow):not(.section-number){margin-top:25px;line-height:1.7}.section-number{font-size:11px;color:var(--rust);margin-bottom:35px}.tip-copy{max-width:800px;font-size:14px;line-height:1.8}.tip-copy .lead{font-size:21px;line-height:1.55}.tip-copy h3{font-size:27px;margin:52px 0 15px}.tip-copy h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:30px 0 12px}.tip-copy ul,.tip-copy ol{padding-left:22px}.tip-copy li{padding:5px 0}.tip-copy a{font-weight:600;text-underline-offset:5px}.tip-options,.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.app-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:30px 0}.tip-options section,.shop-grid section,.app-grid>div{padding:28px;background:rgba(255,255,255,.72);border:1px solid var(--line)}.tip-options h4,.shop-grid h3,.app-grid h4{margin-top:0}.shop-grid h3{font-size:21px}.shop-logo{display:block;width:120px;height:42px;margin:0 0 24px;object-fit:contain;object-position:left center}.tip-copy aside{margin:35px 0;padding:22px 25px;border-left:3px solid var(--rust);background:rgba(255,255,255,.7);font-weight:500}.resource-link{display:inline-block;margin-top:15px}.swiss-guide>section{padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid var(--line)}.swiss-guide>section:first-child h3{margin-top:0}
.reference-gallery{display:grid;gap:14px;margin:28px 0 35px}.reference-gallery--three{grid-template-columns:repeat(3,1fr)}.reference-gallery--two{grid-template-columns:2fr 1fr}.reference-gallery figure{display:flex;flex-direction:column;margin:0;min-width:0;background:#fff;border:1px solid var(--line)}.reference-gallery img{display:block;width:100%;height:190px;object-fit:cover}.reference-gallery .reference-product img{object-fit:contain;padding:16px;background:#fff}.reference-gallery figcaption{flex:1;padding:12px 14px;font-size:11px;line-height:1.5;color:var(--muted)}.reference-gallery figcaption strong{color:var(--ink)}.app-grid .app-card{display:grid;grid-template-columns:130px minmax(0,1fr);gap:32px;align-items:center;min-height:190px}.app-card img{display:block;width:100%;height:150px;object-fit:contain}.app-card h4{margin-bottom:8px;font-size:16px}.app-card p{max-width:540px;margin-bottom:5px}.app-card a{display:inline-block;margin-top:6px}.sbb-mark{display:grid;place-items:center;width:110px;height:110px;margin:auto;background:#e2001a;color:#fff;font-size:28px;font-weight:800;letter-spacing:-.04em}
@media(max-width:900px){.tips-index,.tip-section{grid-template-columns:1fr;gap:50px}.tips-hero{padding-top:85px}.tip-section header{max-width:650px}}
@media(max-width:600px){.tips-hero{padding:70px 22px 85px}.tips-hero h1{font-size:58px}.tips-index a{grid-template-columns:35px 1fr}.tips-index small{grid-column:2}.tip-options,.shop-grid,.app-grid{grid-template-columns:1fr}.tip-copy .lead{font-size:18px}.reference-gallery--three,.reference-gallery--two{grid-template-columns:1fr 1fr}.reference-gallery img{height:155px}.app-grid .app-card{grid-template-columns:78px minmax(0,1fr);gap:18px;min-height:0;padding:20px}.app-card img{height:105px}.sbb-mark{width:72px;height:72px;font-size:20px}}