.week-diagram { margin: 0 22px 22px; padding: 22px; max-width: 760px; border: 1px solid #dfd0ad; border-radius: 16px; background: #faf7ef; color: #253026; -webkit-text-fill-color: #253026; }
.week-diagram figcaption { margin-bottom: 20px; font: 700 18px/1.3 Outfit, sans-serif; color: #253026; -webkit-text-fill-color: #253026; }
.week-diagram-flow { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.week-diagram-node { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; font-size: 14px; font-weight: 600; line-height: 1.4; }
.week-diagram-node svg { width: 36px; height: 36px; flex-shrink: 0; color: #927027; }
.week-diagram-arrow, .week-diagram-down { color: #927027; -webkit-text-fill-color: #927027; font-size: 23px; text-align: center; }
.week-diagram-down { margin: 8px 0; }
.week-diagram-note { margin-top: 20px; padding-top: 14px; border-top: 1px solid #dfd0ad; font-size: 13px; line-height: 1.5; }
.week-diagram-inputs { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.week-diagram-inputs span { padding: 5px 12px; border-radius: 8px; border: 1px solid #dfd0ad; font-size: 13px; }
.week-diagram-stairs { display: flex; align-items: flex-end; gap: 10px; }
.week-diagram-stairs .week-diagram-node { padding: 14px 8px; border-bottom: 5px solid #ba9344; background: #f0e7d2; border-radius: 10px 10px 0 0; }
.week-diagram-stairs .week-diagram-node:nth-child(2) { padding-top: 32px; }
.week-diagram-stairs .week-diagram-node:nth-child(3) { padding-top: 50px; }
.week-diagram-compare { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; text-align: center; }
.week-diagram-tag { display: block; margin-bottom: 16px; font-size: 12px; font-weight: 700; color: #73561a; -webkit-text-fill-color: #73561a; }
.week-diagram-small { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; }
.week-diagram-three { display: flex; gap: 16px; }
.week-diagram-result { padding: 12px; border-radius: 10px; background: #e9d9b2; text-align: center; font-weight: 700; font-size: 14px; }
@media (max-width: 600px) {
    .week-diagram { margin: 0 16px 18px; padding: 16px 12px; }
    .week-diagram figcaption { font-size: 17px; }
    .week-diagram-flow { gap: 5px; }
    .week-diagram-node { font-size: 13px; }
    .week-diagram-arrow { font-size: 18px; }
    .week-diagram-three { gap: 10px; }
}