.weekly-guide-link { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.weekly-guide-link strong { color:var(--ink); }
.weekly-guide-link p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.weekly-guide-inline { margin:0 0 20px; line-height:1.6; }
.weekly-guide { max-width:1100px; margin:0 auto; }
.weekly-guide .feed-card { margin-bottom:20px; }
.weekly-guide p { line-height:1.7; }
.weekly-guide h2 { line-height:1.4; }
.weekly-guide-overview p { margin:10px 0; }
#weekly-guide-video { display:block; width:100%; max-width:100%; height:auto; background:#101b30; border-radius:14px; margin:16px 0; }
.weekly-guide-chapters { margin-top:20px; border-top:1px solid var(--line); padding-top:12px; }
.weekly-guide summary { cursor:pointer; min-height:48px; font-weight:800; line-height:1.5; padding:10px 4px; color:var(--ink); }
.weekly-guide summary:focus-visible,.weekly-guide-picture:focus-visible { outline:3px solid #b5753e; outline-offset:4px; }
.weekly-guide-chapter-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:10px; margin-top:12px; }
.weekly-guide-chapter-grid button { text-align:left; padding:12px; min-height:48px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:12px; font:inherit; cursor:pointer; display:flex; align-items:flex-start; gap:10px; line-height:1.5; }
.weekly-guide-chapter-grid button span { color:var(--muted); font-variant-numeric:tabular-nums; flex:none; min-width:38px; }
.weekly-guide-chapter-grid button:hover,.weekly-guide-chapter-grid button:focus-visible { border-color:#b5753e; }
.weekly-guide-demo,.weekly-guide-note { background:var(--surface); border:1px solid var(--line); padding:16px; border-radius:12px; color:var(--muted); }
.weekly-guide-step { padding:16px 22px; scroll-margin-top:90px; }
.weekly-guide-step summary { display:flex; align-items:center; gap:14px; }
.weekly-guide-step summary::after { content:'+'; margin-left:auto; font-size:24px; flex:none; }
.weekly-guide-step[open] summary::after { content:'−'; }
.weekly-guide-step summary::-webkit-details-marker { display:none; }
.weekly-guide-number { border:1px solid var(--line); border-radius:12px; padding:10px; min-width:46px; text-align:center; font-variant-numeric:tabular-nums; color:var(--muted); }
.weekly-guide-action { font-weight:800; color:var(--ink); }
.weekly-guide-picture { display:block; width:100%; text-align:center; border:1px solid var(--line); border-radius:12px; padding:12px; color:var(--ink); }
.weekly-guide-picture img { display:block; width:100%; height:auto; max-height:560px; object-fit:contain; margin:0 auto 12px; }
.weekly-guide-picture span { display:block; font-weight:700; font-size:13px; }
.weekly-picture-modal { padding:0; width:min(95vw,980px); max-height:90vh; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); }
.weekly-picture-modal::backdrop { background:#101827d9; }
.weekly-picture-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-bottom:1px solid var(--line); }
.weekly-picture-bar button { flex:none; width:48px; height:48px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); font-size:28px; cursor:pointer; }
.weekly-picture-body { max-height:72vh; overflow:auto; padding:12px; }
.weekly-picture-body img { display:block; width:100%; height:auto; }
.weekly-picture-body p { padding:16px; }
@media (max-width:690px) { .weekly-guide-link { flex-direction:column; align-items:stretch; } .weekly-guide-link .button { text-align:center; } .weekly-guide-step { padding:12px 16px; } .weekly-guide-step summary { gap:10px; } }