.static-page-container {max-width: 800px;margin: 20px auto;padding: 30px;font-family: var(--font-family-base);background-color: #fff;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);line-height: 1.7;color: #333}
.static-page-container h1 {font-size: 1.8em;font-weight: 700;color: #1c1e21;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 2px solid #1877f2}
.static-page-container .last-updated {font-size: 0.85em;color: #606770;margin-bottom: 25px}
.static-page-container h2 {font-size: 1.3em;font-weight: 600;color: #1c1e21;margin-top: 30px;margin-bottom: 15px;padding-bottom: 8px;border-bottom: 1px solid #ddd}
.static-page-container h3 {font-size: 1.1em;font-weight: 600;color: #444;margin-top: 20px;margin-bottom: 10px}
.static-page-container h4 {font-size: 1em;font-weight: 600;color: #555;margin-top: 16px;margin-bottom: 8px}
.static-page-container p {margin-bottom: 15px}
.static-page-container ul {margin: 10px 0 15px 20px;padding-left: 0}
.static-page-container li {margin-bottom: 8px;list-style-type: disc}
.static-page-container section {margin-bottom: 25px}
.static-page-container strong {color: #1c1e21}
.disclosure-table {width: 100%;border-collapse: collapse;margin: 20px 0}
.disclosure-table th,
.disclosure-table td {padding: 15px;border: 1px solid #ddd;text-align: left;vertical-align: top}
.disclosure-table th {background-color: #f7f8fa;font-weight: 600;color: #1c1e21;width: 30%;white-space: nowrap}
.disclosure-table td {background-color: #fff}
.disclosure-table td small {display: block;margin-top: 5px;color: #606770;font-size: 0.85em}
.disclosure-table td ul {margin: 0;padding-left: 20px}
.disclosure-table td li {margin-bottom: 5px}
.static-page-container .back-link {display: inline-block;margin-top: 30px;color: #1877f2;text-decoration: none}
.static-page-container .back-link:hover {text-decoration: underline}
@media (max-width: 768px) {.static-page-container {margin: 10px;padding: 20px}
.static-page-container h1 {font-size: 1.5em}
.static-page-container h2 {font-size: 1.2em}
.static-page-container h3 {font-size: 1em}
.static-page-container h4 {font-size: 0.95em}
.disclosure-table th {width: 35%;white-space: normal;font-size: 0.9em}
.disclosure-table th,
.disclosure-table td {padding: 12px 10px}}
.fishing-ship-guide {max-width: 100%;margin: 0;padding: 0;font-family: var(--font-family-base);color: #333;line-height: 1.7}
.guide-hero {background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%);color: white;padding: 60px 20px;text-align: center}
.guide-hero-content h1 {font-size: 1.8rem;font-weight: 700;margin: 0 0 16px;display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap}
.guide-hero-content h1 i {font-size: 2rem}
.guide-hero-subtitle {font-size: 1.1rem;opacity: 0.95;margin: 0;line-height: 1.8}
.sp-only {display: none}
.guide-beta-notice {background: #fffbeb;border-bottom: 1px solid #fcd34d;padding: 14px 20px}
.guide-beta-notice-inner {max-width: 800px;margin: 0 auto;display: flex;align-items: center;gap: 12px;font-size: 14px;color: #92400e;line-height: 1.6}
.guide-beta-notice-inner i {flex-shrink: 0;font-size: 18px;color: #d97706}
.guide-beta-notice-inner p {margin: 0}
.guide-samples {padding: 50px 20px;background: white}
.guide-samples h2 {text-align: center;font-size: 1.5rem;font-weight: 700;color: #1c1e21;margin: 0 0 8px}
.guide-samples-description {text-align: center;font-size: 0.95rem;color: #606770;margin: 0 0 24px}
.guide-sample-cards {display: flex;flex-direction: column;gap: 12px;max-width: 500px;margin: 0 auto}
.guide-sample-card {display: flex;align-items: center;gap: 16px;background: #f7f8fa;padding: 16px 20px;border-radius: 12px;text-decoration: none;transition: all 0.2s ease;border: 2px solid transparent}
.guide-sample-card:hover {background: #f0f9ff;border-color: #0ea5e9;transform: translateX(4px)}
.guide-sample-card-icon {width: 48px;height: 48px;background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.guide-sample-card-icon i {font-size: 1.3rem;color: white}
.guide-sample-card-content {flex: 1}
.guide-sample-card-content h3 {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 0 0 4px}
.guide-sample-card-content p {font-size: 0.85rem;color: #606770;margin: 0}
.guide-sample-card-arrow {color: var(--color-text-light);font-size: 0.9rem;transition: transform 0.2s ease}
.guide-sample-card:hover .guide-sample-card-arrow {transform: translateX(4px);color: #0ea5e9}
.guide-features {padding: 50px 20px;background: #f7f8fa}
.guide-features h2 {text-align: center;font-size: 1.5rem;font-weight: 700;color: #1c1e21;margin: 0 0 30px}
.guide-feature-cards {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 700px;margin: 0 auto}
.guide-feature-card {background: white;border-radius: 12px;padding: 24px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease}
.guide-feature-card:hover {transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12)}
.guide-feature-icon {width: 60px;height: 60px;background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 16px}
.guide-feature-icon i {font-size: 1.5rem;color: white}
.guide-feature-card h3 {font-size: 1.1rem;font-weight: 600;color: #1c1e21;margin: 0 0 8px}
.guide-feature-card p {font-size: 0.9rem;color: #606770;margin: 0}
.guide-considerations {padding: 50px 20px;background: #fff8f0}
.guide-considerations h2 {text-align: center;font-size: 1.5rem;font-weight: 700;color: #1c1e21;margin: 0 0 30px}
.guide-consideration-list {max-width: 700px;margin: 0 auto;display: flex;flex-direction: column;gap: 16px}
.guide-consideration-item {display: flex;gap: 16px;background: white;padding: 20px;border-radius: 12px;border-left: 4px solid var(--color-warning);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06)}
.guide-consideration-icon {width: 44px;height: 44px;background: #fef3c7;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.guide-consideration-icon i {font-size: 1.1rem;color: #d97706}
.guide-consideration-content {flex: 1}
.guide-consideration-content h3 {font-size: 1rem;font-weight: 600;color: #92400e;margin: 0 0 4px}
.guide-consideration-content p {font-size: 0.9rem;color: #78716c;margin: 0}
.guide-consideration-note {margin-top: 8px !important;padding: 8px 12px;background: #fef3c7;border-radius: 6px;font-size: 0.85rem !important;color: #92400e !important}
.guide-consideration-item--important {border-left-color: var(--color-danger-dark);background: #fef2f2}
.guide-consideration-item--important .guide-consideration-icon {background: #fee2e2}
.guide-consideration-item--important .guide-consideration-icon i {color: var(--color-danger-dark)}
.guide-consideration-item--important .guide-consideration-content h3 {color: #991b1b}
.guide-steps {padding: 50px 20px;background: white}
.guide-steps h2 {text-align: center;font-size: 1.5rem;font-weight: 700;color: #1c1e21;margin: 0 0 30px}
.guide-step-list {max-width: 600px;margin: 0 auto}
.guide-step {display: flex;gap: 16px;margin-bottom: 24px;position: relative}
.guide-step:not(:last-child)::after {content: '';position: absolute;left: 19px;top: 44px;width: 2px;height: calc(100% - 20px);background: #e4e6eb}
.guide-step-number {width: 40px;height: 40px;background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;flex-shrink: 0;position: relative;z-index: 1}
.guide-step-content {flex: 1;padding-top: 4px}
.guide-step-content h3 {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 0 0 4px}
.guide-step-content p {font-size: 0.9rem;color: #606770;margin: 0}
.guide-cta {padding: 50px 20px;background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);text-align: center}
.guide-cta h2 {font-size: 1.5rem;font-weight: 700;color: #1c1e21;margin: 0 0 12px}
.guide-cta > p {font-size: 1rem;color: #606770;margin: 0 0 24px}
.guide-cta-buttons {display: flex;flex-direction: column;gap: 12px;max-width: 320px;margin: 0 auto}
.guide-cta-button {display: flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 24px;border-radius: 8px;font-size: 1rem;font-weight: 600;text-decoration: none;transition: all 0.2s ease}
.guide-cta-button--primary {background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color: white}
.guide-cta-button--primary:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4)}
.guide-cta-button--secondary {background: white;color: #0284c7;border: 2px solid #0284c7}
.guide-cta-button--secondary:hover {background: #f0f9ff}
.guide-contact {padding: 40px 20px;background: white;text-align: center}
.guide-contact h2 {font-size: 1.2rem;font-weight: 600;color: #1c1e21;margin: 0 0 8px}
.guide-contact > p {font-size: 0.9rem;color: #606770;margin: 0 0 16px}
.guide-contact-links {display: flex;justify-content: center;gap: 12px}
.guide-contact-link {display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: #1c1e21;color: white;border-radius: 8px;text-decoration: none;font-size: 0.9rem;transition: all 0.2s ease}
.guide-contact-link:hover {background: #333;transform: translateY(-2px)}
.guide-contact-link i {font-size: 1.1rem}
.guide-back {padding: 20px;background: #f7f8fa;text-align: center}
.guide-back-link {display: inline-flex;align-items: center;gap: 8px;color: #606770;text-decoration: none;font-size: 0.9rem;transition: color 0.2s ease}
.guide-back-link:hover {color: #1877f2}
@media (max-width: 768px) {.guide-hero {padding: 40px 16px}
.guide-hero-content h1 {font-size: 1.4rem}
.guide-hero-content h1 i {font-size: 1.6rem}
.guide-hero-subtitle {font-size: 1rem}
.sp-only {display: inline}
.guide-samples {padding: 40px 16px}
.guide-samples h2 {font-size: 1.3rem}
.guide-sample-card {padding: 14px 16px;gap: 12px}
.guide-sample-card-icon {width: 44px;height: 44px}
.guide-features,
.guide-considerations,
.guide-steps,
.guide-cta {padding: 40px 16px}
.guide-features h2,
.guide-considerations h2,
.guide-steps h2,
.guide-cta h2 {font-size: 1.3rem}
.guide-consideration-item {padding: 16px;gap: 12px}
.guide-consideration-icon {width: 40px;height: 40px}
.guide-consideration-content h3 {font-size: 0.95rem}
.guide-feature-cards {grid-template-columns: 1fr}
.guide-feature-card {padding: 20px}
.guide-step {gap: 12px}
.guide-step-number {width: 36px;height: 36px;font-size: 1rem}
.guide-step:not(:last-child)::after {left: 17px;top: 40px}
.guide-cta-buttons {max-width: 100%}}
body.sample-page .main-content {display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;overflow: auto}
.sample-page-notice {background: linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%);color: white;padding: 12px 16px;display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 0.9rem;text-align: center;position: sticky;top: 0;z-index: 100;flex-wrap: wrap}
.sample-page-notice i {font-size: 1.1rem;flex-shrink: 0}
.sample-page-notice-sub {width: 100%;font-size: 0.75rem;opacity: 0.9;margin-top: 4px}
.sample-page-cta {background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color: white;padding: 20px 16px;display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;font-size: 0.95rem;margin-top: auto}
.sample-page-cta-btn {display: inline-flex;align-items: center;gap: 6px;background: white;color: #0284c7;padding: 10px 20px;border-radius: 20px;text-decoration: none;font-size: 0.9rem;font-weight: 600;transition: all 0.2s ease}
.sample-page-cta-btn:hover {transform: scale(1.05);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)}
.fishing-ship-show-no-image.sample-image {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);border: 2px dashed #0ea5e9}
.sample-image-label {font-size: 0.85rem;color: #0369a1}
.sample-map {background: var(--color-bg-secondary);border: 2px dashed var(--color-text-light);border-radius: 8px;padding: 40px 20px;margin-bottom: 16px}
.sample-map-placeholder {display: flex;flex-direction: column;align-items: center;gap: 12px;color: var(--color-text-muted)}
.sample-map-placeholder i {font-size: 3rem;color: var(--color-text-light)}
.sample-certificate .sample-certificate-placeholder {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;background: var(--color-bg-muted);border: 2px dashed #cbd5e1;border-radius: 8px;padding: 40px 20px;color: var(--color-text-muted)}
.sample-certificate-placeholder i {font-size: 2.5rem;color: var(--color-text-light)}
.guide-samples-category {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 24px 0 12px;padding-left: 8px;display: flex;align-items: center;gap: 8px;max-width: 500px;margin-left: auto;margin-right: auto}
.guide-samples-category i {color: #0ea5e9}
.sample-emails-container {max-width: 700px;margin: 0 auto;padding: 20px}
.sample-emails-header {text-align: center;margin-bottom: 24px}
.sample-emails-header h1 {font-size: 1.3rem;font-weight: 700;color: #1c1e21;margin: 0 0 8px}
.sample-emails-header p {color: #606770;margin: 0}
.sample-emails-flow {background: #f0f9ff;border-radius: 12px;padding: 20px;margin-bottom: 24px}
.sample-emails-flow h2 {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 0 0 16px}
.sample-flow-legend {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 12px}
.sample-flow-legend-item {display: inline-flex;align-items: center;gap: 6px;font-size: 0.75rem;color: var(--color-text-secondary);background: #ffffff;border: 1px solid var(--color-border);border-radius: 999px;padding: 4px 10px}
.sample-flow-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 12px}
.sample-flow-item {position: relative;padding-left: 16px}
.sample-flow-item::before {content: "";position: absolute;left: 8px;top: 0;bottom: -12px;width: 2px;background: var(--color-border)}
.sample-flow-item:last-child::before {bottom: 12px}
.sample-flow-step {display: flex;align-items: flex-start;gap: 12px}
.sample-flow-icon-wrap {display: flex;flex-direction: column;align-items: center;gap: 6px;flex-shrink: 0}
.sample-flow-icon {width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.sample-flow-icon.user {background: #dbeafe;color: var(--color-primary-dark)}
.sample-flow-icon.mail {background: #d1fae5;color: #059669}
.sample-flow-icon-text {font-size: 0.72rem;color: var(--color-text-secondary)}
.sample-flow-step-body {background: #ffffff;border: 1px solid var(--color-border);border-radius: 10px;padding: 12px 14px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);flex: 1}
.sample-flow-step-title {display: flex;align-items: center;gap: 8px;font-size: 0.9rem;font-weight: 600;color: #0f172a;margin: 0 0 4px}
.sample-flow-step-number {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: #0ea5e9;color: #ffffff;font-size: 0.7rem;font-weight: 700}
.sample-flow-step-text {font-size: 0.85rem;color: var(--color-text-secondary);margin: 0 0 8px}
.sample-flow-mail {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;font-size: 0.82rem;color: #0f766e;background: #ecfeff;border: 1px solid #bae6fd;border-radius: 8px;padding: 6px 8px}
.sample-flow-mail-title {display: flex;align-items: center;gap: 6px;font-weight: 600;color: #0f172a}
.sample-flow-mail i {color: #0ea5e9}
.sample-flow-mail-recipients {display: flex;flex-wrap: wrap;gap: 6px}
.sample-flow-recipient-badge {font-size: 0.72rem;font-weight: 600;border-radius: 999px;padding: 2px 8px}
.sample-flow-recipient-badge.user {background: #dbeafe;color: #1d4ed8}
.sample-flow-recipient-badge.captain {background: #fef3c7;color: #92400e}
.sample-flow-mail-text {margin: 0;color: #0f766e}
.sample-emails-list {display: flex;flex-direction: column;gap: 20px}
.sample-email-card {background: white;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);overflow: hidden}
.sample-email-card-header {display: flex;align-items: center;gap: 12px;padding: 12px 16px;background: #f7f8fa}
.sample-email-badge {padding: 4px 10px;border-radius: 20px;font-size: 0.75rem;font-weight: 600}
.sample-email-badge.captain {background: #fef3c7;color: #92400e}
.sample-email-badge.user {background: #dbeafe;color: #1d4ed8}
.sample-email-card-header h3 {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 0}
.sample-email-preview {padding: 16px}
.sample-email-meta {font-size: 0.85rem;color: #606770;margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #e4e6eb}
.sample-email-meta div {margin-bottom: 4px}
.sample-email-body {font-size: 0.9rem;color: #1c1e21;line-height: 1.7}
.sample-email-body p {margin: 0 0 12px}
.sample-email-info-box {background: #f7f8fa;border-radius: 8px;padding: 16px;margin: 12px 0}
.sample-email-info-box.highlight {background: #f0f9ff;border: 1px solid #bae6fd}
.sample-email-info-box.warning {background: #fef2f2;border: 1px solid #fecaca}
.sample-email-info-box p {margin: 0 0 8px}
.sample-email-info-box ul {margin: 0;padding-left: 20px}
.sample-email-info-box li {margin-bottom: 4px}
.sample-email-body > ul {margin: 8px 0;padding-left: 20px}
.sample-email-body > ul li {margin-bottom: 4px}
.sample-email-body h4 {font-size: 1.1rem;font-weight: 600;color: #1c1e21;margin: 0 0 16px;padding-bottom: 8px;border-bottom: 2px solid #0ea5e9}
.sample-email-warning {background: #fef3c7;border-left: 4px solid var(--color-warning);padding: 12px 16px;margin: 12px 0;border-radius: 0 8px 8px 0}
.sample-email-table {width: 100%;border-collapse: collapse;margin: 8px 0}
.sample-email-table th,
.sample-email-table td {padding: 8px 12px;text-align: left;border-bottom: 1px solid #e4e6eb}
.sample-email-table th {background: #f7f8fa;font-weight: 600;color: #606770;width: 120px}
.sample-email-table td {color: #1c1e21}
.sample-emails-section-title {font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 32px 0 16px;padding: 12px 16px;background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border-radius: 8px;display: flex;align-items: center;gap: 8px}
.sample-emails-section-title:first-child {margin-top: 0}
.sample-emails-section-title i {color: #0ea5e9}
.sample-flow-icon.captain {background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);color: #92400e}
@media (max-width: 768px) {.sample-page-notice {padding: 10px 12px;font-size: 0.85rem}
.sample-page-cta {flex-direction: column;gap: 12px;padding: 16px 12px;font-size: 0.85rem}
.guide-samples-category {padding-left: 16px}
.sample-flow-item {padding-left: 0}
.sample-flow-item::before {display: none}}
.captain-manual h1 {display: flex;align-items: center;gap: 12px;border-bottom-color: #0ea5e9}
.captain-manual h1 i {color: #0ea5e9}
.captain-manual h2 {display: flex;align-items: center;gap: 8px}
.captain-manual h2 i {color: #0ea5e9}
.captain-manual__toc {background: #f0f9ff;border-radius: 12px;padding: 20px 24px;margin-bottom: 30px}
.captain-manual__toc h2 {font-size: 1.1rem;margin: 0 0 12px;padding: 0;border: none}
.captain-manual__toc ol {margin: 0;padding-left: 20px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px 24px}
.captain-manual__toc li {list-style-type: decimal;margin: 0}
.captain-manual__toc a {color: #0369a1;text-decoration: none}
.captain-manual__toc a:hover {text-decoration: underline}
.captain-manual__steps {margin: 16px 0;padding: 0;counter-reset: step-counter}
.captain-manual__steps li {list-style: none;margin-bottom: 16px;padding-left: 48px;position: relative}
.captain-manual__steps li::before {content: counter(step-counter);counter-increment: step-counter;position: absolute;left: 0;top: 0;width: 32px;height: 32px;background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 0.9rem}
.captain-manual__steps li strong {display: block;font-size: 1rem;margin-bottom: 4px}
.captain-manual__steps li p {margin: 0;font-size: 0.9rem;color: #606770}
.captain-manual__steps li ul {margin-top: 8px}
.captain-manual__table {width: 100%;border-collapse: collapse;margin: 20px 0;font-size: 0.9rem}
.captain-manual__table th,
.captain-manual__table td {padding: 12px;border: 1px solid #e4e6eb;text-align: left;vertical-align: top}
.captain-manual__table th {background: #f7f8fa;font-weight: 600;color: #1c1e21}
.captain-manual__table td .required {display: inline-block;background: var(--color-danger-dark);color: white;font-size: 0.7rem;padding: 2px 6px;border-radius: 4px}
.captain-manual__note,
.captain-manual__warning,
.captain-manual__alert {display: flex;gap: 16px;padding: 16px 20px;border-radius: 12px;margin: 20px 0}
.captain-manual__greeting {display: flex;gap: 16px;background: linear-gradient(135deg, var(--color-bg-muted) 0%, var(--color-bg-secondary) 100%);border: 1px solid var(--color-border);border-radius: 12px;padding: 20px;margin: 20px 0}
.captain-manual__greeting-icon {width: 48px;height: 48px;background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}
.captain-manual__greeting-icon i {color: #fff;font-size: 1.4rem}
.captain-manual__greeting-content h3 {margin: 0 0 12px;font-size: 1.1rem;color: var(--color-text-primary);border-bottom: none;padding-bottom: 0}
.captain-manual__greeting-content p {margin: 0 0 10px;font-size: 0.95rem;color: var(--color-text-secondary);line-height: 1.8}
.captain-manual__greeting-content p:last-child {margin-bottom: 0}
.captain-manual__note {background: #f0f9ff;border-left: 4px solid #0ea5e9}
.captain-manual__note > i {color: #0ea5e9;font-size: 1.2rem;flex-shrink: 0;margin-top: 2px}
.captain-manual__warning {background: #fef3c7;border-left: 4px solid var(--color-warning)}
.captain-manual__warning > i {color: #d97706;font-size: 1.2rem;flex-shrink: 0;margin-top: 2px}
.captain-manual__alert {background: #fee2e2;border-left: 4px solid var(--color-danger-dark)}
.captain-manual__alert > i {color: var(--color-danger-dark);font-size: 1.2rem;flex-shrink: 0;margin-top: 2px}
.captain-manual__note div,
.captain-manual__warning div,
.captain-manual__alert div {flex: 1}
.captain-manual__note strong,
.captain-manual__warning strong,
.captain-manual__alert strong {display: block;margin-bottom: 8px;font-size: 0.95rem}
.captain-manual__note p,
.captain-manual__warning p,
.captain-manual__alert p {margin: 0 0 8px;font-size: 0.9rem}
.captain-manual__note ul,
.captain-manual__warning ul,
.captain-manual__alert ul {margin: 8px 0 0}
.captain-manual__comparison {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;margin: 20px 0}
.captain-manual__comparison-item {background: #f7f8fa;border-radius: 12px;padding: 20px}
.captain-manual__comparison-item h4 {display: flex;align-items: center;gap: 8px;font-size: 1rem;font-weight: 600;color: #1c1e21;margin: 0 0 8px}
.captain-manual__comparison-item h4 i {color: #0ea5e9}
.captain-manual__comparison-item p {font-size: 0.9rem;color: #606770;margin: 0 0 12px}
.captain-manual__comparison-item ul {margin: 0}
.captain-manual__comparison-item li {font-size: 0.85rem;margin-bottom: 4px}
.captain-manual__disclaimer {background: var(--color-bg-muted);border: 1px solid var(--color-border);border-radius: 12px;padding: 24px;margin: 20px 0}
.captain-manual__disclaimer h3 {font-size: 1rem;color: #1c1e21;margin: 0 0 12px;padding-bottom: 8px;border-bottom: 1px solid var(--color-border)}
.captain-manual__disclaimer h3:not(:first-child) {margin-top: 24px}
.captain-manual__disclaimer p {font-size: 0.9rem;margin: 0 0 12px}
.captain-manual__disclaimer ul {margin: 8px 0 0}
.captain-manual__disclaimer li {font-size: 0.9rem;margin-bottom: 6px}
.captain-manual__footer {text-align: center;color: #606770;font-size: 0.9rem;margin-top: 40px;padding-top: 20px;border-top: 1px solid #e4e6eb}
.captain-manual__footer a {color: #0ea5e9;text-decoration: none}
.captain-manual__footer a:hover {text-decoration: underline}
.captain-manual__contact {margin-top: 24px;display: flex;justify-content: center}
.captain-manual__twitter-link {display: flex;align-items: center;gap: 12px;padding: 12px 20px;background: #f0f9ff;border: 1px solid #bae6fd;border-radius: 12px;text-decoration: none;transition: all 0.2s ease}
.captain-manual__twitter-link:hover {background: #e0f2fe;border-color: #7dd3fc;transform: translateY(-1px)}
.captain-manual__twitter-icon {width: 36px;height: 36px;background: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff}
.captain-manual__twitter-info {display: flex;flex-direction: column}
.captain-manual__twitter-label {font-size: 0.75rem;color: var(--color-text-muted)}
.captain-manual__twitter-handle {font-size: 1rem;font-weight: 600;color: #0284c7}
@media (max-width: 768px) {.captain-manual__greeting {flex-direction: column;align-items: center;text-align: center;padding: 16px}
.captain-manual__greeting-icon {width: 44px;height: 44px}
.captain-manual__greeting-content h3 {font-size: 1rem}
.captain-manual__greeting-content p {font-size: 0.9rem}
.captain-manual__toc ol {grid-template-columns: 1fr}
.captain-manual__comparison {grid-template-columns: 1fr}
.captain-manual__table {font-size: 0.8rem}
.captain-manual__table th,
.captain-manual__table td {padding: 8px}
.captain-manual__steps li {padding-left: 40px}
.captain-manual__steps li::before {width: 28px;height: 28px;font-size: 0.8rem}
.captain-manual__note,
.captain-manual__warning,
.captain-manual__alert {padding: 14px 16px;gap: 12px}
.captain-manual__disclaimer {padding: 16px}}
.reservation-test-guide {border: 1px solid #e5e7eb;box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08)}
.reservation-test-guide__hero {background: linear-gradient(135deg, #0f766e 0%, #0f766e 38%, #0f172a 100%);color: #fff;border-radius: 12px;padding: 24px;margin-bottom: 24px}
.reservation-test-guide__eyebrow {margin: 0 0 8px;font-size: 0.78rem;letter-spacing: 0.12em;font-weight: 700;opacity: 0.88}
.reservation-test-guide__hero h1 {color: #fff;border-bottom: none;margin: 0 0 10px;padding: 0}
.reservation-test-guide__lead {margin: 0;font-size: 1rem;color: rgba(255, 255, 255, 0.94)}
.reservation-test-guide__scope h2 {margin-top: 0}
.reservation-test-guide__scope-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}
.reservation-test-guide__scope-card {background: var(--color-bg-muted);border: 1px solid var(--color-border);border-radius: 10px;padding: 14px 16px}
.reservation-test-guide__scope-card h3 {margin-top: 0;margin-bottom: 10px;color: #0f172a}
.reservation-test-guide__scope-card ol {margin: 0;padding-left: 20px}
.reservation-test-guide__scope-card li {list-style: decimal;margin-bottom: 6px}
.reservation-test-guide__panel {background: var(--color-bg-muted);border: 1px solid var(--color-border);border-radius: 10px;padding: 14px 16px}
.reservation-test-guide__panel h2 {margin-top: 0}
.reservation-test-guide__warning {background: #fff5f5;border: 2px solid #fca5a5;border-radius: 10px;padding: 14px 16px}
.reservation-test-guide__warning h2 {border-bottom: none;margin-top: 0;color: #b91c1c}
.reservation-test-guide__warning ul {margin-bottom: 0}
.reservation-test-guide__warning strong {color: #991b1b}
.reservation-test-guide__warning--name {background: #fff7ed;border-color: #fdba74}
.reservation-test-guide__warning--name h2 {color: #9a3412}
.reservation-test-guide__warning--name strong {color: #9a3412}
.reservation-test-guide__sample-image-wrap {margin: 0;padding: 10px;border-radius: 10px;border: 1px dashed var(--color-text-light);background: #fff;text-align: center;cursor: zoom-in}
.reservation-test-guide__sample-gallery {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;margin: 12px 0}
.reservation-test-guide__sample-image {max-width: 220px;width: 100%;height: auto;border-radius: 8px;transition: transform 0.2s ease, box-shadow 0.2s ease, max-width 0.2s ease}
.reservation-test-guide__sample-image.is-expanded {max-width: 94vw;max-height: 92vh;width: auto;height: auto;box-shadow: 0 14px 36px rgba(15, 23, 42, 0.45);cursor: zoom-out;z-index: 2;position: relative}
.reservation-test-guide__sample-image-wrap.is-fullscreen {position: fixed;inset: 0;z-index: 1200;margin: 0;border: none;border-radius: 0;padding: 16px;background: rgba(15, 23, 42, 0.88);display: flex;align-items: center;justify-content: center}
.reservation-test-guide__sample-image-wrap.is-fullscreen figcaption {position: fixed;bottom: 16px;left: 0;right: 0;color: var(--color-border)}
.reservation-test-guide__sample-image-wrap figcaption {margin-top: 8px;font-size: 0.85rem;color: var(--color-text-secondary)}
.reservation-test-guide__note-danger {margin-bottom: 0;color: #9a3412;font-weight: 700}
.reservation-test-guide__mail-list li {margin-bottom: 6px}
.reservation-test-guide__mail-list--boxed {margin: 10px 0 14px;padding: 0;list-style: none}
.reservation-test-guide__mail-list--boxed li {margin: 0 0 8px;padding: 10px 12px;border: 1px solid #dbeafe;border-radius: 8px;background: #f8fbff}
.reservation-test-guide__mail-list--boxed li span {display: block;font-weight: 700;color: #1e3a8a}
.reservation-test-guide__mail-list--boxed li small {display: block;margin-top: 2px;color: var(--color-text-secondary)}
.reservation-test-guide__card-sample {margin-top: 8px;padding: 12px;border-radius: 8px;border: 1px solid #cbd5e1;background: var(--color-bg-muted)}
.reservation-test-guide__card-row {display: flex;align-items: center;gap: 10px;margin-bottom: 10px}
.reservation-test-guide__card-row label {min-width: 72px;font-size: 0.86rem;color: var(--color-text-secondary)}
.reservation-test-guide__card-row code {flex: 1;padding: 8px 10px;border-radius: 6px;border: 1px solid var(--color-border);background: #fff;font-family: var(--font-family-mono);font-size: 0.95rem;color: #0f172a}
.reservation-test-guide__card-row--split {gap: 12px}
.reservation-test-guide__card-row--split > div {display: flex;align-items: center;gap: 8px;flex: 1}
.reservation-test-guide__copy-btn {border: 1px solid #1d4ed8;background: #eff6ff;color: #1d4ed8;border-radius: 6px;padding: 7px 10px;font-size: 0.82rem;font-weight: 700;cursor: pointer}
.reservation-test-guide__copy-btn:hover {background: #dbeafe}
.reservation-test-guide__copy-btn--full {width: 100%;margin-top: 4px}
.reservation-test-guide__cta {margin-top: 14px;display: flex;justify-content: flex-start}
.reservation-test-guide__cta-btn {display: inline-flex;align-items: center;gap: 10px;padding: 8px 14px;border-radius: 999px;background: #0f172a;color: #fff;text-decoration: none;font-weight: 700;font-size: 0.95rem;border: 1px solid #0f172a}
.reservation-test-guide__cta-btn i {font-size: 1rem}
.reservation-test-guide__cta-btn:hover {background: var(--color-text-primary);border-color: var(--color-text-primary)}
@media (max-width: 768px) {.reservation-test-guide__hero {padding: 18px 16px}
.reservation-test-guide__scope-grid {grid-template-columns: 1fr}
.reservation-test-guide__sample-gallery {grid-template-columns: 1fr}
.reservation-test-guide__sample-image.is-expanded {max-width: 92vw;max-height: 86vh}
.reservation-test-guide__card-row {flex-direction: column;align-items: stretch;gap: 6px}
.reservation-test-guide__card-row label {min-width: auto}
.reservation-test-guide__card-row--split {flex-direction: row}}
.gift-campaign {border: 1px solid var(--color-border);box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);font-size: 1rem;line-height: 1.7}
.gift-campaign__hero {display: grid;grid-template-columns: minmax(0, 1fr) 240px;align-items: center;gap: 16px;position: relative;overflow: hidden;background: linear-gradient(135deg, #1d4ed8 0%, #0e7490 58%, #0b3a5b 100%);color: #fff;border-radius: 16px;padding: 36px 28px 36px 32px;margin-bottom: 20px}
.gift-campaign__hero::before {content: "";position: absolute;top: -80px;right: -60px;width: 260px;height: 260px;border-radius: 50%;background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 70%);pointer-events: none}
.gift-campaign__hero-text {position: relative;min-width: 0}
.gift-campaign__hero-art {position: relative;display: block;width: 100%;height: auto}
.gift-campaign .gift-campaign__eyebrow {display: inline-flex;align-items: center;gap: 6px;margin: 0 0 14px;padding: 4px 12px;border-radius: 999px;background: rgba(255, 255, 255, 0.16);border: 1px solid rgba(255, 255, 255, 0.35);color: #fde68a;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.08em}
.gift-campaign__hero h1 {color: #fff;border-bottom: none;margin: 0 0 14px;padding: 0;font-size: 1.6rem;line-height: 1.35}
.gift-campaign__hero h1 strong {color: #fde68a}
.gift-campaign__amount {color: #fde68a;font-size: 2.1em;font-weight: 900;letter-spacing: -0.01em;line-height: 1.1}
.gift-campaign__amount small {font-size: 0.5em;font-weight: 800}
.gift-campaign .gift-campaign__lead {margin: 0 0 20px;color: rgba(255, 255, 255, 0.94);font-size: 0.95rem;line-height: 1.75}
.gift-campaign__hero-meta {display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px}
.gift-campaign .gift-campaign__status {display: inline-block;margin: 0;padding: 5px 14px;border-radius: 999px;background: #facc15;color: #0f172a;font-weight: 700;font-size: 0.9rem}
.gift-campaign__status--closed {background: rgba(255, 255, 255, 0.85);color: #475569}
.gift-campaign .gift-campaign__deadline {display: inline-flex;align-items: center;gap: 6px;margin: 0;font-size: 0.9rem;font-weight: 700;color: rgba(255, 255, 255, 0.92)}
.gift-campaign__summary {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;margin: 0 0 32px}
.gift-campaign__summary-item {background: #fff;border: 1px solid var(--color-border);border-radius: 12px;padding: 16px 18px;box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05)}
.gift-campaign__summary-item dt {display: flex;align-items: center;gap: 8px;margin-bottom: 8px;color: var(--color-text-muted);font-size: 0.85rem;font-weight: 700}
.gift-campaign__summary-item dd {margin: 0;color: var(--color-text-primary);font-size: 1.02rem;font-weight: 700;line-height: 1.55}
.gift-campaign__summary-amount {color: #b45309;font-size: 1.2em}
.gift-campaign__icon {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 34px;height: 34px;border-radius: 50%}
.gift-campaign__icon--blue {background: #dbeafe;color: #1d4ed8}
.gift-campaign__icon--amber {background: #fef3c7;color: #b45309}
.gift-campaign__icon--teal {background: #ccfbf1;color: #0f766e}
.gift-campaign__section {margin-bottom: 40px}
.gift-campaign__section h2 {display: flex;align-items: center;gap: 10px;margin-top: 0;font-size: 1.35rem;font-weight: 700}
.gift-campaign__h2-icon {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 34px;height: 34px;border-radius: 10px;background: #dbeafe;color: #1d4ed8}
.gift-campaign__h2-icon--amber {background: #fef3c7;color: #b45309}
.gift-campaign__h2-icon--orange {background: #ffedd5;color: #c2410c}
.gift-campaign__h2-icon--gray {background: #e2e8f0;color: #475569}
.gift-campaign__required {margin: 0 0 18px;padding: 16px 18px;border: 2px solid var(--color-primary);border-radius: 12px;background: #eff6ff}
.gift-campaign .gift-campaign__required-title {display: flex;align-items: center;gap: 6px;margin: 0 0 12px;font-size: 1.02rem;color: var(--color-primary-dark);font-weight: 700}
.gift-campaign__required .gift-campaign__steps {margin-bottom: 0}
.gift-campaign__required .gift-campaign__steps li:last-child {margin-bottom: 0}
.gift-campaign__step-buttons {margin-top: 8px}
.gift-campaign .gift-campaign__done {display: inline-flex;align-items: center;gap: 6px;margin: 0;padding: 5px 12px;border-radius: 999px;background: #dcfce7;color: #15803d;font-size: 0.88rem;font-weight: 700}
.gift-campaign .gift-campaign__entries-title {display: flex;align-items: center;gap: 6px;margin: 0 0 8px;color: var(--color-text-muted);font-size: 0.85rem;font-weight: 700}
.gift-campaign .gift-campaign__entries {display: flex;flex-wrap: wrap;gap: 8px;margin: 0 0 16px;padding: 0}
.gift-campaign__entries li {display: inline-flex;align-items: center;gap: 6px;margin: 0;padding: 6px 12px;list-style: none;border: 1px solid var(--color-border);border-radius: 999px;background: var(--color-bg-muted);font-size: 0.88rem}
.gift-campaign__entries strong {margin-left: 4px;color: var(--color-primary-dark)}
.gift-campaign__entries .gift-campaign__entries-both {border-color: #f59e0b;background: #fffbeb}
.gift-campaign__entries-both strong {color: #b45309}
.gift-campaign__entry-chip {padding: 1px 8px;border-radius: 999px;background: var(--color-primary);color: #fff;font-size: 0.75rem;font-weight: 700}
.gift-campaign__entry-chip--b {background: #0e7490}
.gift-campaign__methods {display: grid;grid-template-columns: minmax(0, 1fr);gap: 14px}
.gift-campaign__method {display: flex;flex-direction: column;min-width: 0;background: var(--color-bg-muted);border: 1px solid var(--color-border);border-top: 4px solid var(--color-primary);border-radius: 12px;padding: 18px}
.gift-campaign__method--b {border-top-color: #0e7490}
.gift-campaign__method-head {display: flex;align-items: center;gap: 12px;margin-bottom: 14px}
.gift-campaign__method-icon {display: inline-flex;align-items: center;justify-content: center;gap: 4px;flex-shrink: 0;min-width: 48px;height: 48px;padding: 0 8px;box-sizing: border-box;border-radius: 12px;background: #dbeafe;color: #1e3a8a}
.gift-campaign__method--b .gift-campaign__method-icon {background: #cffafe;color: #0e7490}
.gift-campaign__method--b .gift-campaign__method-icon--app {padding: 0;overflow: hidden;background: none}
.gift-campaign__method-icon--app img {display: block;width: 48px;height: 48px}
.gift-campaign .gift-campaign__method-label {margin: 0 0 2px;color: var(--color-primary);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em}
.gift-campaign__method--b .gift-campaign__method-label {color: #0e7490}
.gift-campaign__method h3 {margin: 0;color: var(--color-text-primary);font-size: 1.15rem}
.gift-campaign__steps {margin: 0 0 12px;padding: 0;counter-reset: gift-step}
.gift-campaign__steps li {position: relative;margin-bottom: 10px;padding-left: 32px;list-style: none;line-height: 1.6;counter-increment: gift-step}
.gift-campaign__steps li::before {content: counter(gift-step);position: absolute;top: 1px;left: 0;display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 50%;background: var(--color-primary);color: #fff;font-size: 0.78rem;font-weight: 700}
.gift-campaign__method--b .gift-campaign__steps li::before {background: #0e7490}
.gift-campaign__bubbles {--gift-bubble-line: #93c5fd;display: flex;flex-wrap: wrap;gap: 10px 12px;margin: 10px 0 4px}
.gift-campaign .gift-campaign__bubble {position: relative;display: inline-block;max-width: 100%;box-sizing: border-box;margin: 0 0 0 6px;padding: 8px 14px;border: 1.5px solid var(--gift-bubble-line);border-radius: 16px;background: #fff;color: var(--color-text-primary);font-size: 0.92rem;line-height: 1.5}
.gift-campaign__bubble::before,
.gift-campaign__bubble::after {content: "";position: absolute;bottom: 8px;border-style: solid}
.gift-campaign__bubble::before {left: -9px;border-width: 6px 9px 6px 0;border-color: transparent var(--gift-bubble-line) transparent transparent}
.gift-campaign__bubble::after {left: -6px;border-width: 5px 7px 5px 0;border-color: transparent #fff transparent transparent;bottom: 9px}
.gift-campaign .gift-campaign__method-note {margin: 0 0 14px;color: var(--color-text-muted);font-size: 0.88rem}
.gift-campaign__buttons {display: flex;flex-wrap: wrap;gap: 8px;margin-top: auto}
.gift-campaign__button {display: inline-flex;align-items: center;gap: 6px;max-width: 100%;box-sizing: border-box;padding: 9px 16px;border-radius: 8px;background: var(--color-primary);color: #fff;font-weight: 700;font-size: 0.92rem;text-decoration: none;overflow-wrap: anywhere}
.gift-campaign__button svg {flex-shrink: 0}
.gift-campaign__button:hover {background: var(--color-primary-dark);color: #fff}
.gift-campaign__button--secondary {background: #fff;color: var(--color-primary-dark);border: 1px solid var(--color-primary)}
.gift-campaign__button--secondary:hover {background: #eff6ff;color: var(--color-primary-dark)}
.gift-campaign__button--x {background: #0f172a}
.gift-campaign__button--x:hover {background: #334155}
.gift-campaign__button--bluesky {background: #1185fe}
.gift-campaign__button--bluesky:hover {background: #0a6fd8}
.gift-campaign__disclosure {background: #fff7ed;border: 2px solid #fdba74;border-radius: 12px;padding: 18px 20px}
.gift-campaign__disclosure h2 {margin-top: 0;border-bottom: none;color: #c2410c}
.gift-campaign__disclosure p:last-child {margin-bottom: 0}
.gift-campaign__flow {margin: 0 0 10px;padding: 0}
.gift-campaign__flow li {position: relative;display: flex;flex-direction: column;gap: 2px;margin: 0 0 0 15px;padding: 2px 0 20px 30px;list-style: none;border-left: 2px dashed #cbd5e1}
.gift-campaign__flow li:last-child {border-left-color: transparent;padding-bottom: 0}
.gift-campaign__flow-mark {position: absolute;top: 0;left: -17px;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: #dbeafe;color: #1d4ed8;box-shadow: 0 0 0 4px #fff}
.gift-campaign__flow-mark--amber {background: #fef3c7;color: #b45309}
.gift-campaign__flow-date {color: var(--color-primary-dark);font-weight: 700;font-size: 1rem}
.gift-campaign .gift-campaign__flow-note {margin: 4px 0 0;padding: 10px 14px;border-radius: 10px;background: var(--color-bg-muted)}
.gift-campaign .gift-campaign__notes {margin: 0;padding: 16px 18px;border-radius: 12px;background: var(--color-bg-muted)}
.gift-campaign__notes li {position: relative;margin: 0 0 8px;padding-left: 18px;list-style: none;font-size: 0.93rem;line-height: 1.65}
.gift-campaign__notes li:last-child {margin-bottom: 0}
.gift-campaign__notes li::before {content: "";position: absolute;top: 0.68em;left: 2px;width: 6px;height: 6px;border-radius: 50%;background: #94a3b8}
.gift-campaign__legal {border-top: 1px solid var(--color-border);padding-top: 16px;line-height: 1.6;color: var(--color-text-muted);font-size: 0.8rem}
.gift-campaign__legal p {margin: 0 0 4px}
.gift-campaign__nowrap {white-space: nowrap}
@media (max-width: 640px) {.gift-campaign__hero {grid-template-columns: minmax(0, 1fr);padding: 22px 18px}
.gift-campaign__hero-art {order: -1;width: 180px;margin: 0 auto -4px}
.gift-campaign__hero h1 {font-size: 1.3rem}
.gift-campaign__section h2 {font-size: 1.2rem}
.gift-campaign__summary {grid-template-columns: minmax(0, 1fr);gap: 8px}
.gift-campaign__summary-item,
.gift-campaign__method {padding: 14px 16px}}