.content-section{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.content-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.content-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.content-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.reference-landing-hero{background:linear-gradient(135deg,#2d5a3d 0%,#1a3d2a 100%);padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-3xl);color:var(--text-inverse)}.reference-landing-hero__content{max-width:1200px;margin:0 auto;text-align:center}.reference-landing-hero__title{font-size:3rem;font-weight:700;margin:0 0 var(--spacing-md) 0;line-height:1.1;letter-spacing:-0.02em;color:inherit}.reference-landing-hero__subtitle{font-size:1.25rem;opacity:0.95;margin:0 0 var(--spacing-3xl) 0;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400}.reference-landing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-2xl);max-width:600px;margin:0 auto}.reference-landing-stat{background-color:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.2);display:flex;flex-direction:column;align-items:center}.reference-landing-stat__value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);line-height:1}.reference-landing-stat__label{font-size:var(--font-size-sm);opacity:0.9;text-transform:uppercase;letter-spacing:0.05em}.reference-landing-intro{text-align:center;margin-bottom:var(--spacing-3xl)}.reference-landing-intro__title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-0.01em}.reference-landing-intro__text{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.reference-index-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}@media (min-width:768px){.reference-index-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.reference-index-grid{grid-template-columns:repeat(3,1fr)}}.reference-card{display:flex;flex-direction:column;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-decoration:none;color:inherit;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.reference-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.1);border-color:#52b976}.reference-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.reference-card__icon{width:48px;height:48px;background-color:rgba(82,185,118,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#52b976}.reference-card__badge{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:0.375rem 0.75rem;border-radius:999px;font-size:0.8125rem;font-weight:600}.reference-card__content{flex:1;margin-bottom:var(--spacing-lg)}.reference-card__title{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.3;letter-spacing:-0.01em}.reference-card__description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:0.9375rem}.reference-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.reference-card__link{color:#52b976;font-weight:600;font-size:0.9375rem}.reference-card__arrow{color:#52b976;transition:transform 0.2s ease}.reference-card:hover .reference-card__arrow{transform:translateX(4px)}.reference-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);max-width:1400px;margin-left:auto;margin-right:auto}.reference-hero__icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.reference-hero__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;line-height:var(--line-height-tight)}.reference-hero__subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 auto var(--spacing-2xl);max-width:900px;line-height:var(--line-height-normal)}.reference-hero__intro{font-size:1.125rem;color:var(--text-primary);margin:var(--spacing-2xl) 0 0;max-width:900px;margin-left:auto;margin-right:auto}.reference-features{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-2xl)}@media (min-width:640px){.reference-features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.reference-features{grid-template-columns:repeat(4,1fr)}}.feature-box{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center}.feature-box__icon{display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto var(--spacing-md)}.feature-box__title{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.125rem}.feature-box__text{font-size:0.9375rem;color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.reference-toc-list{list-style:disc;padding-left:var(--spacing-xl);margin:var(--spacing-2xl) auto;max-width:1400px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm) var(--spacing-xl)}.reference-toc-list li{margin:0}.reference-toc-list a{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:1.0625rem}.reference-toc-list a:hover{text-decoration:underline}@media (max-width:1024px){.reference-toc-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.reference-toc-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.reference-toc-list{grid-template-columns:1fr}}.go-to-top-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:1rem;margin:var(--spacing-xl) 0}.go-to-top-link:hover{text-decoration:underline}.reference-subgroup{max-width:1400px;margin:0 auto var(--spacing-3xl)}.reference-category-header{font-size:2rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-2xl);padding-left:var(--spacing-lg);border-left:4px solid #52b976;line-height:1.2;letter-spacing:-0.02em}.reference-category-header:first-child{margin-top:0}.reference-boxes-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}@media (min-width:768px){.reference-boxes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.reference-boxes-grid{grid-template-columns:repeat(3,1fr)}}.reference-box{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-decoration:none;color:inherit;transition:all 0.2s ease;cursor:pointer;min-height:200px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.reference-box:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-4px);border-color:var(--accent-primary)}.reference-box-title{font-family:var(--font-code);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:var(--line-height-tight);letter-spacing:-0.01em}.reference-box-description{font-size:0.9375rem;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl) 0;flex:1}.reference-box-button{display:inline-block;background-color:#52b976;color:white;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.875rem;text-align:center;transition:all 0.2s ease;align-self:center;box-shadow:0 2px 4px rgba(82,185,118,0.2)}.reference-box-button:hover{background-color:#45a066;color:white;transform:translateY(-1px);box-shadow:0 4px 8px rgba(82,185,118,0.3)}.reference-box:hover .reference-box-button{background-color:#45a066;box-shadow:0 4px 8px rgba(82,185,118,0.3)}