.support-archive { color:#333; font-size:16px; }
.support-archive [hidden] { display:none!important; }
.support-categories,.support-sections { display:flex; justify-content:center; margin:0 0 40px; gap:0; border-bottom:1px solid #ddd; }
.support-categories a,.support-sections a { flex:1; color:#333; padding:20px 10px; min-height:74px; display:flex; align-items:center; justify-content:center; border:1px solid #dedede; margin:0 0 -1px -1px; text-align:center; font-size:20px; }
.support-categories a[aria-current],.support-sections a[aria-current] { color:#fff; background:linear-gradient(90deg,#2698cc,#2cb94c); border-color:transparent; }
.support-archive[data-kind="catalog"] .support-categories a[aria-current] { background-size:300% 100%; animation:support-tab-gradient 3s ease alternate infinite; }
@keyframes support-tab-gradient { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
.support-archive[data-kind="catalog"] .support-categories { flex-wrap:wrap; }
.support-archive[data-kind="catalog"] .support-categories a { flex:1 1 150px; min-width:0; overflow-wrap:anywhere; }
.support-sections a { flex:1; max-width:330px; }
.support-toolbar { display:flex; justify-content:space-between; align-items:center; margin:0 0 35px; min-height:44px; }
.support-toolbar p { font-size:16px; color:#666; }
.support-toolbar strong { color:#62a602; font-weight:400; }
.support-search { display:flex; gap:5px; }
.support-search :is(input,select,button) { height:44px; border:1px solid #ddd; background:white; font:inherit; border-radius:0; }
.support-search select { width:120px; padding:0 12px; color:#666; }
.support-search input { width:250px; padding:0 12px; }
.support-search button { background:#333; color:#fff; padding:0 28px; border-color:#333; cursor:pointer; }
.catalog-shelf { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 60px; padding:40px 70px; background:#f4f4f4; }
.catalog-cover { display:block; aspect-ratio:1 / 1.3735; overflow:hidden; box-shadow:3px 6px 20px #0005; }
.catalog-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.catalog-cover img[src$="/inch-catalog-cover.jpg"] { object-fit:contain; background:#fff; }
.catalog-book h3 { font-size:18px; line-height:1.5; font-weight:400; margin:20px 0; }
.jj-site.is-sub .catalog-book .download-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.jj-site.is-sub .catalog-book .download-actions a { padding:8px 5px; font-size:15px; white-space:nowrap; gap:5px; }
.support-table { width:100%; border-collapse:collapse; font-size:16px; text-align:center; border-top:2px solid #333; }
.support-table th { height:64px; background:#f7f7f7; font-weight:500; }
.support-table td { padding:21px 12px; border-bottom:1px solid #ddd; color:#666; }
.support-table .support-subject { text-align:left; color:#333; }
.support-subject a:hover { text-decoration:underline; }
.support-table th:first-child { width:7%; }
.support-date { white-space:nowrap; width:130px; }
.support-file-column { width:135px; }
.support-view-column { width:120px; }
.support-views-column { width:90px; }
.support-file { display:inline-block; margin:3px 5px; }
.support-file img { width:18px; height:18px; object-fit:contain; }
.support-view { display:inline-block; border:1px solid #aaa; padding:7px 12px; font-size:13px; }
.support-faq { border-top:2px solid #333; }
.support-faq details { border-bottom:1px solid #ddd; }
.support-faq summary { list-style:none; cursor:pointer; padding:27px 60px 27px 30px; font-size:18px; position:relative; }
.support-faq summary::-webkit-details-marker { display:none; }
.support-faq summary:after { content:'+'; position:absolute; right:30px; top:20px; font-size:27px; color:#888; }
.support-faq details[open] summary { color:#62a602; font-weight:700; }
.support-faq details[open] summary:after { content:'−'; }
.support-faq .rich-content { padding:30px 50px; background:#f7f7f7; font-size:16px; line-height:1.8; border-top:1px solid #eee; }
.support-pagination { display:flex; justify-content:center; gap:3px; margin:45px 0 0; }
.support-pagination a { display:grid; place-items:center; min-width:38px; height:38px; color:#888; font-size:15px; }
.support-pagination a[aria-current] { background:#333; color:#fff; }
.support-detail>header { padding:30px; border-top:2px solid #333; border-bottom:1px solid #ddd; }
.support-detail>header h2 { font-size:25px; font-weight:500; line-height:1.5; }
.support-detail>header p { display:flex; gap:25px; color:#777; font-size:14px; margin-top:18px; }
.support-detail-files { background:#f7f7f7; padding:20px 30px; border-bottom:1px solid #ddd; }
.support-detail-files a { display:block; font-size:15px; margin:7px 0; overflow-wrap:anywhere; }
.support-detail-files img { width:16px; height:16px; object-fit:contain; }
.support-detail>.rich-content { padding:50px 30px; min-height:230px; border-bottom:1px solid #ddd; }

/* Technical support: source tabs, compact board, and paired attachment actions. */
.jj-site .support-archive[data-kind="technical"] .page-heading { margin-bottom:50px; }
.support-archive[data-kind="technical"] .support-sections { margin-bottom:60px; border:0; }
.support-archive[data-kind="technical"] .support-sections a { max-width:none; min-height:64px; padding:16px 10px; margin:0 0 0 -1px; font-size:20px; line-height:30px; border-color:#e1e1e1; }
.support-archive[data-kind="technical"] .support-sections a:first-child { margin-left:0; }
.support-archive[data-kind="technical"] .support-sections a[aria-current] { font-weight:500; border-color:transparent; background-size:300% 100%; animation:technical-tab-gradient 3s ease infinite alternate; }
@keyframes technical-tab-gradient { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
.support-archive[data-kind="technical"] .support-categories { margin:0 0 50px; border-bottom:1px solid #ddd; }
.support-archive[data-kind="technical"] .support-categories a { flex:0 1 auto; margin:0 15px; padding:0 3px; min-height:40px; border:0; color:#333; font-size:1.076rem; line-height:40px; }
.support-archive[data-kind="technical"] .support-categories a[aria-current] { background:none; color:#111; font-weight:700; }
.support-archive[data-kind="technical"] .support-toolbar { min-height:38px; margin-bottom:20px; }
.support-archive[data-kind="technical"] .support-toolbar p { color:#000; font-size:16px; line-height:38px; }
.support-archive[data-kind="technical"] .support-toolbar strong { color:inherit; }
.support-archive[data-kind="technical"] .support-search { position:relative; gap:6px; padding-right:3px; }
.support-archive[data-kind="technical"] .support-search :is(input,select,button) { height:38px; border-color:#c7cbd3; font-size:14.6px; }
.support-archive[data-kind="technical"] .support-search select { width:100px; padding:0 10px; color:#414141; appearance:auto; }
.support-archive[data-kind="technical"] .support-search input { width:190px; padding:0 38px 0 10px; }
.support-archive[data-kind="technical"] .support-search button { position:absolute; top:1px; right:4px; width:36px; height:36px; padding:8px; border:0; background:transparent; }
.support-archive[data-kind="technical"] .support-search button img { display:block; width:20px; height:20px; object-fit:contain; }
.support-archive[data-kind="technical"] .support-table { table-layout:fixed; border-top:0; }
.support-archive[data-kind="technical"] .support-table :is(th,td) { width:auto; }
.support-archive[data-kind="technical"] .technical-number,.support-archive[data-kind="technical"] .technical-views { width:8%; }
.support-archive[data-kind="technical"] .technical-category { width:15%; }
.support-archive[data-kind="technical"] .technical-file { width:160px; }
.support-archive[data-kind="technical"] .technical-view { width:150px; }
.support-archive[data-kind="technical"] .technical-date { width:130px; }
.support-archive[data-kind="technical"] .support-table th { height:auto; padding:16px 0 13px; background:#f3f3f3; font-size:1.07rem; font-weight:700; line-height:20px; color:#333; }
.support-archive[data-kind="technical"] .support-table td { padding:17px 0 15px; border-bottom:1px solid #e1e1e1; font-size:1.07rem; line-height:17px; color:#444; }
.support-archive[data-kind="technical"] .support-table .support-subject { padding-right:12px; }
.support-archive[data-kind="technical"] .support-subject a { display:block; padding-left:10px; overflow-wrap:anywhere; line-height:inherit; }
.support-archive[data-kind="technical"] :is(.support-file,.support-view) { display:inline-flex; align-items:center; justify-content:center; gap:5px; margin:0; padding:8px 15px; border:1px solid #7ad227; background:#7ad227; color:#fff; font-size:15px; font-weight:500; line-height:17px; white-space:nowrap; }
.support-archive[data-kind="technical"] .support-view { border-color:#333; background:#333; }
.support-archive[data-kind="technical"] .support-file:hover { border-color:#6cc21b; background:#6cc21b; }
.support-archive[data-kind="technical"] .support-view:hover { border-color:#666; background:#666; }
.support-archive[data-kind="technical"] :is(.support-file,.support-view) img { width:14px; height:auto; object-fit:contain; }
.support-archive[data-kind="technical"] .support-pagination { margin-top:50px; }
.support-archive[data-kind="technical"] .support-pagination a { min-width:30px; height:30px; border-radius:50%; font-size:15px; }
.support-archive[data-kind="technical"] .support-pagination a[aria-current] { background:#222; }
@media (prefers-reduced-motion:reduce) { .support-archive[data-kind="catalog"] .support-categories a[aria-current],.support-archive[data-kind="technical"] .support-sections a[aria-current] { animation:none; } }
@media(max-width:1400px) { .jj-site.is-sub .catalog-book .download-actions { grid-template-columns:1fr; } }
@media(max-width:1199px) { .catalog-shelf { grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; padding:35px; } .support-categories a { padding:14px 20px; } }
@media(max-width:767px) {
 .support-categories { flex-wrap:wrap; margin-bottom:25px; }
 .support-categories a,.support-sections a { font-size:13px; padding:12px; flex:1 0 auto; }
 .support-toolbar { align-items:flex-start; flex-direction:column-reverse; gap:18px; margin-bottom:20px; }
 .support-search { width:100%; gap:3px; } .support-search select { width:85px; font-size:12px; padding:0 4px; }
 .support-search input { width:0; min-width:0; flex:1; } .support-search button { padding:0 16px; font-size:13px; }
 .catalog-shelf { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 20px; padding:25px 20px; }
 .catalog-book h3 { font-size:14px; margin:14px 0; }
 .jj-site.is-sub .catalog-book .download-actions a { font-size:12px; }
 .support-table { font-size:13px; } .support-table td { padding:16px 7px; }
 .support-table th { height:48px; } .support-views-column,.support-view-column { display:none; }
 .support-file-column { width:35px; } .support-date { width:auto; font-size:11px; }
 .support-faq summary { padding:22px 40px 22px 15px; font-size:15px; }
 .support-faq summary:after { right:14px; top:17px; }
 .support-faq .rich-content { padding:22px 20px; font-size:14px; }
 .support-detail>header,.support-detail>.rich-content,.support-detail-files { padding:25px 10px; }
 .support-detail>header h2 { font-size:21px; } .support-detail>header p { font-size:12px; gap:12px; }
}
@media(max-width:991px) {
 .support-archive[data-kind="technical"] .support-table-wrap { overflow-x:auto; }
 .support-archive[data-kind="technical"] .support-table { min-width:960px; }
 .support-archive[data-kind="technical"] :is(.support-file-column,.support-view-column,.support-views-column) { display:table-cell; }
}
@media(max-width:767px) {
 .jj-site .support-archive[data-kind="technical"] .page-heading { margin-bottom:30px; }
 .support-archive[data-kind="technical"] .support-sections { margin-bottom:35px; }
 .support-archive[data-kind="technical"] .support-sections a { flex:1 1 0; min-width:0; min-height:48px; font-size:13px; line-height:1.4; padding:12px 5px; overflow-wrap:anywhere; }
 .support-archive[data-kind="technical"] .support-categories { flex-wrap:nowrap; margin-bottom:25px; }
 .support-archive[data-kind="technical"] .support-categories a { margin:0 8px; padding:0 2px; font-size:13px; }
 .support-archive[data-kind="technical"] .support-search input { width:0; flex:1; }
 .support-archive[data-kind="technical"] .support-table td { font-size:14px; }
}