/* HartaMediu - Instrumente */
.hm32{--ink:#163b33;--green:#0e5b4b;--muted:#627a73;--line:#d2e1dc;--wash:#f0f6f3;max-width:1280px;margin:0 auto;padding:28px 24px 60px;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}
.hm32 *{box-sizing:border-box}.hm32 [hidden]{display:none!important}.hm32 h1,.hm32 h2,.hm32 h3,.hm32 p{margin:0}.hm32 a{color:var(--green)}.hm32 button,.hm32 input,.hm32 select,.hm32 textarea{font:inherit}.hm32 button,.hm32 a{-webkit-tap-highlight-color:transparent}
.hm32-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:24px}.hm32-crumb a{text-decoration:none}.hm32-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:30px 32px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#f6faf8,#e8f3ee);margin-bottom:24px}.hm32-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--green)}.hm32-hero h1{font-size:clamp(29px,3vw,43px);letter-spacing:-.04em;line-height:1.18;font-weight:680;margin:8px 0 14px}.hm32-hero p:last-child{max-width:780px;color:var(--muted);font-size:15px}.hm32-badge{font-size:11px;white-space:nowrap;border:1px solid #b7d6c8;border-radius:24px;padding:5px 12px;background:#fff;color:var(--green);margin-top:6px}
.hm32-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hm32-card{display:flex;flex-direction:column;padding:24px;border-radius:17px;border:1px solid var(--line);background:#fff;text-decoration:none;min-height:233px;transition:transform .15s,box-shadow .15s}.hm32-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #143f3210;border-color:#86b4a3}.hm32-card-top{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin-bottom:18px}.hm32-index{display:grid;place-items:center;border-radius:11px;background:var(--wash);color:var(--green);width:38px;height:38px;font-size:13px;font-weight:650}.hm32-card h2{font-size:19px;letter-spacing:-.02em;font-weight:650;line-height:1.35}.hm32-card p{font-size:13px;color:var(--muted);margin:8px 0 22px}.hm32-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;font-weight:650}.hm32-card-link>span{font-size:22px}
.hm32-callout,.hm32-method{margin-top:26px;padding:27px 30px;border-radius:17px;border:1px solid var(--line);background:#fff}.hm32-callout{background:var(--wash)}.hm32-callout h2,.hm32-method h2{font-size:20px;font-weight:650;margin-bottom:12px}.hm32-callout p,.hm32-method p{max-width:1080px;color:var(--muted);font-size:13px;margin-bottom:15px}.hm32-method strong{font-weight:650;color:var(--ink)}.hm32-method details{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.hm32-method summary{font-size:13px;font-weight:650;cursor:pointer;margin-bottom:10px}.hm32-sources{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px}
.hm32-tool-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.hm32-tool-nav a{font-size:12px;border:1px solid var(--line);padding:7px 11px;text-decoration:none;border-radius:9px;background:#fff}.hm32-tool-nav a[aria-current]{background:var(--green);color:#fff;border-color:var(--green)}
.hm32-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;align-items:start}.hm32-input-panel,.hm32-result-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 20px #193d3404}.hm32-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.hm32-panel-title h2{font-size:18px;line-height:1.35;letter-spacing:-.015em;font-weight:650}.hm32-result-state{font-size:11px;color:var(--muted);background:var(--wash);padding:4px 8px;border-radius:7px}
.hm32-field{display:flex;flex-direction:column;gap:7px;margin:0 0 17px;font-size:12px;font-weight:600;min-width:0}.hm32-field>span{display:flex;justify-content:space-between;gap:8px}.hm32-field small{font-weight:400;color:var(--muted);font-size:11px}.hm32-field input,.hm32-field textarea,.hm32-field select{min-width:0;width:100%;border:1px solid #bdcfc7;border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);font-size:14px;font-weight:450;min-height:46px;box-shadow:none;line-height:1.55}.hm32-field textarea{resize:vertical;min-height:160px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.hm32-field select{appearance:none;padding-right:33px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%230e5b4b' stroke-width='1.5'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.hm32-field input::placeholder,.hm32-field textarea::placeholder{color:#8a9c96}.hm32 :focus-visible{outline:3px solid #87beab;outline-offset:3px}.hm32-field :focus{border-color:#468e74}
.hm32-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hm32-system{border:0;padding:0;margin:0 0 22px;min-width:0}.hm32-system legend{font-size:12px;font-weight:600;margin-bottom:8px}.hm32-system>div{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--wash);gap:4px}.hm32-system label{flex:1;position:relative;cursor:pointer;margin:0}.hm32-system input{position:absolute;opacity:0;width:1px;height:1px}.hm32-system span{display:block;text-align:center;padding:9px 6px;border-radius:9px;font-size:12px;font-weight:650}.hm32-system input:checked+span{color:#fff;background:var(--green);box-shadow:0 2px 5px #143f3220}.hm32-system input:focus-visible+span{outline:3px solid #87beab}
.hm32-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #b9d2c8;border-radius:10px;color:var(--green);background:#fff;text-decoration:none;cursor:pointer;font-size:12px!important;font-weight:600!important;line-height:1.4;gap:8px}.hm32-button:hover{background:#edf6f2}.hm32-button.hm32-primary{background:var(--green);border-color:var(--green);color:#fff}.hm32-button.hm32-primary:hover{background:#084a3b}.hm32-button:disabled{opacity:.5;cursor:not-allowed}.hm32-quiet{font-size:11px!important;cursor:pointer;background:none;color:var(--green);border:0;border-bottom:1px dashed #94b2a5;border-radius:0;padding:4px 0;white-space:nowrap}.hm32-form-actions,.hm32-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.hm32-result-actions{border-top:1px solid var(--line);padding-top:18px}.hm32-checks{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;margin-bottom:18px}.hm32-checks label{display:flex;align-items:center;gap:7px}.hm32-checks input{width:16px;height:16px;accent-color:var(--green);margin:0}.hm32-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hm32-upload>span{font-size:11px;color:var(--muted)}.hm32-presets{display:flex;gap:9px;flex-wrap:wrap}.hm32-presets button{border:1px solid var(--line);border-radius:8px;padding:5px 12px;background:var(--wash);color:var(--green);font-size:12px;cursor:pointer}.hm32-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hm32-hint,.hm32-local{font-size:11px!important;color:var(--muted);line-height:1.65;margin-top:12px!important}.hm32-local{border-top:1px solid var(--line);padding-top:15px;margin-top:20px!important}.hm32-error{white-space:pre-line;background:#fff3ed;border:1px solid #e7bba7;color:#763920;font-size:12px;padding:13px;border-radius:10px;margin-top:18px;overflow-wrap:anywhere}.hm32-empty{text-align:center;padding:30px 18px 47px;color:var(--muted)}.hm32-empty>span{display:inline-grid;place-items:center;width:58px;height:58px;border:1px dashed #9fbeb0;border-radius:50%;font-size:28px;margin-bottom:16px}.hm32-empty h3{font-size:17px;color:var(--ink);font-weight:550;margin-bottom:8px}.hm32-empty p{font-size:12px;max-width:275px;margin:auto}
.hm32-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.hm32-value{padding:14px;border-radius:12px;background:var(--wash);min-width:0;border:1px solid #e3ece7}.hm32-value span{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:5px}.hm32-value strong{font-size:19px;line-height:1.4;font-weight:600;word-break:break-word;font-variant-numeric:tabular-nums}.hm32-value small{font-size:11px;font-weight:450;display:block;color:var(--muted)}.hm32-result-note{font-size:12px!important;color:var(--muted);margin:12px 0!important}.hm32-table-wrap{overflow:auto;max-height:280px;border:1px solid var(--line);border-radius:10px;margin-top:16px}.hm32 table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}.hm32 th,.hm32 td{padding:9px 11px;border-bottom:1px solid #e1eae5;text-align:left;font-weight:450}.hm32 th{position:sticky;top:0;background:#edf4f0;font-weight:600;z-index:1}.hm32-preview{margin:18px 0 0;padding:12px 10px 8px;border:1px solid var(--line);border-radius:12px;background:#f8fbf9;overflow:hidden}.hm32-preview svg{width:100%;height:auto;max-height:285px;display:block}.hm32-preview figcaption{font-size:10px;color:var(--muted);margin-top:5px}.hm32-uat{background:var(--wash);border-radius:12px;padding:16px;margin:12px 0;border:1px solid var(--line)}.hm32-uat h3{font-size:18px;font-weight:600;margin-bottom:5px}.hm32-uat p{font-size:12px;color:var(--muted);margin:5px 0 12px}
@media(max-width:1000px){.hm32-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.hm32{padding:22px 18px 45px}.hm32-workspace{gap:16px}.hm32-input-panel,.hm32-result-panel{padding:18px}.hm32-panel-title{flex-wrap:wrap}.hm32-value strong{font-size:17px}}
@media(max-width:720px){.hm32{padding:18px 14px 38px}.hm32-workspace{grid-template-columns:1fr}.hm32-hero{padding:24px;gap:15px;flex-direction:column}.hm32-badge{margin:0}.hm32-catalog{grid-template-columns:1fr}.hm32-card{min-height:190px;padding:23px}.hm32-callout,.hm32-method{padding:22px}.hm32-tool-nav{gap:6px}.hm32-tool-nav a{font-size:11px;padding:6px 9px}.hm32-hero h1{font-size:32px}.hm32-pair{gap:10px}.hm32-values{gap:9px}.hm32-value{padding:12px}.hm32-value strong{font-size:17px}.hm32-crumb{font-size:11px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hm32-card{transition:none}}
