/**
 * Page — Default page template CSS
 */
        .sh-page { max-width: 1200px; margin: 0 auto; padding: 3rem 1rem; }
        .sh-page__layout { display: grid; grid-template-columns: 1fr; gap: 3rem; }
        @media (min-width: 1024px) { .sh-page__layout { grid-template-columns: 2fr 1fr; } }
        .sh-page__title { font-size: 1.875rem; font-weight: 900; color: var(--pi-primary, #007d3d); margin: 0 0 1.5rem; }
        @media (min-width: 768px) { .sh-page__title { font-size: 2.25rem; } }
        .sh-page__thumbnail { margin-bottom: 2rem; border-radius: 1rem; overflow: hidden; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
        .sh-page__thumbnail img { width: 100%; height: auto; object-fit: cover; display: block; }
        .sh-page__content { color: var(--pi-text-2, #334155); line-height: 1.625; }
        .sh-page__content > * + * { margin-top: 1rem; }
        .sh-page__sidebar { display: flex; flex-direction: column; gap: 2rem; }
        .sh-page__sidebar-card { background: var(--pi-bg-alt, #f1f5f9); padding: 2rem; border-radius: 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border: 1px solid var(--pi-border-light, #f1f5f9); position: sticky; top: 6rem; }
        .sh-page__sidebar-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--pi-text, #0f172a); border-bottom: 1px solid var(--pi-border, #e2e8f0); padding-bottom: 0.5rem; }
        .sh-page__sidebar-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
        .sh-page__sidebar-link { display: block; color: var(--pi-text-2, #334155); font-weight: 500; text-decoration: none; transition: color 0.2s, transform 0.2s; }
        .sh-page__sidebar-link:hover { color: var(--pi-primary, #007d3d); transform: translateX(0.25rem); }
        .sh-page__sidebar-sep { margin: 2rem 0; border: none; border-top: 1px solid var(--pi-border, #e2e8f0); }
        .sh-page__sidebar-cta-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem; color: var(--pi-text, #0f172a); }
        .sh-page__sidebar-cta-desc { font-size: 0.875rem; color: var(--pi-text-3, #64748b); margin-bottom: 1.5rem; }
        .sh-page__sidebar-cta-btn { width: 100%; background: var(--pi-primary, #007d3d); color: #fff; font-weight: 700; padding: 1rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; text-decoration: none; box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--pi-primary, #007d3d) 30%, transparent); transition: background 0.3s; }
        .sh-page__sidebar-cta-btn:hover { background: var(--pi-secondary, #ffb703); }
        .sh-page__sidebar-cta-btn svg { width: 1.25rem; height: 1.25rem; }
        /* Dark Mode */
        .dark .sh-page__title { color: var(--pi-primary, #007d3d); }
        .dark .sh-page__content { color: var(--pi-text-2, #e2e8f0); }
        .dark .sh-page__sidebar-card { background: var(--pi-bg-card, #1e293b); border-color: var(--pi-border, #334155); }
        .dark .sh-page__sidebar-title { color: var(--pi-text, #f1f5f9); border-bottom-color: var(--pi-border, #334155); }
        .dark .sh-page__sidebar-link { color: var(--pi-text-2, #e2e8f0); }
        .dark .sh-page__sidebar-cta-title { color: var(--pi-text, #f1f5f9); }
        .dark .sh-page__sidebar-sep { border-top-color: var(--pi-border, #334155); }