.pillar-grid{gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-bg-section);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);display:grid}.pillar-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-grid--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pillar-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.pillar-grid--cols-5-div{grid-template-columns:minmax(0,1fr) 1px repeat(4,minmax(0,1fr))}.pillar-grid--cols-6-div{grid-template-columns:repeat(2,minmax(0,1fr)) 1px repeat(4,minmax(0,1fr))}.pillar-grid--cols-7-div{grid-template-columns:repeat(3,minmax(0,1fr)) 1px repeat(4,minmax(0,1fr))}.pillar-grid--cols-8-div{grid-template-columns:repeat(4,minmax(0,1fr)) 1px repeat(4,minmax(0,1fr))}.pillar-grid--cols-5 .pillar--lg .pillar__circle,.pillar-grid--cols-5-div .pillar--lg .pillar__circle,.pillar-grid--cols-6 .pillar--lg .pillar__circle,.pillar-grid--cols-6-div .pillar--lg .pillar__circle{width:var(--pillar-md-size);height:var(--pillar-md-size);font-size:var(--pillar-md-font)}.pillar-grid--cols-7-div,.pillar-grid--cols-8-div{padding-left:var(--space-1);padding-right:var(--space-1);gap:var(--space-1)}.pillar-grid--cols-7-div .pillar--lg .pillar__circle,.pillar-grid--cols-8-div .pillar--lg .pillar__circle{width:var(--pillar-md-size);height:var(--pillar-md-size);font-size:var(--pillar-md-font)}@media (width<=640px){.pillar-grid--cols-7-div{grid-template-columns:repeat(3, minmax(var(--pillar-xs-size), .6fr)) 1px repeat(4, minmax(0, 1fr))}.pillar-grid--cols-8-div{grid-template-columns:repeat(4, minmax(var(--pillar-xs-size), .6fr)) 1px repeat(4, minmax(0, 1fr))}.pillar-grid--cols-7-div .pillar--extra .pillar__sinsal,.pillar-grid--cols-7-div .pillar--extra .pillar__jijanggan,.pillar-grid--cols-7-div .pillar--extra .pillar__guiin,.pillar-grid--cols-8-div .pillar--extra .pillar__sinsal,.pillar-grid--cols-8-div .pillar--extra .pillar__jijanggan,.pillar-grid--cols-8-div .pillar--extra .pillar__guiin{display:none}.pillar-grid--cols-7-div .pillar--extra .pillar__age,.pillar-grid--cols-8-div .pillar--extra .pillar__age{font-size:var(--text-xs)}.pillar-grid--cols-7-div .pillar--extra .pillar__age-full,.pillar-grid--cols-8-div .pillar--extra .pillar__age-full{display:none}.pillar-grid--cols-7-div .pillar--extra .pillar__age-short,.pillar-grid--cols-8-div .pillar--extra .pillar__age-short{display:inline}.pillar-grid--cols-7-div .pillar--extra .pillar__circle,.pillar-grid--cols-8-div .pillar--extra .pillar__circle{width:var(--pillar-xs-size);height:var(--pillar-xs-size);font-size:var(--pillar-xs-font)}.pillar-grid--cols-7-div .pillar,.pillar-grid--cols-8-div .pillar{container-type:inline-size}.pillar-grid--cols-7-div .pillar:not(.pillar--extra) .pillar__circle,.pillar-grid--cols-8-div .pillar:not(.pillar--extra) .pillar__circle{width:100%;max-width:var(--pillar-md-size);aspect-ratio:1;height:auto;font-size:min(var(--pillar-md-font), 46cqw)}.pillar-grid--cols-5 .pillar,.pillar-grid--cols-5-div .pillar,.pillar-grid--cols-6 .pillar,.pillar-grid--cols-6-div .pillar{container-type:inline-size}.pillar-grid--cols-5 .pillar .pillar__circle,.pillar-grid--cols-5-div .pillar .pillar__circle,.pillar-grid--cols-6 .pillar .pillar__circle,.pillar-grid--cols-6-div .pillar .pillar__circle{width:100%;max-width:var(--pillar-md-size);aspect-ratio:1;height:auto;font-size:min(var(--pillar-md-font), 46cqw)}}.pillar-grid__divider{background:var(--color-border);width:1px;margin:var(--space-2) 0;align-self:stretch}.pillar-grid--sm{padding:var(--space-3) var(--space-1);gap:var(--space-1)}.pillar-grid--lg{padding:var(--space-5) var(--space-3);gap:var(--space-3)}@media (width<=480px){.pillar-grid{padding:var(--space-3) var(--space-1);gap:var(--space-1)}}