125 color: var(--muted);
126 font-size: 0.85rem;
127 margin-bottom: 1rem;
128 }
129 .post-tags {
130 margin-bottom: 1rem;
131 }
132 .tag {
133 display: inline-block;
134 background: var(--code-bg);
135 color: var(--accent);
136 padding: 0.15em 0.5em;
137 border-radius: 3px;
138 font-size: 0.8rem;
139 text-decoration: none;
140 margin-right: 0.25rem;
141 }
142 .tag:hover {
143 text-decoration: underline;
144 }
145 .toc {
146 margin: 1rem 0 1.5rem;
147 padding: 0.75rem 1rem;
148 background: var(--code-bg);
149 border-radius: 6px;
150 font-size: 0.85rem;
151 }
152 .toc summary {
153 cursor: pointer;
154 font-weight: 600;
155 color: var(--muted);
156 }
157 .toc ul {
158 margin: 0.5rem 0 0 1.25rem;
159 }
160 .toc li {
161 margin: 0.2rem 0;
162 }
163 .page-nav {
164 display: flex;
165 justify-content: space-between;
166 margin-top: 2rem;
167 padding-top: 1rem;
168 border-top: 1px solid var(--border);
169 font-size: 0.9rem;
170 }
171 blockquote {
172 border-left: 3px solid var(--border);
173 padding-left: 1rem;
174 color: var(--muted);
175 margin: 1rem 0;
176 }
177 figure {
178 margin: 1.5rem 0;
179 }
180 figure img {
181 max-width: 100%;
182 border-radius: 6px;
183 }
184 figcaption {
185 color: var(--muted);
186 font-size: 0.85rem;
187 margin-top: 0.5rem;
188 text-align: center;
189 }
190 table {
191 width: 100%;
192 border-collapse: collapse;
193 margin: 1rem 0;
194 font-size: 0.9rem;
195 }
196 th, td {
197 text-align: left;
198 padding: 0.5rem;
199 border-bottom: 1px solid var(--border);
200 }
201 th {
202 font-weight: 600;
203 }
204 footer {
205 margin-top: 3rem;
206 padding-top: 1rem;
207 border-top: 1px solid var(--border);