.history-preview{--green:#176b57;--line:#d8e3de;--muted:#60776f}.sample-appbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;height:64px;border-bottom:1px solid var(--line);background:#fff}.sample-appbar #history-brand{display:flex;align-items:center;gap:10px;color:#17352f;font-size:14px}.sample-appbar #history-brand>.ui-icon{color:var(--green);width:23px;height:23px}.sample-tag{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:4px 7px;border-radius:5px}.history-preview #history-root{max-width:1000px;margin:0 auto}.history-preview .rack-title{padding:24px 22px 18px;margin:0}.history-preview .rack-title h1{font-size:26px;letter-spacing:-.035em}.history-preview .tabs{padding:0 22px;margin:0;gap:24px}.history-preview .tabs button{min-height:48px;font-size:13px}.history-body{padding:24px 22px 32px}.use-history{max-width:880px;margin:0 auto}.use-history-heading{display:flex;align-items:center;gap:10px;margin:0 0 18px}.use-history-heading h2{font-size:15px;line-height:1.5;margin:0}.use-total{min-width:24px;padding:3px 7px;border-radius:6px;background:#edf3ef;color:#426252;text-align:center;font-size:12px;font-weight:600}.use-list{display:grid;gap:12px}.use-entry{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.use-entry>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:6px;padding:16px;min-height:88px;color:#17352f;cursor:pointer;list-style:none}.use-entry>summary:before{content:none}.use-entry>summary::-webkit-details-marker{display:none}.use-entry>summary:focus-visible{outline:3px solid #a76117;outline-offset:-4px}.use-index{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.5}.use-period{grid-column:1;grid-row:2;line-height:1.6;font-size:12px;color:var(--muted)}.use-duration{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}.use-duration strong{font-size:16px;font-weight:650;letter-spacing:-.02em;color:#77501c}.use-duration>span{font-size:10px;color:var(--muted)}.use-chevron{grid-column:3;grid-row:1/3;display:grid;place-items:center;color:#607b6b}.use-chevron svg{width:13px;height:13px}.use-entry[open] .use-chevron{transform:rotate(90deg)}.use-entry[open]>summary{background:#f5f9f6;border-bottom:1px solid var(--line)}.use-detail{padding:20px 16px}.use-steps{list-style:none;margin:0;padding:0;display:grid}.use-step{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:0 0 24px}.use-step:not(:last-child):before{content:'';position:absolute;left:12px;top:26px;bottom:0;width:1px;background:#d5e0d9}.use-step:last-child{padding-bottom:0}.use-dot{display:grid;place-items:center;align-self:start;width:26px;height:26px;background:#f0f5f2;border:1px solid #d4e1d8;border-radius:50%;color:#547361;z-index:1}.use-dot svg{width:13px;height:13px}.use-step.occupied .use-dot{background:#fff2d8;color:#885414;border-color:#eddbb5}.use-step.available .use-dot{background:#e4f1e8;color:#176b57;border-color:#c9dece}.use-step-heading{display:flex;align-items:baseline;gap:3px 16px;justify-content:space-between;flex-wrap:wrap;min-height:24px}.use-step-heading>strong{font-size:13px;line-height:1.7;font-weight:650}.use-step time{font-size:11px;line-height:1.7;color:var(--muted);white-space:nowrap}.use-step p{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}.use-step p svg{width:13px;height:13px;flex-shrink:0;margin-top:3px;color:#64846f}.use-empty{font-size:13px;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:32px 16px;text-align:center}
/* B: one register, with a stable duration column and expandable rows. */
.history-b .use-list{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.history-b .use-entry{border:0;border-radius:0}.history-b .use-entry+.use-entry{border-top:1px solid var(--line)}.use-register-head{display:grid;grid-template-columns:minmax(0,1fr) 110px 14px;gap:14px;padding:0 16px 10px;color:var(--muted);font-size:11px}.use-register-head span:nth-child(2){text-align:right}.history-b .use-entry>summary{grid-template-columns:minmax(0,1fr) 110px 14px;min-height:76px;padding:14px 16px}.history-b .use-index{font-size:13px}.history-b .use-duration strong{font-size:14px;color:#17352f}.history-b .use-entry[open]>summary{background:#f7f9f8}.history-b .use-detail{background:#fcfdfc;padding:20px 16px}
/* C: completed cycles follow a single chronological rail, distinct from stops. */
.history-c .use-list{gap:0;padding-left:0}.history-c .use-entry{position:relative;border:0;border-radius:0;overflow:visible;padding-left:35px}.history-c .use-entry:not(:last-child):before{content:'';position:absolute;left:11px;top:26px;bottom:0;width:1px;background:#d1dfd6}.history-c .use-entry>summary{padding:0 0 22px;min-height:90px;column-gap:12px}.history-c .use-entry[open]>summary{background:transparent;border:0;padding-bottom:16px}.history-c .use-entry:last-child>summary{padding-bottom:0;min-height:66px}.history-c .use-index>.ui-icon{position:absolute;left:0;top:0;box-sizing:border-box;background:#e7f2eb;border:1px solid #cfdfd5;border-radius:50%;padding:5px;width:24px;height:24px;color:#176b57}.history-c .use-detail{padding:18px 16px;margin:0 0 22px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.history-c .use-entry:last-child[open]>summary{padding-bottom:16px}.history-c .use-duration strong{font-size:15px}
@media(min-width:760px){.history-preview .rack-title{padding:32px 36px 24px}.history-preview .tabs{padding:0 36px}.history-body{padding:32px 36px 48px}.use-entry>summary{grid-template-columns:90px minmax(0,1fr) 130px 16px;grid-template-rows:auto;min-height:76px;padding:18px 22px;gap:20px}.use-index{grid-column:1;grid-row:1}.use-period{grid-column:2;grid-row:1;font-size:13px}.use-duration{grid-column:3;grid-row:1}.use-chevron{grid-column:4;grid-row:1}.use-detail{padding:24px 22px}.use-steps{max-width:660px}.history-b .use-entry>summary{grid-template-columns:90px minmax(0,1fr) 130px 16px;min-height:68px;padding:16px 22px;gap:20px}.use-register-head{grid-template-columns:minmax(0,1fr) 130px 16px;padding:0 22px 12px;gap:20px}.history-b .use-detail{padding:24px 22px}.history-c .use-entry>summary{grid-template-columns:90px minmax(0,1fr) 130px 16px;padding-bottom:26px;min-height:80px}.history-c .use-entry:last-child>summary{min-height:54px}.history-c .use-detail{padding:22px}}
@media(max-width:360px){.history-body{padding-inline:16px}.history-preview .rack-title,.history-preview .tabs{padding-inline:16px}.use-entry>summary{padding:14px 12px;column-gap:9px}.use-duration strong{font-size:14px}.use-period{font-size:11px}.history-b .use-entry>summary,.use-register-head{grid-template-columns:minmax(0,1fr) 94px 12px;column-gap:9px;padding-inline:12px}.history-b .use-duration strong{font-size:12px}.use-step-heading{flex-direction:column;gap:0}.history-c .use-entry{padding-left:31px}}

.use-history-heading{display:block;margin-bottom:20px}.use-history-heading h2{font-size:18px;line-height:1.5}.history-body{padding-top:24px}.use-history .use-list{align-items:start}@media(min-width:900px){.cover-dates .use-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}

/* Selected B Month groups: unchanged Date panels and expanded journeys. */
.arrangement-months{max-width:1060px;margin:0 auto}.arrangement-months .use-history{max-width:none}.arrangement-months .use-list{grid-template-columns:minmax(0,1fr)}.history-month{margin:0 0 26px}.history-month>h3{margin:0 0 12px;padding:9px 12px;background:#f0f6f2;border-left:3px solid #b0cfbb;border-radius:0 6px 6px 0;font-size:12px;font-weight:650;color:#3c634c;line-height:1.6}.arrangement-months .use-entry{box-shadow:none}

/* The original month band now opens/closes its vertical list of use cards. */
.history-total-uses{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--muted)}
.history-total-uses strong{font-variant-numeric:tabular-nums;color:var(--green);font-weight:700}
.history-month:not([open])>.use-history{display:none}
.history-month>.history-month-heading{display:block;list-style:none;cursor:pointer;margin:0;padding:0;background:#f0f6f2;border-left:3px solid #b0cfbb;border-radius:0 6px 6px 0;color:#3c634c}
.history-month>.history-month-heading::-webkit-details-marker{display:none}
.history-month>.history-month-heading::before{content:none}
.history-month>.history-month-heading h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 12px;min-height:44px;font-size:12px;font-weight:650;line-height:1.6;color:inherit}
.history-month-heading .ui-icon{width:13px;height:13px;flex-shrink:0}
.history-month[open]>.history-month-heading{margin-bottom:12px}
.history-month[open]>.history-month-heading .ui-icon{transform:rotate(90deg)}
.history-month>.history-month-heading:focus-visible{outline:3px solid #a76117;outline-offset:3px}

/* Suppress the ancestor month disclosure's generated marker on usage cards.
   The existing right-hand card chevron remains the sole expand control. */
.use-history .use-entry>summary::before,.use-history .use-entry[open]>summary::before{display:none;content:none}