/* Release 11: consistent marketplace cards, timing choices and live areas. */
.topbar::before{opacity:.65;background-size:1250px 156px}
.nav .nav-link,.nav .nav-button{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.nav .nav-link:hover,.nav .nav-button:hover,.nav .nav-link:focus-visible,.nav .nav-button:focus-visible{background:#8fb021;border-color:#8fb021;color:#fff;box-shadow:0 3px 12px #0002}
.account-popover .account-profile-link{display:flex}
.market-card.design-job-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "category type" "body body" "meta needed";gap:12px 20px;padding:24px}
.market-card .design-card-title{font-size:20px!important;font-weight:600;line-height:1.4;margin:0}
.market-card-category{grid-area:category;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:#8b96a0;min-width:0}.market-card-category a{color:inherit;text-decoration:none}.market-contract-type{grid-area:type;align-self:center;text-align:right;font-size:14px;color:#8b96a0}.market-contract-type strong{font-weight:450;color:#61727e}
.market-card .design-card-body{gap:12px}.market-card .design-description{padding:16px 18px;border-color:#f8f9fb!important;background:#fff}.market-card .design-description>p,.design-job-page .fulfil-description>p{font-size:16px!important;line-height:1.65}.market-card .design-description>span{font-size:12px!important;color:#99a4ae;line-height:1.4;margin-bottom:8px}
.market-card .design-card-meta{font-size:14px;gap:12px 18px;overflow:visible;flex-wrap:wrap;padding:0;line-height:1.55}.market-card .design-card-meta>a,.market-card .design-card-meta>span{white-space:normal;flex:0 1 auto;min-width:0}.market-card .design-card-meta svg{width:16px;height:16px;flex:none}
.market-needed{grid-area:needed;text-align:right;max-width:300px;align-self:center;font-size:14px;line-height:1.5}.market-needed>span{color:#8c98a1;text-transform:uppercase;margin-right:7px}.market-needed strong{color:#718d1d;font-weight:500}
.market-card{--market-price:#3c9d87}.market-card.rate-hour{--market-price:#3AADD9}.market-card.is-promoted{--market-price:#89C053}
.market-card .design-price-action{flex-basis:110px;background:var(--market-price);border-radius:6px;isolation:isolate}.market-card .design-price-action .design-price{background:#202427!important;position:relative;isolation:isolate;overflow:hidden;font-size:34px;color:white;min-height:75px}.market-card .design-price-action .design-do-it{background:var(--market-price)!important;color:#fff;border:0!important;margin-top:0;font-size:12px;min-height:32px;position:relative;z-index:2}
.market-card .design-price::before,.market-card .design-price::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.market-card .design-price::before{background:#ffffff0c;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:0}.market-card .design-price::after{background:var(--market-price);clip-path:polygon(100% 100%,100% 100%,0 100%);transition:clip-path .38s ease}
@media(hover:hover) and (pointer:fine){.market-card .design-price-action:hover .design-price::after{background:var(--market-price);clip-path:polygon(100% -100%,100% 100%,-100% 100%)}}
.market-card .design-price-action:focus-visible .design-price::after{clip-path:polygon(100% -100%,100% 100%,-100% 100%)}
.design-job-page h1{font-size:20px}.design-job-page .mp-fact strong,.design-job-page .design-detail-dates{font-size:14px}.design-detail-actions{flex-wrap:wrap}.market-provider-register{display:inline-flex;align-items:center;gap:8px}
.market-timing{border:0;padding:0;margin:0}.market-timing legend{font-size:13px;margin-bottom:10px}.market-timing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.market-timing-options label{position:relative;cursor:pointer;margin:0}.market-timing-options input{position:absolute;opacity:0;width:1px;height:1px}.market-timing-options span{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px;border:1px solid #dde4ea;border-radius:8px;background:white;color:#667582;transition:background .18s,border-color .18s}.market-timing-options svg{width:18px;height:18px}.market-timing-options input:checked+span{background:#f4f8e9;border-color:#8fb021;color:#667e21}.market-timing-options input:focus-visible+span{outline:2px solid #8fb021;outline-offset:3px}.market-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.market-schedule>[data-needed-date]>.field{margin:0}.market-schedule input{min-width:0;max-width:100%}.market-private-note{display:flex;align-items:flex-start;gap:9px;color:#7b8993;font-size:12px;line-height:1.65;margin:5px 0 14px}.market-private-note svg{width:18px;height:18px;flex:none}.market-search-row{display:flex;gap:14px;margin-top:18px}.market-search-row>label{flex:1;font-size:12px;color:#7c8993}.market-search-row input,.market-search-row select{display:block;width:100%;margin-top:6px}
.market-filters{background:#fff;border:1px solid #f0f3f6;border-radius:12px;padding:22px;margin:0 0 22px;color:#657580}.market-filters header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.market-filters h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.market-filters svg{width:17px;height:17px;flex:none}.market-filters button{font:inherit;cursor:pointer}.market-filters [data-all-counties],.market-town-tools button{background:white;border:1px solid #dce4e9;border-radius:7px;padding:9px 12px;font-size:12px;color:#657580}.market-filters [data-all-counties][aria-pressed=true]{border-color:#8fb021;background:#f4f8e9;color:#6f8728}
.market-selected{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.market-selected:empty{display:none}.market-filters .market-area-pill{background:#f4f8e9;color:#627c1b;border:1px solid #dce7bc;border-radius:20px;padding:7px 11px;font-size:12px}
.market-county-picker>summary,.market-town-picker>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:13px;padding:10px 0}.market-county-picker summary small{display:none}.market-county-options{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px;margin-top:4px}.market-county-options label,.market-town-options label{position:relative;cursor:pointer;min-width:0}.market-county-options input{position:absolute;opacity:0;width:1px;height:1px}.market-county-options span{display:block;padding:9px 4px;border:1px solid #e5ebef;border-radius:7px;text-align:center;font-size:12px;white-space:nowrap;background:#fafcfd;transition:border-color .18s,color .18s}.market-county-options label:hover span{color:#6a831f;border-color:#8fb021}.market-county-options input:focus-visible+span{outline:2px solid #8fb021;outline-offset:2px}
.market-town-picker{border-top:1px solid #e9edf0;margin-top:12px}.market-town-picker>summary{padding:15px 0}.market-town-menu{padding:12px;border:1px solid #e4eaee;border-radius:9px;background:#fafcfd}.market-town-tools{display:flex;gap:12px;align-items:center;margin-bottom:12px}.market-town-tools input{flex:1;min-width:0}.market-filters input[type=search],.market-filters select{border:1px solid #dce4ea;border-radius:7px;padding:10px 12px;background:white;color:#4e606c;font-size:14px}
.market-town-options{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:8px 15px;overflow-x:auto;padding:3px 3px 12px;max-width:100%}.market-town-options label{display:flex;align-items:center;gap:8px;font-size:12px;min-height:35px}.market-town-options input{width:16px;height:16px;flex:none;accent-color:#8fb021}.market-town-options span{overflow-wrap:anywhere}.market-radius{display:block;margin-top:18px;padding:15px;border:1px solid #e3e9ee;border-radius:9px}.market-radius>span{display:flex;justify-content:space-between;gap:12px;font-size:13px}.market-radius output{color:#6f881f;font-weight:600}.market-radius input{display:block;width:100%;accent-color:#8fb021;margin:17px 0 10px;cursor:pointer}.market-radius small{font-size:11px;color:#84909b}.market-filter-status{font-size:12px;color:#7e8c96;margin:14px 0 0}[data-market-results][aria-busy=true]{opacity:.6;transition:opacity .15s}
@media(max-width:1000px){.market-county-options{grid-template-columns:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:minmax(86px,1fr);overflow-x:auto;padding:3px 3px 10px}.market-county-picker summary small{display:inline;color:#8b97a0;font-size:10px;margin-left:auto}}
@media(max-width:700px){.market-card.design-job-card{padding:18px;gap:12px;grid-template-areas:"title title" "category type" "body body" "meta meta" "needed needed"}.market-card .design-card-title{font-size:20px!important;align-items:flex-start}.market-card-category{font-size:14px;gap:5px;flex-direction:column;align-items:flex-start}.market-contract-type{font-size:14px;max-width:130px}.market-card .design-card-body{gap:9px}.market-card .design-description{padding:13px 12px}.market-card .design-price-action{flex-basis:85px;min-width:85px}.market-card .design-price-action .design-price{font-size:28px}.market-card .design-price-action .design-do-it{font-size:11px}.market-card .design-card-meta{font-size:14px;gap:9px 12px}.market-needed{max-width:none;font-size:14px}.market-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.market-schedule>[data-needed-date]{grid-column:1/-1}.market-timing-options{gap:8px}.market-timing-options span{font-size:12px;padding:13px 5px;gap:5px}.market-timing-options svg{width:15px;height:15px}.market-filters{padding:15px}.market-filters h3{font-size:15px}.market-town-tools{align-items:stretch;flex-direction:column;gap:8px}.market-town-options{display:flex;flex-direction:column;max-height:265px;overflow:auto;gap:4px}.market-town-options label{min-height:42px}.market-filters input[type=search],.market-filters select,.market-schedule input{font-size:16px}.market-search-row{flex-direction:column}.market-radius>span{flex-wrap:wrap}.market-provider-register,.design-detail-actions>.design-offer-trigger{justify-content:center;flex:1 1 150px}.market-radius{padding:12px}}
@media(prefers-reduced-motion:reduce){.market-card .design-price::after,.nav .nav-link,.nav .nav-button{transition:none}}

.design-job-form .market-private-note{display:flex!important;align-items:flex-start}.market-private-note svg{margin-top:2px}

.market-card .design-price-action.amount-long .design-price{font-size:25px}.market-card .design-price-action.amount-longest .design-price{font-size:20px}.design-job-form .market-private-note{flex-direction:row!important}.market-card .design-card-title>.ui-icon{display:block;width:21px;height:24px;flex:0 0 21px}
@media(max-width:700px){.market-card .design-price-action.amount-long .design-price{font-size:19px}.market-card .design-price-action.amount-longest .design-price{font-size:15px}}