.help-page {margin: 0; background: #f5f7fb; color: #24334a; font: 16px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif;}
.help-page * {box-sizing: border-box;}
.help-page a {color: #3156ad; text-underline-offset: 3px;}
.help-page a:focus-visible, .help-page input:focus-visible {outline: 3px solid #da9d15; outline-offset: 4px;}
.help-top {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px max(24px, calc((100% - 1120px) / 2)); background: #fff; border-bottom: 1px solid #dfe5ef;}
.help-top a {text-decoration: none;}
.help-brand {font-weight: 750; font-size: 21px;}
.help-brand span {font-size: 14px; font-weight: 400; margin-left: 14px; color: #66758b;}
#help-main {max-width: 1120px; margin: 0 auto; padding: 38px 24px 52px;}
.help-intro {max-width: 760px; margin-bottom: 28px;}
.help-page h1 {font-size: clamp(28px, 4vw, 40px); line-height: 1.2; margin: 8px 0 18px; letter-spacing: -.6px;}
.help-page h2 {font-size: 23px; line-height: 1.35; margin: 0 0 18px;}
.help-page h3 {font-size: 18px; line-height: 1.4; margin: 0 0 8px;}
.help-eyebrow {font-size: 12px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: #617188; margin: 0 0 12px;}
.help-intro > p:last-child, .help-summary {font-size: 18px; color: #586980;}
.help-search {margin-bottom: 32px;}
.help-search label {display: block; font-weight: 650; margin-bottom: 8px;}
.help-search input {display: block; width: 100%; max-width: 700px; border: 1px solid #aab9cd; border-radius: 9px; padding: 13px 16px; font: inherit; color: #24334a; background: #fff;}
#help-count {font-size: 14px; color: #617188; margin: 9px 0;}
.help-category {margin: 0 0 34px;}
.help-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;}
.help-card {display: flex; flex-direction: column; padding: 23px; background: #fff; border: 1px solid #dfe5ef; border-radius: 12px; text-decoration: none;}
.help-card:hover {border-color: #879fce; box-shadow: 0 4px 15px #24334a0d;}
.help-card h3 {color: #24334a;}
.help-card p {color: #617188; margin: 0 0 18px; font-size: 15px;}
.help-card span {font-size: 14px; font-weight: 600; margin-top: auto;}
.help-breadcrumb {font-size: 14px; margin-bottom: 25px; color: #617188;}
.help-article {max-width: 850px; padding: 34px 40px; background: #fff; border: 1px solid #dfe5ef; border-radius: 12px;}
.help-contents {display: flex; flex-direction: column; gap: 6px; padding: 20px 24px; background: #f5f7fb; border-radius: 8px; margin: 26px 0;}
.help-contents strong {margin-bottom: 3px;}
.help-procedure {padding-top: 24px; scroll-margin-top: 24px;}
.help-procedure:focus {outline: none;}
.help-question-label {margin: 0 0 9px; color: #3156ad; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;}
.help-procedure + .help-procedure {border-top: 1px solid #dfe5ef; margin-top: 34px;}
.help-steps {padding-left: 25px; margin: 0 0 24px;}
.help-steps li {padding-left: 6px; margin: 0 0 12px;}
.help-steps li::marker {font-weight: 700; color: #3156ad;}
.help-result {background: #edf6f1; border-left: 3px solid #3c8261; border-radius: 3px; padding: 16px 20px;}
.help-result p {margin: 5px 0 0;}
.help-notes {margin-top: 22px;}
.help-notes h3 {font-size: 16px;}
.help-notes ul {padding-left: 22px; margin: 6px 0;}
.help-notes li {margin: 8px 0;}
.help-related {border-top: 1px solid #dfe5ef; margin-top: 34px; padding-top: 26px;}
.help-related a {display: block; margin: 8px 0;}
.help-return {margin-top: 25px;}
.help-figure {margin: 0 0 28px; padding: 15px; border: 1px solid #dfe5ef; border-radius: 9px; background: #f8faff;}
.help-figure-title {font-weight: 650; margin: 0 0 14px;}
.help-shot {position: relative; display: block; width: 100%; margin: 0 auto; border: 1px solid #d9e0eb; background: #fff; line-height: 0;}
.help-shot img {display: block; width: 100%; height: auto;}
.help-shot-zone {position: absolute; box-sizing: border-box; border: 2px solid #e09917; border-radius: 4px; background: #ffb9280a; pointer-events: none;}
.help-shot-zone b {position: absolute; top: -10px; left: -9px; display: flex; align-items: center; justify-content: center; width: 21px; height: 21px; border: 2px solid #fff; border-radius: 50%; background: #3156ad; color: #fff; font: 700 12px/1 system-ui, sans-serif; box-shadow: 0 1px 3px #24334a33;}
.help-demo-label {font-size: 12px; color: #66758b; margin: 10px 0;}
.help-zone-legend {padding-left: 23px; margin: 12px 0 0; font-size: 14px;}
.help-zone-legend li {padding-left: 5px; margin: 9px 0;}
.help-zone-legend li::marker {color: #3156ad; font-weight: 700;}
.help-empty, .help-not-found {padding: 20px 24px; background: #fff7e7; border: 1px solid #efdbb0; border-radius: 8px;}
.help-not-found {margin-bottom: 24px;}
.help-footer {max-width: 1120px; margin: 0 auto; padding: 0 24px 30px; font-size: 13px; color: #66758b;}
.logistics-help-heading {display: flex; align-items: center; gap: 12px; margin: 0 0 16px;}
.logistics-help-heading h1 {font: 600 21px/1.35 system-ui, sans-serif; margin: 0; color: inherit;}
a.logistics-help-link {display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0 6px 0 0; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #8590a2; line-height: 1; text-decoration: none; cursor: pointer; transition: color .15s, background-color .15s;}
a.logistics-help-link svg {display: block; pointer-events: none;}
a.logistics-help-link:hover, a.logistics-help-link:focus-visible {background: #eef0fc; color: #556ee6;}
a.logistics-help-link:focus-visible {outline: 2px solid #aab5f3; outline-offset: 2px;}
.modal-header > .logistics-help-link {margin-left: auto; margin-right: 8px;}
a.logistics-help-floating {position: fixed; right: 16px; bottom: 16px; z-index: 2147483645; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #556ee6; color: #fff; box-shadow: 0 4px 14px rgba(42,48,66,.28); font: 600 23px/1 system-ui, sans-serif; text-decoration: none; cursor: pointer; transition: background-color .15s, box-shadow .15s;}
a.logistics-help-floating:hover, a.logistics-help-floating:focus-visible {background: #4057c7; color: #fff; outline: 3px solid rgba(85,110,230,.28); outline-offset: 2px;}
@media (max-width: 767px) {a.logistics-help-floating {right: 10px; bottom: 10px;}}
@media (max-width: 850px) {.help-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 560px) {
    .help-top {padding: 14px 18px; font-size: 14px;}
    .help-brand {font-size: 19px;}
    .help-brand span {display: block; margin-left: 0; font-size: 12px;}
    #help-main {padding: 28px 18px 34px;}
    .help-grid {grid-template-columns: 1fr;}
    .help-article {padding: 24px 20px;}
    .help-contents {padding: 16px;}
    .help-footer {padding: 0 18px 24px;}
}
@media print {.help-top, .help-search, .help-footer, .help-related, .help-return {display: none;} .help-page {background: #fff;} #help-main {padding: 0;} .help-article {border: 0; padding: 0; max-width: none;}}