.sample-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 26px;background:#fffefa;border-bottom:1px solid #d9e2d2;color:#365a45;font:13px/1.5 "Avenir Next",Avenir,"Segoe UI",sans-serif}.sample-bar>div:first-child{display:grid;gap:1px}.sample-bar span{color:#657662;font-size:11px}.sample-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.sample-actions a,.sample-actions button{color:#365a45;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.sample-actions a{background:#e5eddd;padding:8px 15px;border-radius:12px}.sample-actions a span{font-size:14px;color:inherit}.sample-actions button{border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.sample-actions a:focus-visible,.sample-actions button:focus-visible{outline:3px solid #91ad8e;outline-offset:3px}.sample-loading{min-height:70svh;display:grid;place-items:center;color:#657662;font:18px Georgia,serif}@media(max-width:560px){.sample-bar{padding:10px 15px;gap:10px;font-size:11px}.sample-bar span{font-size:10px}.sample-actions{gap:12px}.sample-actions a{padding:7px 11px}}

.sample-bar{padding-left:244px}@media(max-width:1190px){.sample-bar{padding-left:211px}}@media(max-width:700px){.sample-bar{padding-left:15px}}
