.work-plan-page{font-size:16px;line-height:1.65}
.work-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);gap:12px}
.work-tabs a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:8px;border-bottom:3px solid transparent;font-weight:600;color:var(--muted);text-align:center}
.work-tabs a[aria-current="page"]{color:var(--action);border-color:var(--action);background:#edf5f8;border-radius:8px 8px 0 0}
.work-tabs a:hover{color:var(--action);background:#edf5f8}
.work-plan-page summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600;overflow-wrap:anywhere}
.work-plan-page :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--action);outline-offset:3px}
.work-point{border-top:1px solid var(--line);padding:20px 0;min-width:0}
.work-point:last-child{padding-bottom:0}.work-point h3{font-size:18px;line-height:1.5;margin:0 0 8px;text-wrap:pretty}
.work-point p{white-space:pre-wrap}.work-point details{margin-top:8px}
.work-create{scroll-margin-top:100px}.work-create>summary{padding:8px 0;color:var(--action)}
.work-create+.work-create{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}
.work-create[open]>.settlement-form{margin-bottom:20px}
.work-months,.work-month-body{display:grid;gap:12px;min-width:0}
.work-months>h2{font-size:19px;margin:0 0 4px}
.work-month-group{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;min-width:0}
.work-month-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 20px;font-size:18px;list-style:none}
.work-month-group>summary::before{content:"＋";grid-column:2;grid-row:1;color:var(--action)}
.work-month-group[open]>summary::before{content:"−"}.work-month-group>summary>span{grid-column:1;grid-row:1}
.work-month-group>summary>small{grid-column:1/-1;color:var(--muted);font-size:14px;font-weight:400}
.work-month-body{padding:0 20px 20px}.work-month-body>.btn{justify-self:start}
.work-month-body .settlement-queue-record{background:var(--mist,#f5f7f9);border-radius:8px}
.work-back{justify-self:start}.work-shortcut{justify-self:start}
.work-month-shortcuts{display:flex;flex-wrap:wrap;gap:12px}.work-month-shortcuts:empty{display:none}
.work-history{padding-left:20px}.work-history li{padding:10px 0}.work-history p{margin:4px 0;font-size:14px}
.work-boundary{border-left:3px solid var(--action);padding:12px 16px;margin:0;background:#edf5f8;color:var(--muted);font-size:14px}
.work-conclusion{display:grid;gap:16px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px}
.work-conclusion legend{padding:0 8px;overflow-wrap:anywhere;font-weight:600}
.work-plan-page [data-work-recap-preview]{display:grid;gap:18px}.work-plan-page [data-work-recap-preview]:empty{display:none}
.work-plan-page #work-recap-form{scroll-margin-top:100px}.work-plan-page .settlement-feedback{scroll-margin-top:100px}
@media(max-width:640px){
 .work-tabs{gap:4px}.work-tabs a{font-size:14px;padding:8px 4px}
 .work-plan-page{font-size:15px}.work-plan-page .settlement-heading{gap:10px}.work-plan-page .settlement-heading h2{font-size:20px}
 .work-plan-page .settlement-heading p{font-size:13px}.work-plan-page .work-shortcut{justify-self:stretch}
 .work-point{padding:16px 0}.work-month-group>summary{padding:16px;font-size:17px;gap:8px}
 .work-month-body{padding:0 12px 12px}.work-month-body>.btn{justify-self:stretch}
 .work-plan-page .settlement-stats span{font-size:13px;line-height:1.5}.work-plan-page .settlement-stats strong{white-space:nowrap}
 .work-plan-page .settlement-top{flex-direction:row;flex-wrap:wrap;gap:12px}.work-plan-page .settlement-top>.btn{width:auto}
 .work-plan-page .settlement-identity p{display:none}.work-plan-page .settlement-id summary{min-height:44px}
 .work-conclusion{padding:12px}.work-plan-page .settlement-panel>h2{font-size:18px}
}
