main
 1section > div > p {
 2    width: 65%;
 3}
 4/* ========================================= */
 5/* Horizontal Rules (Ornamental) */
 6/* ========================================= */
 7
 8/* Style HR lines as ornamental asterisks */
 9hr {
10    border: none;
11    margin: 2rem auto;
12    padding: 0;
13    width: 100%;
14    height: auto;
15    text-align: center;
16    display: block;
17    overflow: visible;
18    position: relative;
19}
20
21hr::before {
22    content: "⁂";
23    display: inline-block;
24    font-size: 1.4em;
25    color: #999;
26    line-height: 1;
27    position: relative;
28}
29
30/* Default hr styling - match paragraph width */
31main hr {
32    margin: 3rem auto;
33    width: 65%;
34    max-width: 65%;
35}
36
37/* Article hr (posts) should use full article width */
38article hr {
39    width: 100%;
40    max-width: 100%;
41}
42
43/* Post content hr should match paragraph width */
44.post-content hr {
45    width: 65%;
46    max-width: 65%;
47}
48
49/* Index pages and general hr elements */
50section hr, 
51main hr {
52    width: 65%;
53    max-width: 65%;
54    margin: 3rem 0;
55    margin-left: 0;
56}
57
58@media (max-width: 760px) {
59    main hr,
60    .post-content hr {
61        width: 100% !important;
62        max-width: 100% !important;
63    }
64}
65
66
67.drawer {
68    border-left: 3px solid;
69    padding-left: 1rem;
70    margin: 1.5rem 0;
71}
72.drawer h6 {
73    font-weight: 400;
74    font-size: 1.3rem;
75    margin: 0.1rem;
76};
77.drawer p {
78    font-size: 1.3rem;
79}
80
81.drawer.generic { border-color: #95a5a6; }
82.drawer.generic h6 { color: #95a5a6; }
83.drawer.update { border-color: #9a6700; }
84.drawer.update h6 { color: #9a6700; }
85.drawer.note { border-color: #0969da; }
86.drawer.note h6 { color: #0969da; }
87.drawer.info { border-color: #1a7f37; }
88.drawer.info h6 { color: #1a7f37; }
89.drawer.warning { border-color: #e74c3c; }
90.drawer.warning h6 { color: #e74c3c; }
91.drawer.tip { border-color: #9b59b6; }
92.drawer.tip h6 { color: #9b59b6; }
93.drawer.critique { border-color: #95a5a6; }