.fullzip-guideline-layout {
        align-items: start;
        display: grid;
        gap: 22px;
        grid-template-columns: minmax(0, 1fr) 280px;
    }

    .fullzip-guideline-content {
        min-width: 0;
    }

    .fullzip-guideline-content h4 {
        color: var(--printing-text, #344054);
        font-size: 13px;
        margin: 0 0 8px;
    }

    .fullzip-guideline-content ul {
        color: var(--printing-text-soft, #475467);
        font-size: 12px;
        line-height: 1.55;
        margin: 0;
        padding-left: 18px;
    }

    .fullzip-guideline-content li + li {
        margin-top: 4px;
    }

    .fullzip-guideline-visual {
        display: flex;
        justify-content: center;
    }

    .fullzip-spools {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(6, 1fr);
        width: 100%;
    }

    .fullzip-spool {
        align-items: center;
        aspect-ratio: 1;
        background:
            repeating-linear-gradient(115deg, rgb(255 255 255 / 14%) 0 1px, transparent 1px 3px),
            radial-gradient(circle at 35% 30%, rgb(255 255 255 / 35%), transparent 55%),
            var(--spool);
        border-radius: 50%;
        box-shadow: inset 0 -3px 6px rgb(0 0 0 / 25%), 0 1px 2px rgb(0 0 0 / 25%);
        color: var(--spool-ink);
        display: flex;
        font-size: 8.5px;
        font-weight: 700;
        justify-content: center;
        line-height: 1.1;
        padding: 3px;
        text-align: center;
    }

    .fullzip-spools-more {
        background: var(--printing-surface-soft, #f2f4f7);
        border-radius: 4px;
        color: var(--printing-text-muted, #667085);
        font-size: 11px;
        grid-column: 1 / -1;
        padding: 6px 10px;
        text-align: center;
    }

    .fullzip-compare {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .fullzip-compare-item {
        align-items: center;
        display: flex;
        gap: 8px;
    }

    .fullzip-compare-mark {
        flex: 0 0 22px;
        height: 22px;
        width: 22px;
    }

    .fullzip-compare-logo {
        display: block;
        height: auto;
        width: 100%;
    }

    .fullzip-measure {
        display: block;
        height: auto;
        margin: 0 auto 18px;
        max-width: 760px;
        width: 100%;
    }

    .fullzip-measure-garment {
        stroke: var(--printing-text-muted, #98a2b3);
    }

    .fullzip-measure-rib {
        fill: var(--printing-surface-soft, #d0d5dd);
    }

    .fullzip-measure-title {
        font-size: 17px;
        font-weight: 700;
    }

    .fullzip-measure-text div {
        color: var(--printing-text-soft, #475467);
        font-size: 12px;
        line-height: 1.4;
    }

    .fullzip-size-table-wrap {
        overflow-x: auto;
    }

    .fullzip-size-table {
        border: 1px solid var(--printing-border, #d0d5dd);
        border-collapse: collapse;
        font-size: 12.5px;
        min-width: 520px;
        width: 100%;
    }

    .fullzip-size-table th,
    .fullzip-size-table td {
        border: 1px solid var(--printing-border, #d0d5dd);
        color: var(--printing-text-soft, #475467);
        padding: 9px 12px;
        text-align: center;
    }

    .fullzip-size-table thead th,
    .fullzip-size-table tbody th {
        color: var(--printing-text, #101828);
        font-weight: 700;
    }

    .fullzip-size-table tbody th {
        text-align: left;
    }

    .fullzip-guideline-section + .fullzip-guideline-section {
        border-top: 1px solid var(--printing-border, #eceef2);
        margin-top: 20px;
        padding-top: 20px;
    }

    .fullzip-thread-list {
        color: #475467;
        columns: 2;
        font-size: 12px;
        line-height: 1.55;
        margin: 0;
        padding-left: 18px;
    }

    .fullzip-tmpl-side {
        align-items: center;
        display: inline-flex;
        gap: 6px;
    }

    .fullzip-tmpl-side-icon {
        border: 1.5px solid currentColor;
        border-radius: 2px;
        display: inline-block;
        height: 14px;
        opacity: .6;
        width: 11px;
    }

    .fullzip-template-table td,
    .fullzip-template-table th {
        white-space: nowrap;
    }

    .fullzip-template-table th:last-child,
    .fullzip-template-table td:last-child {
        width: 55%;
    }

    .fullzip-size-chart-image {
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%;
    }

    @media (max-width: 700px) {
        .fullzip-guideline-layout {
            grid-template-columns: 1fr;
        }

        .fullzip-guideline-visual {
            order: -1;
        }

        .fullzip-spools {
            max-width: 340px;
        }

        .fullzip-thread-list {
            columns: 1;
        }
    }