.xp-wrap{max-width:1200px;margin:auto;padding:48px 24px 70px}.xp-heading{background:#173d40;border-radius:22px;padding:48px;color:#e8f1e6;position:relative;overflow:hidden}.xp-heading:after{content:'＋';position:absolute;font-size:240px;line-height:1;right:32px;top:5px;color:#b5d89112;pointer-events:none}.xp-eyebrow{letter-spacing:2px;font-size:11px;color:#b9d5aa;margin-bottom:18px}.xp-heading h1{font-size:38px;letter-spacing:-1.8px;line-height:1.3}.xp-heading>p:not(.xp-eyebrow){font-size:16px;line-height:1.9;color:#bfd2c8;margin:20px 0 30px}.xp-nav{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.xp-nav a{border:1px solid #608077;padding:10px 17px;border-radius:8px;color:#e0edcf;font-size:12px}.xp-panel{background:#fff;border:1px solid #dce5dd;border-radius:18px;padding:32px;margin-top:26px;scroll-margin-top:100px}.xp-section-title{margin-bottom:26px}.xp-section-title>span{color:#708b72;letter-spacing:2px;font-size:10px}.xp-section-title h2{font-size:26px;letter-spacing:-.8px;color:#234a38;margin:8px 0 12px}.xp-section-title p{color:#718473;font-size:13px;line-height:1.8}.xp-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xp-fields label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#536b54}.xp-fields input,.xp-fields select,.xp-fields textarea{width:100%;min-width:0;padding:12px;border:1px solid #cfdccf;border-radius:8px;background:#f8faf7;color:#2d4d34;font:inherit;font-size:14px;box-sizing:border-box}.xp-fields .xp-wide{grid-column:1/-1}.xp-fields input:invalid{border-color:#b78256}#xp-finder{grid-template-columns:1.3fr 1fr auto;align-items:end}.xp-note{font-size:12px;line-height:1.9;color:#748573;margin-top:18px}.xp-note a{color:#2f7551;text-decoration:underline}.xp-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.xp-candidates article{padding:23px;border:1px solid #d9e5d7;background:#f5f8f1;border-radius:12px}.xp-rank{font:14px 'Roboto Mono',monospace;color:#6b9465}.xp-candidates h3{font-size:17px;margin:16px 0 12px;line-height:1.5;word-break:keep-all}.xp-candidates p{font-size:11px;color:#71846e;line-height:1.8}.xp-candidates strong{display:block;font:24px 'Roboto Mono',monospace;margin:18px 0 12px;color:#254d31}.xp-candidates a{font-size:11px;color:#567951}.xp-candidates button,.xp-actions button,#xp-saved-list button{cursor:pointer;border:1px solid #c4d8bd;border-radius:8px;color:#345b31;background:white;padding:11px 14px;font:inherit;font-size:12px}.xp-candidates button{display:block;width:100%;margin-top:18px;background:#315b3d;color:white;border:0}.xp-builder-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}.xp-summary{align-self:start;position:sticky;top:100px;background:#eef4e8;padding:28px;border:1px solid #d5e3cc;border-radius:14px}.xp-summary>span{font-size:12px;color:#638357}.xp-summary>strong{display:block;font-size:34px;letter-spacing:-1px;margin:15px 0;color:#31502d}.xp-summary p,.xp-summary small{font-size:11px;color:#72846a;line-height:1.9;display:block}.xp-summary #xp-specs{padding:18px 0;border-top:1px solid #d3e0c8;font-size:13px;color:#496942;line-height:1.8}.xp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.xp-actions button:first-child{background:#315b3d;color:#fff}.xp-power-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.xp-power-results>div{padding:22px 16px;background:#edf3e7;border-radius:10px}.xp-power-results strong{display:block;font-size:22px;color:#365d2f;margin-bottom:8px}.xp-power-results span{font-size:11px;color:#708166}.xp-checklist{display:grid;gap:12px}.xp-checklist label{display:flex;align-items:flex-start;gap:12px;padding:17px;background:#f6f8f2;border-radius:8px;font-size:13px;color:#4c6447;line-height:1.7}.xp-checklist input{accent-color:#3a6738;flex-shrink:0;width:17px;height:17px;margin-top:3px}#xp-saved-list{font-size:13px;color:#74836b}#xp-saved-list article{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid #e0e8da}#xp-saved-list article>div{flex:1;min-width:0}#xp-saved-list strong,#xp-saved-list span{display:block;overflow-wrap:anywhere}#xp-saved-list strong{color:#3d6134;margin-bottom:7px}#xp-saved-list span{font-size:11px}.xp-help{padding:38px 0 0}.xp-help h2{font-size:25px;color:#365232;margin-bottom:24px}.xp-help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.xp-help h3{font-size:15px;margin-bottom:12px}.xp-help p{font-size:13px;color:#71806a;line-height:1.9}.xp-help a{font-size:12px;color:#396d3a;display:inline-block;margin-top:16px}#xp-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244b35;color:#fff;padding:16px 22px;border-radius:12px;z-index:1200;opacity:0;pointer-events:none;max-width:90vw;font-size:13px}#xp-status.visible{opacity:1}
@media(max-width:760px){.xp-wrap{padding:24px 16px 45px}.xp-heading{padding:28px 23px}.xp-heading h1{font-size:29px;word-break:keep-all}.xp-heading>p:not(.xp-eyebrow){font-size:14px}.xp-nav{gap:8px}.xp-nav a{font-size:11px;padding:9px 11px}.xp-panel{padding:24px 18px;margin-top:20px}.xp-section-title h2{font-size:22px}.xp-section-title p{font-size:12px}.xp-fields{gap:16px 12px}.xp-fields label{font-size:11px}.xp-fields input,.xp-fields select{font-size:12px;padding:11px 8px}#xp-finder{grid-template-columns:1fr}#xp-finder .btn{width:100%}.xp-candidates{grid-template-columns:1fr}.xp-candidates article{padding:20px}.xp-candidates h3{font-size:18px;margin-top:9px}.xp-builder-layout{grid-template-columns:1fr;gap:22px}.xp-summary{position:static;padding:23px}.xp-summary>strong{font-size:30px}.xp-power-results{grid-template-columns:1fr 1fr;gap:10px}.xp-power-results strong{font-size:20px}.xp-power-results>div{padding:17px 12px}.xp-checklist label{padding:14px;font-size:12px}#xp-saved-list article{flex-wrap:wrap}#xp-saved-list article>div{flex-basis:100%}.xp-help>div{grid-template-columns:1fr;gap:28px}.xp-help h2{font-size:22px}}
@media print{.xp-heading,.xp-nav,#finder,#saved,.xp-help,.xp-actions,#xp-status,.xp-note a{display:none!important}.xp-wrap{padding:0;max-width:none}.xp-panel{break-inside:avoid;margin:12px 0;padding:18px;border-radius:0}.xp-summary{position:static}.xp-builder-layout{grid-template-columns:1.4fr 1fr;gap:16px}.xp-fields input,.xp-fields select,.xp-fields textarea{background:white;border:0;padding:2px}.xp-section-title{margin-bottom:12px}.xp-section-title h2{font-size:18px}.xp-panel p{font-size:10px}.xp-power-results strong{font-size:15px}}
