.u-packing-guide { --u-blue: #16408d; --u-yellow: #ffd400; display: grid; gap: 24px; color: #383b43; line-height: 1.85; }
.u-guide-section { position: relative; padding: 34px 36px; border: 1px solid var(--line); background: #fff; }
.u-guide-section > h3 { margin: 0 0 22px; padding-left: 20px; color: var(--ink); font-size: 1.45rem; font-weight: 900; letter-spacing: -.035em; }
.u-guide-section > h3::before { content: ""; position: absolute; left: 36px; margin-top: 5px; width: 7px; height: 24px; background: linear-gradient(to bottom, var(--u-blue) 0 64%, var(--u-yellow) 64%); }
.u-guide-section p:last-child, .u-guide-section ul:last-child, .u-guide-section ol:last-child { margin-bottom: 0; }
.u-guide-intro { padding: 42px; border: 0; color: #fff; background: linear-gradient(125deg, #123676, #16408d); }
.u-guide-intro > h3, .u-guide-intro strong { color: #fff; }
.u-guide-intro > h3::before { background: var(--u-yellow); }
.u-feature-list, .u-check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; padding: 0; list-style: none; }
.u-feature-list li, .u-check-list li { position: relative; margin: 0; padding: 15px 16px 15px 40px; background: #f5f7fb; }
.u-feature-list li::before, .u-check-list li::before { content: ""; position: absolute; left: 17px; top: 24px; width: 9px; height: 9px; border-radius: 50%; background: var(--u-blue); box-shadow: 5px 5px 0 var(--u-yellow); }
.u-material-section { overflow-x: auto; }
.u-material-table, .product-guide-table table { width: 100%; min-width: 650px; border-top: 3px solid var(--u-blue); }
.u-material-table th, .u-material-table td, .product-guide-table th, .product-guide-table td { padding: 17px 18px; border-bottom: 1px solid var(--line); text-align: left; }
.u-material-table th, .product-guide-table th { color: #fff; background: var(--u-blue); }
.u-material-table td:first-child, .product-guide-table td:first-child { color: var(--u-blue); font-weight: 900; }
.u-material-table tbody tr:nth-child(even), .product-guide-table tbody tr:nth-child(even) { background: #f7f8fa; }
.product-guide-table p { margin: 0; }
.u-split-highlight { border-left: 7px solid var(--u-blue); background: #f5f7fb; }
.u-step-list { padding: 0; list-style: none; counter-reset: u-step; }
.u-step-list li { counter-increment: u-step; position: relative; min-height: 48px; padding: 8px 0 16px 62px; border-bottom: 1px dashed #ccd1da; }
.u-step-list li + li { padding-top: 16px; }
.u-step-list li::before { content: counter(u-step, decimal-leading-zero); position: absolute; left: 0; top: 8px; display: grid; place-items: center; width: 42px; height: 42px; color: var(--u-blue); background: var(--u-yellow); font-weight: 900; }
.u-step-list li + li::before { top: 16px; }
.u-check-section { background: #f7f8fa; }
.u-caution { border: 0; border-left: 7px solid var(--u-yellow); color: #e9e9eb; background: #17191e; }
.u-caution > h3 { color: #fff; }
.u-family-callout { border: 2px solid var(--u-blue); box-shadow: 10px 10px 0 var(--u-yellow); }
.u-faq-section { padding-inline: 0; border: 0; }
.u-faq-section > h3 { margin-inline: 36px; }
.u-faq .accordion-item { border: 0; border-top: 1px solid var(--line); }
.u-faq .accordion-item:last-child { border-bottom: 1px solid var(--line); }
.u-faq .accordion-button { padding: 22px 24px; color: var(--ink); background: #fff; font-size: 1rem; font-weight: 800; box-shadow: none; }
.u-faq .accordion-button::before { content: "Q"; display: grid; place-items: center; flex: 0 0 30px; height: 30px; margin-right: 14px; color: #fff; background: var(--u-blue); font-family: "Archivo Black", sans-serif; }
.u-faq .accordion-button:not(.collapsed) { color: var(--u-blue); background: #fff9d8; }
.u-faq .accordion-button:not(.collapsed)::before { color: var(--ink); background: var(--u-yellow); }
.u-faq .accordion-body { padding: 22px 28px 26px 68px; color: #555861; background: #f7f8fa; }
.u-inquiry-box { border: 0; color: #fff; background: var(--u-blue); }
.u-inquiry-box > h3 { color: #fff; }
.u-inquiry-box > h3::before { background: var(--u-yellow); }
.category-grid { margin-top: 34px; }
.category-grid .catalog-card:not(:has(.catalog-image)) > div { grid-column: 1 / -1; min-height: 220px; }
.category-grid .catalog-card small { color: var(--u-blue); }
.category-grid .catalog-card:hover span { color: var(--u-blue); }
@media (max-width: 767.98px) {
  .u-packing-guide { gap: 16px; }
  .u-guide-section, .u-guide-intro { padding: 26px 20px; }
  .u-guide-section > h3 { padding-left: 16px; font-size: 1.25rem; }
  .u-guide-section > h3::before { left: 20px; width: 6px; height: 21px; }
  .u-feature-list, .u-check-list { grid-template-columns: 1fr; gap: 9px; }
  .u-faq-section { padding-inline: 0; }
  .u-faq-section > h3 { margin-inline: 20px; }
  .u-faq .accordion-button { padding: 18px 16px; }
  .u-faq .accordion-body { padding: 18px 20px; }
  .u-family-callout { box-shadow: 6px 6px 0 var(--u-yellow); }
}
.product-guide-copy {
    white-space: pre-line;
}