#panel-left { scrollbar-width:thin; scrollbar-color:var(--bg-fill) transparent; }
.wg-inner { width:min(100%,423px); margin:0 auto; padding:28px 34px 26px 0; }
.wg-inner button, #week-mobile button { font:inherit; color:inherit; background:transparent; border:0; }
.wg-inner button:focus-visible, .wg-inner summary:focus-visible, #week-mobile button:focus-visible {
  outline:2px solid var(--text-weak); outline-offset:3px;
}
.wg-inner button:disabled, #week-mobile button:disabled { opacity:.32; cursor:default; }
.wg-inner svg, #week-mobile svg { width:16px; height:16px; display:block; flex:none; }
.wg-top, .wg-rubric, .wg-controls, .wg-meta, .wg-edition, .wg-rubric h3 { display:flex; align-items:center; }
.wg-top, .wg-rubric { justify-content:space-between; }
.wg-edition { gap:8px; color:var(--text-weak); font-size:12px; letter-spacing:1px; }
.wg-edition i, .wg-rubric h3 i, .wg-open-note i {
  display:inline-block; flex:none; width:7px; height:7px; background:var(--color-accent-deep); border-radius:50%;
}
.wg-top .wg-dismiss { display:none; }
.wg-inner h1 { margin:13px 0 10px; font:620 clamp(34px,3.15vw,46px)/1.18 var(--font-family-base); letter-spacing:-1.8px; }
.wg-deck, .wg-now p { color:var(--text-weak); margin:0; font-size:14px; line-height:1.7; text-wrap:pretty; }
.wg-index { margin-top:25px; }
.wg-rubric h2, .wg-rubric h3 { margin:0; font-size:12px; line-height:1.5; color:var(--text-weak); font-weight:600; }
.wg-rubric h3 { gap:7px; }
.wg-rubric small, .wg-gloss summary { font-size:11px; color:var(--text-weak); }
.wg-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin:7px 0 0; gap:2px; padding:4px; background:var(--bg-page); border-radius:14px; }
.wg-days .wg-chapter {
  padding:8px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
  border-radius:10px; line-height:1.18; min-width:0; white-space:nowrap;
}
.wg-chapter span { font-size:10px; color:var(--text-weak); }
.wg-chapter b { font-size:13px; font-weight:500; color:var(--text-body); }
.wg-days .wg-chapter[aria-current=step] { background:var(--bg-surface); box-shadow:var(--elev-1); }
.wg-chapter[aria-current=step] b { font-weight:700; }
.wg-now { margin-top:22px; }
.wg-meta { gap:8px; color:var(--text-weak); font-size:var(--font-aux); font-variant-numeric:tabular-nums; }
.wg-meta i { height:1px; width:14px; background:var(--text-disabled); }
.wg-now h2 { font-size:clamp(22px,2vw,28px); line-height:1.32; letter-spacing:-.7px; margin:5px 0; font-weight:620; text-wrap:balance; }
.wg-reading { margin-top:19px; padding-top:13px; border-top:var(--line-card); outline:0; }
.wg-reading .wg-rubric { position:relative; }
.wg-reading .wg-rubric:has(.wg-gloss[open]) { display:block; }
.wg-gloss summary { display:flex; align-items:center; gap:2px; cursor:pointer; list-style:none; width:max-content; }
.wg-gloss summary::-webkit-details-marker { display:none; }
.wg-gloss summary svg { width:12px; height:12px; }
.wg-gloss[open] summary { position:absolute; top:0; right:0; }
.wg-gloss[open] summary svg { transform:rotate(180deg); }
.wg-gloss ol { list-style:none; padding:4px 13px; margin:9px 0; border:var(--line-card); border-radius:var(--radius-sm); }
.wg-gloss li { display:flex; align-items:flex-start; gap:9px; padding:9px 0; }
.wg-gloss li+li { border-top:var(--line-card); }
.wg-gloss li>span { font-size:11px; padding-top:1px; color:var(--text-weak); font-variant-numeric:tabular-nums; }
.wg-gloss b { font-size:12px; }
.wg-gloss li p { margin:2px 0 0; color:var(--text-weak); line-height:1.45; font-size:12px; }
.wg-note { margin-top:9px; border-radius:var(--radius-md); background:var(--color-track); padding:12px 14px; }
.wg-quote { display:flex; align-items:baseline; gap:9px; }
.wg-quote+.wg-quote { margin-top:5px; }
.wg-quote span { color:var(--text-weak); font-size:11px; font-weight:650; font-variant-numeric:tabular-nums; }
.wg-quote p { font-size:15px; line-height:1.6; margin:0; color:var(--text-primary); font-weight:600; text-wrap:balance; }
.wg-evidence { margin:6px 0 0 23px; font-size:12px; color:var(--text-weak); line-height:1.6; }
.wg-intro-note { margin:8px 0 0; font-size:13px; line-height:1.65; color:var(--text-weak); }
.wg-controls { margin-top:16px; flex-wrap:wrap; gap:2px 12px; }
.wg-controls button { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:32px; padding:3px 0; font-size:12px; color:var(--text-weak); }
.wg-controls .wg-back { font-weight:600; color:var(--text-primary); }
.wg-controls svg { width:14px; height:14px; }
#week-mobile { display:none; }
@media(hover:hover) {
 .wg-days .wg-chapter:hover { background:var(--bg-surface); }
 .wg-controls button:hover:not(:disabled), .wg-gloss summary:hover { color:var(--text-primary); text-decoration:underline; text-underline-offset:3px; }
}
@media(min-width:760px) and (max-width:970px) {
 .wg-inner { padding-right:23px; }
 .wg-days { gap:0; padding:3px; }
 .wg-chapter span { font-size:9px; }
 .wg-chapter b { font-size:12px; }
}
@media(min-width:760px) and (max-height:730px) {
 .wg-inner { padding-top:16px; padding-bottom:16px; }
 .wg-inner h1 { font-size:32px; margin:9px 0 5px; }
 .wg-index, .wg-now { margin-top:15px; }
 .wg-reading { margin-top:12px; padding-top:10px; }
 .wg-controls { margin-top:10px; }
}
@media(max-width:759px) {
 .wg-inner { width:100%; max-width:480px; margin:0 auto; padding:16px 19px 24px; }
 .wg-inner h1 { font-size:31px; margin:9px 0 7px; }
 .wg-inner h1 br { display:none; }
 .wg-top .wg-dismiss { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--bg-page); }
 .wg-index, .wg-now { margin-top:17px; }
 .wg-reading { margin-top:14px; }
 #panel-left.side-panel { width:100%; height:calc(100dvh - 92px); bottom:48px; }
 body.wg-drawer-open #panel-left.side-panel { transform:none; visibility:visible; }
 #week-mobile { position:fixed; display:flex; align-items:center; gap:0; bottom:0; left:0; right:0; z-index:304; height:48px;
   padding:0 12px; background:var(--bg-surface); border-top:var(--line-card); }
 #week-mobile button { display:flex; align-items:center; gap:6px; white-space:nowrap; min-height:40px; padding:2px 8px; font-size:12px; }
 #week-mobile .wg-open { font-weight:600; }
 #week-mobile .wg-open-note { flex:1; justify-content:start; overflow:hidden; color:var(--text-weak); }
 #week-mobile .wg-open-note span { overflow:hidden; text-overflow:ellipsis; }
 #week-mobile .wg-open-note svg { width:12px; }
 #week-mobile .wg-open-note i { width:5px; height:5px; }
 #week-mobile .wg-mobile-back { justify-content:center; min-width:40px; }
}

 
.wg-meta .wg-datetime { color:var(--text-primary); font-weight:680; font-size:14px; }
.wg-now p.wg-arrival { color:var(--text-weak); font-size:12px; line-height:1.5; }
.wg-director { margin-top:12px; padding:13px 15px; background:var(--bg-page); border-radius:var(--radius-md); }
.wg-director-head { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:620; color:var(--text-weak); }
.wg-director-head i { width:18px; height:1px; background:var(--text-disabled); }
.wg-director p { margin:5px 0 9px; font-size:13px; line-height:1.5; color:var(--text-body); text-wrap:pretty; }
.wg-inner button.wg-step-button, #week-mobile button.wg-step-button {
  display:inline-flex; align-items:center; justify-content:space-between; gap:14px;
  min-height:36px; padding:7px 13px; border-radius:10px; background:var(--text-primary);
  color:var(--bg-surface); font-size:13px; font-weight:600; line-height:1.4; text-align:left;
}
.wg-step-button svg { width:15px; height:15px; }
.wg-director-head + .wg-step-button { margin-top:8px; }
.wg-phone-hint { margin:8px 0 0; font-size:13px; line-height:1.6; color:var(--text-weak); }
.wg-sample-note { margin:5px 0 0; font-size:11px; line-height:1.5; color:var(--text-weak); }
.wg-paths { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.wg-two-paths .wg-inner button[data-w-fast], .wg-two-paths #week-mobile button[data-w-fast] {
  color:var(--text-primary); background:var(--bg-surface); border:1px solid var(--text-disabled);
}
.wg-paths .wg-reply-hint, #week-mobile .wg-reply-hint {
  display:flex; align-items:center; font-size:12px; line-height:1.45; font-weight:600; color:var(--text-primary);
}
.wg-point-to-draft .wp-composer { box-shadow:0 0 0 2px var(--color-accent-deep); }
@media(min-width:760px) and (max-height:730px) {
  .wg-inner { padding-top:12px; padding-bottom:12px; }
  .wg-inner h1 { font-size:28px; }
  .wg-inner h1 br { display:none; }
  .wg-index { margin-top:12px; }
  .wg-director { padding:9px 12px; }
  .wg-director p { margin:0 0 6px; }
}
@media(max-width:759px) {
  body { --wg-mobile-height:calc(48px + env(safe-area-inset-bottom, 0px)); }
  body.wg-has-cue { --wg-mobile-height:calc(93px + env(safe-area-inset-bottom, 0px)); }
  body.wg-two-paths { --wg-mobile-height:calc(111px + env(safe-area-inset-bottom, 0px)); }
  .stage { height:calc(100dvh - 44px - var(--wg-mobile-height)); }
  #panel-left.side-panel { height:calc(100dvh - 44px - var(--wg-mobile-height)); bottom:var(--wg-mobile-height); }
  #week-mobile {
    height:var(--wg-mobile-height); padding:0 12px env(safe-area-inset-bottom,0px);
    flex-direction:column; align-items:stretch; justify-content:flex-start;
  }
  .wg-mobile-row, .wg-mobile-step { display:flex; align-items:center; gap:3px; min-height:46px; }
  .wg-mobile-step { min-height:44px; justify-content:space-between; gap:6px; padding:0 4px 5px; }
  .wg-mobile-step>span { flex:none; font-size:11px; color:var(--text-weak); }
  #week-mobile .wg-step-button { flex:1; max-width:calc(100% - 62px); min-height:36px; }
  .wg-two-paths .wg-mobile-step { display:grid; grid-template-columns:1fr 1fr; gap:3px 6px; }
  .wg-two-paths .wg-mobile-step>span:first-child { grid-column:1/-1; }
  .wg-two-paths #week-mobile .wg-step-button { justify-content:center; max-width:none; padding:6px; font-size:12px; }
  .wg-two-paths #week-mobile .wg-step-button svg { display:none; }
  #week-mobile .wg-reply-hint { justify-content:center; text-align:center; }
  #week-mobile .wg-open { padding-left:3px; }
 #week-mobile .wg-open span { text-align:left; line-height:1.25; }
 #week-mobile .wg-day-change { display:block; font-size:9px; font-weight:500; color:var(--text-weak); }
}