/* Five home entries, user-confirmed 2026-10-16. */
html body [data-page="home"] .home-five-tools{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin:8px 0 16px!important;width:100%;padding:0!important}
html body [data-page="home"] .home-five-tools>.tool-card{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;width:100%;height:auto!important;min-height:78px;margin:0!important;padding:6px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#80694c!important;text-align:center;cursor:pointer;overflow:visible}
html body [data-page="home"] .home-five-tools>.tool-card::after{content:none!important}
html body [data-page="home"] .home-five-tools .symbol{display:grid!important;place-items:center;width:clamp(38px,11vw,48px)!important;height:auto!important;aspect-ratio:1;border:0!important;border-radius:12px!important;margin:0!important;padding:3px!important;background:#f4e8d0!important;color:#9e4533!important;box-sizing:border-box}
html body [data-page="home"] .home-five-tools .symbol svg{display:block;width:100%;height:100%}
html body [data-page="home"] .home-five-tools>.tool-card:nth-child(2) .symbol{background:#f7edcc!important;color:#9a7425!important}
html body [data-page="home"] .home-five-tools>.tool-card:nth-child(3) .symbol{background:#dfede7!important;color:#527f70!important}
html body [data-page="home"] .home-five-tools>.tool-card:nth-child(4) .symbol{background:#f6e0dc!important;color:#aa534d!important}
html body [data-page="home"] .home-five-tools>.tool-card:nth-child(5) .symbol{background:#eee4d8!important;color:#946a45!important}
html body [data-page="home"] .home-five-tools>.tool-card b{font:500 clamp(10px,2.85vw,13px)/1.4 system-ui!important;letter-spacing:0!important;white-space:nowrap;color:#80694c!important;text-shadow:none!important}
html body [data-page="home"] .home-five-tools>.tool-card:focus-visible{outline:2px solid #aa7942;outline-offset:2px;border-radius:8px!important}
html body [data-page="home"] .home-five-tools>.tool-card:active .symbol{transform:scale(.95)}

/* Five equal entries scale with their available width. */
html body [data-page="home"] .home-five-tools{container-type:inline-size;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(2px,1vw,6px)!important}
html body [data-page="home"] .home-five-tools>.tool-card{min-height:0!important;gap:clamp(4px,1.8vw,8px);padding:4px 0!important}
html body [data-page="home"] .home-five-tools .symbol{width:clamp(28px,12vw,48px)!important}
html body [data-page="home"] .home-five-tools>.tool-card b{font-size:clamp(8px,2.8vw,13px)!important;max-width:100%}
@supports(width:1cqi){
html body [data-page="home"] .home-five-tools .symbol{width:clamp(24px,15cqi,48px)!important}
html body [data-page="home"] .home-five-tools>.tool-card b{font-size:clamp(7px,3.05cqi,13px)!important}
html body [data-page="home"] .home-five-tools>.tool-card{gap:clamp(4px,2cqi,8px)}
}
html body [data-home-tool="pending"],html body .date-selection-entry[aria-label="待更新"]{display:none!important}

/* Original five-element seal icons, 2026-10-16. */
html body [data-page="home"] .home-five-tools>.tool-card .symbol{background:transparent!important;border-radius:0!important;padding:0!important}
html body [data-page="home"] .home-five-tools>.tool-card .symbol img{display:block;width:100%;height:100%;object-fit:contain}

html body [data-page="home"] .home-five-tools>.tool-card:nth-child(n) .symbol{background:transparent!important;border-radius:0!important;padding:0!important}

/* White navigation strip with organic circular seals. */
html body [data-page="home"] .home-five-tools{background:#fff!important;box-sizing:border-box;padding:12px 14px!important;margin:8px -18px 16px!important;width:calc(100% + 36px)!important}
html body [data-page="home"] .home-five-tools>.tool-card:nth-child(n) .symbol{background:#fff!important;border-radius:50%!important;padding:0!important;box-shadow:none!important}

/* Hide the home five-element relationship card at user request. */
html body [data-page="home"] .feature-card:has(.wuxing-heading){display:none!important}

/* 5px bottom margin + existing 8px content gap = 13px. */
html body [data-page="home"] .home-five-tools{margin-bottom:5px!important}