.ccb-wrap{--cc:#2d6a4f;--bg:#f6fbf8;max-width:980px;margin:28px auto;font-family:inherit;color:#24332c}
.ccb-wrap *{box-sizing:border-box}.ccb-head{text-align:center;margin-bottom:18px}.ccb-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--cc);background:#e8f5ed;padding:7px 11px;border-radius:999px}.ccb-head h2{font-size:clamp(25px,4vw,38px);margin:10px 0 5px}.ccb-head p{margin:0;color:#65736c}
.ccb-species{display:flex;gap:10px;justify-content:center;margin:20px 0}.ccb-species-btn{border:1px solid #dbe7df;background:#fff;padding:13px 28px;border-radius:14px;font-size:18px;cursor:pointer}.ccb-species-btn.active{border:2px solid var(--cc);background:#eff9f3}
.ccb-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.ccb-card{background:#fff;border:1px solid #e2ebe5;border-radius:20px;padding:24px;box-shadow:0 8px 28px rgba(28,65,45,.07)}
.ccb-form h3{font-size:18px;margin:3px 0 15px}.ccb-form label{display:block;font-weight:700;font-size:14px;margin:0 0 13px}.ccb-form label span{font-weight:400;color:#849089}.ccb-form input[type=text],.ccb-form input[type=number],.ccb-form select{width:100%;margin-top:6px;border:1px solid #d8e2dc;border-radius:10px;padding:11px;background:#fff;font:inherit}.ccb-check{font-weight:500!important;display:flex!important;gap:9px;align-items:center}.ccb-check input{width:17px;height:17px}.ccb-form details{margin-top:18px;border-top:1px solid #e5ece8;padding-top:15px}.ccb-form summary{font-weight:800;cursor:pointer;color:var(--cc)}.ccb-help{font-size:13px;color:#748078}.ccb-custom-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.ccb-result{background:var(--bg);text-align:center;position:sticky;top:20px;height:max-content}.ccb-result-title{font-weight:800}.ccb-animal-icon{font-size:52px;margin:14px}.ccb-year strong{display:block;font-size:44px;line-height:1}.ccb-year span{color:#6d7a73}.ccb-month{margin:9px 0 18px}.ccb-level{height:28px;background:#dfeae3;border-radius:999px;position:relative;overflow:hidden;margin-bottom:22px}.ccb-level span{position:absolute;left:0;top:0;bottom:0;background:#91c6a7;border-radius:999px}.ccb-level b{position:relative;line-height:28px;font-size:12px}
.ccb-breakdown{text-align:left;background:#fff;border-radius:14px;padding:15px}.ccb-breakdown h4{margin:0 0 9px}.ccb-breakdown div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #edf1ee;font-size:14px}.ccb-breakdown div:last-child{border:0}.ccb-ten{display:flex;justify-content:space-between;margin-top:14px;padding:15px;background:#234d3a;color:#fff;border-radius:14px}.ccb-note{font-size:11px;line-height:1.4;color:#75827b;margin:14px 0 0}
@media(max-width:720px){.ccb-grid{grid-template-columns:1fr}.ccb-result{position:static}.ccb-card{padding:18px}.ccb-custom-fields{grid-template-columns:1fr}.ccb-species-btn{flex:1;padding:12px}.ccb-year strong{font-size:38px}}