/* Snaptools Reference Page v3 */
.st-ref-panel{
  max-width:1100px;
  margin:32px auto;
  padding:30px;
  background:#fff;
  border:1px solid rgba(74,144,226,.12);
  border-radius:24px;
  box-shadow:0 10px 28px rgba(21,33,89,.06);
}
.st-ref-heading{margin-bottom:22px;text-align:left;}
.st-ref-heading p{margin:0 0 8px;color:#4A90E2;font-size:.86rem;font-weight:800;letter-spacing:.04em;}
.st-ref-heading h2{margin:0;color:#152159;font-size:1.55rem;line-height:1.35;}
.st-ref-heading span{display:block;margin-top:8px;color:#64748b;line-height:1.8;}
.st-ref-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.st-ref-check{padding:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e3ecf8;border-radius:18px;}
.st-ref-check span{display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:999px;background:#e9f8ef;color:#16803a;font-weight:900;}
.st-ref-check strong{display:block;color:#152159;margin-bottom:6px;}
.st-ref-check p{margin:0;color:#64748b;line-height:1.7;font-size:.92rem;}
.st-result-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.st-result-guide-card{padding:18px;border-radius:18px;background:#f8fbff;border:1px solid #e3ecf8;}
.st-result-guide-card strong{display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#e8eef7;color:#152159;font-size:.85rem;}
.st-result-guide-card p{margin:0 0 10px;color:#475569;line-height:1.75;}
.st-result-guide-card em{display:block;color:#64748b;font-style:normal;font-size:.88rem;line-height:1.6;}
.st-result-guide-card.ok strong{background:#e9f8ef;color:#16803a;}
.st-result-guide-card.warn strong{background:#fff4d8;color:#a86700;}
.st-result-guide-card.ng strong{background:#ffe7e7;color:#b42318;}
.st-result-guide-card.large strong{background:#e7f7ff;color:#0077aa;}
.st-task-guide-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.st-task-guide-item{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:18px;background:#f8fbff;border:1px solid #e3ecf8;border-radius:18px;align-items:start;}
.st-task-guide-num{display:inline-grid;place-items:center;border-radius:999px;background:#152159;color:#fff;font-size:.78rem;font-weight:800;padding:7px 10px;white-space:nowrap;}
.st-task-guide-item h3{margin:0 0 8px;color:#152159;font-size:1.08rem;}
.st-task-guide-item p{margin:0;color:#64748b;line-height:1.8;}
.st-task-guide-item a{display:inline-flex;margin-top:12px;padding:9px 14px;border-radius:999px;background:#4A90E2;color:#fff;text-decoration:none;font-weight:800;font-size:.9rem;}
.st-ref-faq-item{border:1px solid #e3ecf8;border-radius:16px;background:#f8fbff;margin-bottom:12px;overflow:hidden;}
.st-ref-faq-item summary{cursor:pointer;padding:16px 18px;font-weight:800;color:#152159;}
.st-ref-faq-item p{margin:0;padding:0 18px 18px;color:#475569;line-height:1.8;}
.st-ref-context{max-width:1100px;margin:32px auto;padding:34px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#ffffff);border:1px solid #e3ecf8;}
.st-ref-context h2{margin:0 0 14px;color:#152159;font-size:1.5rem;}
.st-ref-context p{margin:0 0 14px;color:#475569;line-height:1.9;}
.st-ref-context ul{margin:14px 0 0;padding-left:1.3em;color:#475569;line-height:1.9;}
@media(max-width:900px){
  .st-ref-check-grid,.st-result-guide-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .st-ref-panel,.st-ref-context{padding:22px 18px;margin:24px auto;border-radius:20px;}
  .st-ref-check-grid,.st-result-guide-grid{grid-template-columns:1fr;}
  .st-task-guide-item{grid-template-columns:1fr;gap:10px;}
  .st-ref-heading h2{font-size:1.28rem;}
}
.tool-card-heading{margin:0 0 22px;}
.tool-card-heading p{margin:0 0 8px;color:#4A90E2;font-weight:800;font-size:.86rem;letter-spacing:.04em;}
.tool-card-heading h2{margin:0;color:#152159;font-size:1.45rem;line-height:1.35;}
.tool-card-heading span{display:block;margin-top:8px;color:#64748b;line-height:1.7;}