/* Toolssok Design V3 — shared internal-tool template. Presentation only. */
body.tsk-growth-page:not([data-tsk-tool="tarot-card"]):not([data-tsk-tool="ladder-game"]),
body[data-tsk-tool="tojung-bigyeol"],
body[data-tsk-tool="mbti-test"],
body[data-tsk-tool="mbti-compatibility"],
body[data-tsk-tool="name-compatibility"],
body[data-tsk-tool="saju-compatibility"],
body[data-tsk-tool="team-divider"],
body[data-tsk-tool="lotto-generator"]{
  background:linear-gradient(180deg,#f8fbff 0,#fff 340px);
  color:#172033;
}
body[data-tsk-tool] main{max-width:920px;margin-inline:auto;padding-inline:clamp(16px,3vw,28px)}
body[data-tsk-tool] h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.04em;line-height:1.12;color:#172033;text-align:center;margin-top:34px}
body[data-tsk-tool] h1 + p,body[data-tsk-tool] .subtitle,body[data-tsk-tool] .hero p{max-width:650px;margin-left:auto;margin-right:auto;text-align:center;color:#667085}
body[data-tsk-tool] .tool-card{background:#fff;border:1px solid #e7ecf5;border-radius:24px;padding:clamp(20px,4vw,34px);box-shadow:0 18px 50px rgba(31,72,145,.09)}
body[data-tsk-tool] input,body[data-tsk-tool] select,body[data-tsk-tool] textarea{border:1px solid #d9e1ee;border-radius:12px;background:#fff;min-height:48px}
body[data-tsk-tool] button:not(.nav-toggle):not(.topic-btn):not(.mode-btn){border-radius:12px;min-height:48px;font-weight:750}
body[data-tsk-tool] .calc-btn,body[data-tsk-tool] .primary-btn,body[data-tsk-tool] button[type="submit"]{background:#1769e0;color:#fff;border-color:#1769e0;box-shadow:0 8px 20px rgba(23,105,224,.18)}
body[data-tsk-tool] .result-card,body[data-tsk-tool] .result-box{border:1px solid #e7ecf5;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(31,72,145,.07)}
body[data-tsk-tool] .related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-tsk-tool] .related-link{background:#fff;border:1px solid #e2e8f2;border-radius:14px;padding:16px;color:#29405f;text-decoration:none;box-shadow:0 6px 18px rgba(31,72,145,.05)}
body[data-tsk-tool] .related-link:hover{border-color:#8eb8f5;transform:translateY(-1px)}
@media(max-width:720px){body[data-tsk-tool] .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-tsk-tool] h1{margin-top:24px}}
@media(max-width:420px){body[data-tsk-tool] .tool-card{border-radius:18px;padding:18px}body[data-tsk-tool] .related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body[data-tsk-tool] *{scroll-behavior:auto!important;transition:none!important}}