.sample-explorer{max-width:1160px;margin:28px auto 60px;padding:0 20px;color:#163d50}.sample-explorer-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#163e4a;color:#fff;border-radius:16px;padding:36px 40px}.sample-explorer-hero h1{font-size:clamp(27px,3vw,40px);line-height:1.5;color:white;margin:12px 0}.sample-explorer-hero p{line-height:1.9;font-size:14px}.sample-eyebrow{letter-spacing:.2em;color:#b8e4cb;font-size:11px!important}.sample-explorer-hero svg{width:32%;color:#a6d8b8;flex-shrink:0}.sample-picker{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0;border-bottom:1px solid #ccdee4}.sample-explorer h2{font-size:20px;margin:0 0 10px}.sample-picker p,.sample-number-browser p{font-size:13px;color:#597380}.sample-picker form>label{display:block;font-size:12px;margin-bottom:6px}.sample-picker form>div{display:flex;align-items:center;gap:10px}.sample-picker input{width:110px;min-height:48px;border:1px solid #acc5d0;border-radius:7px;padding:8px 12px;font-size:22px;color:#183d50}.sample-picker button{background:#007e9e;color:white;border:0;border-radius:7px;min-height:48px;padding:10px 20px;font-weight:bold;cursor:pointer}.sample-presets{padding:28px 0}.sample-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sample-preset-grid>a{display:flex;flex-direction:column;gap:12px;padding:20px;background:#edf5f3;border:1px solid #c9dfd8;border-radius:10px;color:#1b5b59;text-decoration:none}.sample-preset-label{font-size:12px}.sample-preset-grid strong{font-size:38px;line-height:1.1}.sample-preset-grid strong small{font-size:12px;margin-left:8px}.sample-preset-grid svg{height:54px;width:100%;color:#659e8b}.sample-preset-grid>a>span:last-child{display:flex;justify-content:space-between;font-size:12px}.sample-number-browser{padding:24px;background:white;border:1px solid #d6e4e9;border-radius:12px}.sample-number-browser header{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.sample-number-browser header>a{font-size:12px}.sample-number-browser summary{cursor:pointer;padding:12px 0;font-weight:bold}.sample-number-browser summary small{font-weight:normal;margin-left:16px;color:#587784}.sample-range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sample-range-grid a{padding:12px;border:1px solid #d4e3e8;border-radius:6px;text-decoration:none;font-weight:bold}.sample-range-grid small{display:block;font-weight:normal;font-size:11px;margin-top:4px}.sample-number-block{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #e1e9ec}.sample-number-block:last-child{border-bottom:0}.sample-number-block h3{font-size:13px;color:#587782;margin:12px 0}.sample-number-block>div{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.sample-number-block a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:5px;background:#f0f6f8;color:#17627a;font-size:13px;font-weight:bold;text-decoration:none;font-variant-numeric:tabular-nums}.sample-explorer a:hover{background:#dceee8;color:#154f4c}.sample-explorer :is(a,button,input,summary):focus-visible{outline:3px solid #c1902d;outline-offset:3px}.sample-explorer-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px}@media(max-width:800px){.sample-picker{align-items:start;flex-direction:column}.sample-number-block>div{grid-template-columns:repeat(5,1fr)}.sample-range-grid{grid-template-columns:repeat(3,1fr)}.sample-preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.sample-explorer{padding:0 14px}.sample-explorer-hero{padding:24px}.sample-explorer-hero svg{display:none}.sample-picker form>div{flex-wrap:wrap}.sample-picker button{width:100%}.sample-number-browser{padding:16px}.sample-number-browser header{display:block}.sample-number-block{display:block}.sample-range-grid{grid-template-columns:repeat(2,1fr)}.sample-explorer-footer{flex-direction:column}}