.sample-line{margin:14px 0 0}
.link-button,.link-button:hover,.link-button:focus{box-shadow:none!important;transform:none!important;border:0!important;background:transparent!important}
.link-button{padding:6px;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--ink);min-height:44px}
.sample-body .sample-scroll{overflow-x:auto}
.sample-table{width:100%;border-collapse:collapse;border:1px solid var(--line);background:#fffefa}
.sample-table th,.sample-table td{padding:10px 12px;border-bottom:1px solid #e1e5f3;text-align:left;vertical-align:top;font-size:.95rem}
.sample-table th{background:#f4f6ff}
.sample-table a.dl,.sample-body a.dl{font-weight:700}
.sample-tools{columns:2;padding-left:20px}.sample-tools li{margin:6px 0}
@media(max-width:600px){.sample-tools{columns:1}}

/* Keep every sample field visible on narrow screens, without sideways scrolling. */
.sample-body,.sample-body section{min-width:0;overflow-wrap:anywhere}
.sample-body .sample-scroll{max-width:100%}
@media(max-width:600px){
 .sample-table,.sample-table tbody,.sample-table tr,.sample-table td{display:block;width:100%}
 .sample-table{border:0;background:transparent}
 .sample-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .sample-table tr{margin-bottom:16px;border:1px solid var(--line);background:#fffefa}
 .sample-table td{padding:8px 12px;font-size:.95rem;overflow-wrap:anywhere}
 .sample-table td:last-child{border-bottom:0}
 .sample-table td::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:700;color:var(--muted)}
 .sample-table td:first-child{background:#f4f6ff}
}