/* SGAA V9.7 ↔ Shangyuan public art API section, namespaced for compatibility. */
.sgaa-studio-bridge{padding:65px 0;background:linear-gradient(130deg,#fff9e9,#eaf3ee);border-top:1px solid #e3d5ae;border-bottom:1px solid #d4e2d6}
.sgaa-studio-bridge .sgaa-studio-frame{max-width:1190px;margin:auto;padding:0 25px}
.sgaa-studio-bridge .sgaa-studio-top{display:flex;align-items:start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sgaa-studio-bridge .sgaa-studio-kicker{letter-spacing:.18em;color:#997338;font-weight:800;font-size:12px}
.sgaa-studio-bridge h2{font-size:clamp(27px,3vw,38px);color:#173b34;line-height:1.35;margin:13px 0 15px}
.sgaa-studio-bridge p{color:#61766e;font-size:15px;max-width:800px;line-height:1.85}
.sgaa-studio-bridge .sgaa-studio-link{display:inline-flex;padding:12px 23px;background:#214d43;color:white;border-radius:7px;text-decoration:none;font-weight:800;white-space:normal;max-width:100%}
.sgaa-studio-bridge .sgaa-studio-link[hidden]{display:none}
.sgaa-studio-bridge .sgaa-studio-state{font-size:12px;color:#8a7352}
.sgaa-studio-bridge .sgaa-studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.sgaa-studio-bridge .sgaa-artcard{background:white;border:1px solid #dccfb0;border-radius:12px;overflow:hidden;box-shadow:0 8px 17px #2b40331a}
.sgaa-studio-bridge .sgaa-artcard img{display:block;width:100%;aspect-ratio:4/4.3;object-fit:cover}
.sgaa-studio-bridge .sgaa-artcard div{padding:12px 13px}
.sgaa-studio-bridge .sgaa-artcard h3{font-size:14px;margin:0;color:#2b4d45}
.sgaa-studio-bridge .sgaa-demo-tag{color:#99693d;font-size:11px}
@media(max-width:800px){.sgaa-studio-bridge .sgaa-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sgaa-studio-bridge .sgaa-studio-grid{gap:10px}.sgaa-studio-bridge .sgaa-studio-frame{padding-inline:16px}.sgaa-studio-bridge .sgaa-studio-link{width:100%;justify-content:center}}

/* V10.0.31: do not crop user-provided craft photos or original art. */
.sgaa-studio-bridge .sgaa-studio-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.sgaa-studio-bridge .sgaa-artcard{display:flex;min-width:0;}
.sgaa-studio-bridge .sgaa-artcard-link{display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit}
.sgaa-studio-bridge .sgaa-artcard-link:focus-visible{outline:3px solid #ba8130;outline-offset:3px}
.sgaa-studio-bridge .sgaa-artcard img{aspect-ratio:4/4.3;object-fit:contain;background:#f6f1e7;padding:8px;}
.sgaa-studio-bridge .sgaa-artcard-body{margin-top:auto;padding:12px 13px}
.sgaa-studio-bridge .sgaa-demo-tag{display:block;margin-top:6px}
.sgaa-studio-bridge .sgaa-studio-state[data-feed="live"]{color:#19633c}
@media(max-width:800px){.sgaa-studio-bridge .sgaa-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.sgaa-studio-bridge .sgaa-studio-grid{grid-template-columns:1fr 1fr}}