.tool-section{margin:34px 0 46px}.tool-heading{display:flex;align-items:center;gap:15px;padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,#fff,#eef6ff);border:1px solid #d6e3f2}.tool-heading .tool-badge{width:50px;height:50px;border-radius:15px;background:var(--tool-color,var(--blue));color:#fff;display:grid;place-items:center;font-weight:950}.tool-heading h2{margin:0;font-size:1.55rem}.tool-heading p{margin:3px 0 0;color:var(--muted)}.training-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.training-card{background:#fff;border:1px solid #dce6f2;border-radius:19px;padding:22px;box-shadow:0 8px 22px rgba(6,43,99,.05)}.training-card h3{margin:10px 0 7px}.training-card p{color:var(--muted)}.training-meta{display:flex;flex-wrap:wrap;gap:7px}.training-tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#eaf3ff;color:var(--navy);font-size:.77rem;font-weight:900}.training-tag.primary{background:#fff0bd;color:#674c00}.training-tag.self{background:#eaf6ed;color:#176434}.external-card{border:2px solid var(--gold);background:linear-gradient(135deg,#fffdf5,#fff7d6)}.tool-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.tool-summary>div{padding:22px;border-radius:18px;background:#fff;border:1px solid #dce6f2}.tool-summary h3{margin-top:0}@media(max-width:760px){.training-list,.tool-summary{grid-template-columns:1fr}.tool-heading{align-items:flex-start}.tool-heading .tool-badge{flex:0 0 50px}}
.training-card.featured{border:2px solid var(--gold);background:linear-gradient(145deg,#fff,#fffaf0)}.card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.card-actions .btn{padding:9px 12px;font-size:.86rem}.btn-soft,.btn-secondary{background:#eaf3ff;color:var(--navy);border-color:#cbdced}.resource-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 0;padding:28px;border-radius:22px;background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}.resource-callout h3{margin:5px 0}.resource-callout p{margin:0;color:#dceaff}.resource-callout .kicker{color:var(--gold)}.safety-note{margin-top:26px}@media(max-width:760px){.resource-callout{align-items:flex-start;flex-direction:column}}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.collection-card{background:#fff;border:1px solid #dce6f2;border-radius:22px;box-shadow:var(--shadow)}.collection-content{padding:28px}.resource-links{display:grid;gap:10px;margin-top:20px}.resource-links a{padding:11px 13px;background:#edf5ff;color:var(--blue);border-radius:10px;font-weight:800}.result-line{margin-top:15px;padding:11px 13px;border-radius:11px;background:#f3f7fc;color:#40536d}@media(max-width:760px){.collection-grid{grid-template-columns:1fr}}
.guided-steps{margin-top:18px;border-top:1px solid #dfe7f3;padding-top:14px}.guided-steps summary{cursor:pointer;font-weight:900;color:var(--tool-color,var(--navy));list-style:none}.guided-steps summary::-webkit-details-marker{display:none}.guided-steps summary:after{content:' +';float:right}.guided-steps[open] summary:after{content:' −'}.guided-steps .steps{margin:12px 0}.guided-steps .prompt-box{margin-top:14px}.guided-steps .result-line{margin-top:14px}.copy-guide{border:0;border-radius:9px;background:var(--navy);color:#fff;padding:8px 11px;font-weight:800;cursor:pointer}
.training-card>img{display:block;width:100%;height:210px;object-fit:cover;border-radius:13px;margin-bottom:16px;background:#eef3f8}.training-card>img[alt*="lembaran"]{object-fit:contain}
.example-gallery{margin:28px 0 34px}.example-gallery>header{margin-bottom:16px}.example-gallery>header h2{margin:5px 0}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.example-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.example-card{margin:0;background:#fff;border:1px solid #dfe7f3;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(7,41,87,.08)}.example-card a{display:block}.example-card img{display:block;width:100%;height:300px;object-fit:contain;background:#f3f6fa}.example-card figcaption{padding:16px 18px;color:#40536d;line-height:1.55}.example-card figcaption strong{display:block;color:var(--navy);margin-bottom:4px}.example-note{margin-top:14px;padding:14px 16px;border-left:4px solid var(--page-accent);background:#f5f8fc;border-radius:0 12px 12px 0;color:#40536d}@media(max-width:900px){.example-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:650px){.example-grid,.example-grid.three{grid-template-columns:1fr}.example-card img{height:auto;max-height:360px}}