.sample-page{background:var(--bg-page);color:var(--text);min-height:100vh}.sample-page .site-nav{background:var(--white);border-bottom:1px solid var(--border-card)}.sample-header{display:flex;justify-content:space-between;align-items:end;padding:44px 64px 28px;gap:24px}.sample-header h1{margin:0;font-size:34px;font-weight:600;letter-spacing:-.02em}.sample-header .meta{font-size:15px;color:var(--text-secondary);margin-top:8px}.sample-header .kicker{margin-bottom:10px}.dl-wrap{position:relative}.dl-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--white);border:1px solid var(--border-card);border-radius:10px;box-shadow:0 16px 40px rgba(22,24,29,.14);padding:6px;z-index:5}.dl-item{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;border-radius:7px;font-size:14px;color:var(--text);text-decoration:none;width:100%;box-sizing:border-box}.dl-item.first,.dl-item:hover{background:var(--bg-page)}.dl-item .fmt{font-size:11px}.dl-item .fmt,.dl-note{font-family:var(--font-mono);color:var(--text-faint)}.dl-note{border-top:1px solid var(--border-divider);margin:6px 8px 4px;padding:8px 6px 4px;font-size:10px;letter-spacing:.05em}.sample-body{display:grid;grid-template-columns:96px 1fr 380px;gap:28px;padding:0 64px 64px;align-items:start}.thumb-rail{display:grid;row-gap:10px}.thumb{width:96px;height:126px;background:var(--white);border:1px solid var(--border-input);border-radius:4px;padding:9px;box-sizing:border-box}.thumb.active{border:2px solid var(--text)}.thumb .t{font-size:6.5px;color:var(--text-secondary)}.thumb.active .t{font-size:7px;font-weight:600;color:var(--text);border-bottom:1px solid var(--text);padding-bottom:4px}.thumb .t.red{color:var(--risk-blocks-automation)}.thumb .lines{margin-top:6px;display:grid;row-gap:3px}.thumb .line{height:3px;border-radius:2px;background:var(--border-divider)}.rail-pages{text-align:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.preview{background:var(--white);border:1px solid var(--border-card);border-radius:10px;box-shadow:var(--shadow-float);overflow:hidden}.preview .bar{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--border-divider);background:var(--bg-subheader)}.preview .bar .label{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.preview .pages{padding:40px 52px}.preview .range{font-size:14px;color:var(--text-faint);margin-bottom:20px}.preview .step{display:grid;grid-template-columns:44px 1fr;column-gap:16px}.preview .step .num{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.preview .step .text{font-size:15.5px;margin-bottom:4px}.preview .step .ev{font-family:var(--font-mono);font-size:11.5px}.oq-panel{background:var(--white);border:1px solid var(--border-card);border-radius:10px;padding:24px}.oq-panel .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.oq-panel .head .t{font-size:15px;font-weight:600}.oq-panel .head .n{font-family:var(--font-mono);font-size:12px;color:var(--risk-blocks-automation)}.oq-panel .more{font-size:13px;color:var(--text-faint);margin-top:14px}@media (max-width:1024px){.sample-header{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 24px 20px}.sample-body{grid-template-columns:1fr;padding:0 24px 48px}.thumb-rail{grid-auto-flow:column;justify-content:start;column-gap:10px;align-items:end}}@media (max-width:600px){.sample-header{padding:24px 20px 16px}.sample-header h1{font-size:26px}.sample-body{padding:0 20px 40px;gap:20px}.preview .pages{padding:24px 20px}.dl-stack{display:grid;row-gap:10px;width:100%}}