
.sample-page time{white-space:nowrap}.sample-page .sample-intro{max-width:860px;padding-bottom:32px}.sample-page .sample-intro h1{margin:12px 0 18px}.sample-page .lead{max-width:800px}
.sample-breadcrumb{font-size:14px;color:var(--muted);margin:0 0 28px}.sample-page .sample-facts{display:flex;gap:36px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:28px}.sample-facts p{margin:0!important;font-size:14px!important;color:var(--muted)}.sample-facts strong{display:block;font-size:26px;color:var(--ink);font-weight:600;margin-bottom:4px}
.sample-page figure{margin:24px 0 0;border:1px solid var(--line);background:white}.sample-page figure img{width:100%;height:auto;display:block}.sample-page figcaption{font-size:14px;line-height:1.7;padding:16px 20px;color:var(--muted);border-top:1px solid var(--line)}
.sheet-strip{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;background:#edf1f4;border-top:1px solid var(--line);font-size:13px}.sheet-strip span{padding:3px 8px}.sheet-strip .selected{background:white;border-bottom:2px solid var(--ink)}
.sample-page .file-grid{margin-top:22px}.file-row{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.file-row:first-child{border-top:1px solid var(--line)}.file-row p{margin:0!important;font-size:15px!important;line-height:1.7!important}.file-row small{display:block;color:var(--muted);font-size:13px;margin-top:4px}.file-row a{overflow-wrap:anywhere}
.sample-page .sample-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.sample-tabs button{font:inherit;font-size:14px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:10px 16px;cursor:pointer;min-height:44px}.sample-tabs button[aria-selected=true]{color:white;background:var(--ink);border-color:var(--ink)}.sample-tabs button:focus-visible{outline:2px solid #b99759;outline-offset:3px}.sample-panel[hidden]{display:none!important}.sample-page .sample-panel table{min-width:900px}.sample-panel th,.sample-panel td{vertical-align:top}.sample-panel th:first-child{min-width:210px}.sample-panel .number{white-space:nowrap}.sample-panel code{font-size:12px;overflow-wrap:anywhere}.sample-panel .source-title{min-width:250px}.sample-panel .source-key{max-width:280px}.sample-panel caption{text-align:left;white-space:normal!important}
.sample-page .workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.workflow h3{font-size:18px;margin-top:0}.workflow p{font-size:15px!important}.workflow .step{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.sample-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9eef2;padding:16px;border:1px solid var(--line);font-size:13px;line-height:1.65}.sample-page details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:24px}.sample-page summary{cursor:pointer;font-size:16px;font-weight:600;min-height:28px}.sample-page details p{font-size:14px}.sample-page .sample-end{border-top:1px solid var(--line);padding-top:28px}.sample-page .sample-panel .null{color:var(--muted)}
@media(max-width:650px){.sample-page .file-row,.sample-page .workflow{grid-template-columns:1fr;gap:12px}.sample-page .workflow{gap:28px}.sample-page .sample-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sample-facts strong{font-size:23px}.sample-page h1{font-size:32px!important}.sample-page .sample-intro h1 span{display:block}.sample-page figure{overflow:hidden}.sample-page figcaption{padding:12px}.sheet-strip{padding:10px;gap:2px}.sheet-strip span{font-size:11px;padding:3px 5px}.sample-page .sample-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sample-tabs button{padding:9px 12px}.sample-page .file-row{padding:16px 0}.sample-page time{white-space:nowrap}.sample-page .sample-intro{padding-bottom:8px}}
