/* Scoped selection journey; existing source photos and site styles are retained. */
.mesh-page .mesh-flow-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mesh-page .mesh-flow-nav a{justify-content:center;text-align:center}
.mesh-page [data-mesh-nav-count]{margin-left:8px;font-variant-numeric:tabular-nums}
.mesh-page .mesh-use-overview{padding:0 0 46px;scroll-margin-top:24px}
.mesh-page .mesh-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mesh-page .mesh-use-card{display:flex;flex-direction:column;min-width:0;background:#fff;text-decoration:none;color:#20343e;border:1px solid #e2dfd8;border-radius:8px;overflow:hidden;transition:box-shadow .15s}
.mesh-page .mesh-use-card:hover{box-shadow:0 5px 20px #20343e14}
.mesh-page .mesh-use-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.mesh-page .mesh-use-card>div:last-child{padding:20px;display:flex;flex-direction:column;flex:1}
.mesh-page .mesh-use-card h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.mesh-page .mesh-use-card p{font-size:13px;line-height:1.8;color:#60727c;margin:0 0 18px}
.mesh-page .mesh-use-card>div>span:last-child{font-size:12px;color:#995018;margin-top:auto}
.mesh-page .mesh-use-type{aspect-ratio:3/2;background:#29444c;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.mesh-page .mesh-use-type>span{font-size:10px;letter-spacing:.12em;color:#d4ded8}
.mesh-page .mesh-use-type>strong{font-size:24px;font-weight:400;line-height:1.4}
.mesh-page .mesh-use-jumps{display:flex;flex-wrap:wrap;gap:10px 25px;margin-bottom:32px}
.mesh-page .mesh-use-jumps a{min-height:44px;display:flex;align-items:center;color:#495f69;text-underline-offset:5px;font-size:14px}
.mesh-page .mesh-use-select{display:flex;flex-direction:column;gap:10px;font-size:13px;margin:22px 0 0;color:#536974}
.mesh-page .mesh-use-select select{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:52px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%23536974' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:20px;color:#20343e;border:1px solid #cbd3d1;border-radius:8px;padding:13px 54px 13px 16px;font:inherit;font-size:16px;line-height:1.5;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.mesh-page .mesh-use-select select:hover{border-color:#7d918e}
.mesh-page .mesh-use-select select:focus-visible{outline:2px solid #a45117;outline-offset:3px;border-color:#a45117;box-shadow:0 0 0 3px #a4511710}
@media(forced-colors:active){.mesh-page .mesh-use-select select{appearance:auto;background-image:none}}
.mesh-page .mesh-flow-project{display:inline-flex;min-height:44px;align-items:center;color:#93501c;font-size:13px;text-underline-offset:4px}
.mesh-page .mesh-utility-panel{display:grid;grid-template-columns:1.3fr .9fr;gap:46px;margin:24px 0 40px;padding:36px;background:#f0eee7;border-radius:8px;scroll-margin-top:25px}
.mesh-page .mesh-utility-panel h2{font-size:30px;line-height:1.4}
.mesh-page .mesh-utility-panel p{color:#60727c;font-size:14px}
.mesh-page .mesh-flow-context{padding:16px 20px;background:#f2ede3;border-left:3px solid #a65b28;margin-bottom:24px;font-size:14px}
.mesh-page .mesh-flow-context[hidden]{display:none}
.mesh-page .mesh-flow-context p{margin:6px 0;font-size:13px;color:#60727c}
.mesh-page .mesh-flow-context button{border:0;background:none;text-decoration:underline;min-height:44px;padding:0;color:#93501c;font:inherit;cursor:pointer}
.mesh-page .mesh-compare-dialog{width:min(960px,calc(100% - 32px))}
.mesh-page .mesh-comparison-grid{display:grid;grid-template-columns:repeat(var(--mesh-columns,3),minmax(0,1fr));gap:20px}
.mesh-page .mesh-comparison-grid article{min-width:0;background:#fff;padding:18px;border:1px solid #deded6;border-radius:6px}
.mesh-page .mesh-comparison-grid h3{font-size:23px;margin-bottom:18px}
.mesh-page .mesh-comparison-grid dl>div{display:block;font-size:14px;padding:10px 0}
.mesh-page .mesh-comparison-grid dt{font-size:12px;margin-bottom:3px}
.mesh-page .mesh-compare-summary{display:flex;gap:12px;align-items:center;min-height:44px}
.mesh-page .mesh-application-row,.mesh-page #application-seating,.mesh-page #materials,.mesh-page #compare{scroll-margin-top:20px}
@media(max-width:1050px){.mesh-page .mesh-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mesh-page .mesh-utility-panel{grid-template-columns:1fr;padding:24px;gap:5px}.mesh-page .mesh-comparison-grid{gap:10px}.mesh-page .mesh-comparison-grid article{padding:12px}.mesh-page .mesh-comparison-grid h3{font-size:19px}.mesh-page .mesh-flow-nav a{padding:10px 5px;font-size:12px}.mesh-page .mesh-collection-note p,.mesh-page .mesh-intro-sub{display:block}.mesh-page .mesh-use-card>div:last-child{padding:16px}.mesh-page .mesh-use-card h3{font-size:19px}.mesh-page .mesh-use-type{padding:16px}.mesh-page .mesh-use-type>strong{font-size:20px}.mesh-page .mesh-use-type>span{font-size:8px}.mesh-page .mesh-collection-intro{padding-bottom:32px}.mesh-page .mesh-use-grid{gap:14px}.mesh-page .mesh-comparison-grid{grid-template-columns:1fr}.mesh-page .mesh-comparison-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mesh-page .mesh-detail-head h2{font-size:26px}.mesh-page .mesh-use-overview .mesh-section-heading h2{font-size:26px}.mesh-page .mesh-use-card p{font-size:12px}.mesh-page .mesh-use-card>div>span:last-child{font-size:11px}}

.mesh-page .mesh-collection-note .mesh-button:not(.mesh-button-outline){color:#fff}

.mesh-page .mesh-grid.mesh-swatches.mesh-shortlist{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto}
.mesh-page .mesh-flow-context a{display:inline-flex;align-items:center;min-height:44px;margin-right:24px;color:#93501c;text-underline-offset:4px}
@media(max-width:600px){.mesh-page .mesh-flow-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mesh-page .mesh-flow-nav a{font-size:13px}.mesh-page .mesh-grid.mesh-swatches.mesh-shortlist{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* HM300 detail-gallery pilot. Other swatches keep their approved dialog. */
.mesh-page .mesh-detail-with-gallery{width:min(1120px,calc(100% - 32px))}
.mesh-page .mesh-detail-layout{min-width:0}
.mesh-page .mesh-detail-with-gallery .mesh-detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}
.mesh-page .mesh-detail-gallery{min-width:0}
.mesh-page .mesh-gallery-image{display:block;background:#eeeae2;border:1px solid #e0ded6;border-radius:6px;overflow:hidden}
.mesh-page .mesh-gallery-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.mesh-page .mesh-gallery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.mesh-page .mesh-gallery-tabs button{font:inherit;font-size:13px;min-height:44px;border:1px solid #d4d8d4;border-radius:5px;background:white;color:#425b65;padding:8px;cursor:pointer}
.mesh-page .mesh-gallery-tabs button[aria-pressed=true]{background:#29444c;border-color:#29444c;color:#fff}
.mesh-page .mesh-detail-gallery p{font-size:12px;color:#687b83;line-height:1.6;min-height:38px;margin:12px 0 0}
.mesh-page .mesh-gallery-enlarge{display:inline-flex;align-items:center;min-height:44px;color:#9b4b12;font-size:13px;text-underline-offset:4px}
.mesh-page .mesh-detail-with-gallery dl>div{grid-template-columns:125px 1fr;gap:14px;padding:11px 0;font-size:14px}
.mesh-page .mesh-detail-with-gallery .mesh-detail-actions{border-top:1px solid #deded6;padding-top:18px;margin-top:10px}
@media(max-width:760px){.mesh-page .mesh-detail-with-gallery .mesh-detail-layout{grid-template-columns:1fr;gap:18px}.mesh-page .mesh-detail-with-gallery dl>div{grid-template-columns:110px 1fr}.mesh-page .mesh-detail-with-gallery .mesh-detail-head{position:sticky;top:-22px;background:#faf8f4;z-index:2;padding:12px 0}.mesh-page .mesh-gallery-tabs button{font-size:12px}.mesh-page .mesh-detail-with-gallery .mesh-detail-actions{position:sticky;bottom:-22px;background:#faf8f4;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}.mesh-page .mesh-detail-with-gallery .mesh-detail-actions .mesh-button{padding:10px;font-size:13px}}

/* Visible application directions and parent-catalogue continuity. */
.mesh-page .mesh-parent-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:#536974;font-size:14px;text-underline-offset:4px}.mesh-page .mesh-use-family{margin:26px 0 36px}.mesh-page .mesh-use-family>h3{font-size:21px;margin:0 0 18px}.mesh-page .mesh-use-card h4{font-size:19px;line-height:1.4;margin:0 0 12px}.mesh-page .mesh-use-jumps{display:grid;gap:12px;padding:22px;border:1px solid #e2dfd8;border-radius:8px;background:#fff}.mesh-page .mesh-use-jump-group{display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:start}.mesh-page .mesh-use-jump-group>strong{padding-top:11px;font-size:13px;color:#60727c}.mesh-page .mesh-use-jump-group>div{display:flex;flex-wrap:wrap;gap:4px 10px}.mesh-page .mesh-use-jumps a{padding:8px 12px;min-height:44px;border-radius:5px;font-size:13px;text-decoration:none;background:#f7f5f0}.mesh-page .mesh-use-jumps a[aria-current=true]{background:#29444c;color:white}.mesh-page .mesh-utility-panel.mesh-application-row{background:none;padding:32px 0 45px;border-radius:0;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}@media(max-width:760px){.mesh-page .mesh-use-jumps{padding:16px}.mesh-page .mesh-use-jump-group{grid-template-columns:1fr;gap:3px}.mesh-page .mesh-use-card h4{font-size:17px}.mesh-page .mesh-utility-panel.mesh-application-row{grid-template-columns:1fr;gap:24px}}

/* Application controls: consistent spacing and comfortable touch targets. */
.mesh-application-page .mesh-application-copy,.mesh-application-page .mesh-application-intro{min-width:0}
.mesh-application-page .mesh-use-select{gap:9px;margin-top:24px;font-size:13px;font-weight:600}
.mesh-application-page .mesh-use-select select{font-weight:500}
.mesh-application-page .mesh-use-select + .mesh-actions{margin-top:18px;gap:12px 20px;align-items:center}
.mesh-application-page .mesh-flow-project{min-height:48px;text-decoration:underline;text-underline-offset:5px}
.mesh-application-page .mesh-application-copy>p.mesh-application-validation,.mesh-application-page .mesh-application-intro>p.mesh-application-validation{margin:18px 0 0;padding-top:16px;border-top:1px solid #e3e0da;font-size:12px;line-height:1.8;color:#60727c}
.mesh-application-page .mesh-candidate-codes{gap:8px;margin-bottom:0}
.mesh-application-page .mesh-candidate-codes a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #e0e2dd;border-radius:6px;background:#fff;text-decoration:none;line-height:1.4}
.mesh-application-page .mesh-candidate-codes a:hover{border-color:#a45117;color:#934300}
@media(max-width:760px){.mesh-application-page .mesh-use-select + .mesh-actions{display:grid;grid-template-columns:1fr;gap:6px}.mesh-application-page .mesh-use-select + .mesh-actions .mesh-flow-project{justify-content:center}.mesh-application-page .mesh-use-select + .mesh-actions .mesh-button{width:100%}}