:root{--ink:#17292a;--muted:#617172;--line:#dbe1dc;--paper:#f5f6f2;--accent:#315e4f;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.button,input[type=submit]{cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:white;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}input,textarea{border:1px solid #aebbb4;background:#fff;color:var(--ink);padding:12px;border-radius:0}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #82a99b;outline-offset:3px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;vertical-align:middle;flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 4%;border-bottom:1px solid var(--line);background:white;gap:20px}.brand{font-weight:800;font-size:27px;letter-spacing:1.3px;text-decoration:none;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:9px;font-weight:400}.topbar nav{display:flex;gap:28px;font-size:13px}main{max-width:1500px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:46px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent)}h1{font-weight:500;font-size:clamp(28px,3vw,42px);letter-spacing:-1px;line-height:1.15;margin:12px 0 14px;overflow-wrap:anywhere}.intro p{color:var(--muted);margin-bottom:0}.terms{border-left:1px solid var(--line);padding-left:32px;min-width:235px}.terms span,.terms small{display:block;color:var(--muted)}.terms strong{font-weight:500;font-size:40px;line-height:1.4}.terms small{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px}.catalogue{background:white;border:1px solid var(--line)}.catalogue-tools{padding:24px}.catalogue-tools>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}#search{width:100%;background:#fbfcf9}.result-line{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:var(--muted);gap:12px}.column-head{display:grid;grid-template-columns:minmax(0,1fr) 135px 86px;gap:16px;padding:12px 24px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.product{display:grid;grid-template-columns:minmax(0,1fr) 135px 86px;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.product:last-child{border:0}.product-info{display:flex;gap:15px;align-items:center;min-width:0}.product-info img,.no-image{width:64px;height:76px;flex-shrink:0;object-fit:contain;background:var(--paper);mix-blend-mode:multiply}.no-image{display:grid;place-content:center;color:#c0cac2;font-size:24px;font-weight:700}.sku{font-size:10px;letter-spacing:.5px;color:var(--accent);overflow-wrap:anywhere}.product h2{font-size:14px;line-height:1.35;font-weight:500;margin:5px 0}.product p{font-size:11px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.price strong{font-size:15px;white-space:nowrap}.price small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.qty{display:flex;align-items:center;gap:5px}.qty input{width:65px;padding:10px 5px;text-align:center;-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.qty span:not(.sr-only){font-size:11px;color:var(--muted)}.cart{background:#eaf0e8;border:1px solid #d6dfd3;padding:26px;position:sticky;top:20px}.cart h2{font-weight:500;font-size:25px;margin:8px 0}.cart>p{font-size:12px}.cart dl{font-size:12px;margin:22px 0}.cart dl>div{display:flex;justify-content:space-between;gap:14px;margin:14px 0}.cart dd{margin:0;text-align:right;white-space:nowrap}.cart .total{border-top:1px solid #cbd7c7;padding-top:16px;align-items:center}.total dd{font-size:23px;font-weight:700}.threshold{border-top:1px solid #cbd7c7;padding-top:17px}.muted{color:var(--muted);font-size:13px}.small{font-size:11px!important}.cart button{width:100%;font-size:12px;margin-top:8px;padding:14px 8px}.text-button{border:0;background:none;color:var(--ink);text-decoration:underline;font-weight:400}.review-panel,.success{background:white;border:1px solid var(--line);padding:36px;margin:36px 0;scroll-margin-top:24px}.review-panel h2,.success h2{font-weight:500;font-size:30px;margin:10px 0 24px}.review-line{display:grid;grid-template-columns:1fr 200px 140px;gap:18px;border-bottom:1px solid var(--line);padding:15px 0;align-items:center;font-size:13px}.review-line span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.review-line>strong{text-align:right}.review-total{font-size:18px;font-weight:700;margin:24px 0}.review-panel textarea{display:block;width:100%;margin-top:8px}.confirmation{display:flex;align-items:flex-start;gap:10px;margin:24px 0;font-size:13px;max-width:800px}.review-actions{display:flex;gap:12px}.secondary{color:var(--ink);background:white}.login-panel{max-width:520px;background:white;border:1px solid var(--line);padding:42px;margin:64px auto}.login-panel h1{font-size:42px}.login-panel label{display:block;font-size:13px;margin-bottom:7px}.login-panel input:not([type=checkbox]){width:100%}.login-panel form{margin:28px 0}.login-panel>p{font-size:14px}.login-panel .muted{border-top:1px solid var(--line);padding-top:20px}footer{max-width:1500px;margin:44px auto 0;padding:24px 4%;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--muted)}footer span{margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#cart-status,#submit-status{color:#80420c}#empty-search{padding:24px}.success{max-width:800px}.success .button{margin-top:12px}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.product,.column-head{padding-left:16px;padding-right:16px;grid-template-columns:minmax(0,1fr) 105px 76px;gap:10px}.product-info img,.no-image{width:48px;height:64px}.cart{padding:20px}.total dd{font-size:20px}}
@media(max-width:760px){.topbar{padding:20px}.topbar nav{gap:15px;font-size:11px}.brand{font-size:23px}main{padding:0 16px}.intro{padding:28px 0;align-items:flex-start;gap:18px}.intro h1{font-size:27px}.intro p{font-size:12px}.terms{min-width:116px;max-width:140px;padding-left:16px}.terms strong{font-size:32px}.terms span,.terms small{font-size:10px}.workspace{grid-template-columns:1fr}.cart{position:static}.catalogue-tools{padding:18px}.column-head{display:none}.product{grid-template-columns:1fr 80px;gap:10px 16px;padding:18px}.product-info{grid-column:1/-1}.product-info img,.no-image{width:56px;height:64px}.price{padding-left:71px}.price small{font-size:10px}.qty{justify-self:end}.review-panel,.success{padding:22px}.review-line{grid-template-columns:1fr auto;font-size:12px;gap:8px}.review-line>div:first-child{grid-column:1/-1}.review-total{font-size:15px}.review-actions{flex-direction:column}.review-panel h2{font-size:26px}.login-panel{margin:32px auto;padding:28px}.login-panel h1{font-size:36px}footer{gap:12px;padding:20px}footer span{width:100%}}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;font-size:12px}.pagination button{padding:10px;font-size:12px}.mobile-cart{display:none}#cart{scroll-margin-top:20px}@media(max-width:760px){body{padding-bottom:66px}.mobile-cart{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;justify-content:space-between;gap:16px;background:var(--ink);color:white;padding:17px 20px;text-decoration:none;font-size:13px;box-shadow:0 -4px 15px #0001}}

.preview-banner{background:#fff7df;border:1px solid #dece98;padding:24px;margin-top:24px}.preview-banner h2{margin:8px 0;font-size:24px;font-weight:500}.preview-banner p{font-size:13px}.preview-banner>label{display:block;font-size:13px;margin:16px 0 6px}.preview-banner>input{width:min(100%,480px)}.preview-picker{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0}.preview-picker label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0;max-width:100%;flex:1}.preview-picker select{padding:12px;border:1px solid #aebbb4;background:white;max-width:100%;width:100%;min-width:0}.preview-picker button{flex-shrink:0}.preview-banner a{font-size:13px}@media(max-width:760px){.preview-banner{padding:18px}.preview-picker{display:block}.preview-picker button{width:100%;margin-top:12px}.preview-banner h2{font-size:22px}}
.sales-banner details>summary{cursor:pointer;font-size:13px;font-weight:700;padding:8px 0}.sales-banner details>label{display:block;margin:16px 0 6px;font-size:13px}.sales-banner details>input{width:min(100%,480px)}.sales-banner h1{font-size:30px}.sales-banner>.eyebrow{color:#6d5620}.activation-invite{border-top:1px solid #dece98;margin-top:20px;padding-top:12px}.activation-invite h2{font-size:20px}.activation-invite form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.activation-invite label{width:100%;font-size:13px}.activation-invite input[type=email]{flex:1;min-width:180px;max-width:100%}.access-notice{border:1px solid;padding:18px;margin-top:24px;overflow-wrap:anywhere}.access-ok{background:#edf5e9;border-color:#93ac89}.access-error{background:#fff1e8;border-color:#ca9b80}@media(max-width:760px){.activation-invite form{display:block}.activation-invite input,.activation-invite button{width:100%;margin-top:8px}.sales-banner h1{font-size:26px}}

.product-card-link{text-decoration:none}.product-card-link img{display:block}.product-card-link>div{min-width:0}.product-card-hint{display:block;font-size:10px;color:var(--accent);margin-top:6px}.product-card-link:hover h2,.product-card-link:focus-visible h2{text-decoration:underline;text-underline-offset:3px}

/* Product preview shares the website renderer, scoped to the ordering dialog. */
.wxo-product-open{overflow:hidden}
#wxo-product-dialog{border:0;background:#fff;color:var(--ink);width:min(1080px,calc(100% - 48px));max-width:none;max-height:92dvh;padding:42px;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #0003}
#wxo-product-dialog::backdrop{background:#17292ab3;backdrop-filter:blur(3px)}
#wxo-product-dialog .wx-dialog-close{position:absolute;right:12px;top:10px;z-index:2;background:#fff;color:var(--ink);border:0;padding:0;width:36px;height:36px;line-height:1;font-size:29px;font-weight:400}
#wxo-product-dialog .wx-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:38px;align-items:start}
#wxo-product-dialog .wx-detail-visual{min-width:0;background:var(--paper);padding:20px;position:sticky;top:0}
#wxo-product-dialog .wx-detail-visual>img{display:block;width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}
#wxo-product-dialog #wx-detail-code{font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere;margin:18px 0 0;text-align:center}
#wxo-product-dialog .wx-detail-content{min-width:0}
#wxo-product-dialog .wx-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}
#wxo-product-dialog h2{font-size:33px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin:0 0 15px}
#wxo-product-dialog #wx-detail-description{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
#wxo-product-dialog .wx-variant-config{border:0;padding:0;margin:24px 0 0;min-width:0}
#wxo-product-dialog legend{font-size:14px;font-weight:600;padding:0;margin-bottom:14px}
#wxo-product-dialog #wx-variant-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#wxo-product-dialog .wx-variant-field{min-width:0}
#wxo-product-dialog label{font-size:11px;font-weight:600;display:block}
#wxo-product-dialog label>span{display:block;margin-bottom:6px}
#wxo-product-dialog select{width:100%;font-size:13px;min-height:44px;padding:10px;border:1px solid #aebbb4;background:white;color:var(--ink)}
#wxo-product-dialog .wx-selected-variant{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#wxo-product-dialog .wx-selected-variant>span{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
#wxo-product-dialog #wx-variant-summary{font-size:12px;line-height:1.65;margin:6px 0 0}
#wxo-product-dialog .wxo-detail-actions{margin-top:22px;display:grid;gap:12px;font-size:12px}
#wxo-product-dialog .wxo-detail-actions button{width:100%;font-size:13px}
#wxo-product-dialog .wx-detail-documents,#wxo-product-dialog .wx-detail-accessories{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
#wxo-product-dialog h3{font-size:18px;font-weight:500;margin:0 0 13px}
#wxo-product-dialog ul{list-style:none;padding:0;margin:0}
#wxo-product-dialog li+li{border-top:1px solid var(--line)}
#wxo-product-dialog .wx-detail-documents a{display:block;font-size:12px;padding:12px 0}
#wxo-product-dialog .wx-accessory{display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px;margin-top:15px}
#wxo-product-dialog .wx-accessory-image{width:100%;aspect-ratio:1}
#wxo-product-dialog .wx-accessory-image img{width:100%;height:100%;object-fit:contain}
#wxo-product-dialog .wx-image-pending{display:grid;place-content:center;border:1px dashed #bfc9c4;color:var(--muted);font-size:10px;text-align:center;padding:12px}
#wxo-product-dialog h4{font-size:14px;margin:0 0 7px}
#wxo-product-dialog .wx-accessory p{font-size:12px;margin:0 0 8px}
#wxo-product-dialog .wx-textlink{font-size:11px}
#wxo-product-dialog #wx-detail-gallery{display:flex;gap:9px;justify-content:center;margin-top:18px;flex-wrap:wrap}
#wxo-product-dialog #wx-detail-gallery button{background:white;border:1px solid var(--line);padding:4px;width:70px;height:65px}
#wxo-product-dialog #wx-detail-gallery button[aria-pressed=true]{border:2px solid var(--accent)}
#wxo-product-dialog #wx-detail-gallery img{width:100%;height:100%;object-fit:contain}
#wxo-product-dialog #wx-gallery-caption{font-size:10px;line-height:1.5;margin:12px 0 0;text-align:center;color:var(--muted)}
#wxo-product-dialog .wx-detail-visual>img.wx-scene-image{mix-blend-mode:normal}
@media(max-width:720px){#wxo-product-dialog{width:calc(100% - 24px);padding:42px 20px 24px}#wxo-product-dialog .wx-dialog-layout{grid-template-columns:1fr;gap:23px}#wxo-product-dialog .wx-detail-visual{position:static;padding:14px}#wxo-product-dialog .wx-detail-visual>img{height:225px}#wxo-product-dialog #wx-detail-code{font-size:10px;margin-top:12px}#wxo-product-dialog h2{font-size:29px}#wxo-product-dialog #wx-variant-controls{gap:12px}#wxo-product-dialog .wx-variant-field[data-attribute=finish],#wxo-product-dialog .wx-variant-field[data-attribute=execution]{grid-column:1/-1}#wxo-product-dialog .wx-accessory{grid-template-columns:78px minmax(0,1fr);gap:13px}}

/* Same logo treatment and graphite as the company Planner. */
.topbar{background:#182628;color:#e6ece9;border-bottom:1px solid #344345}
.brand--planner{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;letter-spacing:0}
.brand--planner .brand-logo{display:block;width:174px;max-width:100%;height:auto;filter:invert(1);mix-blend-mode:screen}
.brand--planner span{font-size:9px;font-weight:600;letter-spacing:2.3px;line-height:1.5;margin:0;color:#b9c5c1}
.topbar nav a{text-decoration:none;color:#e6ece9;padding:8px 0}
.topbar nav a:hover{text-decoration:underline;text-underline-offset:5px;color:#fff}
.topbar a:focus-visible{outline-color:#c0d9cb}
@media(max-width:520px){.topbar{padding:20px 16px;gap:16px;align-items:center}.brand--planner .brand-logo{width:148px}.brand--planner span{font-size:8px;letter-spacing:2px}.topbar nav{flex-direction:column;align-items:flex-end;gap:5px;font-size:11px}.topbar nav a{padding:4px 0}}

.catalogue-tools select{width:100%;padding:12px;border:1px solid #bbc6c3;background:#fff;color:#182628;font:inherit;margin:6px 0 10px}.catalogue-tools select:focus-visible{outline:2px solid #182628;outline-offset:2px}
.catalogue-tools label[for="product-sort"]{display:block;margin-top:14px}