/* r11 calorie deficit calculator. Sits on content.css (paper, ink, one accent). */
.cdc-wrap{max-width:760px}
.cdc{margin:26px 0 8px}
.cdc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px;margin:0 0 18px}
.cdc-card h2{margin:0 0 6px;font-size:24px;display:flex;align-items:center;gap:10px}
.cdc-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111;color:#4fd1b0;font:800 15px Inter,sans-serif;flex:none}
.cdc-hint{font-size:14.5px;color:var(--muted);margin:4px 0 12px}
.cdc-form{display:grid;gap:12px;margin:0}
.cdc-fs{border:0;padding:0;margin:0;min-width:0}
.cdc-fs legend,.cdc-row>label,.cdc-two label,.cdc-search>label{display:block;font-weight:700;font-size:15.5px;margin:0 0 5px;padding:0}
.cdc-unit{font-weight:500;color:var(--muted);font-size:14px}
.cdc input[type=number],.cdc input[type=text],.cdc input[type=search],.cdc select{width:100%;min-height:46px;padding:9px 12px;border:1.5px solid #b9bfba;border-radius:10px;background:#fff;color:var(--ink);font:500 17px Inter,system-ui,sans-serif}
.cdc input:focus-visible,.cdc select:focus-visible,.cdc button:focus-visible,.cdc summary:focus-visible,.cdc-seg label:focus-within{outline:3px solid #0a7562;outline-offset:2px}
.cdc-seg{display:flex;flex-wrap:wrap;gap:8px}
.cdc-seg label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid #b9bfba;border-radius:10px;background:#fff;font-weight:600;font-size:15.5px;cursor:pointer}
.cdc-seg label:has(input:checked){border-color:#0a7562;background:#e9f6f2}
.cdc-seg input{width:18px;height:18px;margin:0;accent-color:#0a7562}
.cdc-units{margin-bottom:8px}
.cdc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cdc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cdc-inline{display:flex;gap:10px}.cdc-inline input{flex:1;min-width:0}
.cdc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:0;border-radius:10px;background:#111;color:#fff;font:800 16px Inter,sans-serif;cursor:pointer;justify-self:start}
.cdc-btn:hover{background:#0a7562}
.cdc-btn-2{background:#0a7562}.cdc-btn-2:hover{background:#075446}
.cdc-btn-3{background:#fff;color:#8a2a1b;border:1.5px solid #c9a39b}.cdc-btn-3:hover{background:#fbeeea;color:#8a2a1b}
.cdc-small{min-height:44px;min-width:44px;padding:8px 12px;border-radius:9px;border:1.5px solid #b9bfba;background:#fff;color:var(--ink);font:700 14.5px Inter,sans-serif;cursor:pointer}
.cdc-small:hover{border-color:#0a7562;color:#0a7562}
.cdc-result{margin:14px 0 0}
.cdc-result:empty{display:none}
.cdc-out{border-radius:12px;background:#f3f7f5;border:1px solid #cfe2da;padding:14px 16px}
.cdc-out dl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin:0 0 10px}
.cdc-out dt{color:var(--soft)}.cdc-out dd{margin:0;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.cdc-out .cdc-big{font-size:22px;color:#0a7562}
.cdc-note{margin:10px 0 0;padding:10px 12px;border-left:4px solid var(--note-line);background:var(--note);border-radius:4px 8px 8px 4px;font-size:15px}
.cdc-own{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}
.cdc-sum{border-radius:12px;padding:14px 16px;margin:6px 0 16px;border:2px solid #cfd5d2;background:#f6f7f6}
.cdc-sum[data-state=under],.cdc-sum[data-state=on]{border-color:#3d9c84;background:#eef8f4}
.cdc-sum[data-state=over]{border-color:#c0582f;background:#fdf0ea}
.cdc-sum-main{margin:0;font:800 22px/1.25 'Space Grotesk',Inter,sans-serif}
.cdc-sum[data-state=under] .cdc-sum-main,.cdc-sum[data-state=on] .cdc-sum-main{color:#0a6553}
.cdc-sum[data-state=over] .cdc-sum-main{color:#9a3a14}
.cdc-sum-sub{margin:4px 0 0;font-size:15px;color:var(--soft);font-variant-numeric:tabular-nums}
.cdc-bar{height:10px;border-radius:6px;background:#dfe3e1;margin-top:10px;overflow:hidden}
.cdc-bar i{display:block;height:100%;background:#3d9c84;border-radius:6px}
.cdc-sum[data-state=over] .cdc-bar i{background:#c0582f}
.cdc-search{margin:0 0 12px;position:relative}
.cdc-res{list-style:none;padding:0;margin:6px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cdc-res li{margin:0;border-top:1px solid var(--line)}.cdc-res li:first-child{border-top:0}
.cdc-res button{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:0;background:#fff;text-align:left;font:500 15.5px Inter,sans-serif;color:var(--ink);cursor:pointer}
.cdc-res button:hover,.cdc-res button:focus-visible{background:#eef6f3}
.cdc-res small{color:var(--muted);font-size:13.5px;display:block}
.cdc-res b{white-space:nowrap;font-variant-numeric:tabular-nums}
.cdc-pick{border:1.5px solid #0a7562;border-radius:12px;padding:14px;margin:0 0 14px;background:#f6fbf9}
.cdc-pick h3{margin:0 0 8px;font-size:18px}
.cdc-pick .cdc-two{margin-bottom:10px}
.cdc-pick-k{font-weight:800;margin:0 0 10px;font-variant-numeric:tabular-nums}
.cdc-manual{border:1px solid var(--line);border-radius:12px;margin:0 0 6px}
.cdc-manual summary{min-height:48px;display:flex;align-items:center;padding:10px 14px;font-weight:700;cursor:pointer}
.cdc-manual[open] summary{border-bottom:1px solid var(--line)}
.cdc-manual form{padding:14px}
.cdc-err{color:#9a3a14;font-size:14.5px;margin:0;min-height:0}
.cdc-err:empty{display:none}
.cdc-list-h{margin:18px 0 6px;font-size:18px}
.cdc-list{list-style:none;padding:0;margin:0 0 12px}
.cdc-list>li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);margin:0}
.cdc-it-t{flex:1 1 160px;min-width:0}
.cdc-it-t b{display:block;overflow-wrap:anywhere}
.cdc-it-t small{color:var(--muted);font-size:14px}
.cdc-it-k{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cdc-it-a{display:flex;gap:8px}
.cdc-empty{color:var(--muted);font-size:15px}
.cdc-edit{flex:1 1 100%;display:grid;gap:8px}
.cdc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px}.cdc-foot .cdc-hint{margin:0}
.cdc-src{font-size:13.5px;color:var(--muted);margin:14px 0 0}
.cdc-noscript{padding:12px 14px;border:1.5px dashed #c0582f;border-radius:10px;background:#fff}
.cdc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.cdc-faq{margin-top:6px}
.cdc-cta{margin-top:26px}
@media (max-width:520px){.cdc-card{padding:16px 14px 18px;border-radius:12px}.cdc-two{grid-template-columns:1fr}.cdc-card h2{font-size:22px}.cdc-btn{width:100%}.cdc-inline .cdc-btn{width:auto}.cdc-foot .cdc-btn{width:auto}}
.cdc-form [hidden]{display:none!important}
/* r11a: demo cap line and the members panel */
.cdc-cap{margin:10px 0 14px;padding:9px 12px;border-radius:10px;background:#f1efe7;font-size:15px}
.cdc-cap[data-full="1"]{background:#fff4d6;border:1px solid #e9c46a}
.cdc-cap a{font-weight:700}
.cdc-form input:disabled,.cdc-search input:disabled,.cdc-form button:disabled{opacity:.55;cursor:not-allowed}
.cdc-members{margin:30px 0 12px;padding:22px 22px 20px;border-radius:14px;background:#111;color:#f3f1ea}
.cdc-members h2{margin:2px 0 10px;color:#fff}
.cdc-members p{color:#e6e3da}
.cdc-members-tag{display:inline-block;margin:0;padding:3px 9px;border-radius:999px;background:#4fd1b0;color:#0b1513!important;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.cdc-members-list{margin:0 0 14px;padding-left:20px}
.cdc-members-list li{margin:6px 0;color:#f3f1ea}
.cdc-members-a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:14px 0 4px}
.cdc-members-a a.c-btn{margin:0;min-height:44px;display:inline-flex;align-items:center;background:#4fd1b0;color:#0b1513;font-weight:800;text-decoration:none;padding:11px 18px;border-radius:10px}
.cdc-members-a a.c-btn:hover{background:#7fe2c9;color:#0b1513}
.cdc-members a:not(.c-btn){color:#7fe3c9}
.cdc-members .c-more{display:inline-flex;align-items:center;min-height:44px}
.cdc-fw{margin:10px 0 0;font-size:15px}
.cdc-fw a{display:inline-flex;align-items:center;min-height:44px}