/* «Мой IP» (/tools/my-ip/): дополнения к общим .cvp-* (photo-tool.css). Переменные --c-* — у .cvp */
.mip-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,3vw,40px);padding:clamp(18px,2.6vw,32px)}
.mip-main,.mip-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.mip-side{padding-left:clamp(0px,3vw,40px);border-left:1px solid var(--c-sep)}
.mip-ip-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px}
.mip-ip{font-family:var(--c-mono);font-size:clamp(28px,4.6vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.01em;overflow-wrap:anywhere;min-width:0}
.mip-copy{height:48px;padding:0 20px;font-size:15px}
.mip-copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mip-facts{margin:4px 0 0;display:flex;flex-direction:column;border-top:1px solid var(--c-sep)}
.mip-facts>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--c-sep)}
.mip-facts dt{font-size:14px;color:var(--c-mute);font-weight:600}
.mip-facts dd{margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.mip-facts small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--c-ink2)}
.mip-browser>div{grid-template-columns:110px minmax(0,1fr)}
.mip-cc{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:6px;background:var(--c-track);font-size:12px;font-weight:700;color:var(--c-ink2)}
.mip-map{display:block;width:max-content;margin-top:4px;font-size:13px;font-weight:600;color:var(--c-ink2)}
.mip-tag{color:var(--c-warn)!important}
.mip-dim{color:var(--c-mute);font-weight:500}
.mip-ua summary{cursor:pointer;font-size:14px;font-weight:700}
.mip-ua code{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--c-track);font-family:var(--c-mono);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}
.mip-warn{margin:0;padding:12px 14px;border-radius:12px;background:var(--c-warn-bg);color:var(--c-warn);font-size:14px;line-height:1.45}
.mip-check{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2.6vw,32px);border-top:1px solid var(--c-sep);background:#fbfcf9}
.mip-check-row{display:flex;gap:10px;flex-wrap:wrap}
.mip-input{flex:1 1 280px;min-height:48px;padding:12px 16px;border:1px solid var(--c-ctl);border-radius:12px;background:#fff;font-family:var(--c-mono);font-size:16px;color:var(--c-ink)}
.mip-input:focus{border-color:var(--c-ink);outline:none}
.mip-check .cvp-pill{min-height:48px}
.mip-other{display:flex;flex-direction:column;gap:6px;padding:0 clamp(18px,2.6vw,32px) clamp(18px,2.6vw,32px);background:#fbfcf9;scroll-margin-top:calc(var(--hdr-h,110px) + 16px)}
.mip-note{padding:16px clamp(18px,2.6vw,32px) 22px;border-top:1px solid var(--c-sep)}
.mip-note code{font-family:var(--c-mono);font-size:12.5px;background:var(--c-track);padding:1px 6px;border-radius:6px}
@media (max-width:860px){
  .mip-grid{grid-template-columns:1fr}
  .mip-side{padding-left:0;border-left:0;padding-top:20px;border-top:1px solid var(--c-sep)}
  .mip-facts>div,.mip-browser>div{grid-template-columns:110px minmax(0,1fr)}
}