.preview-notice { padding: 9px 20px; text-align: center; background: #e8eef4; color: #12375b; border-bottom: 1px solid #c4d0db; font-size: 13px; font-weight: 700; }
.shellbox-intro { margin-top: 28px; border-block: 1px solid var(--line); background: var(--blue-soft); }
.shellbox-intro h2 { color: var(--graphite); font-size: clamp(28px,3.4vw,48px); line-height: 1.15; max-width: 960px; margin: 12px 0; }
.shellbox-intro p { max-width: 800px; color: #44525c; }
.shellbox-spec-note, .shellbox-quote-guidance { padding: 20px; border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: var(--radius); background: var(--blue-soft); }
.shellbox-quote-guidance { max-width: var(--layout-inner); margin: 18px 0; }
.shellbox-quote-guidance p { margin-bottom: 0; }
.shellbox-image-caption { font-size: 13px; color: #44525c; padding: 12px 18px; }
.shellbox-technical .tech-table { min-width: 0; table-layout: fixed; }
.shellbox-technical .tech-table th, .shellbox-technical .tech-table td { overflow-wrap: anywhere; }
.shellbox-technical .technical-section, .shellbox-technical .tech-quote-panel { scroll-margin-top: 160px; }
.shellbox-technical .tech-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shellbox-technical .tech-summary-card strong { overflow-wrap: anywhere; }
.shellbox-specs { margin: 0 0 24px; }
.shellbox-specs div { display: grid; grid-template-columns: minmax(130px,1fr) minmax(0,2fr); gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.shellbox-specs dt { font-weight: 800; color: var(--graphite); }
.shellbox-specs dd { margin: 0; }
.product-card a:focus-visible, .btn:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid #18446f; outline-offset: 4px; }
.preview-feedback { position: fixed; z-index: 100; bottom: 96px; left: 16px; right: 16px; max-width: 680px; margin: auto; padding: 18px; border: 2px solid #18446f; border-radius: var(--radius); background: white; box-shadow: var(--shadow); color: #12375b; }
@media (max-width: 680px) { .shellbox-specs div { grid-template-columns: 1fr; gap: 5px; } .shellbox-quote-guidance { margin: 18px 0; } .preview-notice { font-size: 12px; } }
@media (max-width: 980px) { .shellbox-technical .tech-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .shellbox-technical .tech-table th, .shellbox-technical .tech-table td { padding: 10px 8px; font-size: 14px; } }
@media print { .preview-notice { display: none !important; } .shellbox-technical .tech-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .shellbox-technical .tech-table-wrap { break-inside: avoid; page-break-inside: avoid; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }