.resource-image{display:block;width:100%;height:240px;object-fit:cover;object-position:center;border-radius:4px;margin-top:24px}
.resource-image--portrait{width:min(100%,440px);height:auto;max-height:660px;object-fit:contain;object-position:left center}
.tool-surface{border:1px solid #cbd8d1;border-radius:6px;padding:24px;margin:24px 0;background:#f5f8f6;color:#142e25}
.tool-surface input:not([type=checkbox]),.tool-surface textarea,.tool-surface select{display:block;width:100%;max-width:100%;padding:12px;border:1px solid #7b8d83;border-radius:4px;background:white;color:#142e25;font:inherit;margin:8px 0 18px}
.tool-surface fieldset{border:0;margin:0;padding:0}.tool-surface legend{font-weight:700;margin:18px 0}
.check-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #d8e1dc;cursor:pointer}.check-row input{flex:none;width:20px;height:20px;margin-top:4px;accent-color:#17684e}.check-row small{display:block;color:#43584e;margin-top:4px;font-size:14px;line-height:1.6}
.tool-surface progress{width:100%;height:12px;accent-color:#17684e}.tool-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.tool-surface pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#fff;color:#142e25;font-size:14px;min-height:140px;border:1px solid #d8e1dc}.tool-surface h2{font-size:22px}
.table-scroll{overflow-x:auto;margin:24px 0}.table-scroll table{border-collapse:collapse;width:100%;min-width:540px}.table-scroll th,.table-scroll td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #cbd8d1}.table-scroll th{background:#edf4f0}.table-scroll caption{text-align:left;font-weight:700;padding:10px 0}
.resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resource-links article{padding:20px 0;border-top:1px solid #cbd8d1}.resource-links h3{font-size:22px}
:focus-visible{outline:3px solid #ad461f;outline-offset:4px}
@media(max-width:600px){.tool-surface{padding:16px}.resource-image{height:180px}.resource-links{grid-template-columns:1fr}.guide-opening h1{font-size:32px;overflow-wrap:break-word}}
.restaurant-demo{margin:40px auto 72px;width:min(1120px,calc(100% - 32px));border:1px solid #d6ddd8;background:#fbfcfa}.restaurant-demo-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #d6ddd8}.restaurant-demo-nav nav{display:flex;gap:18px}.restaurant-demo-hero{padding:clamp(50px,8vw,100px) clamp(24px,7vw,80px);background:#173c30;color:#fff}.restaurant-demo-hero p{max-width:660px;color:#d6e6de}.restaurant-demo-hero h2{max-width:760px;color:#fff;font-size:clamp(38px,6vw,72px);line-height:1.02}.demo-reserve{display:inline-block;margin-top:16px;padding:12px 18px;background:#ba4d26;color:#fff}.restaurant-demo-info{display:grid;grid-template-columns:repeat(3,1fr)}.restaurant-demo-info article{padding:28px}.restaurant-demo-info article+article{border-left:1px solid #d6ddd8}.restaurant-demo-info span{font-size:11px;font-weight:700;color:#ad461f}.restaurant-demo-info h3{font-size:22px;margin:10px 0}.restaurant-demo-info p{font-size:14px}.restaurant-demo-info a{font-weight:700}
@media(max-width:700px){.restaurant-demo-nav nav{gap:10px;font-size:13px}.restaurant-demo-info{grid-template-columns:1fr}.restaurant-demo-info article+article{border-left:0;border-top:1px solid #d6ddd8}}
@media(max-width:480px){.restaurant-demo-nav{padding:16px;align-items:flex-start;gap:12px;flex-direction:column}.restaurant-demo-hero h2{font-size:38px}.resource-image--portrait{height:auto;max-height:340px}}