/* Scoped asset parameters. Shared by material 301 and the standalone preview. */
.asset-information267{--asset-label267:var(--soft,#f6f8fb);--asset-value267:var(--surface,#fff);--asset-muted267:var(--muted,#64748b);margin-top:20px;color:var(--text,#172b45);font-size:14px;line-height:1.7}
.asset-information267 .asset-parameters267{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line,#e2e8f0);border:1px solid var(--line,#e2e8f0);border-radius:10px;overflow:hidden;margin:0;padding:0}
.asset-parameters267 .asset-parameter267{display:grid;grid-template-columns:124px minmax(0,1fr);min-width:0;background:var(--asset-value267);padding:0}
.asset-parameters267 .asset-parameter267:last-child:nth-child(odd){grid-column:1/-1}
.asset-parameter267 dt,.asset-parameter267 dd{display:flex;align-items:center;margin:0;min-height:50px;padding:12px 16px;box-sizing:border-box;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.asset-parameter267 dt{background:var(--asset-label267);color:var(--asset-muted267);font-weight:400}
.asset-parameter267 dd{color:var(--text,#172b45);font-weight:500}
.asset-compatibility267{margin-top:24px}
.asset-information267 .asset-compatibility267 h4{margin:0 0 12px;font-size:15px;line-height:1.6;font-weight:600}
.asset-compatibility-wrap267{border:1px solid var(--line,#e2e8f0);border-radius:10px;overflow:hidden}
.asset-compatibility267 table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}
.asset-compatibility267 th,.asset-compatibility267 td{padding:12px 16px;text-align:left;vertical-align:middle;line-height:1.7;overflow-wrap:anywhere;color:var(--text,#172b45)}
.asset-compatibility267 th{background:var(--asset-label267);font-weight:500;color:var(--asset-muted267)}
.asset-compatibility267 td{border-top:1px solid var(--line,#e2e8f0);background:var(--asset-value267)}
.asset-information267 .asset-parameter-note267{margin:12px 0 0;color:var(--asset-muted267);font-size:13px;line-height:1.8}
.asset-visually-hidden267{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Preview controls are not included in resource articles. */
.asset-preview267{margin:0;background:var(--bg,#f5f6f8);color:var(--text,#172b45);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.asset-preview-shell267{max-width:1040px;margin:0 auto;padding:32px 28px 48px}
.asset-preview-top267{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.asset-preview-top267 h1{font-size:22px;margin:0 0 6px;line-height:1.5}
.asset-preview-top267 p,.asset-preview-note267{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.asset-preview267 button{font:inherit;cursor:pointer;transition:background .15s;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 14px}
.asset-preview267 button:focus-visible{outline:2px solid #78b7f4;outline-offset:3px}
.asset-preview-tabs267{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.asset-preview-tabs267 button{font-size:14px}
.asset-preview-tabs267 button[aria-pressed="true"]{color:#0873d5;background:#eaf4ff;border-color:#bedcf8}
.asset-preview-paper267{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px}
.asset-preview-paper267 header{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}
.asset-preview-paper267 header span{color:var(--muted);font-size:13px}
.asset-preview-paper267 h2{font-size:24px;line-height:1.5;margin:8px 0 12px}
.asset-preview-paper267 header p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}
.asset-preview-paper267 h3{font-size:17px;line-height:1.6;margin:0;font-weight:600}
.asset-preview-paper267 .asset-group267{margin-top:24px}
.asset-preview-paper267 .asset-group267 h4{font-size:15px;line-height:1.6;margin:0 0 12px;font-weight:600}
.asset-preview-paper267 .asset-group267 .asset-information267{margin-top:0}
.asset-preview-note267{margin-top:18px}
.asset-preview-top267>button{white-space:nowrap;font-size:13px}
@media(max-width:680px){
 .asset-information267 .asset-parameters267{grid-template-columns:minmax(0,1fr)}
 .asset-parameters267 .asset-parameter267{grid-template-columns:112px minmax(0,1fr)}
 .asset-parameter267 dt,.asset-parameter267 dd{padding:11px 12px;min-height:46px}
 .asset-preview-shell267{padding:20px 16px 32px}
 .asset-preview-top267{align-items:flex-start}
 .asset-preview-top267 h1{font-size:20px}
 .asset-preview-paper267{padding:22px 18px}
 .asset-preview-paper267 h2{font-size:21px}
 .asset-preview-tabs267{gap:8px;margin-bottom:20px}
 .asset-preview-tabs267 button{min-height:44px;padding:9px 12px}
}
@media(max-width:520px){
 .asset-compatibility267 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .asset-compatibility267 table,.asset-compatibility267 tbody{display:block}
 .asset-compatibility267 tr{display:grid;grid-template-columns:minmax(0,1fr)}
 .asset-compatibility267 tr+tr{border-top:1px solid var(--line,#e2e8f0)}
 .asset-compatibility267 td{border:0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:8px 12px}
 .asset-compatibility267 td:first-child{padding-top:12px}
 .asset-compatibility267 td:last-child{padding-bottom:12px}
 .asset-compatibility267 td:before{content:attr(data-label);color:var(--asset-muted267);font-weight:400}
}

/* P268: the body shortcode uses the approved P267 parameter layout. */
.asset-component268{margin:24px 0;color:var(--text,#172b45)}
.asset-component268>h3{font-size:17px;line-height:1.6;font-weight:600;margin:0}
.asset-component268 .asset-information267{margin-top:16px}
.asset-component268 .asset-group268+.asset-group268,.asset-component268 .asset-parameters267+.asset-group268{margin-top:24px}
.asset-component268 .asset-group268 h4{font-size:15px;line-height:1.6;margin:0 0 12px;font-weight:600}