.example-page{max-width:1050px;margin:0 auto;padding:22px 18px 60px;color:#28313c}.example-crumb{font-size:13px;color:#707783;margin:5px 0 15px}.example-crumb a,.ex-inline{color:#7a1730}.example-hero{padding:28px;border:1px solid #eadfe2;border-radius:16px;background:linear-gradient(120deg,#fffaf7,#f8f3eb)}.ex-label,.ex-step-label{color:#9a7044;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.example-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.12;color:#6d1830;margin:8px 0}.example-hero>p:not(.ex-label){max-width:790px;line-height:1.7;color:#49464d}.ex-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 0}.ex-actions a{display:inline-flex;padding:11px 15px;border-radius:8px;background:#7a1730;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.ex-actions a.secondary{background:#fff;color:#7a1730;border:1px solid #7a1730}.ex-notice,.example-end{margin:16px 0;padding:15px 18px;border-radius:10px;background:#fff7e9;border-left:4px solid #c89c5a;color:#614b2d;font-size:13px;line-height:1.65}.ex-jump{position:sticky;top:0;z-index:4;display:flex;gap:7px;flex-wrap:wrap;padding:10px 0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.ex-jump a{padding:8px 11px;border:1px solid #ead8dc;border-radius:999px;background:#fff;color:#741c35;text-decoration:none;font-size:12px;font-weight:700}.ex-step{scroll-margin-top:65px;margin:18px 0;padding:22px;border:1px solid #e8e0df;border-radius:14px;background:white}.ex-step h2{margin:3px 0 10px;color:#6d1830;font-size:23px}.ex-step h3{margin:0 0 5px;color:#462c34;font-size:16px}.ex-step p,.ex-step li{font-size:14px;line-height:1.65}.ex-grid,.ex-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ex-grid article,.ex-two>div{padding:14px;border:1px solid #eee4e5;border-radius:10px;background:#fffaf9}.ex-grid p,.ex-two p{margin-bottom:0}.ex-output{font-weight:700;color:#5b2939}.ex-caution{padding:11px 13px;border-radius:8px;background:#fff7e9;color:#62491f;font-size:13px!important}.ex-rqs{padding-left:22px}.ex-rqs li{margin:8px 0}.ex-table-wrap{overflow:auto;margin:12px 0;border:1px solid #e7e0df;border-radius:9px}.ex-table-wrap table{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}.ex-table-wrap th,.ex-table-wrap td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #eee7e7;line-height:1.5}.ex-table-wrap th{background:#f8f3eb;color:#523b2d}.ex-query{margin:13px 0;padding:14px;border:1px solid #e7d8dd;border-radius:9px;background:#fcf9fa}.ex-query strong{display:block;margin-bottom:8px;color:#662139}.ex-query code{display:block;white-space:normal;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#333}.ex-inline{display:inline-block;font-weight:700;font-size:13px;margin-top:8px}.ex-empty-record{margin:13px 0;padding:14px;border-radius:10px;background:#f6f8fa}.ex-empty-record>strong{display:block;margin-bottom:9px}.ex-empty-record>div{display:grid;grid-template-columns:190px 1fr;gap:10px;padding:7px 0;border-top:1px solid #e3e7eb;font-size:13px}.ex-empty-record span{color:#626773}.ex-empty-record b{color:#4b3038}.ex-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.ex-checks label{display:flex;gap:8px;align-items:flex-start;padding:11px;border:1px solid #e8e0df;border-radius:9px;background:#fffaf9;font-size:13px;line-height:1.5}.ex-checks input{accent-color:#7a1730;margin-top:3px}.example-end{margin-top:23px;background:#f0f8f4;border-left-color:#267253;color:#315846}@media(max-width:700px){.example-hero,.ex-step{padding:17px}.ex-grid,.ex-two,.ex-checks{grid-template-columns:1fr}.ex-empty-record>div{grid-template-columns:1fr;gap:2px}.ex-jump{position:static}}@media print{.topbar,.site-footer,.example-crumb,.ex-jump,.ex-actions{display:none!important}.example-page{max-width:none;padding:0}.example-hero,.ex-step{break-inside:avoid;box-shadow:none}}