.sample .preview-booking{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:13px 16px;margin-top:16px;font:600 12px/1.5 var(--sans);text-decoration:none;color:inherit;border:1px solid currentColor;box-sizing:border-box}
.sample.restaurant-app .preview-booking{color:#ede4ce;border-color:#949878;background:#303a28}
.sample.crew-app .preview-booking{background:#3c7569;color:#fff8e6;border:0;border-radius:999px}
.sample .day-pills a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;min-width:0;padding:5px 7px;border-radius:999px;text-decoration:none;color:inherit;font:600 10px var(--sans)}
.sample .day-pills a.chosen{background:#39796b;color:#fff8e6}
.sample .trip-bottom a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 2px;flex:1;min-width:0;color:inherit;text-decoration:none;font:600 9px var(--sans);border-radius:12px}
.sample .trip-bottom a:hover{background:#d5e4d4}
.sample :is(.preview-booking,[data-demo-nav]):focus-visible{outline:3px solid currentColor;outline-offset:3px}
.sample .preview-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid currentColor}
.sample .preview-links a{display:flex;align-items:center;justify-content:center;flex:1 1 40%;min-width:0;min-height:44px;padding:8px 10px;box-sizing:border-box;color:inherit;font:600 11px/1.4 var(--sans);text-align:center;text-decoration:none;border:1px solid transparent}
.sample .preview-links a:hover{border-color:currentColor}
.sample.wedding-app .ribbon{gap:8px;padding-bottom:0;align-items:stretch}
.sample.wedding-app .ribbon a{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;color:inherit;text-decoration:none;text-align:center}
.sample.wedding-app .ribbon a:first-child{border-bottom:1px solid #8f4d51}
.sample.wedding-app .preview-links{border-color:#d7cbbd}
.sample.wedding-app .preview-links a{font:italic 17px/1.4 var(--serif);color:#6e4244}
.sample.market-app .market-index{align-items:center;gap:8px}
.sample.market-app .market-index a{display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;flex-shrink:0}
.sample.market-app a.bag{text-decoration:none;align-items:center;min-height:48px}
.sample.market-app .preview-links{border:0;padding-top:0}
.sample.market-app .preview-links a{border-radius:999px;border:1px solid #a3a571;background:#f8eec5}
.sample.market-app .preview-links a:hover{background:#e8e0aa}
.sample.conference-app .conf-tabs{gap:8px;justify-content:space-between;padding-bottom:0}
.sample.conference-app .conf-tabs a{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;color:inherit;text-align:center;text-decoration:none;line-height:1.5}
.sample.conference-app .conf-tabs a:first-child{border-bottom:2px solid #172b4a;font-weight:700}
.sample.conference-app a.conf-count{text-decoration:none;flex-shrink:0}
.sample.conference-app .talk button{min-height:44px}
.sample.conference-app .preview-links{border-color:#a4afbd}
.sample.race-app .preview-links{border-color:#52615d}
.sample.race-app .preview-links a{color:#f58e70;letter-spacing:.03em}
.sample.parade-app .preview-links{border-color:#a7a38d}
.sample.parade-app .preview-links a{flex-basis:25%;font-size:10px}
.sample :is(.ribbon,.conf-tabs,.market-index) a:hover{text-decoration:underline;text-underline-offset:4px}