.reference-surfaces-module__Ffg6AG__referencePage{padding-bottom:clamp(3rem,7vw,6rem)}.reference-surfaces-module__Ffg6AG__shell{--hero-page-inset:clamp(1rem, 3.5vw, 3.25rem);width:100%;max-width:88rem;padding-inline:var(--hero-page-inset);margin-inline:auto}.reference-surfaces-module__Ffg6AG__breadcrumbRow{padding-top:clamp(1.35rem,3vw,2.5rem)}.reference-surfaces-module__Ffg6AG__proseGrid{counter-reset:reference-section;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;max-width:76rem;margin:clamp(1.5rem,4vw,3rem) auto 0;display:grid}.reference-surfaces-module__Ffg6AG__proseSection{border:1px solid var(--color-line);border-top:3px solid var(--color-gold-soft);counter-increment:reference-section;background-color:#fbf7ece6;border-radius:3px;align-self:start;position:relative;overflow:hidden;box-shadow:0 .8rem 2.2rem #362d1c0f}.reference-surfaces-module__Ffg6AG__proseSection:first-child{grid-column:1/-1}.reference-surfaces-module__Ffg6AG__sectionHeading{border-bottom:1px solid var(--color-line);background-color:#ece3cf6b;align-items:center;gap:.9rem;min-height:4.7rem;padding:.9rem 1.25rem;display:flex}.reference-surfaces-module__Ffg6AG__sectionHeading svg{opacity:.85;flex:none}.reference-surfaces-module__Ffg6AG__sectionHeading h2{color:var(--color-jade-deep);margin:0;font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.05}.reference-surfaces-module__Ffg6AG__sectionHeading:after{color:var(--color-gold);content:counter(reference-section, decimal-leading-zero);font-family:var(--font-display);letter-spacing:.12em;margin-left:auto;font-size:.9rem}.reference-surfaces-module__Ffg6AG__sectionBody{color:#453d2b;gap:.95rem;padding:clamp(1.15rem,2.2vw,1.65rem);line-height:1.75;display:grid}.reference-surfaces-module__Ffg6AG__sectionBody strong{color:var(--color-jade-deep)}.reference-surfaces-module__Ffg6AG__sectionBody p{margin:0}.reference-surfaces-module__Ffg6AG__sectionBody a{text-underline-offset:.2em}.reference-surfaces-module__Ffg6AG__proseSection:first-child .reference-surfaces-module__Ffg6AG__sectionBody{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.4rem,3vw,2.5rem)}.reference-surfaces-module__Ffg6AG__sitemapGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.15rem;max-width:76rem;margin:clamp(1.5rem,4vw,3rem) auto 0;display:grid}.reference-surfaces-module__Ffg6AG__sitemapPanel{border:1px solid var(--color-line);border-top:3px solid var(--color-gold-soft);background-color:#fbf7ece6;border-radius:3px;overflow:hidden;box-shadow:0 .8rem 2.2rem #362d1c0f}.reference-surfaces-module__Ffg6AG__toolsPanel{grid-column:span 7}.reference-surfaces-module__Ffg6AG__informationPanel{grid-column:span 5}.reference-surfaces-module__Ffg6AG__animalsPanel,.reference-surfaces-module__Ffg6AG__guidesPanel,.reference-surfaces-module__Ffg6AG__generatedPanel{grid-column:1/-1}.reference-surfaces-module__Ffg6AG__panelHeading{border-bottom:1px solid var(--color-line);background-color:#ece3cf6b;align-items:center;gap:1rem;min-height:5.25rem;padding:.9rem 1.25rem;display:flex}.reference-surfaces-module__Ffg6AG__panelHeading h2{color:var(--color-jade-deep);font-family:var(--font-display);margin:0;font-size:clamp(1.65rem,2.4vw,2.2rem);font-weight:500}.reference-surfaces-module__Ffg6AG__panelMark{flex:0 0 3.5rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:inline-flex}.reference-surfaces-module__Ffg6AG__panelMark>span{max-height:3.5rem;width:100%!important}.reference-surfaces-module__Ffg6AG__panelBody{padding:clamp(1rem,2.3vw,1.55rem)}.reference-surfaces-module__Ffg6AG__featureList,.reference-surfaces-module__Ffg6AG__informationList,.reference-surfaces-module__Ffg6AG__guideList,.reference-surfaces-module__Ffg6AG__animalList{margin:0;padding:0;list-style:none}.reference-surfaces-module__Ffg6AG__featureList,.reference-surfaces-module__Ffg6AG__informationList{gap:.65rem;display:grid}.reference-surfaces-module__Ffg6AG__featureList li,.reference-surfaces-module__Ffg6AG__informationList li{border-left:2px solid var(--color-gold-soft);color:var(--color-muted);background-color:#fffdf694;padding:.8rem .9rem;line-height:1.65}.reference-surfaces-module__Ffg6AG__featureList a,.reference-surfaces-module__Ffg6AG__informationList a,.reference-surfaces-module__Ffg6AG__guideList a{color:var(--color-jade);text-underline-offset:.22em;font-weight:600;text-decoration-thickness:1px}.reference-surfaces-module__Ffg6AG__animalList{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.reference-surfaces-module__Ffg6AG__animalList li{border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);min-width:0}.reference-surfaces-module__Ffg6AG__animalLink{grid-template-rows:5rem auto;place-items:end center;gap:.35rem;min-height:8.8rem;padding:.75rem .35rem;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.reference-surfaces-module__Ffg6AG__animalLink:hover{color:var(--color-cinnabar-dark);background-color:#d7e0d56b}.reference-surfaces-module__Ffg6AG__animalName{font-family:var(--font-display);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-gold-dark);text-decoration-color:var(--color-gold-dark);text-underline-offset:.18em;align-items:baseline;gap:.4rem;font-size:1.05rem;font-weight:600;text-decoration-thickness:1px;display:inline-flex}.reference-surfaces-module__Ffg6AG__animalName span{color:var(--color-jade);font-family:var(--font-chinese);font-size:.95rem;font-weight:400}.reference-surfaces-module__Ffg6AG__guideList{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.reference-surfaces-module__Ffg6AG__guideList li{border:1px solid var(--color-line);background-color:#fffdf694;min-width:0;padding:.95rem 1rem}.reference-surfaces-module__Ffg6AG__guideList span{color:var(--color-muted);margin-top:.35rem;font-size:.9rem;line-height:1.6;display:block}.reference-surfaces-module__Ffg6AG__classIndex{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.reference-surfaces-module__Ffg6AG__classGroup{border:1px solid var(--color-line);background:#fffdf694;min-width:0}.reference-surfaces-module__Ffg6AG__classGroup h3{border-bottom:1px solid var(--color-line);font-family:var(--font-display);background:#ece3cf57;margin:0;padding:.7rem .8rem;font-size:1.1rem;font-weight:600}.reference-surfaces-module__Ffg6AG__classGroup h3 a,.reference-surfaces-module__Ffg6AG__classGroup li a{color:var(--color-jade-deep);text-underline-offset:.18em}.reference-surfaces-module__Ffg6AG__classGroup ul{margin:0;padding:0;list-style:none}.reference-surfaces-module__Ffg6AG__classGroup li{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:baseline;gap:.65rem;min-width:0;padding:.55rem .75rem;font-size:.86rem;display:flex}.reference-surfaces-module__Ffg6AG__classGroup li:last-child{border-bottom:0}.reference-surfaces-module__Ffg6AG__classGroup li span{color:var(--color-muted);font-family:var(--font-chinese);text-align:end;font-size:.76rem}@media (max-width:58rem){.reference-surfaces-module__Ffg6AG__classIndex{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:35rem){.reference-surfaces-module__Ffg6AG__classIndex{grid-template-columns:1fr}}.reference-surfaces-module__Ffg6AG__recoveryActions{flex-wrap:wrap;gap:.8rem;display:flex}:is(.reference-surfaces-module__Ffg6AG__recoveryActions .btn-primary,.reference-surfaces-module__Ffg6AG__recoveryActions .btn-outline){justify-content:center;min-width:12rem}.reference-surfaces-module__Ffg6AG__notFoundPage{min-height:calc(100vh - 10rem);padding-bottom:clamp(2rem,5vw,4rem)}.reference-surfaces-module__Ffg6AG__notFoundPage .reference-surfaces-module__Ffg6AG__shell{padding-top:clamp(1rem,3vw,2.5rem)}.reference-surfaces-module__Ffg6AG__notFoundCode{letter-spacing:-.02em;color:var(--color-ink);margin-bottom:.35em;font-size:clamp(5rem,11vw,8.5rem);line-height:.9;display:block}.reference-surfaces-module__Ffg6AG__notFoundStrip{margin-top:clamp(2rem,4vw,3.25rem)}.reference-surfaces-module__Ffg6AG__afterHeroStrip{max-width:76rem;margin:clamp(1.25rem,3vw,2.25rem) auto 0}@media (max-width:64rem){.reference-surfaces-module__Ffg6AG__animalList{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:50rem){.reference-surfaces-module__Ffg6AG__proseGrid,.reference-surfaces-module__Ffg6AG__sitemapGrid{grid-template-columns:1fr}.reference-surfaces-module__Ffg6AG__proseSection,.reference-surfaces-module__Ffg6AG__proseSection:first-child,.reference-surfaces-module__Ffg6AG__toolsPanel,.reference-surfaces-module__Ffg6AG__informationPanel,.reference-surfaces-module__Ffg6AG__animalsPanel,.reference-surfaces-module__Ffg6AG__guidesPanel{grid-column:1}.reference-surfaces-module__Ffg6AG__proseSection:first-child .reference-surfaces-module__Ffg6AG__sectionBody,.reference-surfaces-module__Ffg6AG__guideList{grid-template-columns:1fr}.reference-surfaces-module__Ffg6AG__animalList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:34rem){.reference-surfaces-module__Ffg6AG__shell{padding-inline:.85rem}.reference-surfaces-module__Ffg6AG__animalList{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-surfaces-module__Ffg6AG__recoveryActions{display:grid}:is(.reference-surfaces-module__Ffg6AG__recoveryActions .btn-primary,.reference-surfaces-module__Ffg6AG__recoveryActions .btn-outline){width:100%}}