/* Page styles taken from the design boards. */

body{margin:0}
.bill{border:0;cursor:pointer;min-height:44px;padding:0 22px;border-radius:999px;font:800 16px/24px var(--sans);display:inline-flex;align-items:center;gap:8px}
.bill:focus-visible,.faq summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] .chev{transform:rotate(180deg)}
.cmp th,.cmp td{padding:16px 20px;text-align:center;border-bottom:1px solid var(--pepper-4)}
.cmp th:first-child,.cmp td:first-child{text-align:left}

body{margin:0}
.cf-field{display:flex;flex-direction:column;gap:8px}
.cf-label{font:800 15px/20px var(--sans);color:var(--blueberry-12)}
.cf-label em{font-style:normal;font-weight:600;color:var(--pepper-11)}
.cf-input{min-height:48px;padding:0 16px;border:1.5px solid var(--pepper-7);border-radius:14px;background:var(--white);color:var(--blueberry-12);font:600 16px/24px var(--sans);width:100%;box-sizing:border-box}
textarea.cf-input{padding:12px 16px;min-height:140px;resize:vertical}
select.cf-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--starberry-11) 50%),linear-gradient(135deg,var(--starberry-11) 50%,transparent 50%);background-position:calc(100% - 22px) 21px,calc(100% - 16px) 21px;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.cf-input:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:2px;border-color:var(--tastemaker-9)}
.cf-input[aria-invalid="true"]{border-color:var(--action-primary)}
.cf-err{font:700 14px/20px var(--sans);color:var(--danger-11)}
.cf-send{border:0;cursor:pointer}
.cf-send:focus-visible,.cf-reset:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.cf-reset{border:0;background:none;cursor:pointer;padding:0}

body{margin:0}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.faq details[open] .chev{transform:rotate(180deg)}
.vs th,.vs td{padding:18px 16px;text-align:center;border-bottom:1px solid var(--pepper-4);vertical-align:top}
.vs th:first-child{text-align:left}
.vs thead th{border-bottom:2px solid var(--blueberry-10);vertical-align:middle;padding:20px 16px}
.vs thead th.vs-us{border-bottom-color:var(--starberry-9)}
.vs .vs-us{background:var(--starberry-2)}
.vs tbody tr:last-child th,.vs tbody tr:last-child td{border-bottom:0}
.vs-v{display:block;font:800 16px/24px var(--sans);color:var(--blueberry-12)}
.vs-v[data-t="good"]{color:var(--danger-11)}
.vs-v[data-t="good"]::before{content:"✓ ";font-weight:900}
.vs-v[data-t="bad"]{color:var(--pepper-11);font-weight:700}
.vs-v[data-t="todo"]{color:var(--warning-11)}
.vs-n{display:block;font:400 14px/20px var(--sans);color:var(--pepper-11);margin-top:2px}
.vs-n:empty{display:none}

body{margin:0}
.bw{font-family:'Inter',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.bw *{box-sizing:border-box}
.bw button{font-family:inherit}
.bw-card{background:var(--bg);transition:background .3s;border-radius:6px;box-shadow:0 8px 10px -6px rgba(16,24,40,.10),0 20px 25px -5px rgba(16,24,40,.10);display:flex;flex-direction:column;gap:20px}
.bw-panel{background:var(--bg);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:16px;display:flex;flex-direction:column;gap:10px}
.bw-h{margin:0;font:600 16px/24px 'Inter',sans-serif;color:var(--ink)}
.bw-sub{margin:0;font:600 12px/20px 'Inter',sans-serif;color:var(--ink)}
.bw-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* table set */
.bw-tables{height:140px;display:flex;align-items:center;justify-content:center}
.bw-set{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .3s ease}
.bw-chairs{display:flex;justify-content:center;gap:5px;height:30px}
.bw-chair{width:30px;height:30px;display:flex;flex-direction:column;align-items:center;gap:3px;animation:bw-pop .35s cubic-bezier(.34,1.56,.64,1)}
.bw-chair i{display:block;background:var(--p)}
.bw-chair .back{width:26px;height:5px;border-radius:28px}
.bw-chair .seat{width:30px;height:22px;border-radius:5px}
.bw-top{height:55px;border-radius:8px;background:var(--tint);transition:width .3s ease}
@keyframes bw-pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
/* qty */
.bw-qty{display:flex;align-items:center;gap:10px}
.bw-min,.bw-add{position:relative;border:0;cursor:pointer;height:28px;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:0}
.bw-min{width:28px;background:var(--tint);color:var(--picon)}
.bw-add{min-width:54px;padding:0 10px 0 12px;gap:8px;background:var(--p);color:var(--white);font:500 16px/20px 'Inter',sans-serif}
.bw-min::after,.bw-add::after{content:"";position:absolute;inset:-4px;border-radius:24px;border:2px solid var(--p);opacity:0;transition:opacity .15s}
.bw-add::after{box-shadow:inset 0 0 0 2px var(--bg)}
.bw-min.press::after,.bw-add.press::after{opacity:1}
.bw-min:disabled,.bw-add:disabled{opacity:.45;cursor:not-allowed}
/* toggle */
.bw-tog{position:relative;width:39px;height:24px;border-radius:12px;border:0;padding:0;cursor:pointer;background:var(--togoff);transition:background .2s}
.bw-tog[aria-checked="true"]{background:var(--p)}
.bw-tog span{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);box-shadow:0 1px 2px rgba(16,24,40,.2);transition:transform .2s}
.bw-tog[aria-checked="true"] span{transform:translateX(15px)}
/* month */
.bw-month{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.bw-month.press{border-color:var(--p);box-shadow:0 0 0 4px var(--glow)}
.bw-arrow{width:30px;height:28px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--arrow);border-radius:4px}
.bw-arrow:disabled{opacity:.35;cursor:default}
/* scrollers */
.bw-scroll{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;margin-right:-16px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;user-select:none;-webkit-user-select:none;scroll-padding-inline:0 16px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.bw-scroll::-webkit-scrollbar{display:none}
.bw-scroll[data-at="mid"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 40px),transparent)}
.bw-scroll[data-at="end"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 28px);mask-image:linear-gradient(to right,transparent,#000 28px)}
.bw-scroll[data-at="none"]{-webkit-mask-image:none;mask-image:none}
.bw-scroll.drag{cursor:grabbing}
.bw-scroll > *{-webkit-user-drag:none}
@media (pointer: coarse){.bw-scroll{scroll-snap-type:x proximity}.bw-scroll > *{scroll-snap-align:start}}
.bw-day{flex:none;width:40px;height:60px;border-radius:15px;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transition:background .2s,color .2s}
.bw-day b{font:600 18px/28px 'Inter',sans-serif}
.bw-day small{font:400 14px/20px 'Inter',sans-serif}
.bw-day[data-s="on"]{background:var(--p);color:var(--white)}
.bw-day[data-s="avail"]{background:var(--soft);color:var(--ptext)}
.bw-day[data-s="off"]{background:var(--bg);color:var(--muted);cursor:not-allowed}
.bw-time{flex:none;height:32px;padding:0 20px;border:0;border-radius:6px;cursor:pointer;font:400 16px/24px 'Inter',sans-serif;white-space:nowrap;background:var(--soft);color:var(--ptext);transition:background .2s,color .2s}
.bw-time[aria-pressed="true"]{background:var(--p);color:var(--white)}
/* fields */
.bw-field{display:flex;align-items:center;gap:8px;height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s,box-shadow .15s}
.bw-field.focus,.bw-field:focus-within{border-color:var(--ring);box-shadow:0 0 0 4px var(--glow)}
.bw-field svg{flex:none;color:var(--icon)}
.bw label.bw-field input{flex:1;min-width:0;width:auto;height:auto;margin:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;appearance:none;font:400 14px/20px 'Inter',sans-serif;color:var(--ink);padding:0}
.bw label.bw-field input::placeholder{color:var(--muted);opacity:1}
.bw-caret{display:inline-block;width:2px;height:18px;background:var(--p);margin-left:-6px;animation:bw-blink 1s steps(1) infinite}
@keyframes bw-blink{50%{opacity:0}}
/* buttons */
.bw-btn{height:36px;border:0;border-radius:6px;cursor:pointer;font:500 16px/24px 'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;transition:transform .12s,filter .15s}
.bw-btn-p{background:var(--p);color:var(--white)}
.bw-btn-s{background:var(--soft);color:var(--ptext)}
.bw-btn.press{transform:scale(.97);filter:brightness(.92)}
.bw-btn:focus-visible,.bw-day:focus-visible,.bw-time:focus-visible,.bw-min:focus-visible,.bw-add:focus-visible,.bw-tog:focus-visible,.bw-arrow:focus-visible{outline:2px solid var(--p);outline-offset:2px}
/* alerts */
.bw-alert{border-radius:6px;padding:16px;display:grid;grid-template-columns:16px 1fr;gap:4px 12px;font:400 16px/24px 'Inter',sans-serif}
.bw-alert p{margin:0}
.bw-warn{background:var(--wbg);border:1px solid var(--wline);color:var(--wtx)}
.bw-warn .t{font-weight:500;color:var(--wt)}
.bw-ok{background:var(--obg);border:1px solid var(--oline);color:var(--otx)}
.bw-ok .t{font-weight:600;color:var(--ot)}
.bw-alert a{color:var(--wt);font-weight:500;text-decoration:none}
/* mode toggle */
.bw-mode{width:44px;height:44px;border-radius:50%;border:1px solid var(--pepper-7);background:var(--white);color:var(--blueberry-12);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-md);transition:background .2s,color .2s}
.bw-mode[aria-pressed="true"]{background:var(--blueberry-10);color:var(--white);border-color:var(--blueberry-10)}
.bw-mode:focus-visible{outline:2px solid var(--blueberry-10);outline-offset:3px}
/* success */
.bw-done{animation:bw-in .35s ease}
@keyframes bw-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bw-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bw-confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:0;animation:bw-fall 1.8s ease-in forwards}
@keyframes bw-fall{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),420px) rotate(540deg)}}
/* slider */
.bw-slider{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}
.bw .bw-slider label{width:auto;align-self:center;text-align:center;font:800 11px/14px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--pepper-11);writing-mode:vertical-rl;transform:rotate(180deg)}
.bw .bw-slider input.bw-range{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;margin:0;padding:0;border:2px solid var(--white);border-radius:999px;cursor:grab;box-shadow:var(--sh-md);background:transparent !important}
.bw .bw-slider input.bw-range:active{cursor:grabbing}
.bw .bw-slider input.bw-range::-webkit-slider-runnable-track{height:100%;border:0;border-radius:999px;background:var(--hue-track)}
.bw .bw-slider input.bw-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:var(--p);border:4px solid var(--white);box-shadow:0 2px 6px rgba(25,40,71,.35)}
.bw .bw-slider input.bw-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--p);border:4px solid var(--white);box-shadow:0 2px 6px rgba(25,40,71,.35)}
.bw .bw-slider input.bw-range::-moz-range-track{height:100%;border:0;border-radius:999px;background:var(--hue-track)}
.bw .bw-slider input.bw-range:focus-visible{outline:2px solid var(--blueberry-10);outline-offset:3px}
.bw-replay{border:0;background:transparent;cursor:pointer;font:800 14px/20px var(--sans);color:var(--blueberry-12);border-bottom:2px solid var(--starberry-9);padding:2px 0;min-height:32px}
/* paid reservations switch (Flavory style) */
.fl-paid{display:flex;align-items:center;gap:12px;align-self:flex-start;font-family:var(--sans);color:var(--blueberry-12)}
.fl-paid label{font:900 16px/22px var(--sans);cursor:pointer}
.fl-switch{position:relative;flex:none;width:56px;height:32px;border-radius:999px;border:0;padding:0;cursor:pointer;background:var(--pepper-7);transition:background .2s}
.fl-switch[aria-checked="true"]{background:var(--action-primary)}
.fl-switch span{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--white);box-shadow:0 2px 4px rgba(25,40,71,.25);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
.fl-switch[aria-checked="true"] span{transform:translateX(24px)}
.fl-switch:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
/* payment step */
.bw-pay{display:flex;flex-direction:column;gap:16px;animation:bw-in .3s ease}
.bw-back{width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--arrow);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.bw-back:focus-visible,.bw-segb:focus-visible,.bw-tile:focus-visible{outline:2px solid var(--p);outline-offset:2px}
.bw-line{display:flex;justify-content:space-between;gap:10px;font:400 14px/20px 'Inter',sans-serif;color:var(--ink)}
.bw-line.total{font:600 16px/24px 'Inter',sans-serif;border-top:1px solid var(--line);padding-top:10px;margin-top:2px}
.bw-muted{color:var(--muted)}
.bw-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:var(--soft)}
.bw-segb{height:32px;border:0;border-radius:6px;background:transparent;color:var(--ptext);font:500 14px/20px 'Inter',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.bw-segb[aria-pressed="true"]{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.15)}
.bw-cardrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.bw-cardrow .bw-field{min-width:0}
.bw label.bw-field input{width:auto}
.bw-brands{display:flex;gap:4px;flex:none}
.bw-brand{height:18px;padding:0 4px;border-radius:3px;font:800 9px/18px 'Inter',sans-serif;letter-spacing:.02em}
.bw-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bw-tile{height:48px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 6px;transition:border-color .15s,box-shadow .15s}
.bw-tile[aria-pressed="true"]{border-color:var(--p);box-shadow:0 0 0 3px var(--glow)}
.bw-mark{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:5px;font-family:'Inter',sans-serif;white-space:nowrap}
.bw-note{margin:0;font:400 12px/18px 'Inter',sans-serif;color:var(--muted);display:flex;align-items:center;gap:6px}
/* receipt */
.bw-receipt{width:100%;border:1.5px dashed var(--muted);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.bw-paidpill{font:600 12px/18px 'Inter',sans-serif;padding:1px 8px;border-radius:999px;background:var(--obg);color:var(--otx);border:1px solid var(--oline)}
@media (prefers-reduced-motion: reduce){.fl-switch span,.bw-pay,.bw-chair,.bw-done,.bw-confetti i{animation:none}.bw-confetti{display:none}}

body{margin:0}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.faq details[open] .chev{transform:rotate(180deg)}

body{margin:0}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.faq details[open] .chev{transform:rotate(180deg)}

body{margin:0}
.mi-opt{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border:1.5px solid var(--pepper-6);border-radius:14px;cursor:pointer;font:700 15px/20px var(--sans);color:var(--blueberry-12);background:var(--white);transition:border-color .15s,background .15s}
.mi-opt input{width:20px;height:20px;margin:0;accent-color:var(--action-primary);flex:none}
.mi-opt:has(input:checked){border-color:var(--starberry-9);background:var(--starberry-2)}
.mi-opt:has(input:disabled){opacity:.45;cursor:not-allowed}
.mi-opt:has(input:focus-visible){outline:2px solid var(--tastemaker-9);outline-offset:2px}
.mi-step{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--pepper-7);background:var(--white);color:var(--blueberry-12);font:800 20px/1 var(--sans);cursor:pointer}
.mi-step:focus-visible,.mi-add:focus-visible,.mi-up:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:2px}
.mi-add{border:0;cursor:pointer}
.mi-up{border:0;cursor:pointer;width:36px;height:36px;border-radius:50%;background:var(--starberry-3);color:var(--danger-11);font:900 20px/1 var(--sans);flex:none}

body{margin:0}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.faq details[open] .chev{transform:rotate(180deg)}
.dl-seg{border:0;cursor:pointer;min-height:44px;padding:0 14px;border-radius:999px;font:800 15px/22px var(--sans);flex:1}
.dl-seg:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:2px}

body{margin:0}
.lg-tab{border:0;cursor:pointer;min-height:44px;padding:0 20px;border-radius:999px;font:800 15px/22px var(--sans);display:inline-flex;align-items:center;justify-content:center}
.lg-tab:focus-visible,.lg-toc a:focus-visible,.lg-otp summary:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.lg-toc a{display:block;padding:8px 14px;border-left:2px solid var(--pepper-6);color:var(--pepper-11);text-decoration:none;font:700 15px/22px var(--sans)}
.lg-toc a:hover{color:var(--blueberry-12);border-left-color:var(--starberry-9)}
.lg-otp summary{list-style:none;cursor:pointer}
.lg-otp summary::-webkit-details-marker{display:none}
.lg-otp[open] .chev{transform:rotate(180deg)}
.lg-sec{scroll-margin-top:100px}

body{margin:0}
.chip{border:1px solid var(--pepper-7);background:var(--white);color:var(--blueberry-12);cursor:pointer;min-height:44px;padding:0 18px;border-radius:999px;font:800 15px/22px var(--sans);display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--blueberry-10)}
.chip[aria-pressed="true"]{background:var(--blueberry-10);border-color:var(--blueberry-10);color:var(--white)}
.chip:focus-visible,.nl-btn:focus-visible,.post:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.post{color:var(--blueberry-12);text-decoration:none;display:flex;flex-direction:column;gap:14px;background:var(--white);border:1px solid var(--pepper-6);border-radius:24px;padding:12px 12px 26px;box-shadow:var(--sh-md);transition:transform .2s,box-shadow .2s}
.post:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.post:hover .pt{color:var(--starberry-11)}
.nl-in{flex:1;min-width:0;min-height:52px;border:1px solid var(--pepper-6);border-radius:999px;padding:0 22px;font:400 16px/24px var(--sans);color:var(--blueberry-12);background:var(--white)}
.nl-in:focus{outline:2px solid var(--tastemaker-9);outline-offset:1px}
.nl-btn{border:0;cursor:pointer}

body{margin:0}
.prose{color:var(--blueberry-12);font:400 19px/32px var(--sans)}
.prose p{margin:0 0 22px}
.prose .intro{font:400 22px/36px var(--sans);color:var(--blueberry-12);margin-bottom:12px}
.prose h2{font-family:"Alfa Slab One",serif;font-weight:400;font-size:34px;line-height:42px;margin:56px 0 18px;scroll-margin-top:110px}
.prose h3{font:900 22px/30px var(--sans);margin:36px 0 12px}
.prose ul,.prose ol{margin:0 0 26px;padding-left:28px}
.prose li{margin:0 0 12px;padding-left:4px}
.prose li::marker{color:var(--starberry-11);font-weight:900}
.prose strong{font-weight:900}
.prose blockquote{margin:40px 0;padding:8px 0 8px 32px;border-left:5px solid var(--starberry-9)}
.prose blockquote p{margin:0;font-family:"Alfa Slab One",serif;font-size:30px;line-height:40px;color:var(--blueberry-12)}
.callout{display:flex;gap:16px;align-items:flex-start;background:var(--starberry-2);border:1px solid #f3d38c;border-radius:20px;padding:22px 24px;margin:8px 0 30px}
.callout p{margin:0;font:400 17px/27px var(--sans)}
.callout .callout-t{font:900 17px/26px var(--sans);margin-bottom:4px}
.callout-ic{flex:none;width:32px;height:32px;border-radius:50%;background:var(--warning-11);color:var(--white);display:flex;align-items:center;justify-content:center;font:900 17px/1 var(--sans)}
.cta{display:flex;align-items:center;gap:20px;margin:44px 0;padding:24px 28px;background:var(--blueberry-10);color:var(--white);border-radius:24px;text-decoration:none;box-shadow:var(--sh-lg)}
.cta:hover .cta-go{background:var(--white);color:var(--blueberry-12)}
.cta:focus-visible,.toc a:focus-visible,.rel:focus-visible,.share:focus-visible{outline:2px solid var(--tastemaker-9);outline-offset:3px}
.cta-badge{flex:none;width:56px;height:56px;border-radius:18px;background:var(--starberry-9);display:flex;align-items:center;justify-content:center}
.cta-body{flex:1;display:flex;flex-direction:column;gap:2px}
.cta-t{font:900 20px/28px var(--sans)}
.cta-d{font:400 16px/24px var(--sans);color:var(--pepper-7)}
.cta-go{flex:none;border:2px solid var(--white);border-radius:999px;padding:12px 20px;font:800 15px/20px var(--sans);transition:background .15s,color .15s}
.toc a{display:block;padding:8px 0 8px 16px;border-left:2px solid var(--pepper-6);color:var(--pepper-11);text-decoration:none;font:700 15px/22px var(--sans)}
.toc a:hover{color:var(--starberry-11);border-left-color:var(--starberry-9)}
.share{width:44px;height:44px;border-radius:50%;border:1px solid var(--pepper-7);background:var(--white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--blueberry-12)}
.rel{color:var(--blueberry-12);text-decoration:none;display:flex;flex-direction:column;gap:12px;background:var(--white);border:1px solid var(--pepper-6);border-radius:24px;padding:12px 12px 24px;box-shadow:var(--sh-md);transition:transform .2s}
.rel:hover{transform:translateY(-3px)}
.stack{position:relative;isolation:isolate;min-width:0}
.stack::before,.stack::after,.sheet3,.sheet4{content:"";position:absolute;inset:0;z-index:0;border-radius:2px;background:var(--blueberry-1);box-shadow:0 0 3px rgba(25,40,71,.25),0 2px 6px rgba(25,40,71,.1)}
.stack::before{left:16px;right:16px;transform:translateY(-1px) skewY(.9deg)}
.stack::after{left:30px;right:24px;transform:translateY(-2px) skewY(-1.25deg)}
.sheet3{top:22px;left:-16px;right:14px;bottom:-10px;transform:skewY(-1.1deg)}
.sheet4{top:8px;left:14px;right:-13px;bottom:-6px;transform:skewY(.9deg)}
.paper{position:relative;z-index:1;padding:48px 52px;border-radius:2px;background:var(--white);box-shadow:0 0 4px rgba(25,40,71,.26),0 12px 28px -14px rgba(25,40,71,.3)}

@media (max-width:1023px){
  .flavory-page section#top[style*="grid-template"],
  .flavory-page section#faq,
  .flavory-page section#fees,
  .flavory-page section#tracking,
  .flavory-page [style*="grid-template-columns: repeat(3"],
  .flavory-page [style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr !important}
  .flavory-page h1.alfa{font-size:46px !important;line-height:52px !important}
  .flavory-page h2.alfa{font-size:36px !important;line-height:44px !important}
  .flavory-page section#top [style*="260px minmax"]{grid-template-columns:1fr !important}
}
@media (max-width:767px){
  .flavory-page h1.alfa{font-size:42px !important;line-height:48px !important}
  .flavory-page h2.alfa{font-size:32px !important;line-height:38px !important}
  .flavory-page section:last-of-type > div[style*="padding: 72px"]{flex-direction:column !important;align-items:stretch !important;padding:44px 24px !important;border-radius:24px !important;gap:16px !important}
  .flavory-page section:last-of-type > div[style*="padding: 72px"] .btn{width:100%}
}
.flavory-post .post-toc-mob{display:none}
.flavory-post .post-toc-mob summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font:900 16px/22px var(--sans);color:var(--blueberry-12)}
.flavory-post .post-toc-mob summary::-webkit-details-marker{display:none}
.flavory-post .post-toc-mob[open] .chev{transform:rotate(180deg)}
.flavory-post .post-toc-mob a{display:block;padding:10px 18px;border-top:1px solid var(--pepper-4);color:var(--blueberry-12);text-decoration:none;font:700 15px/22px var(--sans)}
.flavory-post .post-toc-mob a:hover{color:var(--starberry-11)}
@media (max-width:1023px){
  .flavory-post .post-body{grid-template-columns:minmax(0,1fr) !important;gap:28px !important}
  .flavory-post .post-toc-desk{display:none !important}
  .flavory-post .post-toc-mob{display:block}
  .flavory-post .post-related{grid-template-columns:1fr !important}
}
@media (max-width:767px){
  .flavory-page.flavory-post section#top{align-items:flex-start !important;text-align:left !important;padding-top:32px !important;padding-bottom:24px !important;gap:14px !important}
  .flavory-page.flavory-post section#top > div{justify-content:flex-start !important}
  .flavory-page.flavory-post h1.alfa{font-size:34px !important;line-height:41px !important}
  .flavory-page.flavory-post section#top > p{font-size:17px !important;line-height:27px !important}
  .flavory-post .post-hero-wrap{padding-bottom:28px !important}
  .flavory-post .post-hero{height:200px !important;border-radius:22px !important;gap:18px !important}
  .flavory-post .post-tile{width:92px !important;height:92px !important;border-radius:26px !important}
  .flavory-post .post-tile svg{width:44px !important;height:44px !important}
  .flavory-post .post-arrow{width:54px !important;height:24px !important}
  .flavory-post .post-body{padding-bottom:64px !important}
  .flavory-post .paper{padding:26px 20px !important}
  .flavory-post .prose .intro{font-size:18px !important;line-height:30px !important}
  .flavory-post .cta{flex-wrap:wrap}
  .flavory-post .post-author{flex-direction:column !important;align-items:flex-start !important;padding:20px !important}
  .flavory-post .post-related-head{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
  .flavory-post .post-related-head h2.alfa{font-size:30px !important;line-height:36px !important}
  .flavory-post .post-related .rel{flex-direction:row;align-items:center;gap:14px;border-radius:20px;padding:10px 16px 10px 10px}
  .flavory-post .post-related .rel > span:first-child{width:72px !important;height:72px !important;flex:none;border-radius:14px}
  .flavory-post .post-related .rel > span:first-child > span:first-child{display:none}
  .flavory-post .post-related .rel > span:first-child > span:last-child{width:auto !important;height:auto !important;background:transparent !important;box-shadow:none !important}
  .flavory-post .post-related .peek-slot{right:28px !important;top:-40px !important;width:54px !important}
}
@media (max-width:767px){
  .flavory-page section#top{grid-template-columns:minmax(0,1fr) !important}
  .flavory-page section#top > div{min-width:0 !important;max-width:100%}
  .flavory-page section#top [style*="width: 440px"]{width:100% !important;max-width:100%}
  .flavory-page section#top span[style*="width: 520px"]{width:100% !important;height:100% !important;left:0 !important;top:0 !important;transform:none !important}
  .flavory-page section#top > div > div[style*="gap: 28px"],
  .flavory-page section#top .w > div > div[style*="gap: 28px"]{flex-direction:column !important;align-items:stretch !important;width:100%;gap:14px !important}
  .flavory-page section#top ul[style*="gap: 28px"]{flex-direction:column !important;align-items:flex-start;gap:8px !important}
  .flavory-page section#top .btn{width:100%}
  .flavory-page section#top .lnk{align-self:center}
  .flavory-page section#top > .w[style*="padding-bottom: 480px"]{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;padding-top:48px !important;padding-bottom:16px !important}
  .flavory-page section#top .lockup{width:min(270px,100%) !important;align-self:center}
  .flavory-page section#top .scooter{position:relative !important;left:auto !important;bottom:auto !important;width:100% !important;margin-top:8px}
  .flavory-page section#top .road{bottom:0 !important}
  .flavory-page [style*="right: -18px"]{right:8px !important}
  .flavory-page #plans > div[style*="repeat(3"]{padding-top:18px}
  .flavory-page #plans > div[style*="repeat(3"] > div:nth-child(2){order:-1}
  .flavory-page #compare > div{overflow-x:auto;max-width:100%}
  .flavory-page table.cmp th:first-child,
  .flavory-page table.cmp th[scope="row"]{position:sticky;left:0;background:var(--white);z-index:1}
  .flavory-page [style*="grid-template-columns: minmax"]{grid-template-columns:minmax(0,1fr) !important;gap:24px !important}
  .flavory-page [style*="padding: 72px;"]{padding:32px 20px !important}
  .flavory-page section#top,.flavory-page #compare{overflow-x:clip}
}

/* Phone type, left alignment, FAQ order, and the shared row patterns. */
@media (max-width:1023px){
  .flavory-page section#faq > div[style*="position: sticky"]{position:static !important}
}
@media (max-width:767px){
  .flavory-page section#top,
  .flavory-page section#top > div:first-child{align-items:flex-start !important;text-align:left !important}
  .flavory-page section#top .lnk{align-self:flex-start !important}
  .flavory-page section#top p[style*="font: 400 2"],
  .flavory-page section#top p[style*="font: 400 19"],
  .flavory-page section#top > div:first-child > p{font-size:17px !important;line-height:27px !important}
  .flavory-page p[style*="font: 400 19px"],
  .flavory-page p[style*="font: 400 18px"],
  .flavory-page p[style*="font: 400 17px"]{font-size:16px !important;line-height:25px !important}
  .flavory-page h2.alfa{font-size:32px !important;line-height:38px !important}
  .flavory-page section#top h1.alfa[style*="font-size: 64px"]{font-size:32px !important;line-height:38px !important;letter-spacing:-.5px !important;white-space:nowrap}
  .flavory-page section > div[style*="text-align: center"]{align-items:flex-start !important;text-align:left !important}
  .flavory-page section#faq{display:flex !important;flex-direction:column !important;gap:24px !important}
  .flavory-page section#faq > div:first-child{display:contents !important;position:static !important}
  .flavory-page section#faq > div:nth-child(2){order:1}
  .flavory-page section#faq a.lnk{order:2;align-self:flex-start !important;margin-top:8px}
  .flavory-page section#how ol{display:flex !important;flex-direction:column;gap:28px !important;padding:0 0 0 8px !important}
  .flavory-page section#how ol li{display:grid !important;grid-template-columns:56px minmax(0,1fr);column-gap:24px;row-gap:4px;align-items:start !important;text-align:left !important}
  .flavory-page section#how ol li .step-ring{grid-row:1 / span 2;width:56px !important;height:56px !important;margin:0 !important;font-size:26px !important}
  .flavory-page section#how ol li p,.flavory-page section#how ol li h3{margin:0 !important;text-align:left !important;max-width:none !important}
  .flavory-page section#top > div:last-child > div[role="img"]{display:none !important}
  .flavory-page section#top > div:last-child:has(div[role="img"]){display:flex !important;justify-content:center;padding:0 !important}
  .flavory-page section#top > div:last-child > div[aria-hidden="true"][style*="width: 150px"]{position:relative !important;right:auto !important;bottom:auto !important;width:180px !important;margin:0 auto}
  .flavory-page section#plans:has(a[href="/pricing/#compare"]) > div{display:flex !important;flex-direction:column}
  .flavory-page section#plans:has(a[href="/pricing/#compare"]) > div > div[style*="space-between"]{display:contents !important}
  .flavory-page section#plans:has(a[href="/pricing/#compare"]) > div > div[style*="repeat(3"]{order:1}
  .flavory-page section#plans:has(a[href="/pricing/#compare"]) a.lnk{order:2;align-self:flex-start}
  .mi-add{white-space:normal !important;min-width:0;padding-left:12px !important;padding-right:12px !important}
  div[aria-label="Example of a menu item in the editor"] > div:first-child{flex-wrap:wrap !important;align-items:flex-start !important}
  div[aria-label="Example of a menu item in the editor"] .badge{margin-top:8px}
  #tracking,#fees{display:flex !important;flex-direction:column !important;gap:28px !important}
  #tracking > div:nth-child(2),#fees > div:first-child{display:contents !important}
  #tracking > div:first-child{order:2}
  #tracking > div:nth-child(2) > p:last-child{order:3}
  #fees > div[role="group"]{order:2}
  #fees > div:first-child > ul{order:3}
  [aria-label="Filter posts by topic"]{flex-wrap:nowrap !important;justify-content:flex-start !important;overflow-x:auto;max-width:100%}
  .chip{flex:none}
  a.post{grid-template-columns:1fr !important;padding:12px !important;gap:16px !important}
  a.post > span[style*="height: 400px"]{height:200px !important}
  .pt{font-size:26px !important;line-height:32px !important}
  form:has(.nl-btn) > div[style*="display: flex"]{flex-direction:column !important}
  .nl-in,.nl-btn{width:100%}
  .flavory-post .cta{flex-direction:column;align-items:flex-start}
  .flavory-post .cta-go{width:100%;text-align:center;box-sizing:border-box}
  .flavory-post section:has(.post-related-head){display:flex;flex-direction:column}
  .flavory-post .post-related-head{display:contents !important}
  .flavory-post .post-related-head > div{order:1}
  .flavory-post .post-related-head + div{order:2}
  .flavory-post .post-related-head .lnk{order:3;align-self:flex-start}
  div[role="group"][aria-label="Legal documents"]{display:flex !important;width:100%}
  .lg-tab{flex:1;text-align:center}
  .lg-toc{position:static !important}
}
.lg-toc-mob{border:1px solid var(--pepper-6);border-radius:16px;background:var(--white);margin:0 0 28px}
.lg-toc-mob summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font:900 15px/22px var(--sans);color:var(--blueberry-12)}
.lg-toc-mob summary::-webkit-details-marker{display:none}
.lg-toc-mob summary::after{content:"";width:16px;height:16px;background:center / 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23da0039' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E")}
.lg-toc-mob[open] summary::after{transform:rotate(180deg)}
.lg-toc-mob .lg-toc{padding:0 16px 12px}