/* 烟斗工具易用性增强层：白色页面、站点字体、新手说明与移动端交互。 */
.pipeToolsPage {
    --tool-ink: #302a25;
    --tool-muted: #756b61;
    --tool-line: #d8d1c8;
    --tool-paper: #fff;
    --tool-soft: #f3f0ec;
    --tool-accent: #694a34;
    background: #fff;
    font-family: inherit;
}

/* 文字与表单统一继承网站现有字体；Font Awesome 图标继续使用自身字体。 */
.pipeToolsPage h1,
.pipeToolsPage h2,
.pipeToolsPage h3,
.pipeToolsPage h4,
.pipeToolsPage p,
.pipeToolsPage label,
.pipeToolsPage input,
.pipeToolsPage select,
.pipeToolsPage textarea,
.pipeToolsPage button,
.pipeToolsPage legend,
.pipeToolsPage strong,
.pipeToolsPage b,
.pipeToolsPage small,
.pipeToolsPage summary,
.pipeToolsPage dt,
.pipeToolsPage dd,
.pipeToolsPage th,
.pipeToolsPage td,
.pipeToolsPage span:not(.fa),
.pipeToolsPage em,
.pipeToolsPage i:not(.fa) {
    font-family: inherit !important;
}

.toolHero,
.toolHeroIndex {
    padding-top: 54px;
    padding-bottom: 38px;
}

.toolHeroIndex {
    padding-top: 64px;
}

.toolHeroMark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 288px;
    height: 136px;
    flex-basis: 288px;
}

.toolHeroMark img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.toolQuickStart {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--tool-line);
    background: var(--tool-paper);
    margin-top: 28px;
}

.toolQuickStartFour {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.toolQuickStart article {
    display: flex;
    gap: 13px;
    min-width: 0;
    padding: 19px 18px 20px;
    border-right: 1px solid var(--tool-line);
}

.toolQuickStart article:last-child {
    border-right: 0;
}

.toolQuickStart b {
    color: #a1856e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.toolQuickStart h3 {
    color: var(--tool-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    margin: 0 0 5px;
}

.toolQuickStart p {
    color: var(--tool-muted);
    font-size: 12px;
    line-height: 1.65;
    margin: 0;
}

.toolFormDivider {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    border-top: 1px solid #e3ddd5;
    margin: 28px 0 24px;
    padding-top: 24px;
}

.toolFormDivider > span {
    display: flex;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #8a715c;
    color: #fff;
    font-size: 12px;
}

.toolFormDivider h3 {
    color: var(--tool-ink);
    font-size: 21px;
    font-weight: 500;
    margin: 1px 0 6px;
}

.toolFormDivider p {
    color: #837a71;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
}

.toolAdvanced {
    border: 1px solid var(--tool-line);
    background: #faf7f2;
    margin-top: 26px;
    padding: 0 18px;
}

.toolAdvanced[open] {
    padding-bottom: 20px;
}

.toolAdvanced summary {
    margin: 0;
    padding: 16px 0;
}

.toolAdvanced[open] summary {
    border-bottom: 1px solid #e5ddd3;
    margin-bottom: 16px;
}

.toolAdvanced > p {
    line-height: 1.7;
    margin: 0 0 20px;
}

/* 相邻输入区块保留清晰间距，避免下一组标签贴住上一组输入框。 */
.toolPanel > .toolFieldGrid + .toolFieldGrid {
    margin-top: 22px;
}

.toolField > span:first-child {
    margin-bottom: 11px;
}

#blend-add-row {
    margin: 26px 0 22px;
}

#blend-new-fields {
    margin-top: 0;
    margin-bottom: 4px;
}

.toolHelpSection {
    display: grid;
    grid-template-columns: minmax(210px, .72fr) minmax(0, 2.28fr);
    gap: 38px;
    border-top: 1px solid var(--tool-line);
    margin-top: 50px;
    padding: 42px 0 8px;
}

.toolHelpHead span {
    color: #96765d;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

.toolHelpHead h2 {
    color: var(--tool-ink);
    font-size: 26px;
    font-weight: 500;
    line-height: 1.35;
    margin: 9px 0 11px;
}

.toolHelpHead p {
    color: var(--tool-muted);
    font-size: 13px;
    line-height: 1.75;
    margin: 0;
}

.toolDefinitionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--tool-line);
    background: var(--tool-line);
}

.toolDefinitionGrid article {
    min-width: 0;
    background: var(--tool-paper);
    padding: 19px 20px 20px;
}

.toolDefinitionGrid h3 {
    color: #503c2d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 7px;
}

.toolDefinitionGrid p {
    color: var(--tool-muted);
    font-size: 12px;
    line-height: 1.72;
    margin: 0;
}

/* 计算结果采用浅色票据式布局，便于逐项核对。 */
.toolResult {
    border: 1px solid #d5cabd;
    background: #fff;
    color: var(--tool-ink);
    box-shadow: 0 8px 22px rgba(83, 60, 42, .05);
}

.toolEmptyState > span {
    border-color: #d6c8bb;
    color: #8b684c;
}

.toolEmptyState h2,
.toolResultGrid strong {
    color: var(--tool-ink);
}

.toolEmptyState p,
.toolResult > p {
    color: var(--tool-muted);
}

.toolResultGrid {
    border: 1px solid #e2d9cf;
    background: #e2d9cf;
}

.toolResultGrid article {
    background: #fff;
}

.toolResultGrid span,
.toolResultHero span,
.toolResultHero small {
    color: #7b7066;
}

.toolResultHero {
    border-bottom-color: #ded3c8;
}

.toolResultHero strong {
    color: #704b31;
}

.toolWarning {
    border-left: 3px solid #a6533d;
    background: #f7e8e2;
    color: #773d30 !important;
}

.toolPrimaryButton:focus-visible,
.toolSecondaryButton:focus-visible,
.toolTextButton:focus-visible,
.customsCard button:focus-visible {
    outline: 3px solid rgba(112, 81, 58, .28);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .toolHero,
    .toolHeroIndex {
        padding-top: 36px;
        padding-bottom: 27px;
    }

    .toolQuickStart,
    .toolQuickStartFour {
        grid-template-columns: 1fr;
        margin-top: 18px;
    }

    .toolQuickStart article {
        border-right: 0;
        border-bottom: 1px solid var(--tool-line);
        padding: 15px 16px;
    }

    .toolQuickStart article:last-child {
        border-bottom: 0;
    }

    .toolQuickStart p {
        line-height: 1.58;
    }

    .toolHelpSection {
        display: block;
        margin-top: 38px;
        padding-top: 32px;
    }

    .toolHelpHead {
        margin-bottom: 20px;
    }

    .toolHelpHead h2 {
        font-size: 22px;
    }

    .toolDefinitionGrid {
        grid-template-columns: 1fr;
    }

    .toolDefinitionGrid article {
        padding: 17px 16px;
    }

    .toolAdvanced {
        padding-right: 15px;
        padding-left: 15px;
    }

    #blend-add-row {
        margin: 17px 0 22px;
    }

    /* 手机端把宽表格改为逐项卡片，不再要求横向拖动。 */
    .toolTableWrap {
        overflow: visible;
    }

    .toolCompareTable,
    .blendTable {
        display: block;
        min-width: 0;
        background: transparent;
    }

    .toolCompareTable thead,
    .blendTable thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .toolCompareTable tbody,
    .blendTable tbody,
    .toolCompareTable tfoot {
        display: block;
    }

    .toolCompareTable tr,
    .blendTable tr {
        display: block;
        border: 1px solid #dcd2c8;
        background: #fff;
        margin-bottom: 12px;
        padding: 6px 13px;
    }

    .toolCompareTable tr.is-best {
        border-color: #9ba98f;
    }

    .toolCompareTable th,
    .toolCompareTable td,
    .blendTable th,
    .blendTable td {
        display: grid;
        grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr);
        align-items: center;
        min-width: 0;
        width: 100% !important;
        border-bottom: 1px solid #eee7df;
        padding: 10px 0;
        text-align: right;
        white-space: normal;
    }

    .toolCompareTable td:last-child,
    .blendTable td:last-child,
    .toolCompareTable tfoot th:last-child {
        border-bottom: 0;
    }

    .toolCompareTable td::before,
    .blendTable td::before {
        content: attr(data-label);
        color: #76695e;
        font-size: 11px;
        font-weight: 600;
        padding-right: 10px;
        text-align: left;
    }

    .blendTable input {
        min-width: 0;
        text-align: left;
    }

    .blendTable .toolTextButton {
        justify-self: end;
    }

    .toolCompareTable tfoot tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #eee7de;
    }

    .toolCompareTable tfoot th {
        display: block;
        width: auto !important;
        border: 0;
        background: transparent;
        color: var(--tool-ink);
        padding: 10px 0;
    }

    .toolResultFull {
        padding: 18px 14px;
    }
}

/* 2026 完整优化：共享工具组件 */
.pipeToolsPage [hidden]{display:none!important}
.pipeToolsPage input[aria-invalid="true"],.pipeToolsPage select[aria-invalid="true"]{border-color:#a54835!important;box-shadow:0 0 0 3px rgba(165,72,53,.14)!important}
.toolGroupList{margin-top:42px}.toolGroup{margin-top:48px}.toolGroup:first-child{margin-top:0}
.toolGroupHead{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--tool-line);padding-bottom:14px}
.toolGroupHead>span{color:#9b8068;font:13px Georgia,serif}.toolGroupHead h2{padding:0;color:var(--tool-ink);font:500 27px/1.3 Georgia,"Songti SC",serif;text-transform:none}
.toolGroup .toolCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.toolGroup .toolCard{min-height:0;overflow:hidden;transition:background-color .22s ease,box-shadow .22s ease}.toolGroup .toolCard:only-child{grid-column:1/-1}
.toolCard h3{color:var(--tool-ink);font:500 23px/1.35 Georgia,"Songti SC",serif;margin:26px 0 10px}
.toolCardMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;border-top:1px solid #e5ddd3;margin:18px 0;padding-top:16px}
.toolCardMeta div{min-width:0}.toolCardMeta dt{color:#9a826c;font-size:10px;letter-spacing:.08em}.toolCardMeta dd{color:#5f554c;font-size:12px;line-height:1.55;margin:3px 0 0}
.toolCard strong i{transition:transform .22s ease}.toolCard:focus-visible{outline:3px solid rgba(112,81,58,.3);outline-offset:-3px;background:#f8f3ed;z-index:2}
@media(hover:hover){.toolCard:hover{background:#f8f3ed;box-shadow:inset 0 0 0 1px #ad8c70;transform:none;z-index:1}.toolCard:hover .toolCardIcon{background:#e6d9cc;color:#62442f}.toolCard:hover strong i{transform:translateX(4px)}}
.toolModeSwitch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:0 0 26px;padding:0}.toolModeSwitch label{cursor:pointer}
.toolModeSwitch input{position:absolute;opacity:0;pointer-events:none}.toolModeSwitch span{display:flex;min-height:52px;align-items:center;justify-content:center;border:1px solid #d6cdc3;background:#faf7f2;color:#67584b;font-size:13px;line-height:1.45;padding:8px 12px;text-align:center}
.toolModeSwitch input:checked+span{border-color:#614633;background:#614633;color:#fff}.toolModeSwitch input:focus-visible+span{outline:3px solid rgba(112,81,58,.28);outline-offset:2px}
.toolModePanel{animation:toolPanelIn .18s ease}@keyframes toolPanelIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.toolInlineNote,.toolCrossLink{border-left:3px solid #8b694d;background:#f4eee7;color:#695e55;font-size:12px;line-height:1.75;margin:20px 0 0;padding:13px 16px}.toolCrossLink{margin-top:32px}.toolCrossLink a{color:#67442e;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.toolResultCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toolResultCards article{border:1px solid #e1d8cf;background:#fff;padding:20px 15px}
.toolResultCards span,.toolResultCards small{display:block;color:#7a6f65;font-size:11px;line-height:1.55}.toolResultCards strong{display:block;color:#6a4932;font:500 22px/1.3 Georgia,serif;margin:9px 0}
.unitGramsHint{color:#71523b!important;font-weight:600}.unitAdvanced{border-top:1px solid #e2d9cf;margin-top:15px;padding-top:12px}.unitAdvanced summary{color:#6f5039;cursor:pointer;font-size:12px;font-weight:600}.unitAdvanced label{margin-top:12px}
.toolChecklist{counter-reset:checklist;margin:22px 0 0}.toolChecklist li{counter-increment:checklist;position:relative;border-top:1px solid #e1d8ce;color:#5d534a;font-size:13px;line-height:1.65;padding:12px 0 12px 33px}.toolChecklist li:before{content:counter(checklist);position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:#76543c;color:#fff;font-size:10px;line-height:22px;text-align:center}
.filterDecision>section{border-bottom:1px solid #e1d7cc;padding:18px 0}.filterDecision h3,.filterChecklistTitle{color:#5d422f;font-size:13px;font-weight:600;margin:0 0 7px}.filterDecision p{color:#6e6359;font-size:12px;line-height:1.75;margin:0}.filterDecision dl{margin:0}.filterDecision dl div{border-bottom:1px solid #e7ded5;padding:14px 0}.filterDecision dt{color:#9a8068;font-size:10px;letter-spacing:.06em}.filterDecision dd{color:#554a41;font-size:12px;line-height:1.7;margin:5px 0 0}.filterChecklistTitle{margin-top:20px}.filterMaterialGrid article{min-height:132px}
.toolFormula summary{color:#5d422f;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:8px}
@media(max-width:760px){.toolGroup .toolCardGrid,.toolModeSwitch,.toolResultCards{grid-template-columns:1fr}.toolGroup{margin-top:36px}.toolGroupHead h2{font-size:23px}.toolCardMeta{grid-template-columns:1fr;gap:8px}.toolModeSwitch span{justify-content:flex-start;text-align:left}.unitItem[hidden]{display:none!important}}
/* 日期码品牌向导 */
.dateQueryWorkspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:28px;align-items:stretch;margin-top:36px}
.dateQueryAside{display:grid;grid-template-rows:auto minmax(200px,1fr);gap:18px;height:100%}.dateBrandHelp{border:1px solid #ddd4ca;background:#f7f2ec;margin:18px 0;padding:16px}
.dateBrandHelp strong{color:#5d422f;font-size:13px}.dateBrandHelp p{color:#766b62;font-size:12px;line-height:1.7;margin:7px 0 12px}
.dateBrandHelp dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dateBrandHelp dl div{border-top:1px solid #ddd2c7;padding-top:9px}.dateBrandHelp dt{color:#99816b;font-size:10px}.dateBrandHelp dd{color:#5d5249;font-size:12px;line-height:1.5;margin:3px 0 0}
.dateExampleButton{width:auto!important;margin:12px 0 0!important}.dateDemo{border:1px solid #ddd4ca;background:#fff;margin:0;padding:16px}.dateDemo img{display:block;width:100%;max-height:310px;object-fit:contain;background:#f5f1eb}.dateDemo figcaption{color:#7c7167;font-size:11px;line-height:1.65;margin-top:12px}
.dateQueryPage .toolResult{height:100%;min-height:200px}.dateQueryPage .toolResultHero strong{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:23px;line-height:1.5}.dateResultNote{border-left:3px solid #a9896c;background:#f7f2ec;color:#65594f!important;padding:13px 14px!important}
@media(max-width:800px){.dateQueryWorkspace{grid-template-columns:1fr;margin-top:22px}.dateBrandHelp dl{grid-template-columns:1fr}.dateQueryAside{grid-template-rows:auto auto;height:auto;margin-top:0}.dateQueryPage .toolResult{height:auto}}

/* 滤芯材质助手：先比较材质，再给两步选择建议。 */
.filterComparisonSection{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(0,2.38fr);gap:34px;border-top:1px solid var(--tool-line);margin-top:50px;padding-top:42px}
.filterComparisonTable{border:1px solid #d9cec3;background:#fff}
.filterComparisonTable table{width:100%;border-collapse:collapse;table-layout:fixed}
.filterComparisonTable th,.filterComparisonTable td{border-bottom:1px solid #e4dbd2;border-right:1px solid #eee7df;color:#6f655d;font-size:10px;line-height:1.55;padding:12px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.filterComparisonTable thead th{background:#f5efe8;color:#5a4434;font-weight:600}
.filterComparisonTable tbody th{color:#513b2b;font-size:11px;font-weight:600}
.filterComparisonTable tr:last-child th,.filterComparisonTable tr:last-child td{border-bottom:0}
.filterComparisonTable th:last-child,.filterComparisonTable td:last-child{border-right:0}
.filterWorkspace{margin-top:48px}.filterTwoStepFields{grid-template-columns:repeat(2,minmax(0,1fr))}
.filterTrialSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e5dcd3;margin-top:18px}
.filterTrialSteps div{background:#fff;padding:14px}.filterTrialSteps strong{display:block;color:#5a4231;font-size:11px;margin-bottom:5px}.filterTrialSteps p{color:#74685f;font-size:11px;line-height:1.65;margin:0}
.filterSourceNotes{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);gap:38px;border-top:1px solid var(--tool-line);margin-top:50px;padding:42px 0 8px}
.filterSourceNotes span{color:#96765d;font-size:11px;font-weight:600;letter-spacing:1.4px}.filterSourceNotes h2{color:var(--tool-ink);font-size:25px;font-weight:500;line-height:1.35;margin:9px 0}
.filterSourceNotes p,.filterSourceNotes li{color:var(--tool-muted);font-size:12px;line-height:1.75}.filterSourceNotes p{margin:0 0 12px}.filterSourceNotes ul{margin:0;padding-left:18px}.filterSourceNotes a{color:#67442e;text-decoration:underline;text-underline-offset:3px}
.pipePolicySummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--tool-line);background:var(--tool-line);margin-top:28px}.pipePolicySummary article{background:#faf7f2;padding:20px 22px}.pipePolicySummary span{display:block;color:#94765e;font-size:11px;font-weight:600;letter-spacing:.06em}.pipePolicySummary strong{display:block;color:#553d2c;font-size:20px;font-weight:600;margin:8px 0}.pipePolicySummary p{color:#73685f;font-size:12px;line-height:1.65;margin:0}.toolPolicySource{border-top:1px solid var(--tool-line);color:#7a7067;font-size:11px;line-height:1.75;margin:40px 0 0;padding-top:18px}.toolPolicySource a{color:#67442e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.filterComparisonSection,.filterSourceNotes{display:block;padding-top:32px}.filterComparisonSection>.toolHelpHead,.filterSourceNotes>div:first-child{margin-bottom:20px}.pipePolicySummary{grid-template-columns:1fr;margin-top:18px}.filterComparisonTable{border:0;background:transparent}.filterComparisonTable table,.filterComparisonTable tbody,.filterComparisonTable tr,.filterComparisonTable th,.filterComparisonTable td{display:block;width:auto}.filterComparisonTable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.filterComparisonTable tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filterComparisonTable tr{border:1px solid #d9cec3;background:#fff;padding:16px}.filterComparisonTable tbody th{border:0;border-bottom:1px solid #e5dcd3;font-size:14px;padding:0 0 11px}.filterComparisonTable td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:9px;border:0;border-bottom:1px solid #eee7df;padding:9px 0}.filterComparisonTable td:last-child{border-bottom:0;padding-bottom:0}.filterComparisonTable td:before{content:attr(data-label);color:#987b64;font-size:10px;font-weight:600}}
@media(max-width:620px){.filterComparisonTable tbody,.filterTwoStepFields,.filterTrialSteps{grid-template-columns:1fr}}

/* SEO 信息入口：为首页与网址分类页提供清晰、可见的主题标题和重点内链。 */
.seoPageHero {
    border: 1px solid #ded5cb;
    background: #faf7f3;
    margin: 34px 0 30px;
    padding: 42px 46px;
}
.seoPageEyebrow {
    display: block;
    color: #8a7462;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.3px;
    margin-bottom: 12px;
}
.seoPageHero h1 {
    color: #3f3026;
    font-size: clamp(32px,4vw,48px);
    font-weight: 600;
    letter-spacing: -.035em;
    line-height: 1.2;
    margin: 0 0 14px;
}
.seoPageHero p {
    max-width: 820px;
    color: #6f6258;
    font-size: 14px;
    line-height: 1.85;
    margin: 0;
}
.seoPageLinks { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 22px; }
.seoPageLinks a { color: #65452f; font-size: 12px; font-weight: 600; text-decoration: none; }
.seoPageLinks a:hover,.seoPageLinks a:focus-visible { text-decoration: underline; }
.seoPageHeroCompact { margin-top: 22px; padding: 30px 34px; }
.seoPageHeroCompact h1 { font-size: clamp(28px,3.5vw,40px); }
@media(max-width:700px){
    .seoPageHero { margin: 22px 0 24px; padding: 28px 22px; }
    .seoPageHero h1 { font-size: 30px; }
    .seoPageLinks { display: grid; gap: 10px; }
}

/* 2026-08-30 精修：工具首页、表单边界与自动汇率。 */
.toolHeroIndex {
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(260px,.55fr);
    gap: 56px;
    align-items: stretch;
    border: 1px solid #ded5cb;
    background: #faf7f3;
    margin-top: 34px;
    padding: 48px 50px;
}
.toolHeroIndex .toolHeroIntro {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}
.toolHeroIndex h1 {
    max-width: 720px;
    font-size: clamp(42px,4.5vw,56px);
    letter-spacing: -.04em;
    margin-bottom: 17px;
}
.toolHeroIndex p { max-width: 760px; font-size: 15px; line-height: 1.85; }
.toolHeroActions { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 28px; }
.toolHeroActions a { color: #65452f; font-size: 12px; font-weight: 600; text-decoration: none; }
.toolHeroActions a i { margin-left: 7px; transition: transform .2s ease; }
.toolHeroActions a:hover i { transform: translateX(4px); }
.toolHeroIndex .toolHeroMark {
    display: grid;
    width: auto;
    height: auto;
    min-height: 218px;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    justify-items: center;
    padding: 22px 16px 18px;
}
.toolHeroIndex .toolHeroMark > span,
.toolHeroIndex .toolHeroMark > small { display: block; color: #8a7462; font-size: 10px; font-weight: 600; letter-spacing: 1.1px; }
.toolHeroIndex .toolHeroMark > span {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    transform: none;
}
.toolHeroIndex .toolHeroMark img {
    display: block;
    width: min(100%, 304px);
    height: auto;
    opacity: 1;
    mix-blend-mode: normal;
    object-fit: contain;
}
.toolHeroIndex .toolHeroMark > small { font-weight: 400; letter-spacing: .4px; }

.toolFieldGrid { align-items: start; }
.toolField { line-height: 1.45; }
.toolField > span:first-child { margin-bottom: 8px; }
.toolField small { margin-top: 8px; }
.toolPanel,
.unitItem,
.toolResult,
.customsReference,
.customsCard { border-width: 1px; }
.toolResultHero { border-bottom: 0; margin-bottom: 14px; padding-bottom: 18px; }
.toolResultGrid { border: 1px solid #e2d9cf; gap: 1px; }
.unitItem { padding: 20px 18px 18px; }
.unitItem > label { margin-bottom: 17px; line-height: 1.45; }
.unitItem > label input,
.unitItem > label select { margin-top: 7px; }
.unitGramsHint { display: block; margin-top: 8px; }
.unitAdvanced {
    border: 1px solid #e2d9cf;
    background: #faf7f3;
    margin-top: 18px;
    padding: 0 14px;
}
.unitAdvanced[open] { padding-bottom: 14px; }
.unitAdvanced summary { line-height: 1.55; padding: 13px 0; }
.unitAdvanced[open] summary { border-bottom: 1px solid #e7ded5; margin-bottom: 3px; }
.unitAdvanced label { margin: 13px 0 0; }
.unitAdvanced label:last-child { margin-bottom: 0; }
.unitAdvanced label small { display: block; color: #887b70; font-size: 10px; line-height: 1.55; margin-top: 6px; }

.toolRateBox { border: 1px solid #ddd3c9; background: #faf7f3; margin-top: 22px; }
.toolRateSummary { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 3px 12px; align-items: baseline; padding: 15px 17px; }
.toolRateSummary > span { grid-row: 1 / 3; color: #927158; font-size: 10px; font-weight: 600; letter-spacing: 1px; }
.toolRateSummary strong { color: #523d2d; font-size: 13px; font-weight: 600; line-height: 1.55; }
.toolRateSummary small { color: #7e7369; font-size: 10px; line-height: 1.55; }
.toolRateBox.is-missing { border-color: #c99685; background: #fff7f3; }
.toolRateBox.is-missing .toolRateSummary strong { color: #8b4635; }
.toolRateDetails { border-top: 1px solid #e3d9cf; padding: 0 17px; }
.toolRateDetails summary { color: #674831; cursor: pointer; font-size: 11px; font-weight: 600; padding: 12px 0; }
.toolRateDetails[open] { padding-bottom: 17px; }
.toolRateDetails[open] summary { border-bottom: 1px solid #e7ded5; margin-bottom: 16px; }
.toolRateDetails .toolFieldGrid { gap: 16px; }

.blendPrintHeader { display: none; }

@media(max-width:900px) {
    .toolHeroIndex { display: block; margin-top: 22px; padding: 31px 24px 25px; }
    .toolHeroIndex h1 { font-size: 34px; }
    .toolHeroIndex .toolHeroMark { display: none; }
    .toolHeroActions { margin-top: 22px; }
    .toolRateSummary { grid-template-columns: 1fr; }
    .toolRateSummary > span { grid-row: auto; }
}

@media print {
    @page { margin: 15mm; }
    body.blendPrintMode .topDescBar,
    body.blendPrintMode .topNavBar,
    body.blendPrintMode .footerLayout,
    body.blendPrintMode .fixedBar { display: none !important; }
    body.blendPrintMode .pipeToolsPage { min-height: 0; padding: 0; }
    body.blendPrintMode .pipeToolsPage .sectionWrapper { width: 100%; max-width: none; padding: 0; }
    body.blendPrintMode .pipeToolsPage .sectionWrapper > * { display: none !important; }
    body.blendPrintMode .pipeToolsPage .sectionWrapper > #blend-result { display: block !important; }
    body.blendPrintMode #blend-result { min-height: 0; border: 0; box-shadow: none; margin: 0; padding: 0; }
    body.blendPrintMode .blendPrintHeader { display: block; border-bottom: 1px solid #777; margin-bottom: 12px; padding-bottom: 10px; }
    body.blendPrintMode .blendPrintHeader h1 { color: #111; font: 600 20px/1.3 "PingFang SC","Microsoft YaHei",sans-serif; margin: 0 0 5px; }
    body.blendPrintMode .blendPrintHeader p { color: #333; font-size: 11px; margin: 0; }
    body.blendPrintMode #blend-result .toolTableWrap { display: block; overflow: visible; }
    body.blendPrintMode #blend-result .toolCompareTable { display: table; min-width: 0; width: 100%; border-collapse: collapse; background: #fff; color: #111; }
    body.blendPrintMode #blend-result .toolCompareTable thead { display: table-header-group; position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; }
    body.blendPrintMode #blend-result .toolCompareTable tbody { display: table-row-group; }
    body.blendPrintMode #blend-result .toolCompareTable tfoot { display: table-footer-group; }
    body.blendPrintMode #blend-result .toolCompareTable tr { display: table-row; border: 0; margin: 0; padding: 0; }
    body.blendPrintMode #blend-result .toolCompareTable th,
    body.blendPrintMode #blend-result .toolCompareTable td { display: table-cell; width: auto !important; border: 1px solid #aaa; background: #fff; color: #111; font-size: 11px; padding: 7px 9px; text-align: left; }
    body.blendPrintMode #blend-result .toolCompareTable td::before { content: none; }
    body.blendPrintMode #blend-result .toolResultActions { display: none !important; }
}