@media only screen and (min-width: 0rem) {#guide-article {padding: 7.5rem 1rem 3.75rem;}#guide-article .cs-container {width: 100%;max-width: 80rem;margin: 0 auto;}.guide-layout {display: flex;flex-direction: column;gap: 2rem;}.guide-toc {display: none;}.guide-header {margin-bottom: 2.5rem;padding-bottom: 2rem;border-bottom: 1px solid #ebebeb;}.guide-header .cs-topper {display: block;margin-bottom: 0.5rem;text-transform: uppercase;letter-spacing: 0.1em;font-size: var(--topperFontSize);line-height: 1.2em;font-weight: 700;color: var(--primary);}.guide-header .cs-title {margin: 0 0 1rem 0;font-size: clamp(1.75rem, 4vw, 2.75rem);line-height: 1.2em;font-weight: 900;color: var(--headerColor);}.guide-header .cs-text {margin: 0 0 1.25rem 0;max-width: 45rem;font-size: var(--bodyFontSize);line-height: 1.5em;color: var(--bodyTextColor);}.guide-meta {display: flex;align-items: center;gap: 1rem;font-size: 0.875rem;color: var(--bodyTextColor);}.guide-author {font-weight: 600;}.guide-date {opacity: 0.8;}.guide-body {max-width: 45rem;}.guide-body h2 {margin: 2.5rem 0 1rem;font-size: clamp(1.5rem, 3vw, 1.875rem);line-height: 1.3em;font-weight: 800;color: var(--headerColor);scroll-margin-top: 6rem;}.guide-body h3 {margin: 2rem 0 0.75rem;font-size: clamp(1.125rem, 2.5vw, 1.375rem);line-height: 1.4em;font-weight: 700;color: var(--headerColor);}.guide-body h4 {margin: 1.5rem 0 0.5rem;font-size: 1.125rem;line-height: 1.4em;font-weight: 700;color: var(--headerColor);}.guide-body p {margin: 0 0 1.25rem;font-size: 1.0625rem;line-height: 1.7em;color: var(--bodyTextColor);}.guide-body a {color: var(--primary);text-decoration: underline;text-underline-offset: 2px;font-size: inherit;transition: color 0.3s;}.guide-body a:hover {color: var(--secondary);}.guide-body ul, .guide-body ol {margin: 1rem 0 1.5rem;padding-left: 1.75rem;}.guide-body ul li, .guide-body ol li {margin-bottom: 0.625rem;font-size: 1.0625rem;line-height: 1.7em;color: var(--bodyTextColor);list-style: disc;}.guide-body ol li {list-style: decimal;}.guide-body strong {font-weight: 700;color: var(--headerColor);}.guide-body blockquote {margin: 1.5rem 0 2rem;padding: 1.25rem 1.5rem;border-left: 4px solid var(--primary);background: rgba(201, 169, 97, 0.06);border-radius: 0 0.5rem 0.5rem 0;}.guide-body blockquote p {margin: 0;font-style: italic;color: var(--bodyTextColor);}.guide-body img {display: block;border-radius: 0.5rem;margin: 1.5rem 0;max-width: 100%;height: auto;}.guide-body .callout, .guide-body blockquote:has(strong:first-child) {margin: 2rem 0;padding: 1.5rem;background: rgba(201, 169, 97, 0.08);border: 1px solid rgba(201, 169, 97, 0.2);border-left: 4px solid var(--primary);border-radius: 0 0.5rem 0.5rem 0;}.guide-footer {margin-top: 3rem;}.guide-cta {padding: 2.5rem 1.5rem;background: linear-gradient(135deg, #1a1a1a, #2c2c2c);border-radius: 1rem;text-align: center;}.guide-cta h2 {margin: 0 0 0.75rem;font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 800;color: #fff;}.guide-cta p {margin: 0 auto 1.5rem;max-width: 32rem;font-size: 1rem;line-height: 1.6em;color: rgba(255, 255, 255, 0.8);}.guide-cta .cs-buttons {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem;}.guide-cta .cs-button-solid {font-size: 1rem;line-height: 3.125rem;text-decoration: none;font-weight: 700;text-align: center;color: #1a1a1a;padding: 0 1.75rem;background-color: var(--primary);border-radius: 0.5rem;display: inline-block;transition: all 0.3s;}.guide-cta .cs-button-solid:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(201, 169, 97, 0.4);}.guide-cta .cs-button-transparent {font-size: 1rem;line-height: 3.125rem;text-decoration: none;font-weight: 700;text-align: center;color: var(--primaryLight);padding: 0 1.75rem;background: transparent;border: 2px solid var(--primaryLight);border-radius: 0.5rem;display: inline-block;transition: all 0.3s;}.guide-cta .cs-button-transparent:hover {background: var(--primaryLight);color: #1a1a1a;}}@media only screen and (min-width: 48rem) {#guide-article {padding: 8.75rem 2rem 5rem;}.guide-cta {padding: 3rem 2.5rem;}}@media only screen and (min-width: 64rem) {#guide-article {padding: 9.375rem 2rem 5rem;}.guide-layout {flex-direction: row;gap: 3rem;}.guide-toc {display: block;position: sticky;top: 7rem;flex-shrink: 0;width: 16rem;max-height: calc(100vh - 8rem);overflow-y: auto;align-self: flex-start;}.toc-title {margin: 0 0 1rem;font-size: 0.875rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--primary);}.toc-list {margin: 0;padding: 0;list-style: none;}.toc-item {margin: 0;padding: 0;border-left: 2px solid #ebebeb;}.toc-link {display: block;padding: 0.4rem 0 0.4rem 1rem;font-size: 0.8125rem;line-height: 1.5em;color: var(--bodyTextColor);text-decoration: none;transition: color 0.2s, border-color 0.2s;}.toc-link:hover {color: var(--primary);}.toc-link.active {color: var(--primary);font-weight: 600;}.toc-item:has(.toc-link.active) {border-left-color: var(--primary);}.guide-content {flex: 1;min-width: 0;max-width: 45rem;}.guide-cta {padding: 3.5rem 3rem;}}@media only screen and (min-width: 81.25rem) {.guide-toc {width: 18rem;}.guide-layout {gap: 4rem;}}@media only screen and (min-width: 0rem) {#guides-index {padding: 7.5rem 1rem 3.75rem;}#guides-index .cs-container {width: 100%;max-width: 50rem;margin: 0 auto;}#guides-index .cs-content {text-align: center;margin-bottom: 2.5rem;}.guides-grid {display: flex;flex-direction: column;gap: 1.5rem;}.guide-card {display: block;padding: 1.5rem;border: 1px solid #ebebeb;border-radius: 0.75rem;text-decoration: none;transition: all 0.3s;}.guide-card:hover {border-color: var(--primary);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);transform: translateY(-2px);}.guide-card .card-topper {display: block;margin-bottom: 0.25rem;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--primary);}.guide-card .card-title {margin: 0 0 0.5rem;font-size: 1.25rem;font-weight: 800;line-height: 1.3em;color: var(--headerColor);}.guide-card .card-desc {margin: 0 0 0.75rem;font-size: 0.9375rem;line-height: 1.5em;color: var(--bodyTextColor);}.guide-card .card-date {font-size: 0.8125rem;color: var(--bodyTextColor);opacity: 0.7;}}@media only screen and (min-width: 48rem) {#guides-index {padding: 8.75rem 2rem 5rem;}.guide-card {padding: 2rem;}}@media only screen and (min-width: 64rem) {#guides-index {padding: 9.375rem 2rem 5rem;}.guides-grid {gap: 2rem;}}@media only screen and (min-width: 0rem) {body.dark-mode #guide-article .guide-header {border-bottom-color: #333;}body.dark-mode #guide-article .cs-title, body.dark-mode #guide-article .guide-body h2, body.dark-mode #guide-article .guide-body h3, body.dark-mode #guide-article .guide-body h4, body.dark-mode #guide-article .guide-body strong {color: #f7f7f7;}body.dark-mode #guide-article .cs-text, body.dark-mode #guide-article .guide-body p, body.dark-mode #guide-article .guide-body li, body.dark-mode #guide-article .guide-meta, body.dark-mode #guide-article .guide-author, body.dark-mode #guide-article .guide-date {color: #d1d1d1;}body.dark-mode #guide-article .guide-body a {color: var(--primaryLight);}body.dark-mode #guide-article .guide-body blockquote {background: rgba(201, 169, 97, 0.1);border-left-color: var(--primary);}body.dark-mode #guide-article .guide-body blockquote p {color: #d1d1d1;}body.dark-mode .toc-title {color: var(--primaryLight);}body.dark-mode .toc-link {color: #aaa;}body.dark-mode .toc-link:hover, body.dark-mode .toc-link.active {color: var(--primaryLight);}body.dark-mode .toc-item {border-left-color: #333;}body.dark-mode .toc-item:has(.toc-link.active) {border-left-color: var(--primary);}body.dark-mode .guide-card {border-color: #333;background: rgba(255, 255, 255, 0.03);}body.dark-mode .guide-card:hover {border-color: var(--primary);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);}body.dark-mode .guide-card .card-title {color: #f7f7f7;}body.dark-mode .guide-card .card-desc, body.dark-mode .guide-card .card-date {color: #aaa;}}