.ul:hover{color:#587477}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid #D6D0C2}
.tile{position:relative;flex:1 1 170px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 14px 22px;text-align:center;background:#FFFFFF;border:1px solid #E4DFD2;border-radius:14px;box-shadow:0 10px 26px rgba(47,66,68,0.10);transition:transform .2s,border-color .2s}
.tile:hover{transform:translateY(-3px);border-color:#AF8E2F}
.tile .gl{display:block;width:22px;height:2px;margin-top:10px;background:#AF8E2F;transition:width .2s}
.tile:hover .gl{width:40px}
.ic{width:48px;height:48px;margin-bottom:8px;border-radius:50%;background:#F2EFE7;color:#587477;display:flex;align-items:center;justify-content:center}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid #D6D0C2;border-radius:999px;background:#FFFFFF;color:#2F4244;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pill.on{border-color:#587477;background:#DCE4E3}
.rl{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #EEE9DB;font-size:15px;font-weight:500;color:#3F5659}
.rl:last-child{border-bottom:0}
.rl:hover{color:#2F4244}
.rl:hover span:first-child{text-decoration:underline;text-decoration-color:#AF8E2F;text-decoration-thickness:2px;text-underline-offset:5px}
.chip{padding:4px 13px;border:1px solid #B9CACB;border-radius:999px;background:rgba(255,255,255,0.85);color:#2F4244;font-weight:500}
.chip:hover{border-color:#587477;background:#FFFFFF}
.chip.rec{border-style:dashed;border-color:#AF8E2F;background:rgba(255,255,255,0.6)}
.oc{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #EEE9DB}
.oc:last-child{border-bottom:0}
.av2{flex:none;width:38px;height:38px;border-radius:50%;background:#DCE4E3;color:#2F4244;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
@media (prefers-reduced-motion: reduce){.ask img{transition:none}.ask:hover img,.ask:focus-visible img{transform:none}}
.bgb{position:absolute;inset:-6%;background:url(/img/bg.jpg) center bottom / cover no-repeat;animation:drift 16s ease-in-out infinite;will-change:transform;z-index:0}
@keyframes drift{0%,100%{transform:translate(-3%,1%) rotate(-.8deg) scale(1.04)}50%{transform:translate(3%,-1.5%) rotate(.8deg) scale(1.08)}}
.bgw{position:absolute;left:0;right:0;bottom:0;height:190px;overflow:hidden;z-index:0;pointer-events:none}
.wv{position:absolute;left:0;bottom:0;width:200%;will-change:transform}
@keyframes wvx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.bgb,.wv{animation:none}}
.ldp{display:none}
.askx:checked ~ .ldp{display:block;animation:ldshow 5s forwards}
@keyframes ldshow{0%{opacity:0;transform:translateY(-6px)}6%{opacity:1;transform:none}92%{opacity:1}100%{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion: reduce){.ldw,.stp span{animation:none}.stp span:first-child{opacity:1}.ldm{animation:ldp 2s ease-in-out infinite}.sk{animation:none}@keyframes ldp{0%,100%{opacity:.45}50%{opacity:1}}}