:root{--hm-bg: #fff;--hm-accent: var(--color-accent)}html.dark{--hm-bg: #181816;--hm-accent: var(--color-accent-band-readable)}@supports (background: color-mix(in srgb,red,blue)){html.dark{--hm-bg: color-mix(in srgb,var(--color-paper),#fff 5%)}}.hm-layout{display: grid;grid-template-columns: minmax(0,1fr)}.hm-main{display: flex;flex-direction: column;min-width: 0;background: var(--wp-bg)}.hm-side{min-width: 0}.hm-ad{padding: 0 var(--col-pad)}.hm-side [data-component="recommendations"]{margin: 0;min-width: 0;max-width: 100%;overflow: hidden}.hm-side [data-component="recommendations"] > header{display: flex;align-items: center;justify-content: space-between;min-height: 58px;margin: 0;padding: 8px var(--col-pad) 0;border-width: 0 0 1px;border-style: solid;border-color: var(--color-rule)}.hm-side [data-component="recommendations"] h2{margin: 0;padding: 0;font-family: var(--font-mono);font-size: 14px;font-weight: 600;line-height: 1;letter-spacing: 0.2em}.hm-side [data-component="recommendations"] ul{display: block;width: 100%;margin: 0;padding: 0}.hm-side [data-component="recommendations"] li{display: grid;grid-template-columns: 36px minmax(0,1fr);align-items: center;gap: 12px;box-sizing: border-box;width: 100%;min-width: 0;margin: 0;padding: 14px var(--col-pad);overflow: hidden;border-width: 0 0 1px;border-style: solid;border-color: var(--color-rule)}.hm-side [data-component="recommendations"] li > a{display: block;min-width: 0;overflow: hidden}.hm-side [data-component="recommendations"] [data-part="title"],.hm-side [data-component="recommendations"] [data-part="excerpt"]{display: block;max-width: 100%;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hm-side [data-component="recommendations"] [data-part="title"]{font-family: var(--font-mono);font-size: 13px;font-weight: 600;line-height: 1.35;letter-spacing: 0;color: var(--color-ink)}.hm-side [data-component="recommendations"] [data-part="excerpt"]{margin-top: 4px;font-family: var(--font-mono);font-size: 11px;line-height: 1.4;letter-spacing: 0.02em;color: var(--color-ink-3)}.hm-archive__grid{display: grid;grid-template-columns: minmax(0,1fr)}@media (min-width: 640px){.hm-archive__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.hm-archive__grid{grid-template-columns: repeat(4,minmax(0,1fr))}}