/* Three new closed-card treatments. The approved .use-detail / .use-steps
   content and styling remain identical to the original Soft cycle cards. */
.cycle-cover .use-list{gap:16px}.cycle-cover .use-entry{border:1px solid #d6e2da;border-radius:14px;box-shadow:0 3px 10px #17352f05}.cycle-cover .use-entry>summary{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;overflow:hidden;background:#fff;border-radius:13px}.cycle-cover .use-entry[open]>summary{border-radius:13px 13px 0 0;background:#fff;border-bottom:1px solid #d8e3de}.cover-use{font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.5;color:#173b30}.cover-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8e5dc;background:#fff;border-radius:8px;flex-shrink:0;color:#4d715e}.cover-arrow svg{width:12px;height:12px}.use-entry[open] .cover-arrow svg{transform:rotate(90deg)}.cover-top{display:flex;align-items:center;gap:10px;min-width:0}.cover-top>.cover-arrow{margin-left:auto}.cover-symbol{display:grid;place-items:center;width:30px;height:30px;background:#fff;border:1px solid #d8e5dc;border-radius:8px;color:#4e7c62;flex-shrink:0}.cover-symbol svg{width:16px;height:16px}.cover-period{display:block;font-size:12px;line-height:1.65;color:#5b7465}.cover-duration{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.cover-duration strong{font-size:15px;line-height:1.5;font-weight:700;letter-spacing:-.02em;color:#76501d}.cover-duration>span{font-size:10px;font-weight:500;color:#7a6b50}.cover-duration.short-use{white-space:normal}.cover-duration.short-use strong{font-size:12px}.cover-duration.short-use>span{display:none}
/* A: sage title band anchors each card, with a calm facts row below. */
.cover-band .cover-top{padding:13px 16px;background:#edf5ef;border-bottom:1px solid #e0e9e3}.cover-band .cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;min-width:0}.cover-band .cover-bottom>.cover-period{min-width:0}.cover-band .cover-duration{padding:7px 10px;background:#fff6e6;border:1px solid #f0e1c2;border-radius:8px;flex-direction:column;align-items:center;gap:0;flex-shrink:0}.cover-band .cover-duration>span{font-size:9px}.cover-band .cover-duration.short-use{max-width:104px;text-align:center}
/* B: one occupied-duration block, with title and date in an aligned right area. */
.cover-split .use-entry>summary{display:grid;grid-template-columns:92px minmax(0,1fr) 30px;gap:16px;align-items:center;padding:14px;min-height:108px}.cover-duration-panel{display:flex;justify-content:center;align-items:center;align-self:stretch;border-radius:10px;background:#edf5ef;border:1px solid #dbe8df;padding:12px 8px;min-height:78px}.cover-duration-panel .cover-duration{flex-direction:column;align-items:center;gap:4px;text-align:center}.cover-duration-panel .cover-duration strong{font-size:20px;color:#245b42;line-height:1.35}.cover-duration-panel .cover-duration>span{font-size:10px;color:#55745e}.cover-duration-panel .cover-duration.short-use strong{font-size:13px}.cover-main{display:grid;gap:8px;min-width:0}.cover-split .cover-period{font-size:12px}.cover-split .cover-arrow{width:28px;height:28px}
/* C: distinct start/end date panels, keeping each date and label together. */
.cover-dates .cover-top{padding:16px 16px 14px}.cover-dates .cover-top .cover-duration{margin-left:auto;padding:5px 8px;border-radius:6px;background:#fff5e3;border:1px solid #eee0c0;flex-shrink:0}.cover-dates .cover-top .cover-duration strong{font-size:12px}.cover-dates .cover-top .cover-duration>span{display:none}.cover-dates .cover-top>.cover-arrow{margin-left:2px}.cover-date-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:9px;padding:0 16px 16px}.cover-date-pair>span:not(.cover-date-arrow){display:grid;gap:5px;background:#f5f8f6;border:1px solid #e0e8e2;border-radius:8px;padding:10px 12px;min-width:0}.cover-date-pair>span>span{font-size:10px;color:#607b69;line-height:1.5}.cover-date-pair time{font-size:12px;font-weight:600;line-height:1.6;color:#244637}.cover-date-arrow{font-size:15px;color:#7f9689;text-align:center}
@media(min-width:760px){.cycle-cover .use-list{gap:18px}.cover-band .cover-top{padding:14px 22px}.cover-band .cover-bottom{padding:18px 22px}.cover-period{font-size:13px}.cover-split .use-entry>summary{grid-template-columns:112px minmax(0,1fr) 32px;gap:22px;padding:18px 22px;min-height:118px}.cover-main{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:20px}.cover-duration-panel{min-height:80px}.cover-split .cover-period{font-size:13px}.cover-dates .cover-top{padding:18px 22px 16px}.cover-date-pair{padding:0 22px 20px;gap:16px}.cover-date-pair>span:not(.cover-date-arrow){padding:13px 16px}.cover-date-pair time{font-size:13px}}
@media(max-width:360px){.cover-use{font-size:14px}.cover-band .cover-top,.cover-dates .cover-top{padding:12px}.cover-band .cover-bottom{padding:12px;gap:8px}.cover-band .cover-duration{padding:6px 8px}.cover-period{font-size:11px}.cover-split .use-entry>summary{grid-template-columns:78px minmax(0,1fr) 24px;padding:12px;gap:10px;min-height:100px}.cover-split .cover-period{font-size:11px}.cover-split .cover-arrow{width:24px;height:26px}.cover-duration-panel .cover-duration strong{font-size:18px}.cover-duration-panel .cover-duration.short-use strong{font-size:11px}.cover-date-pair{padding:0 12px 12px;gap:6px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.cover-date-pair>span:not(.cover-date-arrow){padding:9px}.cover-date-pair time{font-size:11px}.cover-dates .cover-top .cover-duration{padding:4px 6px}}