/* Layout adapter only. Native segmented-tabs.css owns every format-button paint. */
.library-native-format-row{flex:0 0 auto;padding:12px 18px;border-bottom:1px solid var(--ui-line);background:var(--ui-panel)}
.library-native-format-row .materials-library-head{display:grid;grid-template-columns:auto minmax(0,540px);align-items:center;justify-content:start;gap:28px;margin:0}
.library-native-format-row .materials-library-head h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0;color:var(--ui-text)}
.library-native-format-row .section-label{display:none}
.library-native-format-row .seg-group .seg-label{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px}
.library-native-format-row .library-format-icon{display:block;width:18px;height:18px;flex:none;stroke:currentColor;fill:none}

/* These adaptations are loaded inside the native library shadow root. */
:host .library-extras{padding:0 18px 24px}
:host .library-extras .materials-channels,:host .library-extras .materials-footer-cta{width:100%;margin:24px 0;padding:28px;gap:24px}
:host .library-extras .materials-channels{grid-template-columns:minmax(0,1fr)}
:host .library-extras .materials-channels-copy h2,:host .library-extras .materials-footer-cta h2{font-size:clamp(25px,3vw,36px);line-height:1.15}
:host .library-extras .materials-channel-card{min-height:156px;padding:20px}
:host .library-extras .materials-channel-card,:host .library-extras .materials-footer-cta a{text-decoration:none}
:host .library-extras .materials-footer-cta .section-label{color:var(--ui-muted-strong)}
:host .library-extras .materials-footer-cta .button{white-space:normal;text-align:center}
:host .library-extras .materials-site-footer{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:0;padding:24px 0;border-top:1px solid var(--ui-line)}
:host .library-extras .footer-bottom-row{grid-column:1/-1;font-size:12px;color:var(--ui-muted)}
:host .library-extras .brand-mark{width:32px;height:32px;flex:none}
:host .library-extras .brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
:host [data-closed-channel-entry]{width:calc(100% - 36px);margin:20px 18px;text-decoration:none}

/* Exact native markup/widget.css; only non-submitting preview controls are active. */
.library-feedback-preview .personal-chat-preview{font-size:11px;line-height:1.5;margin:0;padding:10px 14px;color:var(--chat-ink)}
.library-feedback-preview [data-chat-close]{width:44px!important;height:44px!important;flex:0 0 44px!important;background:none!important;border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;color:var(--chat-muted)}
.library-feedback-preview [data-chat-close]:is(:hover,:focus-visible){color:var(--ui-accent-ink)}
.library-feedback-preview [data-chat-close]::before,.library-feedback-preview [data-chat-close]::after{content:none!important;display:none!important}
.library-feedback-preview [disabled]{cursor:default}

@media(max-width:1100px){.library-native-format-row .materials-library-head{grid-template-columns:minmax(0,1fr);gap:10px}}
@media(max-width:760px){
 .library-native-format-row{padding:8px}
 .library-native-format-row .materials-library-head>div:first-child{display:none}
 :host .library-extras{padding:0 8px 20px}
 :host .library-extras .materials-channels,:host .library-extras .materials-footer-cta{padding:22px 18px;margin:18px 0}
 :host .library-extras .materials-channel-grid{grid-template-columns:minmax(0,1fr)}
 :host .library-extras .materials-channel-card{min-height:148px}
 :host .library-extras .materials-site-footer{grid-template-columns:minmax(0,1fr);gap:20px}
 :host [data-closed-channel-entry]{width:calc(100% - 16px);margin:18px 8px}
}