.surface-main .technology-hero{padding-bottom:52px}.surface-main .technology-hero h1{max-width:1020px}.surface-intro{max-width:1040px}.surface-overview{padding-top:35px}.surface-overview figure{margin:30px 0 0;background:white;border:1px solid #dbe6f1;border-radius:14px;padding:24px}.surface-overview img{width:100%;height:auto;display:block}.surface-overview figcaption,.surface-caption{font-size:13px!important;line-height:1.7;color:#71869b!important;margin:18px 0 0}.surface-mechanism-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.surface-mechanism-grid article{background:white;border:1px solid #dbe6f1;border-radius:14px;overflow:hidden}.surface-mechanism-grid img{display:block;width:100%;height:auto}.surface-mechanism-grid article>div{padding:26px}.surface-mechanism-grid h3{font-size:24px;line-height:1.4;color:#103f70;margin:18px 0 14px}.surface-mechanism-grid p{font-size:16px;line-height:1.9;margin:0}.surface-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf3fd;color:#226fb7;font-size:24px}.surface-table{overflow-x:auto;border:1px solid #d6e3f0;border-radius:12px;margin-top:28px}.surface-table table{border-collapse:collapse;width:100%;min-width:780px;text-align:left}.surface-table th,.surface-table td{padding:20px 22px;border-bottom:1px solid #dce6f0;line-height:1.8;font-size:16px}.surface-table thead th{background:#123c68;color:#fff}.surface-table tbody th{width:18%;background:#eff5fb;color:#173f68}.surface-table td:nth-child(2){width:28%;color:#245780}.surface-table tbody tr:last-child>*{border-bottom:0}.surface-mobile-note{display:none}.surface-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.surface-materials article{padding:28px;background:white;border-left:3px solid #5a94c9;border-radius:0 10px 10px 0}.surface-materials h3{margin:0 0 12px;font-size:20px;line-height:1.6;color:#123f6e}.surface-materials p{font-size:16px;margin:0}.surface-notes{list-style:none;margin:30px 0 40px;padding:0;border:1px solid #d8e4f0;border-radius:12px;overflow:hidden}.surface-notes li{position:relative;padding:24px 28px 24px 54px;background:#f8fbfe;border-bottom:1px solid #d8e4f0;line-height:1.9;color:#4a647e}.surface-notes li::before{content:'•';position:absolute;left:25px;color:#c49427;font-size:25px}.surface-notes li:last-child{border-bottom:0}.surface-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.surface-actions>a:not(.button){color:#216da9;font-size:15px;font-weight:700}@media(max-width:900px){.surface-mechanism-grid{grid-template-columns:1fr}.surface-mechanism-grid article{display:grid;grid-template-columns:36% 1fr;align-items:center}.surface-mechanism-grid h3{margin-top:10px}.surface-mechanism-grid img{align-self:stretch;height:100%;object-fit:contain;background:#eef5fc}}@media(max-width:700px){.surface-main .technology-hero{padding-bottom:30px}.surface-main .technology-hero h1{font-size:30px}.surface-overview figure{padding:8px}.surface-overview figcaption{padding:6px}.surface-mechanism-grid article{display:block}.surface-mechanism-grid article>div{padding:22px}.surface-mechanism-grid img{height:auto}.surface-materials{grid-template-columns:1fr}.surface-mobile-note{display:block;font-size:13px!important;color:#748ba1!important}.surface-table th,.surface-table td{padding:15px;font-size:14px}.surface-notes li{padding:20px 20px 20px 40px;font-size:15px}.surface-notes li::before{left:16px}.surface-actions{align-items:flex-start;flex-direction:column}}