/* Responsive and accessible additions retain August Mile's editorial identity. */
:root{--muted:#535e50}
html{scroll-padding-top:110px}
body{overflow-wrap:break-word}
button,a,input,select,textarea,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #8c431f;outline-offset:4px}
button,a,summary{scroll-margin-block:120px 40px}
input,select,textarea{font-size:16px}
input:disabled,button:disabled{cursor:not-allowed;opacity:.6}
.category-links,.admin-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.category-links a,.admin-tabs a{display:flex;align-items:center;min-height:44px;border:1px solid var(--line);padding:10px 14px;font-size:13px}
.category-links a:hover,.category-links a[aria-current="page"],.admin-tabs a:hover{background:var(--green);color:var(--paper)}
.browse-tools{display:grid;grid-template-columns:auto minmax(130px,1fr) auto minmax(90px,150px);align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:25px;font-size:14px}
.browse-tools input,.browse-tools select{min-height:48px;min-width:0;padding:10px 12px;border:1px solid #a4af9a;background:var(--paper);font:inherit}
.price-qualifier{display:block;font-family:var(--sans);font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px}
.product-waitlist{width:100%;margin-top:12px}
.table-scroll{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
.table-scroll table{border-collapse:collapse;width:100%;font-size:14px}
.table-scroll th,.table-scroll td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}
.table-scroll caption{text-align:left;padding:12px 0;font-size:13px;color:var(--muted)}
.table-scroll th{font-weight:650}
.measure-table{min-width:290px}
.form-trap{position:absolute;inset:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);pointer-events:none}
.form-feedback[role="alert"]{color:#873e29;border-left:3px solid currentColor;padding:10px 12px}
.form-feedback a{text-decoration:underline;text-underline-offset:3px}
.form-feedback:not(:empty){margin-top:20px;overflow-wrap:anywhere}
.form-columns>*{min-width:0}
.waitlist-image{width:100%;max-height:340px;object-fit:cover;margin-bottom:24px}
.preference-panel{padding:24px;border:1px solid var(--line);margin-bottom:35px;background:#eeeee2}
.preference-panel h2{font-size:34px;margin-bottom:15px}
.preference-panel .text-link{margin:12px 18px 0 0}
.pairing-section{margin-top:70px;padding-top:45px;border-top:1px solid var(--line)}
.pairing-section h2{font-size:clamp(36px,4vw,55px);margin:15px 0 20px}
.pairing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}
.policy-text{white-space:pre-wrap;overflow-wrap:anywhere}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0}
.metric-grid article{background:#eeeee2;border:1px solid var(--line);padding:24px;min-width:0}
.metric-grid span{display:block;font-size:13px;color:var(--muted)}
.metric-grid strong{display:block;font-family:var(--serif);font-size:48px;font-weight:400;margin-top:10px}
.metric-grid .metric-word{font-family:var(--sans);font-size:16px;overflow-wrap:anywhere}
.desk-section{padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.desk-section h2{font-size:46px;margin-bottom:24px}
.desk-section>p{margin:15px 0 25px;max-width:850px}
.desk-product{border:1px solid var(--line);margin-bottom:15px;background:var(--paper);padding:0 22px}
.desk-product summary{padding:20px 0;min-height:60px;cursor:pointer;font-size:16px;line-height:1.6}
.desk-product summary span{font-size:12px;margin-left:10px;color:var(--muted)}
.desk-form{padding-bottom:25px;max-width:820px}
.desk-form input:not([type=checkbox]),.desk-form textarea,.variant-form input{display:block;width:100%;min-height:48px;font:inherit;font-size:16px;border:1px solid #a4af9a;background:var(--bg);padding:11px 13px}
.desk-form textarea{resize:vertical}
.desk-form button{margin-top:20px}
.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:25px 0;border-top:1px solid var(--line)}
.variant-form{padding:20px;background:var(--bg)}
.variant-form label{display:block;font-size:13px;margin:15px 0 8px}
.variant-form p{font-size:13px;line-height:1.7;margin-top:10px}
.variant-form button{margin-top:15px}
.demand-bars{margin:25px 0}
.demand-bars>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,2fr) 40px;gap:20px;align-items:center;margin:12px 0;font-size:13px}
.demand-bars meter{width:100%;height:22px;accent-color:var(--green)}
.shop-desk .table-scroll{margin-top:25px}
.shop-desk .table-scroll table{min-width:650px}
.gallery-controls [data-gallery-index],.size-button,.quantity-control button,.product-help,.text-link,.filter-tab{min-height:44px}
.gallery-controls [data-gallery-index]{padding-inline:8px}
.quantity-control button{min-width:44px}
.consent{min-height:44px;padding-block:8px}
.consent input{width:20px;height:20px;flex-shrink:0}
.information-aside a{overflow-wrap:anywhere}
.breadcrumbs{flex-wrap:wrap}
.product-page-layout>*{min-width:0}
.pairing-grid .card-title-row{gap:8px}
.pairing-grid .card-price{white-space:normal}
@media(max-width:780px){
 html{scroll-padding-top:90px}
 .category-links{gap:7px}
 .category-links a{font-size:12px;padding:10px}
 .browse-tools{grid-template-columns:minmax(0,1fr) minmax(85px,.45fr);gap:8px}
 .browse-tools label[for=product-search]{grid-column:1;grid-row:1}
 .browse-tools label[for=size-filter]{grid-column:2;grid-row:1}
 .browse-tools input{grid-column:1;grid-row:2}
 .browse-tools select{grid-column:2;grid-row:2}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric-grid article{padding:18px}
 .pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-controls{gap:2px}
 .gallery-controls [data-gallery-index]{font-size:11px;padding-inline:5px}
 .gallery-controls>div{gap:4px}
 .desk-product{padding-inline:16px}
 .desk-section h2{font-size:36px}
 .admin-tabs a{flex:1 0 auto;justify-content:center}
 .demand-bars>div{grid-template-columns:minmax(95px,1fr) minmax(70px,1fr) 30px;gap:10px}
 .header-actions{gap:0}
 .site-header{position:relative}
 button,a,summary{scroll-margin-block:50px}
}
@media(max-width:480px){
 .variant-grid{grid-template-columns:1fr}
 .metric-grid strong{font-size:38px}
 .gallery-controls .icon-button{min-width:40px;padding:8px}
 .gallery-controls>div{flex-wrap:wrap;justify-content:center}
 .pairing-grid{grid-template-columns:1fr 1fr}
 .pairing-grid .card-title-row{flex-direction:column;align-items:flex-start}
 .pairing-grid .product-meta{font-size:11px}
 .size-options{flex-wrap:wrap}
 .product-page-topline{flex-wrap:wrap;gap:15px}
 .form-columns{grid-template-columns:1fr}
 .preview-detail{display:block}
 .hero-footnote p{max-width:190px}
}
@media(max-width:359px){
 .header-actions .support-nav{display:none}
 .site-header .wordmark{font-size:23px}
 .information-page,.product-page{padding-inline:16px}
 .pairing-grid{grid-template-columns:1fr}
 .gallery-controls>div{max-width:180px}
 .gallery-controls .icon-button{min-width:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}