.language-nav{display:flex;gap:4px;align-items:center;border:1px solid #bdc9b5;border-radius:20px;padding:4px;flex-shrink:0}.language-nav a{padding:4px 9px;font-size:11px;text-decoration:none;border-radius:15px;white-space:nowrap}.language-nav a[aria-current=page]{background:#315749;color:#fffdf0}.friend-hillside{border:1px solid var(--line);border-radius:12px;padding:23px;margin-top:25px;background:#f3f3e9}.friend-hillside h3{font-size:22px;line-height:1.5}.friend-hillside p{font-size:12px;line-height:1.9;color:var(--muted)}.friend-hillside-flow{display:flex;gap:8px;align-items:center;margin-top:22px}.friend-hillside-flow span{flex:1;text-align:center;background:#e3ead7;border-radius:7px;padding:12px 7px;font-size:11px}.friend-hillside-flow b{font-size:10px;font-weight:450;color:var(--muted)}.friend-hillside-flow i{font-style:normal;color:#a38045}.site-header nav{gap:20px}.en-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.en-reference-grid figure{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f2f2e9}.en-reference-grid img{width:100%;height:235px;object-fit:contain}.en-reference-grid figcaption{font-size:12px;line-height:1.8;color:var(--muted);padding:17px}.en-reference-section{padding-block:26px}.en-reference-section p,.en-reference-section li{font-size:13px;line-height:1.9;color:var(--muted)}.en-reference-section h3{font-size:25px;margin-top:18px;line-height:1.5}.en-reference-section .actions{gap:15px;flex-wrap:wrap;align-items:center}.en-reference-section .actions a{font-size:12px}html[lang=en] .carousel-streams button{font-size:11px;padding-inline:9px}html[lang=en] .carousel-buttons .button{font-size:11px}html[lang=en] .hero-copy{padding-right:30px}html[lang=en] .hero h1{font-size:clamp(40px,5vw,66px)}
@media(max-width:850px){.site-header{padding-inline:20px;gap:12px}.site-header nav{gap:13px;font-size:11px}.brand{font-size:16px}.brand-sub{font-size:9px}.language-nav a{padding-inline:7px}}
@media(max-width:720px){.friend-hillside{padding:18px}.friend-hillside h3{font-size:19px}.friend-hillside-flow{display:grid;grid-template-columns:1fr 15px 1fr;gap:7px}.friend-hillside-flow i:nth-of-type(2){display:none}.friend-hillside p{font-size:11px}.en-reference-grid{grid-template-columns:1fr;gap:15px}.en-reference-grid img{height:auto;max-height:360px}.en-reference-section p,.en-reference-section li{font-size:12px}.en-reference-section h3{font-size:22px}.language-nav a{font-size:10px;padding-inline:7px}.site-header .brand-mark{width:30px;height:30px;font-size:20px}.site-header{gap:10px;padding-inline:16px}html[lang=en] .hero h1{font-size:44px}}
.friend-rail-diagram{display:flex;gap:8px;align-items:center;margin-top:24px}.friend-rail-diagram>span{flex:1;padding:16px 10px;border-radius:8px;font-size:12px;text-align:center;border:1px solid #ced5c7}.friend-rail-diagram strong{display:block;font-size:10px;font-weight:450;margin-top:7px}.friend-rail-diagram i{font-style:normal;color:#907743}.rail-red{background:#f2e2dc;color:#9b503e}.rail-blue{background:#e0eaf0;color:#3f6d85}.rail-neutral{background:#ecece5;color:#647065}.rail-green{background:#e0ead7;color:#527044}
@media(max-width:720px){.site-header nav{display:none}.friend-rail-diagram{display:grid;grid-template-columns:1fr 15px 1fr;gap:7px}.friend-rail-diagram i:nth-of-type(2){display:none}.friend-rail-diagram>span{font-size:11px;padding:13px 8px}.friend-rail-diagram strong{font-size:9px}.site-header .brand{font-size:15px}}