.xp-guide{margin:24px 0 32px;padding:26px;border:1px solid #c8deda;border-radius:22px;background:#f5faf7;color:#143c49}
.activity-xp-rules li{font-size:16px;line-height:1.8;margin:10px 0}.activity-xp-rules ul{padding-left:22px}
.xp-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.xp-guide-heading small{letter-spacing:.12em;color:#52726e}.xp-guide h3{margin:6px 0 18px;font-size:24px}.guide-stamp{font-size:14px;color:#25685e;border:1px dashed #a1c5b5;border-radius:50px;padding:8px 12px}
.xp-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.xp-routes>div{padding:16px;background:white;border:1px solid #d9e6e1;border-radius:14px}.xp-routes b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e0f0e5;color:#237263}.xp-routes h4{font-size:17px;margin:12px 0 8px}.xp-routes p,.xp-guide p{font-size:16px;line-height:1.8}.xp-routes p{margin:0}.guide-workflow{margin:22px 0 12px}.xp-guide summary,.badge-rule-detail summary{cursor:pointer;color:#146c75;font-weight:600;padding:8px 0}.guide-benefits{border-top:1px solid #ceded7;margin-top:16px;padding-top:4px}.guide-benefits p:last-child{margin-bottom:0}
.real-badge{position:relative;padding-bottom:24px!important}.real-badge>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.real-badge .badge-rule-trigger{display:block!important;position:static!important;margin:16px 0 0!important;padding:0!important;background:transparent!important;color:#166b75!important;border:0!important;box-shadow:none!important;font:inherit;font-size:15px;cursor:pointer}.badge-rule-trigger::after{content:"";position:absolute;inset:0;border-radius:inherit}.real-badge:focus-within{outline:3px solid #278b90;outline-offset:3px}.real-badge:has(.badge-rule-trigger:hover){border-color:#82ada3}.real-badge .badge-rule-trigger:focus-visible{outline:0}
.badge-rule-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:88vh;overflow:auto;padding:28px;border:1px solid #b8d1ce;border-radius:24px;background:#fcfffd;color:#143c49;box-shadow:0 24px 100px #07272a40}.badge-rule-dialog::backdrop{background:#062b365e;backdrop-filter:blur(3px)}.badge-rule-close{display:block;margin-left:auto!important}.badge-rule-detail>svg.badge-illustration{display:block;width:110px;height:118px;margin:0 auto 14px}.badge-rule-detail>small{display:block;text-align:center;color:#526e70}.badge-rule-detail h2{text-align:center;margin:12px 0}.guide-status{display:block;text-align:center;font-size:15px;color:#517569}.badge-rule-detail h3{font-size:18px;margin:26px 0 10px}.badge-rule-detail p{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.badge-rule-detail .guide-fineprint{font-size:14px;color:#5d737b;border-top:1px solid #d5e1dc;margin-top:24px;padding-top:16px}.guide-contact{color:#166b75;font-weight:600}.badge-rule-detail details{border-bottom:1px solid #d5e1dc;padding-bottom:8px}
@media(max-width:1050px){.xp-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-guide-heading{align-items:flex-start;flex-direction:column}.guide-stamp{margin-bottom:12px}}
@media(max-width:540px){.xp-guide{padding:18px}.xp-routes{grid-template-columns:1fr}.xp-routes>div{padding:14px}.xp-guide h3{font-size:22px}.badge-rule-dialog{padding:20px}.guide-stamp{font-size:12px}}