.wb-overview { --wo-ink:#1b2a3c; --wo-muted:#53687d; --wo-rule:#cad6e1; --wo-blue:#265ea8; max-width:1180px; margin:auto; padding:24px clamp(18px,4vw,44px) 56px; color:var(--wo-ink); font:15px/1.6 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; }
.wb-overview * { box-sizing:border-box; min-width:0; }
.wb-overview a { text-underline-offset:4px; }
.wb-overview a:hover { color:var(--wo-blue); text-decoration:underline; }
.wb-overview :focus-visible { outline:3px solid #b98718; outline-offset:4px; }
.wb-overview h1 { font-size:38px; font-weight:750; letter-spacing:-.045em; line-height:1.2; margin:7px 0 12px; }
.wb-overview h2 { font-size:20px; font-weight:700; letter-spacing:-.035em; line-height:1.4; margin:3px 0; }
.wb-overview h3 { margin:0; font-weight:650; font-size:17px; }
.wb-overview p { margin:4px 0; }
.wb-overview-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:30px 0 26px; border-bottom:2px solid var(--wo-ink); }
.wb-overview-heading>div>p:last-child { color:var(--wo-muted); }
.wb-overview-caption { color:var(--wo-muted); font-size:12px; line-height:1.6; }
.wb-overview-today { font:18px/1.6 ui-monospace,SFMono-Regular,monospace; text-align:right; white-space:nowrap; }
.wb-overview-today span { display:block; font-size:12px; color:var(--wo-muted); }
.wb-overview-columns { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:40px; padding-top:28px; }
.wb-overview-section-title { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:6px; }
.wb-overview-period { display:flex; border:1px solid var(--wo-rule); border-radius:6px; padding:3px; }
.wb-overview-period a { min-height:44px; min-width:48px; padding:10px; font-size:13px; text-align:center; color:var(--wo-muted); }
.wb-overview-period a[aria-current=page] { color:white; background:var(--wo-ink); border-radius:3px; text-decoration:none; }
.wb-overview-events { list-style:none; margin:18px 0 0; padding:0; }
.wb-overview-event { display:grid; grid-template-columns:90px minmax(0,1fr); gap:18px; padding:19px 0; border-bottom:1px solid var(--wo-rule); }
.wb-overview-event-next { border-top:2px solid var(--wo-blue); }
.wb-overview-date { padding-top:2px; font-variant-numeric:tabular-nums; }
.wb-overview-date strong { font:600 23px/1.3 ui-monospace,SFMono-Regular,monospace; letter-spacing:-.06em; display:block; }
.wb-overview-date span { display:block; font-size:11px; color:var(--wo-muted); margin-top:4px; }
.wb-overview-event-body h3 { margin:4px 0; }
.wb-overview details { font-size:12px; color:var(--wo-muted); overflow-wrap:anywhere; }
.wb-overview details a { color:var(--wo-blue); text-decoration:underline; }
.wb-overview summary { cursor:pointer; min-height:44px; padding:11px 0; }
.wb-overview details[open] { padding-bottom:8px; }
.wb-overview details[open] p { margin:8px 0; }
.wb-overview-action { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:650; color:var(--wo-blue); text-decoration:underline; }
.wb-overview-calendar>.wb-overview-action { margin-top:10px; }
.wb-overview-indicators { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin-top:18px; border-top:1px solid var(--wo-rule); }
.wb-overview-indicator { padding:16px 0; border-bottom:1px solid var(--wo-rule); }
.wb-overview-indicator h3 { font-size:13px; }
.wb-overview-value { font-size:26px; font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:-.045em; white-space:nowrap; }
.wb-overview-value small { font-size:11px; font-weight:400; letter-spacing:0; margin-left:5px; color:var(--wo-muted); }
.wb-overview-change { font-size:12px; font-variant-numeric:tabular-nums; }
.wb-overview-change span { font-size:10px; color:var(--wo-muted); }
.wb-overview-indicator summary { font-size:11px; }
.wb-overview-economy { margin-top:28px; padding:24px 0 10px; border-top:2px solid var(--wo-ink); }
.wb-overview-macro-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.wb-overview-work { margin-top:26px; padding:22px 0; }
.wb-overview-work-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; }
.wb-overview-work-links>a { display:inline-flex; align-items:center; gap:4px; min-height:44px; font-size:14px; }
.wb-overview-footer { padding-top:20px; border-top:1px solid var(--wo-rule); color:var(--wo-muted); font-size:11px; }
.wb-overview-warning { margin-top:18px; padding:8px 14px; border-left:3px solid #b98718; background:#fff9e9; }
.wb-overview-warning summary { color:#72571c; }
.wb-overview-empty { padding:32px 0; color:var(--wo-muted); font-size:14px; }
@media(max-width:760px) { .wb-overview-columns { grid-template-columns:1fr; gap:30px; } .wb-overview-heading { align-items:flex-start; } .wb-overview h1 { font-size:32px; } .wb-overview-today { font-size:12px; } .wb-overview-today span { font-size:10px; } .wb-overview-macro-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; } .wb-overview-event { grid-template-columns:78px minmax(0,1fr); gap:15px; } .wb-overview-date strong { font-size:20px; } .wb-overview-indicators { gap:0 22px; } }
@media(max-width:420px) { .wb-overview-heading { display:block; padding-top:22px; } .wb-overview-today { display:block; text-align:left; margin-top:12px; } .wb-overview-today span { display:inline; margin-left:8px; } .wb-overview-section-title { gap:8px; } .wb-overview h2 { font-size:19px; } .wb-overview-value { font-size:25px; } }