/* Page styles for article-wind-down-routine.html — extracted from an inline <style> block so the
   site satisfies CSP style-src-elem 'self' (no inline <style> elements). */
.article-head { padding-block: clamp(2.2rem,5vw,3.5rem) clamp(1.6rem,3vw,2.4rem); }
.article-head h1 { font-size: clamp(2.2rem, 1.2rem + 4vw, 3.8rem); max-width: 22ch; }
.article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: 1.2rem; color: var(--muted); font-weight: 600; font-size: .95rem; }
.article-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--line-strong); }
.article-body { max-width: 70ch; }
.article-body h2 { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem); margin-top: clamp(2rem,4vw,2.8rem); margin-bottom: .8rem; }
.article-body p { color: var(--ink-2); font-size: 1.08rem; line-height: 1.7; margin-top: .9rem; }
.article-body p strong { color: var(--ink); }
.article-body ul { margin-top: 1rem; display: grid; gap: .7rem; padding-left: 1.1rem; }
.article-body li { color: var(--ink-2); font-size: 1.05rem; line-height: 1.6; }
.article-body li strong { color: var(--ink); }
.article-callout { border-radius: var(--radius-lg); padding: clamp(1.2rem,3vw,1.7rem);
background: color-mix(in srgb, var(--indigo) 12%, var(--surface));
border: 1px solid color-mix(in srgb, var(--indigo) 28%, var(--line)); margin-top: 1.4rem; }
.article-callout p { margin-top: .4rem; }
.backlink { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; color: var(--indigo); margin-bottom: 1.2rem; }
.backlink svg { width: 17px; height: 17px; }
.backlink:hover { text-decoration: underline; }
.weekplan { counter-reset: wk; display: grid; gap: 1rem; margin-top: 1.4rem; padding: 0; list-style: none; }
.weekplan li { counter-increment: wk; position: relative; padding: 1.1rem 1.2rem 1.1rem 6.2rem;
background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.weekplan li::before { content: "PHASE " counter(wk); position: absolute; left: 1.05rem; top: 1.3rem;
font-family:'Archivo'; font-stretch:125%; font-weight:900; font-size:.85rem; letter-spacing:.04em; color: var(--indigo); }
.weekplan h3 { font-size: 1.15rem; text-transform: none; font-stretch: 110%; margin-bottom: .3rem; }
.weekplan p { margin-top: 0 !important; font-size: 1rem !important; }
.lifttable { width: 100%; border-collapse: collapse; margin-top: 1.3rem; font-size: 1rem; }
.lifttable th, .lifttable td { text-align: left; padding: .8rem .9rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.lifttable th { font-family:'Archivo'; font-stretch:110%; font-weight:800; text-transform: uppercase; letter-spacing:.04em; font-size:.8rem; color: var(--ink); background: color-mix(in srgb, var(--indigo) 8%, var(--surface)); }
.lifttable td { color: var(--ink-2); }
.lifttable td:first-child { color: var(--ink); font-weight: 700; white-space: nowrap; }
.splitcard { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: clamp(1.1rem,3vw,1.5rem); margin-top: 1.3rem; }
.splitcard > h3 { margin-top: 0 !important; }
.splitday { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.splitday:first-of-type { border-top: 0; padding-top: .4rem; }
.splitday .dayname { display: inline-block; font-family:'Archivo'; font-stretch:125%; font-weight:900; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color: var(--indigo); background: color-mix(in srgb, var(--indigo) 12%, #fff); padding:.28rem .6rem; border-radius:999px; margin-bottom:.55rem; }
.splitday ul { margin-top: .5rem; }
.splitday li { font-size: 1rem; }
.addon { margin-top: .8rem; font-size: .97rem !important; color: var(--muted) !important; }
.addon strong { color: var(--ink); }
.mistake { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; margin-top: 1.5rem; }
.mistake-head { padding: 1.1rem clamp(1.1rem,3vw,1.5rem); border-bottom: 1px solid var(--line); }
.mistake-head .tag { display:inline-block; font-family:'Archivo'; font-stretch:120%; font-weight:900; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color: #fff; background: var(--indigo); padding:.28rem .6rem; border-radius:999px; }
.mistake-head h2 { margin-top:.6rem !important; font-size: clamp(1.3rem,1rem+1.2vw,1.7rem) !important; }
.mistake-body { padding: clamp(1.1rem,3vw,1.5rem); }
.mistake-body p { margin-top: 0 !important; }
.mistake-body p + p { margin-top: .8rem !important; }
.fix { display:block; margin-top:1rem; padding:.85rem 1rem; border-radius: var(--radius); background: color-mix(in srgb, var(--indigo) 10%, #fff); border-left: 4px solid var(--indigo); font-weight: 700; color: var(--ink); font-size: 1.02rem; }