.public-tool-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 16px; color: #6b7280; font-size: 12px; line-height: 1.9; }
    .public-tool-related a {
        height: 60px !important;
        display: inline-block;
        background-color: #fafbff;
        padding: 22px;
        border-radius: 5px;
        border: 1px solid rgba(34, 40, 49, 0.12);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        flex-wrap: nowrap;
        font-size: 16px;
        font-family: "IRYekan-medium";
        color: #162431;
    }
.public-tool-breadcrumb a:hover, .public-tool-related a:hover { text-decoration: underline; }
.public-tool-guide { margin-top: 32px; padding-top: 24px; border-top: 1px solid #e7e9f1; color: #45516b; font-size: 14px; line-height: 2; }
.public-tool-guide h2 { margin: 0 0 14px; font-size: 20px; line-height: 1.8; color: #162431; }
.public-tool-guide ol { padding-inline-start: 24px; margin: 0; list-style: decimal; }
.public-tool-guide li + li { margin-top: 8px; }
.public-tool-related { margin-top: 24px; }
.public-tool-related h3 { font-size: 16px; margin: 0 0 10px; }
.public-tool-related ul { display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0; margin: 0; list-style: none; }
.public-tool-related li + li { margin-top: 0; }
.public-stuff-page .public-tool-breadcrumb { margin-inline: 63px; }
.public-stuff-page .public-tool-guide { margin-inline: 63px; }
@media (max-width: 1280px) { .public-stuff-page :is(.public-tool-breadcrumb, .public-tool-guide) { margin-inline: 19px; } }
@media (max-width: 575px) { .public-tool-guide h2 { font-size: 18px; } .public-tool-related ul { flex-direction: column; gap: 8px; } }