/* Appetite check page: built on the site's own tokens and the biBerk map styles (assets/biberk/appetite.css). */
.ac{--c:#6366f1;max-width:none;margin-top:0;padding:28px}
.ac-empty{margin:0 0 14px;font-size:.95rem;color:var(--muted)}
.ac-result{scroll-margin-top:84px;min-width:0}
@media (min-width:900px){.ac{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:36px;align-items:start}.ac-result{margin-top:0;padding-top:0;border-top:0}.ac-mapwrap .bbm-grid{max-width:none}}
.ac-form{display:grid;gap:18px}
.ac-set{border:0;margin:0;padding:0;min-width:0}
.ac-set legend{font-weight:700;font-size:.95rem;margin:0 0 8px;padding:0}
.ac-set legend em,.ac-wc .cu-field em{font-style:normal;font-weight:500;font-size:.78rem;color:var(--muted);margin-left:6px}
.ac .cd-chips{margin-top:0;display:flex;flex-wrap:wrap;gap:8px}
.ac-row{display:grid;gap:12px;align-items:start}
@media (min-width:700px){.ac-row{grid-template-columns:260px 1fr}}
.ac-hint{margin:-8px 0 0;font-size:.78rem;color:var(--muted)}
.ac-picked{display:flex;flex-wrap:wrap;gap:6px;min-height:8px;align-self:center}
.ac-pill{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:650;padding:5px 6px 5px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.ac-pill button{font:inherit;line-height:1;width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;color:var(--muted);background:transparent}
.ac-pill button:hover{background:rgba(255,255,255,.12);color:var(--text)}
.ac-wc .cd-search{margin-top:6px}
.ac-wc .cd-search input{height:54px;font-size:1rem}
.ac-wc .cd-search svg{left:20px}
.ac-wc .bbm-sugg li[data-c]{cursor:pointer}
.ac-tiers{display:flex;flex-wrap:wrap;gap:8px}
.ac-tier{position:relative;cursor:pointer}
.ac-tier input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ac-tier span{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:650;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.ac-tier span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.ac-tier input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.ac-tier input:focus-visible+span{outline:2px solid var(--indigo);outline-offset:2px}
.ac-result{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
#acAnswers{display:grid;gap:14px}
#acAnswers{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#acAnswers:not(:empty){margin-bottom:6px}
.ac-card{border-radius:16px;padding:20px;background:var(--panel-2);border:1px solid var(--line);border-top:3px solid var(--c)}
.ac-card h3{margin:0;font-size:1.15rem}
.ac-where{margin:2px 0 12px;font-size:.8rem;color:var(--muted)}
.ac-yes,.ac-no{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:1.05rem;font-weight:650;line-height:1.35}
.ac-count{display:flex;flex-direction:column;gap:2px}
.ac-yes strong{font-size:2.6rem;line-height:1;color:var(--c)}
.ac-count span{font-size:.98rem;font-weight:650}
.ac-yes .ac-ok{margin-top:15px}
.ac-ok,.ac-x{flex:none;width:12px;height:12px;border-radius:50%;margin-top:7px;background:#22c55e}
.ac-x{background:#ef4444}
.ac-sub{margin:8px 0 16px;font-size:.84rem;color:var(--muted)}
.ac-skel{display:grid;gap:12px}
.ac-skel .qf-skel-tile{display:block;height:120px;border-radius:16px;background:rgba(255,255,255,.06)}
.ac-mapwrap{margin-top:24px}
.ac .bbm-st{cursor:default}
.ac .bbm-st.ac-off .bbm-sh{fill:rgba(255,255,255,.03)}
.ac .bbm-st.t-n .bbm-sh{fill:rgba(255,255,255,.04)}
.ac .bbm-st.t-n:not(.ac-off) .bbm-sh{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.5);stroke-width:1.4}
html.light .ac .bbm-st.t-n:not(.ac-off) .bbm-sh{fill:rgba(15,23,42,.1);stroke:rgba(15,23,42,.45)}
html.light .ac-empty{color:#5b6478}
html.light .ac-pill,html.light .ac-tier span{background:#fff;border-color:rgba(15,23,42,.14);color:#0f1420}
html.light .ac-card{background:#f5f7fc;border-color:rgba(15,23,42,.1);border-top-color:var(--c)}
html.light .ac-hint,html.light .ac-where,html.light .ac-sub{color:#5b6478}
html.light .ac-result{border-color:rgba(15,23,42,.1)}
html.light .ac-skel .qf-skel-tile{background:rgba(15,23,42,.06)}
html.light .ac .bbm-st.ac-off .bbm-sh{fill:rgba(15,23,42,.03)}
@media (max-width:899.98px){.ac-result{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}}
@media (max-width:699.98px){
 html,body{overflow-x:hidden}
 .ac{padding:0;display:block;overflow-x:clip}
 .ac-card{padding:18px}
 .ac-yes,.ac-no{font-size:1rem}
 
 .ac-card .btn{display:flex;width:100%;justify-content:center;min-height:48px;text-align:center}
 .ac .cd-chips{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-inline:-20px;padding:4px 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .ac .cd-chips::-webkit-scrollbar{display:none}
 .ac .cd-chip{flex:none;min-height:44px;white-space:nowrap}
 .ac select.qf-in,.ac .cd-search input{min-height:44px;height:48px;width:100%}
 .ac-pill{min-height:36px}.ac-pill button{width:28px;height:28px}
 .ac-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
 .ac-tier span{display:flex;justify-content:center;width:100%;min-height:46px;border:0;border-radius:0;padding:0 6px}
 .ac-tier+.ac-tier span{border-left:1px solid var(--line)}
 .ac-tier input:checked+span{background:color-mix(in srgb,var(--c) 22%,transparent)}
 .ac .qf-foot{position:sticky;bottom:0;z-index:30;margin:0 -20px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg,#07080b) 78%,transparent);display:grid;gap:6px}
 .ac .qf-submit{width:100%;min-height:50px}
 .ac .qf-note{order:2;font-size:.72rem;margin:0;text-align:center}
 .ac .bbm-legend{grid-template-columns:1fr}
}
html.light .ac .qf-foot{background:linear-gradient(to top,#f5f7fc 78%,transparent)}
.ac .qf-submit{white-space:nowrap}

/* canonical line icon: a lucide file from /assets/icons drawn in the line's colour */
.ac-ic{display:inline-block;flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ac .cd-chip{display:inline-flex;align-items:center;gap:7px}
.ac-card h3{display:flex;align-items:center;gap:9px;color:var(--c)}
.ac-card h3 .ac-ic{width:20px;height:20px}

/* ---- simple version (owner: "for brain deads"): numbered steps, big tiles, one search box per question ---- */
.ac-form{gap:26px}
.ac-set legend{font-size:1.12rem;font-weight:750;margin-bottom:12px}
.ac-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:1200px){.ac-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ac-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:14px 8px;text-align:center;font:inherit;font-size:.9rem;font-weight:700;line-height:1.2;cursor:pointer;color:var(--text);border-radius:16px;border:1.5px solid color-mix(in srgb,var(--c) 30%,transparent);background:color-mix(in srgb,var(--c) 8%,transparent);transition:transform .15s ease,background .15s ease,border-color .15s ease}
.ac-tile .ac-ic{width:30px;height:30px;color:var(--c)}
.ac-tile:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--c) 16%,transparent)}
.ac-tile[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 26%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 40%,transparent)}
.ac-tile:focus-visible,.ac-more:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.ac-more{margin-top:12px;font:inherit;font-weight:700;font-size:.92rem;min-height:44px;padding:0 18px;cursor:pointer;color:var(--text);background:transparent;border:1.5px dashed var(--line);border-radius:12px}
.ac-more[hidden]{display:none}
.ac-box{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:54px;padding:6px 12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:text}
.ac-box:focus-within,.ac-wc .cd-search input:focus{border-color:color-mix(in srgb,var(--indigo) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--indigo) 22%,transparent)}
.ac-chips{display:contents}
.ac-in{flex:1 1 150px;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:1rem}
.ac-in::placeholder{color:var(--muted)}
.ac-in::-webkit-search-cancel-button{display:none}
.ac-wc .ac-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ac-wc .ac-chips:empty{display:none}
.ac-pill small{font-size:.72rem;font-weight:600;color:var(--muted)}
.ac-pill{min-height:36px}
.ac-trade{font-size:1rem;font-weight:700}
.ac-code{display:block;font-size:.72rem;color:var(--muted)}
.ac-wc .bbm-sugg li[data-v]{cursor:pointer}
.ac-q2{margin:22px 0 10px;font-weight:700;font-size:1rem}
.ac-q2 em{font-style:normal;font-weight:500;font-size:.78rem;color:var(--muted);margin-left:6px}
.ac-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px}
.ac-tier span{justify-content:center;width:100%;min-height:48px;font-size:.98rem}
.ac .qf-submit{min-height:54px;font-size:1.05rem;padding-inline:34px}
.ac .qf-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.ac-why{margin:8px 0 0;font-size:.84rem;font-weight:650;color:var(--text)}
.ac-why[hidden]{display:none}
.ac .qf-foot{display:grid;gap:4px;justify-items:start}
.ac .qf-note{margin:2px 0 0;font-size:.74rem;color:var(--muted)}
.ac-card{padding:24px}
.ac-card h3{font-size:1.3rem}
.ac-yes strong{font-size:4rem}
.ac-count span{font-size:1.1rem;font-weight:700}
.ac-yes .ac-ok{margin-top:30px;width:14px;height:14px}
.ac-no{font-size:1.1rem}
.ac-card .btn{margin-top:18px;min-height:52px}
.ac-where{margin-bottom:10px}
.ac-mapwrap .bbm-grid{max-width:520px;margin-inline:0}
.ac-mapwrap{margin-top:30px}
.ac-empty{font-size:1.1rem;font-weight:650}
html.light .ac-tile{color:#0f1420;background:color-mix(in srgb,var(--c) 7%,#fff)}
html.light .ac-box{background:#fff;border-color:rgba(15,23,42,.14)}
html.light .ac-in,html.light .ac-why{color:#0f1420}
html.light .ac-more{color:#0f1420;border-color:rgba(15,23,42,.25)}
@media (max-width:699.98px){
 .ac .cd-chips{display:none}
 .ac-tile{min-height:96px;font-size:.88rem}
 .ac-tiers{max-width:none}
 .ac-mapwrap:not(.ac-shown){display:none}
 .ac-mapwrap .bbm-grid{max-width:none}
 .ac .qf-foot{justify-items:stretch;text-align:center}
 .ac-yes strong{font-size:3.4rem}
 .ac-card .btn{width:100%}
}