.reco-section{margin:36px 0 12px}.reco-section>header{color:var(--forest,#123d31);align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.reco-section>header svg{flex-shrink:0;margin-top:4px}.reco-section h2{font-size:20px;font-family:var(--font-serif),Georgia,serif;color:var(--ink,#16231e);margin:0;font-weight:500}.reco-section header p{color:var(--muted,#6f7a75);margin:4px 0 0;font-size:12px}.reco-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:2px 2px 12px;display:flex;overflow-x:auto}.reco-card{scroll-snap-align:start;border:1px solid var(--line,#e4e1d8);background:#fff;border-radius:12px;flex:0 0 260px;transition:box-shadow .2s,transform .2s;overflow:hidden}.reco-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #123d3114}.reco-photo{background:#eef1ef;height:150px;display:block;position:relative}.reco-photo img{object-fit:cover}.reco-photo span{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#123d31d9;border-radius:20px;max-width:calc(100% - 20px);padding:4px 9px;font-size:10px;position:absolute;bottom:10px;left:10px;overflow:hidden}.reco-copy{padding:14px}.reco-copy h3{margin:0 0 6px;font-size:15px;line-height:1.3}.reco-copy p{color:var(--muted,#6f7a75);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:0 0 10px;font-size:11px;display:flex;overflow:hidden}.reco-copy>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.reco-copy strong{color:var(--forest,#123d31);font-size:15px}.reco-copy small{color:var(--muted,#6f7a75);font-size:11px}.reco-copy footer{border-top:1px solid var(--line,#e4e1d8);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:11px;font-weight:600;display:flex}.reco-copy footer a{color:var(--forest,#123d31);align-items:center;gap:4px;display:flex}.reco-copy footer button{color:var(--muted,#6f7a75);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:11px;display:flex}@media (max-width:700px){.reco-card{flex-basis:78%}}@media (prefers-reduced-motion:reduce){.reco-card{transition:none}.reco-card:hover{transform:none}}