.cosmetic-page .page-heading{align-items:center;gap:20px}.cosmetic-page .page-heading h1{margin:0}.cosmetic-page .page-heading>div{min-width:0}.cosmetic-page .page-heading>:is(button,a){flex-shrink:0}.cosmetic-page .cosmetic-detail-art{background:var(--surface-well);height:380px;min-height:0;position:relative}.cosmetic-page .cosmetic-detail-art img{min-width:0;max-width:100%;min-height:0}.cosmetic-page .cosmetic-detail .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.cosmetic-page .cosmetic-detail .stat-grid>div{background:var(--surface-panel);min-width:0}.cosmetic-page .cosmetic-detail .stat-grid dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.cosmetic-page .cosmetic-detail .plan-object-preview{grid-template-columns:minmax(0,1fr);margin:0}.cosmetic-page .cosmetic-detail .plan-object-link{text-align:left;grid-template-rows:auto;grid-template-columns:96px minmax(0,1fr);place-items:center start;gap:12px;min-height:82px}.cosmetic-page .cosmetic-detail .plan-object-art{width:96px;height:64px;min-height:0}.cosmetic-page .cosmetic-detail .plan-object-art img{width:100%;height:100%;min-height:0;max-height:100%}.cosmetic-page .cosmetic-detail .plan-object-name{min-width:0;font-size:14px;line-height:1.4}.cosmetic-page .cosmetic-card{background:var(--surface-panel)}.cosmetic-page .cosmetic-art{background:var(--surface-well)}.cosmetic-page .cosmetic-card:is(:hover,:focus-visible){border-color:var(--primary)}.cosmetic-page a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:767px){.cosmetic-page .cosmetic-detail-art{height:260px}}