.ty-vdr{width:100%;max-width:750px;display:grid;grid-template-columns:minmax(0,325px) minmax(0,1fr);gap:14px;align-items:start;overflow:visible;margin:15px auto;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d}
.ty-vdr *{box-sizing:border-box}.ty-vdr .leftinput,.ty-vdr .rightresult{width:100%;max-width:none;min-width:0;float:none;margin:0}.ty-vdr .leftinput{padding:12px;background:#e1eff0;border:1px solid #0f284d}.ty-vdr .rightresult{padding:0;background:transparent}.ty-vdr h2{margin:0 0 10px;font-size:18px;line-height:1.3;text-align:center;color:#0f284d}.ty-vdr .rightresult>h2{background:#228b22;color:white;padding:7px;margin:0 0 10px;font-size:17px}.ty-vdr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.ty-vdr-field{min-width:0}.ty-vdr .ty-vdr-field label{display:block;font-size:12px;font-weight:600;color:#0f284d;margin:0 0 4px}.ty-vdr .ty-vdr-field input,.ty-vdr .ty-vdr-field select{width:100%;min-width:0;max-width:100%;height:40px;border:1px solid #0f284d;border-radius:2px;padding:6px 8px;background:#fff;color:#0f284d;font-size:14px;line-height:normal;margin:0}.ty-vdr .ty-vdr-field select{padding-right:2px}.ty-vdr .ty-vdr-custom[hidden],.ty-vdr [hidden]{display:none!important}.ty-vdr-actions{display:flex;gap:7px;margin-top:10px}.ty-vdr .ty-vdr-actions .btn-style{flex:1;width:auto!important;margin:0!important;min-width:0;padding:10px 4px;font-size:15px;line-height:1.1;border:0}.ty-vdr .btn-calculate{background:#0f284d!important}.ty-vdr .btn-reset{background:#4c4c4c!important}.ty-vdr button{cursor:pointer}.ty-vdr :is(button,select,input,summary):focus-visible{outline:3px solid #287bb0;outline-offset:2px;box-shadow:none}.ty-vdr-error{font-size:12px;color:#a41818;background:#fff0f0;border-left:3px solid #a41818;margin:8px 0 0;padding:7px}.ty-vdr-empty{font-size:13px;background:#eef5f5;padding:12px;text-align:center}.ty-vdr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ty-vdr-stats>div{padding:8px 3px;text-align:center;background:#e1eff0;min-width:0}.ty-vdr-stats small{display:block;font-size:11px;color:#425465}.ty-vdr-stats strong{display:block;font-size:24px;color:#0f284d;overflow-wrap:anywhere}.ty-vdr-faces{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:10px 0;max-height:145px;overflow-y:auto}.ty-vdr-face{width:44px;height:44px;display:grid;place-items:center;background:white;color:#0f284d;font-size:18px;font-weight:700;border:2px solid #0f284d;border-radius:8px;box-shadow:2px 2px 0 #b7c6d0}.ty-vdr-face.is-d6{position:relative}.ty-vdr-pips{display:grid;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:3px}.ty-vdr-pips i{width:7px;height:7px;border-radius:50%;background:#0f284d}.ty-vdr-breakdown,.ty-vdr-probability{font-size:12px;line-height:1.45;color:#3c4b55;margin:7px 0;overflow-wrap:anywhere}.ty-vdr-charthead{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:12px;margin:12px 0 4px}.ty-vdr-charthead small{font-size:10px;color:#6a747d}.ty-vdr-chart{display:flex;align-items:end;gap:4px;height:100px;padding:9px 2px 18px;border-bottom:1px solid #cad6de;overflow-x:auto}.ty-vdr-barwrap{flex:1 0 14px;min-width:14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.ty-vdr-bar{width:min(100%,24px);min-height:2px;background:#228b22;border-radius:2px 2px 0 0}.ty-vdr-barwrap small{position:absolute;top:100%;padding-top:3px;color:#435468;font-size:10px}.ty-vdr-utilities{display:flex;gap:6px}.ty-vdr-utilities button{flex:1;min-width:0;border:1px solid #0f284d;background:#fff;color:#0f284d;padding:7px;font-size:12px;border-radius:2px;margin:3px 0}.ty-vdr-history{font-size:12px;margin-top:9px}.ty-vdr-history summary{cursor:pointer;font-weight:600}.ty-vdr-history ol{padding-left:24px;max-height:135px;overflow:auto;color:#43505c}.ty-vdr-history li{margin:4px 0}.ty-vdr-feedback{min-height:13px;font-size:11px;color:#228b22;margin:4px 0}.ty-vdr-rating{grid-column:1/-1;text-align:center;margin:0;padding-top:2px}@media(max-width:650px){.ty-vdr{display:block;margin:10px auto;padding:0 8px}.ty-vdr .leftinput,.ty-vdr .rightresult{max-width:none;width:100%;float:none;margin:0 0 10px}.ty-vdr .leftinput{padding:10px}.ty-vdr-grid{gap:7px}.ty-vdr .ty-vdr-field input,.ty-vdr .ty-vdr-field select{font-size:16px!important;height:42px}.ty-vdr .rightresult>h2{font-size:16px;padding:5px}.ty-vdr h2{margin-bottom:8px}.ty-vdr-stats strong{font-size:22px}.ty-vdr-rating{margin-top:8px}}@media(max-width:340px){.ty-vdr .ty-vdr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ty-vdr .ty-vdr-field label{font-size:11px}.ty-vdr .ty-vdr-actions .btn-style{font-size:14px}}@media(prefers-reduced-motion:no-preference){.ty-vdr-face{animation:ty-vdr-pop .2s ease-out}@keyframes ty-vdr-pop{from{transform:scale(.85);opacity:.4}to{transform:scale(1);opacity:1}}}@media print{.ty-vdr-formbox,.ty-vdr-utilities,.ty-vdr-rating{display:none!important}.ty-vdr{display:block}.ty-vdr .rightresult{width:100%}}

/* v1.1: Containment and rating placement aligned with calorie-template.php */
.ty-vdr.toolyak-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);width:100%;max-width:900px;gap:14px;overflow:visible;align-items:start}
.ty-vdr.toolyak-wrapper>.leftinput,.ty-vdr.toolyak-wrapper>.rightresult{float:none!important;width:100%!important;min-width:0!important;max-width:none!important;position:relative;margin:0!important}
.ty-vdr .ty-vdr-result{border:1px solid #0f284d;border-radius:3px;overflow:hidden;min-width:0}
.ty-vdr .ty-vdr-result>h2{margin:0!important;padding:8px 10px!important}
.ty-vdr .ty-vdr-output{min-width:0;width:100%;padding:9px;overflow-wrap:anywhere}
.ty-vdr .ty-vdr-stats{min-width:0;width:100%}
.ty-vdr .ty-vdr-faces{min-width:0;width:100%;padding:3px 2px;max-height:140px;overflow-y:auto;overflow-x:hidden}
.ty-vdr .ty-vdr-face{flex:0 0 44px;display:grid!important;place-items:center!important;overflow:hidden}
.ty-vdr .ty-vdr-pips{display:grid!important;grid-template-columns:repeat(3,7px);grid-template-rows:repeat(3,7px);gap:3px;line-height:1}
.ty-vdr .ty-vdr-pips>span{display:grid!important;place-items:center;min-height:7px;min-width:7px}
.ty-vdr .ty-vdr-pips i{display:block!important;visibility:visible!important;width:7px!important;height:7px!important;opacity:1!important;background:#0f284d!important;border-radius:50%!important;position:static!important;margin:0!important}
.ty-vdr .ty-vdr-breakdown,.ty-vdr .ty-vdr-probability{width:100%;margin:9px 0;overflow-wrap:anywhere}
.ty-vdr .ty-vdr-chart{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}
.ty-vdr .ty-vdr-utilities{width:100%;min-width:0}
.ty-vdr .ty-vdr-utilities button{width:50%;max-width:50%;overflow-wrap:anywhere}
.ty-vdr .ty-vdr-rating{grid-column:auto;margin:9px 0 0;padding:0;text-align:center;max-width:100%;clear:both}
.ty-vdr .ty-vdr-rating>*{max-width:100%}
.ty-vdr .ty-vdr-grid>*{min-width:0}
.ty-vdr .ty-vdr-field input,.ty-vdr .ty-vdr-field select{width:100%!important;min-width:0!important;max-width:100%!important;font-size:14px!important}
@media(max-width:650px){.ty-vdr.toolyak-wrapper{display:block;max-width:100%;padding:0 8px}.ty-vdr.toolyak-wrapper>.leftinput,.ty-vdr.toolyak-wrapper>.rightresult{width:100%!important;max-width:100%!important;margin:0 0 12px!important}.ty-vdr .ty-vdr-field input,.ty-vdr .ty-vdr-field select{font-size:16px!important}.ty-vdr .ty-vdr-output{padding:8px}}
@media print{.ty-vdr.toolyak-wrapper{display:block}.ty-vdr .ty-vdr-result{border:0}}