.itshark-diagnosis{max-width:760px;margin:32px auto;font-size:16px;line-height:1.7}.itshark-diagnosis *{box-sizing:border-box}.itshark-diagnosis__card{padding:22px;border:1px solid #d8e4e9;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(25,69,85,.08)}.itshark-diagnosis.is-animated .itshark-diagnosis__card{animation:itshark-show .22s ease-out}.itshark-diagnosis__guide{display:flex;gap:12px;align-items:center;padding:14px;background:#eef9fc;border-radius:14px}.itshark-diagnosis__guide img{width:54px;height:54px;object-fit:cover;border-radius:50%}.itshark-diagnosis__shark{display:grid;place-items:center;width:54px;height:54px;background:#dff4fa;border-radius:50%;font-size:32px}.itshark-diagnosis__guide p{margin:2px 0 0}.itshark-diagnosis__step{margin:22px 0 4px;color:#52727d;font-size:.85em;font-weight:700}.itshark-diagnosis h2{margin:0 0 18px;font-size:1.35em;line-height:1.45}.itshark-diagnosis__answers{display:grid;gap:10px}.itshark-diagnosis__answers button{width:100%;padding:15px 16px;border:1px solid #b7d6df;border-radius:12px;background:#fff;color:#194554;font:inherit;font-weight:700;text-align:left;cursor:pointer}.itshark-diagnosis__answers button:hover,.itshark-diagnosis__answers button:focus{border-color:#167d98;background:#effbfe}.itshark-diagnosis__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.itshark-diagnosis__actions button{padding:9px 14px;border:0;border-radius:8px;background:#e8f0f3;color:#234650;font:inherit;cursor:pointer}.itshark-diagnosis__actions button:last-child{background:#194e5f;color:#fff}.itshark-diagnosis__notice{padding:12px;background:#fff8e6;border-radius:10px;font-size:.9em}.itshark-diagnosis__results{display:grid;gap:16px}.itshark-diagnosis__service{padding:18px;border:1px solid #d8e4e9;border-radius:14px}.itshark-diagnosis__service img{max-width:150px;max-height:58px;object-fit:contain;margin-bottom:8px}.itshark-diagnosis__service h3{margin:0 0 8px;font-size:1.15em}.itshark-diagnosis__service p{margin:8px 0}.itshark-diagnosis__matched{color:#175d6e}.itshark-diagnosis__caution{padding:10px;background:#fff5f5;border-radius:8px}.itshark-diagnosis__links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.itshark-diagnosis__links a{display:inline-flex;gap:4px;padding:10px 13px;border-radius:8px;text-decoration:none;font-weight:700}.itshark-diagnosis__detail{background:#e8f0f3;color:#234650}.itshark-diagnosis__official{background:#b94716;color:#fff}.itshark-diagnosis__empty{padding:16px 0}@keyframes itshark-show{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:480px){.itshark-diagnosis__card{padding:16px}.itshark-diagnosis__answers button{padding:14px}.itshark-diagnosis__links a{width:100%;justify-content:center}}

.itshark-diagnosis button:focus-visible,.itshark-diagnosis a:focus-visible{outline:3px solid #006c9c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.itshark-diagnosis *{animation:none!important;transition:none!important}}
.itshark-diagnosis p{white-space:pre-line;overflow-wrap:anywhere}
.itshark-diagnosis h2,.itshark-diagnosis h3{background:none;border:0;padding:0;color:#194554;box-shadow:none}
.itshark-diagnosis h2::before,.itshark-diagnosis h2::after,.itshark-diagnosis h3::before,.itshark-diagnosis h3::after{content:none}
.itshark-diagnosis__guide>div{min-width:0}.itshark-diagnosis__guide img,.itshark-diagnosis__shark{flex-shrink:0}
.itshark-diagnosis{font-size:var(--itshark-font-size,16px);color:var(--itshark-text-color,#194554)}
.itshark-diagnosis__card{background:var(--itshark-card-color,#fff)}
.itshark-diagnosis h2,.itshark-diagnosis h3,.itshark-diagnosis__step,.itshark-diagnosis__matched{color:var(--itshark-text-color,#194554)}
.itshark-diagnosis__guide{background:var(--itshark-guide-color,#eef9fc)}
.itshark-diagnosis__guide img,.itshark-diagnosis__shark{width:var(--itshark-guide-size,54px);height:var(--itshark-guide-size,54px)}
.itshark-diagnosis__answers button,.itshark-diagnosis__answers button:hover,.itshark-diagnosis__answers button:focus{background:var(--itshark-button-color,#fff);color:var(--itshark-button-text-color,#194554);border-color:var(--itshark-accent-color,#167d98);border-radius:var(--itshark-button-radius,12px)}
.itshark-diagnosis__answers button:hover{box-shadow:inset 0 0 0 1px var(--itshark-accent-color,#167d98)}
.itshark-diagnosis .itshark-diagnosis__official{background:var(--itshark-official-color,#b94716);color:var(--itshark-official-text-color,#fff)}
.itshark-diagnosis__links a,.itshark-diagnosis__actions button{border-radius:var(--itshark-button-radius,12px)}
.itshark-diagnosis button:focus-visible,.itshark-diagnosis a:focus-visible{outline-color:var(--itshark-accent-color,#167d98)}
.itshark-option-icon{display:inline-block;margin-right:.5em}

.itshark-diagnosis__image{margin:0 0 12px}.itshark-diagnosis__image.is-screenshot img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:16/9;object-fit:contain;border:1px solid #d8e4e9;border-radius:8px;background:#fff}.itshark-diagnosis__image figcaption{font-size:.75em;line-height:1.6;overflow-wrap:anywhere;color:inherit}.itshark-diagnosis__image-source{margin-left:.5em;text-decoration:underline}
