/* provider_reviews/_members_area.antlers.html — moved out of the template on 2026-10-21 (owner: "move inline css and js to cached files"); edit here, the template loads it with {{ zz_asset:css }} */
    /* design 2026-09-28 (review head artifact): the city field and the "Calculate →" button side by side,
       the result as a big number + text under a dashed rule */
    .zz-city-row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin-top:14px}
    .zz-city-label{align-self:center;flex:0 0 auto;white-space:nowrap;font:500 15.5px 'Libre Franklin',sans-serif;color:#2b2620}
    @media (max-width:600px){.zz-city-label{flex-basis:100%;margin-bottom:-2px}}   /* phone: the label above the field, the field and the button stay in one row */
    .zz-city-inputwrap{position:relative;flex:1 1 220px;display:flex;align-items:center;gap:10px;
        border:1.5px solid #2b2620;border-radius:var(--r-ctl);background:#fff;padding:0 10px 0 14px}
    /* the focus ring sits on the bordered wrapper, not on the borderless input inside it (owner 2026-10-06: "why is there on click such a weird
       red rectangle around the city box": the review page's input:focus-visible ring drew around the inner input) */
    .zz-city-inputwrap:focus-within{box-shadow:2.5px 2.5px 0 #d8cdb6;outline:2px solid #a33d2e;outline-offset:3px}
    .rev-page .zz-city-input:focus-visible,.zz-city-input:focus,.zz-city-input:focus-visible{outline:none}
    .zz-city-input{flex:1;min-width:0;border:none;outline:none;background:transparent;
        font:400 15.5px 'Libre Franklin',sans-serif;color:#2b2620;padding:11px 0}
    /* "locate me" (owner 2026-10-05): a bordered button at the field's right end — compass arrow + "Locate me" — asks for the
       browser position and picks the nearest place of the country (/zz-api/nearest-city). First a bare pin at the left
       (owner: "this is not clear that you can click here and get the location … use the typical location icon with this
       compass arrow"); before that a decorative "•••" badge sat here. On a phone the text goes, the arrow stays. */
    .zz-city-locate{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:30px;padding:0 10px 0 8px;margin:0 -4px 0 6px;
        border:1.5px solid #2b2620;border-radius:var(--r-ctl);background:#f4eee1;color:#2b2620;cursor:pointer;
        font:700 12.5px 'Libre Franklin',sans-serif;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
    .zz-city-locate svg{width:15px;height:15px;display:block;color:#a33d2e;flex-shrink:0}
    .zz-city-locate:hover{background:#2b2620;color:#fff}
    .zz-city-locate:hover svg{color:#fff}
    @media (max-width:600px){.zz-city-locate{padding:0 7px}.zz-city-locate .t{display:none}.zz-city-locate svg{width:17px;height:17px}}
    .zz-city-locate.busy svg{animation:zz-city-pulse 1s ease-in-out infinite}
    @keyframes zz-city-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}
    .zz-city-result.msg .n,.zz-city-result.msg .cta-inline,.zz-city-result.msg .quiz-inline{display:none}   /* a message only: "you are probably not in New Zealand …" */
    .zz-city-result.msg .l{font-weight:600}
    .zz-city-calc{display:inline-flex;align-items:center;flex-shrink:0;cursor:pointer;border:0;background:#a33d2e;color:#fff;
        font:700 14px 'Libre Franklin',sans-serif;padding:10px 16px;border-radius:var(--r-ctl);box-shadow:2px 2px 0 #2b2620;
        transition:transform 160ms cubic-bezier(.23,1,.32,1)}
    .zz-city-calc:active{transform:scale(.97)}
    .zz-city-calc.busy{opacity:.65;cursor:progress}   /* while the estimate is on its way: the result line stays hidden until the number is there (owner 2026-10-06) */
    .zz-city-list{position:absolute;top:100%;left:-1.5px;right:-1.5px;z-index:5;background:#fff;
        border:1.5px solid #2b2620;border-top:none;border-radius:0 0 var(--r-ctl) var(--r-ctl);max-height:260px;overflow-y:auto}
    .zz-city-list[hidden]{display:none}
    .zz-city-list button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;
        border:none;background:none;cursor:pointer;font:500 14px 'Libre Franklin';color:#2b2620;
        padding:10px 14px;border-bottom:1px solid #ece5d4}
    .zz-city-list button:hover,.zz-city-list button.active{background:#f4eee1}
    .zz-city-result{margin-top:14px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
        border-top:1.5px dashed #b5aa93;padding-top:12px}
    .zz-city-result[hidden]{display:none} /* the row is display:flex — without this the CTA showed before any city was picked */
    .zz-city-result .n{font:800 30px/1 'Libre Franklin',sans-serif;letter-spacing:-.03em;color:#2b2620}
    .zz-city-result .l{font:500 14.5px 'Libre Franklin';color:#443d34}
    .zz-city-result .cta-inline,.zz-city-result .quiz-inline{font:700 13px 'Libre Franklin';background:#a33d2e;color:#fff;
        padding:8px 14px;border-radius:var(--r-ctl);box-shadow:2px 2px 0 #2b2620}
    .zz-city-result.loading .n{color:#8a7f6d}