.custom-macro-controls{--macro-text:#eef3ec;--macro-muted:#bdccc2;--macro-surface:#15241e;--macro-border:#4c6557;--macro-accent:#d3ed29;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.diet-preview .custom-macro-controls{--macro-text:#19291f;--macro-muted:#47594c;--macro-surface:#f7faf4;--macro-border:#a7baa9;--macro-accent:#587520}.custom-macro-control{border:1px solid var(--macro-border);background:var(--macro-surface);min-width:0;color:var(--macro-text);border-radius:14px;padding:16px}.custom-macro-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.custom-macro-controls .custom-macro-heading label{color:var(--macro-text);letter-spacing:0;text-transform:none;margin:0;font-size:14px;font-weight:600;line-height:1.4}.custom-macro-controls .custom-macro-heading input{border:1px solid var(--macro-border);width:104px;min-width:0;min-height:48px;color:var(--macro-text);background:var(--macro-surface);font-variant-numeric:tabular-nums;text-align:right;border-radius:9px;flex:0 0 104px;padding:10px;font-size:18px;font-weight:600}.custom-macro-controls input.custom-macro-slider{width:100%;min-width:0;height:44px;min-height:44px;accent-color:var(--macro-accent);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;margin:10px 0 0;padding:0;display:block}.custom-macro-scale{color:var(--macro-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;line-height:1.4;display:flex}.custom-macro-controls input:focus-visible{outline:2px solid var(--macro-accent);outline-offset:3px}@media (max-width:700px){.custom-macro-controls{grid-template-columns:1fr;gap:12px}.custom-macro-control{padding:14px}}.macro-mode-switch{border:1px solid #72816c;border-radius:12px;gap:4px;margin:16px 0;padding:4px;display:flex}.macro-mode-switch button{min-height:46px;color:inherit;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 14px;font-weight:600}.macro-mode-switch button[aria-pressed=true]{color:#19291f;background:#d3ed29}.macro-mode-switch button:disabled{opacity:.45}.macro-percent-summary{border:1px solid #72816c;border-radius:12px;gap:8px;margin:16px 0;padding:16px;display:grid}.macro-percent-summary strong{font-size:1.2rem}.macro-percent-summary small{font-size:12px;line-height:1.5}
.htl{--htl-accent:#d7f21b;min-width:0;max-width:100%}.htl-hero{background:linear-gradient(105deg,#101d19 20%,#101d19c9),url(/brand/hybrid-running.webp) 50%/cover;border:1px solid #3c5149;border-radius:22px;margin:20px 0;padding:clamp(24px,5vw,56px)}.htl-hero h2{margin:18px 0;font-size:clamp(36px,6vw,66px);line-height:1.04}.htl-hero p{max-width:480px}.htl-search{border:1px solid #526159;border-radius:14px;align-items:center;gap:12px;padding:4px 16px;display:flex}.htl-search input{background:0 0;border:0;width:100%;min-width:0;min-height:48px;font-size:16px}.htl-filters{gap:8px;padding:16px 0;display:flex;overflow:auto}.htl-filters button{white-space:nowrap;min-height:44px;color:inherit;background:#14201c;border:1px solid #45564f;border-radius:24px;padding:10px 16px}.htl-filters button[aria-pressed=true]{background:var(--htl-accent);color:#14201c}.htl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.htl-card{text-align:left;color:inherit;background:#15231e;border:1px solid #40534b;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;display:flex}.htl-card:hover,.htl-card:focus-visible{border-color:var(--htl-accent);background:#1c3027}.htl-card h3{margin:0;font-size:25px;line-height:1.1}.htl-card p{color:#b5c6bd;margin:0}.htl-icon{width:48px;height:48px;color:var(--htl-accent);background:#d7f21b16;border-radius:14px;place-items:center;display:grid}.htl-card-meta{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.htl-card-meta b{color:var(--htl-accent)}.htl-detail{flex-direction:column;gap:20px;margin-top:20px;display:flex}.htl-detail>.outline{align-self:flex-start}.htl-detail h2{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.05}.htl-facts{flex-wrap:wrap;gap:12px;display:flex}.htl-facts span{background:#24392d;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:flex}.htl-guide{counter-reset:guide;grid-template-columns:1fr 1fr;gap:16px;padding:0;list-style:none;display:grid}.htl-guide li{counter-increment:guide;border:1px solid #3e5148;border-radius:14px;padding:20px}.htl-guide li:before{content:"0" counter(guide);color:var(--htl-accent);margin-bottom:10px;font-size:13px;display:block}.htl-guide p{margin:10px 0 0}.htl-note{border-left:3px solid var(--htl-accent);background:#243121;padding:18px}.htl-add{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.htl-add input{width:100%;min-width:0;min-height:48px;font-size:16px}.htl-add button{min-height:52px}.htl .race-preview-editor{margin:0}.htl :focus-visible{outline:2px solid var(--htl-accent);outline-offset:4px}@media (max-width:900px){.htl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.htl-grid,.htl-guide,.htl-add{grid-template-columns:1fr}.htl-card,.htl-detail{padding:20px}.htl-hero{border-radius:16px}.htl-card h3{font-size:27px}}