.date-shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto}select{width:100%;height:44px;border:1px solid #cbd5dd;border-radius:6px;padding:0 12px;background:#f8fafb;color:#172026;font:inherit}input[type=date]{width:100%;height:44px;border:1px solid #cbd5dd;border-radius:6px;padding:0 12px;background:#f8fafb;color:#172026}.link-button{text-decoration:none}.explainer{padding-bottom:16px}.explainer p{margin:10px 18px 0;color:#53636c;line-height:1.7}.date-results{display:grid;gap:12px}.date-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:16px;border:1px solid #dbe2e8;border-radius:8px;background:#fff;box-shadow:0 12px 28px #1f2b3614}.score{display:grid;place-items:center;align-content:center;min-height:88px;border-radius:8px;background:#edf2f5;color:#172026}.score.hot{background:#172026;color:#fff}.score strong{font-size:30px;line-height:1}.score span{margin-top:6px;font-size:12px;font-weight:900}.date-main{min-width:0}.date-head{display:flex;justify-content:space-between;gap:12px}.date-head h3{display:block;padding:0;font-size:19px}.date-head p{margin:7px 0 0;color:#53636c;line-height:1.5}.date-head>span{align-self:start;padding:5px 9px;border-radius:999px;background:#e8f3f7;color:#145f79;font-size:12px;font-weight:900;white-space:nowrap}.reason-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.reason-row b,.reason-row em{padding:7px 9px;border-radius:999px;font-size:12px;line-height:1.35}.reason-row b{background:#eef5f2;color:#31594a}.reason-row em{background:#fff3ed;color:#9a4b2f;font-style:normal}.date-detail{margin-top:14px;border-top:1px solid #edf2f5}.date-detail summary{padding:12px 0 0;color:#176b87;cursor:pointer;font-weight:900}.time-recommend{margin-top:12px}.time-recommend h4{margin:0 0 10px;font-size:15px}.time-recommend>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.time-recommend article{padding:12px;border-radius:8px;background:#f7fafb}.time-recommend strong,.time-recommend span,.time-recommend small{display:block}.time-recommend span{margin-top:4px;color:#176b87;font-size:12px;font-weight:900}.time-recommend p,.time-recommend small{margin:6px 0 0;color:#53636c;line-height:1.5}.date-detail .facts{padding:10px 0 0}@media(max-width:840px){.date-shell,.date-card{grid-template-columns:1fr}.score{min-height:72px}.time-recommend>div{grid-template-columns:1fr}}@media(max-width:520px){.date-head{flex-direction:column}}
