.hobby-page{--pt-blue:#306f69;--pt-ink:#283f45;--pt-muted:#647e83;--pt-line:#dce8e6}
.hobby-page .pt-hero{background:linear-gradient(115deg,#25434e,#347c72)}
.hobby-page .pt-hero .pt-eyebrow{color:#c9e9df}
.hobby-page h2{color:#305b5e}.hobby-page .pt-metric{background:#f1f8f5;border-color:#d8e8e1}
.hobby-page .pt-metric dd,.hobby-page .pt-metric strong{color:#2a6b61}
.hobby-page .pt-guide .pt-example{background:#eff7f2}
.hobby-page .hb-progress{height:13px;max-width:100%;border-radius:8px;background:#e6eeea;overflow:hidden;margin:12px 0}
.hobby-page .hb-progress span{display:block;height:100%;background:#428b78}
.hobby-page fieldset{margin:16px 0;border:1px solid #dce8e6;border-radius:11px;padding:17px}
.hobby-page .hb-timeline{margin:18px 0;padding:15px;border-left:4px solid #49937f;background:#f2f8f4;font-size:13px;line-height:1.8}
@media(min-width:441px){.hobby-page .pt-metrics:has(>.pt-metric:nth-child(4):last-child),.hobby-page .pt-metrics:has(>.pt-metric:nth-child(8):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.hobby-page .pt-metrics{grid-template-columns:1fr}.hobby-page fieldset{padding:13px 10px}}